@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--color-navy:#1a2744;--color-teal:#3ecb8e;--color-teal-dark:#25a872;--color-teal-light:#e8faf3;--color-bg:#eef2f7;--color-card:#fff;--color-text:#1a2744;--color-muted:#6b7c99;--color-border:#dde6f0;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-warning:#f59e0b;--color-warning-bg:#fef3c7;--color-success-bg:#e8faf3;--color-day-bg:#e0f2fe;--color-day-text:#0369a1;--color-night-bg:#e2e8f0;--color-night-text:#1a2744;--color-mixed-bg:#fef3c7;--color-mixed-text:#92400e;--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}*,: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}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 var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), filter var(--duration-base) var(--ease-out);border:none;padding:14px 20px;display:inline-flex}.btn:active{transform:scale(.98)translateY(1px)}.btn-primary{background:var(--color-teal);color:#fff;box-shadow:0 1px 2px #1a27441f,0 4px 12px #3ecb8e59,0 8px 24px #3ecb8e2e}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 1px 3px #1a274426,0 6px 16px #3ecb8e6b,0 12px 32px #3ecb8e38}.btn-primary:active{transform:translateY(1px);box-shadow:0 1px 2px #1a27441a,0 2px 6px #3ecb8e40}.btn-navy{background:var(--color-navy);color:#fff;box-shadow:0 1px 2px #1a274433,0 4px 12px #1a274440,0 8px 24px #1a27441f}.btn-navy:hover{transform:translateY(-1px);box-shadow:0 1px 3px #1a274440,0 6px 16px #1a274452,0 12px 32px #1a274429}.btn-navy:active{transform:translateY(1px);box-shadow:0 1px 2px #1a274426,0 2px 6px #1a27442e}.btn-outline{background:var(--color-card);color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:0 1px 2px #1a27440d,0 2px 8px #1a274412}.btn-outline:hover{background:var(--color-bg);transform:translateY(-1px);box-shadow:0 1px 3px #1a274414,0 4px 12px #1a27441a}.btn-outline:active{transform:translateY(1px);box-shadow:0 1px 2px #1a27440d}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:0 1px 2px #1a27441f,0 4px 12px #ef444459,0 8px 24px #ef44442e}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 1px 3px #1a274426,0 6px 16px #ef44446b,0 12px 32px #ef444438}.btn-danger:active{transform:translateY(1px);box-shadow:0 1px 2px #1a27441a,0 2px 6px #ef444440}.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)}}