:root{--color-primary: #14bdc6;--color-primary-light: #c1e6ec;--color-accent-dark: #104911;--color-accent-medium: #548c2f;--color-accent-yellow: #ffba49;--color-bg: #ffffff;--color-bg-alt: #f7f8fa;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-error: #d64545;--color-surface: var(--color-bg);--color-surface-alt: var(--color-bg-alt);--color-border: rgba(26, 26, 26, .08);--color-overlay: rgba(17, 24, 39, .32);--color-on-primary: #ffffff;--color-on-accent: #ffffff;--color-success: var(--color-accent-medium);--color-info: var(--color-primary);--color-warning: var(--color-accent-yellow);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-family-base: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-scale: 1;--font-size-xs: calc(12px * var(--font-scale));--font-size-sm: calc(14px * var(--font-scale));--font-size-base: calc(16px * var(--font-scale));--font-size-md: calc(18px * var(--font-scale));--font-size-lg: calc(20px * var(--font-scale));--font-size-xl: calc(24px * var(--font-scale));--font-size-2xl: calc(28px * var(--font-scale));--font-size-3xl: calc(32px * var(--font-scale));--font-size-4xl: calc(40px * var(--font-scale));--font-weight-regular: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.45;--line-height-relaxed: 1.6;--motion-duration: .22s;--motion-duration-fast: .14s;--motion-duration-slow: .32s;--motion-ease: cubic-bezier(.2, .8, .2, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1);--z-index-base: 1;--z-index-sticky: 100;--z-index-overlay: 500;--z-index-modal: 1000;--z-index-toast: 1500;--app-max-width: 480px;--bottom-nav-height: 72px;--top-bar-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--color-primary: #49d9e2;--color-primary-light: #124b54;--color-accent-dark: #b5f489;--color-accent-medium: #7fc060;--color-accent-yellow: #ffc85e;--color-bg: #0f1417;--color-bg-alt: #181e23;--color-text: #f5f7f8;--color-text-muted: #9aa3ad;--color-error: #ff6a6a;--color-surface: var(--color-bg);--color-surface-alt: var(--color-bg-alt);--color-border: rgba(245, 247, 248, .12);--color-overlay: rgba(0, 0, 0, .6);--color-on-primary: #04252a;--color-on-accent: #0f1417;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6)}@media(prefers-reduced-motion:reduce){:root{--motion-duration: 0ms;--motion-duration-fast: 0ms;--motion-duration-slow: 0ms}}[data-motion=reduced]{--motion-duration: 0ms;--motion-duration-fast: 0ms;--motion-duration-slow: 0ms}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:light dark}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;overscroll-behavior-y:contain;min-height:100dvh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img,svg,video{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}hr{border:0;border-top:1px solid var(--color-border)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{background-color:var(--color-bg);color:var(--color-text)}app-root{display:block;min-height:100dvh;max-width:var(--app-max-width);margin:0 auto;background-color:var(--color-bg);position:relative;overflow-x:hidden;box-shadow:var(--shadow-md)}@media(min-width:481px){body{background-color:var(--color-bg-alt)}}.app-container{min-height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg)}*::selection{background-color:color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-text)}@keyframes uxFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes uxPop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--motion-duration);animation-timing-function:var(--motion-ease)}::view-transition-old(root){animation-name:uxFadeOut}::view-transition-new(root){animation-name:uxFadeIn}@keyframes uxFadeOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}button:not(:disabled):active{transform:scale(.985)}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}