@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-navy:#1a2744;--color-brand-navy:#1a2744;--color-navy-deep:#0d1830;--color-teal:#3ecb8e;--color-teal-dark:#25a872;--color-teal-light:#e8faf3;--color-teal-bright:#5fd9a4;--color-green-text:#0c7a4d;--color-amber:#f5a623;--color-bg:#eef2f7;--color-card:#fff;--color-soft:#f6f9fc;--color-text:#1a2744;--color-muted:#6b7c99;--color-nav-muted:#46566f;--color-border:#dde6f0;--color-border-light:#e6edf5;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-danger-border:#fecaca;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-warning-text:#92400e;--color-success-bg:#e8faf3;--color-success-text:#065f46;--color-day-bg:#e0f2fe;--color-day-text:#0369a1;--color-night-bg:#e2e8f0;--color-night-text:#1a2744;--color-mixed-bg:#fef3c7;--color-mixed-text:#92400e;--color-row-night:#f8fafc;--color-row-mixed:#fffbeb}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-navy:#e7edf7;--color-navy-deep:#080e1a;--color-teal:#3ecb8e;--color-teal-dark:#5fd9a4;--color-teal-light:#14342a;--color-teal-bright:#5fd9a4;--color-green-text:#6ee7b7;--color-amber:#fbbf24;--color-bg:#0e1421;--color-card:#1a2336;--color-soft:#151d2e;--color-text:#e7edf7;--color-muted:#9aa9c2;--color-nav-muted:#9aa9c2;--color-border:#2c3650;--color-border-light:#232d44;--color-danger:#f87171;--color-danger-bg:#2a1518;--color-danger-text:#fca5a5;--color-danger-border:#5a2530;--color-warning:#f59e0b;--color-warning-bg:#2a2210;--color-warning-text:#fcd34d;--color-success-bg:#10291f;--color-success-text:#6ee7b7;--color-day-bg:#14334a;--color-day-text:#7dd3fc;--color-night-bg:#283347;--color-night-text:#cbd5e1;--color-mixed-bg:#3a2e12;--color-mixed-text:#fcd34d;--color-row-night:#151d2e;--color-row-mixed:#241f12}:root{--font-sans:"Poppins", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--text-xs:.7rem;--text-sm:.82rem;--text-base:.95rem;--text-md:1.05rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-timer:3.8rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--tracking-tight:-.02em;--tracking-wide:.06em;--tracking-wider:.1em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:18px;--radius-2xl:22px;--radius-pill:100px;--shadow-sm:0 2px 8px #1a27440f;--shadow-md:0 2px 16px #1a274414;--shadow-lg:0 8px 28px #1a274424;--shadow-teal:0 6px 18px #3ecb8e52;--shadow-stop:0 6px 18px #ef444452;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.28s;--max-w-app:430px;--header-h:52px;--z-header:10;--z-dropdown:100;--z-modal:1000;--z-toast:2000}[data-theme=dark]{--shadow-sm:0 2px 8px #0006;--shadow-md:0 2px 16px #00000073;--shadow-lg:0 8px 28px #0000008c}[data-theme=dark] .btn-navy{color:#fff;background:#2f4068;box-shadow:0 4px #1a2744,0 8px 20px #0006}[data-theme=dark] .btn-navy:hover{box-shadow:0 6px #1a2744,0 10px 24px #00000073}[data-theme=dark] .btn-navy:active{box-shadow:0 2px #1a2744,0 4px 10px #0000004d}[data-theme=dark] .card{border:1px solid var(--color-border)}[data-theme=dark] .input{background:#131b2b}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-regular);color:var(--color-text);background-color:var(--color-bg);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty;overflow-x:clip}a{color:var(--color-teal);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text)}input:focus,select:focus,textarea:focus{border-color:var(--color-teal);outline:none}.card{background:var(--color-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--fw-bold);cursor:pointer;transition:transform .6s cubic-bezier(.3, .7, .4, 1), box-shadow .6s cubic-bezier(.3, .7, .4, 1), filter var(--duration-base) var(--ease-out);border:none;padding:14px 20px;display:inline-flex}.btn:hover{transition:transform .25s cubic-bezier(.3,.7,.4,1.5),box-shadow .25s cubic-bezier(.3,.7,.4,1.5),filter .15s}.btn:active{transition:transform 34ms,box-shadow 34ms,filter 34ms;transform:translateY(2px)}.btn:disabled{box-shadow:none;opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-teal);color:#fff;box-shadow:0 4px 0 0 var(--color-teal-dark), 0 8px 20px #3ecb8e40}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 6px 0 0 var(--color-teal-dark), 0 10px 24px #3ecb8e52;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 0 0 var(--color-teal-dark), 0 4px 10px #3ecb8e2e;transform:translateY(2px)}.btn-navy{background:var(--color-brand-navy);color:#fff;box-shadow:0 4px #0f1830,0 8px 20px #1a274447}.btn-navy:hover{transform:translateY(-2px);box-shadow:0 6px #0f1830,0 10px 24px #1a274457}.btn-navy:active{transform:translateY(2px);box-shadow:0 2px #0f1830,0 4px 10px #1a274433}.btn-outline{background:var(--color-card);color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:0 4px 0 0 var(--color-border), 0 6px 12px #1a27440f}.btn-outline:hover{background:var(--color-bg);box-shadow:0 6px 0 0 var(--color-border), 0 8px 16px #1a274414;transform:translateY(-2px)}.btn-outline:active{box-shadow:0 2px 0 0 var(--color-border), 0 3px 6px #1a27440d;transform:translateY(2px)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 4px #b91c1c,0 8px 20px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px #b91c1c,0 10px 24px #ef444452}.btn-danger:active{transform:translateY(2px);box-shadow:0 2px #b91c1c,0 4px 10px #ef44442e}.input{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);transition:border-color var(--duration-base) var(--ease-out);background:#f8fafc;padding:12px 14px}.input:focus{border-color:var(--color-teal);background:var(--color-card)}.badge{border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:2px 8px;display:inline-block}.badge-day{background:var(--color-day-bg);color:var(--color-day-text)}.badge-night{background:var(--color-night-bg);color:var(--color-night-text)}.badge-mixed{background:var(--color-mixed-bg);color:var(--color-mixed-text)}.divider{align-items:center;gap:var(--space-3);color:var(--color-muted);font-size:var(--text-xs);display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.screen{background:var(--color-bg);min-height:100vh;padding:var(--space-5);flex-direction:column;flex:1;display:flex}.screen-centered{background:var(--color-card);justify-content:center;align-items:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}