:root{--bg:#0f1115;--bg-soft:#171a21;--fg:#e7e9ee;--fg-muted:#9aa0ad;--accent:#5b8cff;--accent-strong:#3f6fe6;--rest:#36c98d;--border:#262a33;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%, #1b2030 0%, var(--bg) 60%);color:var(--fg)}#root{place-items:center;padding:24px;display:grid}.app{text-align:center;flex-direction:column;gap:18px;width:100%;max-width:420px;display:flex}.app__header h1{letter-spacing:.06em;margin:0;font-size:2rem}.app__subtitle{color:var(--fg-muted);margin:6px 0 0;font-size:.9rem}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:240px;padding:32px 24px;display:flex}.phase-label{text-transform:uppercase;letter-spacing:.14em;color:var(--fg-muted);font-size:.78rem}.phase-label--rest{color:var(--rest);letter-spacing:.04em;font-size:1rem}.timer{font-variant-numeric:tabular-nums;font-size:4rem;font-weight:700;line-height:1}.timer--paused{opacity:.5}.timer--rest{color:var(--rest);font-size:5rem}.controls{gap:10px;display:flex}.btn{appearance:none;border:1px solid var(--border);color:var(--fg);cursor:pointer;background:#222632;border-radius:12px;padding:10px 20px;font-size:.95rem;transition:transform 50ms,background .15s}.btn:hover{background:#2a2f3d}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent-strong);color:#fff;padding:12px 36px;font-weight:600}.btn--primary:hover{background:var(--accent-strong)}.btn--ghost{color:var(--fg-muted);background:0 0}.period{color:var(--fg-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.period select{color:var(--fg);border:1px solid var(--border);background:#222632;border-radius:8px;padding:6px 10px;font-size:.85rem}.rest{flex-direction:column;align-items:center;gap:14px;display:flex}.rest__hint{color:var(--fg-muted);max-width:280px;margin:0;font-size:.82rem}.notif{color:var(--fg-muted);font-size:.85rem}.notif--ok{color:var(--rest)}.notif__btn{align-self:center}.app__footer{color:var(--fg-muted);font-size:.88rem}.app__footer strong{color:var(--fg)}@media (prefers-reduced-motion:reduce){.btn{transition:none}}