:root{--color-bg:#FFFBEB;--color-surface:#FFFFFF;--color-border:#18181B;--color-primary:#FF4365;--color-primary-hover:#E02E50;--color-secondary:#00D2FF;--color-yellow:#FACC15;--color-green:#10B981;--color-green-dark:#059669;--color-purple:#8B5CF6;--color-orange:#FB923C;--color-dark:#18181B;--color-muted:#71717A;--border-thick:3.5px solid var(--color-border);--border-card:4px solid var(--color-border);--shadow-flat:4px 4px 0px var(--color-border);--shadow-flat-lg:6px 6px 0px var(--color-border);--shadow-flat-sm:2px 2px 0px var(--color-border);--shadow-pressed:1px 1px 0px var(--color-border);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body,html{max-width:100vw;min-height:100vh;min-height:100dvh;background-color:var(--color-bg);color:var(--color-dark);font-family:var(--font-family);overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-x pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow-x:hidden}body{background-color:#FEF9C3;background-image:radial-gradient(#FDE047 1.5px,transparent 0);background-size:24px 24px;display:flex;flex-direction:column}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--color-purple);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}