:root{--color-bg: #fdfbf7;--color-fg: #2d2d2d;--color-muted: #e5e0d8;--color-accent: #ff4d4d;--color-accent-dark: #d93636;--color-border: #2d2d2d;--color-blue: #2d5da1;--color-white: #ffffff;--color-postit: #fff9c4;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #ff4d4d;--font-display: "Kalam", cursive;--font-body: "Patrick Hand", cursive;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;--wobbly: 12px;--wobbly-md: 12px;--wobbly-sm: 12px;--shadow-hard: 0 2px 8px rgba(0,0,0,.12);--shadow-hard-lg: 0 4px 16px rgba(0,0,0,.15);--shadow-hard-hover: 0 1px 4px rgba(0,0,0,.1);--shadow-hard-subtle: 0 1px 6px rgba(0,0,0,.08);--transition-fast: .1s ease;--transition-base: .2s ease}@media(min-width:768px){:root{--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--color-bg);background-image:radial-gradient(var(--color-muted) 1px,transparent 1px);background-size:24px 24px;color:var(--color-fg);min-height:100vh;overflow-x:hidden}body,html{overflow-x:hidden;max-width:100vw}#root{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-fg)}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.01em}h2{font-size:clamp(1.5rem,4vw,2.25rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p,li,span,label{font-size:clamp(.9375rem,2vw,1.125rem);line-height:1.6}button,input,select,textarea{font-size:16px;min-height:44px;font-family:var(--font-body)}@media(min-width:768px){button,input,select,textarea{font-size:inherit;min-height:auto}}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-muted)}::-webkit-scrollbar-thumb{background:var(--color-fg);border-radius:var(--wobbly-sm)}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(2deg)}66%{transform:translateY(4px) rotate(-1deg)}}@keyframes float-alt{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(6px) rotate(-2deg)}66%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ff4d4d66}70%{box-shadow:0 0 0 8px #ff4d4d00}to{box-shadow:0 0 #ff4d4d00}}@keyframes draw-in{0%{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes tape-settle{0%{transform:translate(-50%) rotate(-8deg) scale(.8);opacity:0}60%{transform:translate(-50%) rotate(2deg) scale(1.05);opacity:1}to{transform:translate(-50%) rotate(-2deg) scale(1);opacity:1}}@keyframes tack-drop{0%{transform:scale(0) translateY(-20px)}60%{transform:scale(1.3) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes focus-glow{0%,to{box-shadow:0 0 0 3px #2d5da114}50%{box-shadow:0 0 0 4px #2d5da129}}.bounce-gentle{animation:bounce-gentle 3s ease-in-out infinite}.float{animation:float 6s ease-in-out infinite}.float-alt{animation:float-alt 7s ease-in-out infinite}.focus-glow:focus{animation:focus-glow 2s ease-in-out infinite}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media(max-width:767px){[role=dialog],.modal{width:100%!important;max-width:100%!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}}@media(min-width:768px){.header-username{display:inline-block!important}}#root{max-width:100%;margin:0 auto}