:root{--color-primary:#0e7c5a;--color-primary-dark:#0a5e44;--color-primary-soft:#0e7c5a1a;--color-accent:#c9962f;--color-accent-soft:#c9962f24;--color-terracotta:#c1552c;--color-terracotta-soft:#c1552c1f;--color-navy:#0b1b2b;--color-navy-2:#12283d;--color-ink:#0b1b2b;--color-ink-soft:#5b6b7a;--color-ink-faint:#93a2af;--color-surface:#fff;--color-surface-soft:#f6f8f7;--color-bg:#f1f4f3;--color-border:#0b1b2b1a;--color-danger:#c1362c;--color-danger-soft:#c1362c1a;--color-success:var(--color-primary);--color-warning:var(--color-accent);--color-locked-bg:#0b1b2b0a;--color-locked-text:var(--color-ink-soft);--color-locked-icon:var(--color-primary);--gradient-emerald:linear-gradient(135deg, #12976d 0%, #0a5e44 100%);--gradient-gold:linear-gradient(135deg, #e4b65a 0%, #c9962f 100%);--gradient-navy-glass:radial-gradient(120% 120% at 50% 0%, #12283de6 0%, #0b1b2b 60%);--gradient-mesh:radial-gradient(60% 60% at 15% 10%, #0e7c5a29, transparent 60%), radial-gradient(50% 50% at 90% 20%, #c9962f24, transparent 60%), radial-gradient(60% 60% at 50% 100%, #0e7c5a1a, transparent 60%);--font-display:"Poppins", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", "Segoe UI", system-ui, sans-serif;--text-display-xl:34px;--text-display-lg:26px;--text-display-md:21px;--text-body-lg:16px;--text-body-md:14px;--text-body-sm:12px;--text-body-xs:10px;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-1:0 2px 8px #0b1b2b0f;--shadow-2:0 8px 24px #0b1b2b1a;--shadow-3:0 16px 40px #0b1b2b29;--shadow-glow-emerald:0 12px 30px #0e7c5a59;--shadow-glow-gold:0 12px 30px #c9962f59;--glass-bg:#ffffff9e;--glass-border:#ffffff80;--glass-blur:20px;--duration-fast:.14s;--duration-base:.22s;--duration-slow:.38s;--duration-slower:.6s;--spring-easing:cubic-bezier(.22, 1, .36, 1);--spring-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--z-nav:100;--z-sheet:200;--z-toast:300;--z-modal:400;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ink:#f2f5f4;--color-ink-soft:#a9b7c2;--color-ink-faint:#6b7a87;--color-surface:#10222f;--color-surface-soft:#0d1c27;--color-bg:#081420;--color-border:#ffffff1a;--color-locked-bg:#ffffff0f;--glass-bg:#10222f9e;--glass-border:#ffffff14;--shadow-1:0 2px 10px #0000004d;--shadow-2:0 10px 28px #0000005c;--shadow-3:0 20px 48px #00000080}@media (prefers-reduced-motion:reduce){:root{--duration-fast:1ms;--duration-base:1ms;--duration-slow:1ms;--duration-slower:1ms}}*,:before,:after{box-sizing:border-box}html,body,div,span,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,button,input,textarea,select{font:inherit;color:inherit;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;min-height:100dvh}img,svg,video{max-width:100%;display:block}button,input,textarea,select{-webkit-appearance:none;appearance:none;background:0 0;border:none}button{cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}::selection{background:var(--color-primary-soft);color:var(--color-primary-dark)}html,body{overscroll-behavior:none;height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-ink);transition:background var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);overflow:hidden}.app-shell{max-width:480px;height:100dvh;background:var(--gradient-mesh), var(--color-bg);flex-direction:column;height:100svh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;min-height:0;padding:var(--space-md);flex:auto;overflow:hidden auto}.app-content.has-bottom-nav{padding-bottom:calc(96px + var(--space-md) + env(safe-area-inset-bottom,0px))}h1,h2,h3,.font-display{font-family:var(--font-display)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.screen{animation:dw-screen-in var(--duration-slow) var(--spring-easing) both}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes dw-screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dw-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dw-scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes dw-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes dw-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes dw-spin{to{transform:rotate(360deg)}}@keyframes dw-float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dw-toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes dw-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dw-ripple{0%{opacity:.35;transform:scale(0)}to{opacity:0;transform:scale(2.4)}}.animate-in{animation:dw-fade-in var(--duration-base) var(--ease-standard) both}.animate-scale-in{animation:dw-scale-in var(--duration-base) var(--spring-bounce) both}.animate-float{animation:3.2s ease-in-out infinite dw-float-y}.stagger-in{animation:dw-screen-in var(--duration-slow) var(--spring-easing) both;animation-delay:calc(var(--i,0) * 60ms)}
