:root{--cl-primary: #006666;--cl-primary-dim: #005959;--cl-primary-dark: #004343;--cl-primary-container: #8dedec;--cl-primary-fixed: #8dedec;--cl-primary-fixed-dim: #7fdede;--cl-secondary: #176a21;--cl-secondary-container: #9df197;--cl-tertiary: #006570;--cl-tertiary-container: #6debfd;--cl-bg: #e4fbfe;--cl-surface: #ffffff;--cl-surface-container-lowest: #ffffff;--cl-surface-container-low: #dcf5f9;--cl-surface-container: #d2edf1;--cl-surface-container-high: #cae8ec;--cl-surface-container-highest:#c2e3e7;--cl-surface-variant: #c2e3e7;--cl-surface-dim: #b8dbdf;--cl-outline: #657b7d;--cl-outline-variant: #9bb1b4;--cl-on-surface: #1d3234;--cl-on-surface-variant: #4a5f62;--cl-on-primary: #ffffff;--cl-on-primary-container: #005858;--cl-on-secondary: #ffffff;--cl-on-tertiary-container: #00555e;--cl-on-secondary-container: #005c15;--cl-error: #b31b25;--cl-error-container: #fb5151;--cl-on-error: #ffefee;--cl-success: #176a21;--cl-success-container: #9df197;--cl-shadow-sm: 0 2px 8px rgba(29, 50, 52, .06);--cl-shadow-md: 0 4px 20px rgba(29, 50, 52, .1);--cl-shadow-lg: 0 8px 40px rgba(29, 50, 52, .15);--cl-paper: 0 8px 32px rgba(29, 50, 52, .06);--color-primary: var(--cl-primary);--color-primary-light: var(--cl-primary-container);--color-primary-dark: var(--cl-primary-dim);--color-accent: #fbbf24;--color-accent-light: #fde68a;--color-success: var(--cl-success);--color-error: var(--cl-error);--color-bg: var(--cl-bg);--color-surface: var(--cl-surface);--color-border: var(--cl-outline-variant);--color-text: var(--cl-on-surface);--color-text-muted: var(--cl-on-surface-variant);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--shadow-sm: var(--cl-shadow-sm);--shadow-md: var(--cl-shadow-md);--shadow-lg: var(--cl-shadow-lg);--sidebar-w: 280px;--topbar-h: 64px;--bottom-nav-h: 68px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--cl-on-surface);background-color:var(--cl-bg);line-height:1.6;min-height:100dvh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.2}p,li,label,input,button,select,textarea{font-size:max(16px,1rem)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}:focus-visible{outline:3px solid var(--cl-primary);outline-offset:2px;border-radius:var(--radius-sm)}button,a,[role=button]{min-height:44px;min-width:44px;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.scroll-container{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dot-pattern{background-image:radial-gradient(var(--cl-outline-variant) 1px,transparent 1px);background-size:24px 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media(min-width:768px){.container{padding:0 var(--space-xl)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes bounce-in{0%{transform:scale(0)}70%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rocket{0%{transform:translateY(0) rotate(-10deg)}to{transform:translateY(-16px) rotate(10deg)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 #00666659}70%{box-shadow:0 0 0 12px #0660}to{box-shadow:0 0 #0660}}@keyframes slide-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pop-in{0%{opacity:0;transform:scale(.65)}65%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(7px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@keyframes celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-8deg)}50%{transform:scale(1.2) rotate(6deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes wrong-pulse{0%{background:inherit}30%{background:#b31b2526}to{background:inherit}}@keyframes panel-enter{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dot-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.anim-slide-up{animation:slide-up .45s cubic-bezier(.22,1,.36,1) both}.anim-fade-in{animation:fade-in .35s ease both}.anim-scale-in{animation:scale-in .4s cubic-bezier(.22,1,.36,1) both}.anim-pop-in{animation:pop-in .5s cubic-bezier(.22,1,.36,1) both}.anim-shake{animation:shake .5s ease both}.anim-celebrate{animation:celebrate .55s cubic-bezier(.22,1,.36,1) both}.anim-bounce-in{animation:bounce-in .55s cubic-bezier(.22,1,.36,1) both}.anim-d1{animation-delay:.06s}.anim-d2{animation-delay:.12s}.anim-d3{animation-delay:.18s}.anim-d4{animation-delay:.24s}.anim-d5{animation-delay:.3s}.anim-d6{animation-delay:.36s}.anim-d7{animation-delay:.42s}.anim-d8{animation-delay:.48s}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal.anim-d1.is-visible{transition-delay:.06s}.reveal.anim-d2.is-visible{transition-delay:.12s}.reveal.anim-d3.is-visible{transition-delay:.18s}.reveal.anim-d4.is-visible{transition-delay:.24s}.reveal.anim-d5.is-visible{transition-delay:.3s}.reveal.anim-d6.is-visible{transition-delay:.36s}