@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');
.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.time-fields{display:flex;align-items:center;gap:5px}.time-fields input{min-width:0}.time-fields span{color:var(--muted);font-size:11px}.source-note{color:var(--muted);font-size:11px;line-height:1.5}.source-note a{color:#fff}
:root{font-family:'DM Sans',sans-serif;color:#eaf1f8;background:#08111f;--muted:#a3b2c3;--line:#31445a;--accent:#f05b40}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#08111f}.app-shell{height:100vh;min-height:560px;padding:34px 5vw;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.brand{font-weight:700;letter-spacing:.16em}.brand-mark{color:var(--accent);margin-right:10px}.topbar p,footer{color:var(--muted);font-size:12px;letter-spacing:.04em}.timer-card{flex:1;min-height:0;border:1px solid var(--line);border-radius:24px;background:#10213a;box-shadow:0 20px 60px #03091299;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:background .35s,box-shadow .35s}.timer-card.phase-work{background:#156b4a;box-shadow:0 0 100px #16a56b44}.timer-card.phase-prepare{background:#9b7414;box-shadow:0 0 100px #e5ad2244}.timer-card.phase-rest{background:#9b3035;box-shadow:0 0 100px #e6454c44}.timer-card.phase-cooldown{background:#24558f;box-shadow:0 0 100px #3185e844}.phase-label,.eyebrow{color:#fff;font-size:13px;font-weight:700;letter-spacing:.2em}.time{font:600 clamp(100px,24vw,280px)/.88 'Barlow Condensed',sans-serif;letter-spacing:.02em;margin:24px 0 18px}.round-count{font-size:15px;letter-spacing:.14em;color:#e7edf4}.round-count strong{font-size:22px;margin:0 7px}.progress-track{height:5px;width:min(560px,65%);background:#ffffff33;margin:38px 0 34px}.progress-track div{height:100%;background:#fff;width:100%;transition:width .3s}.controls{display:flex;gap:12px}.controls button{border:0;border-radius:9px;padding:14px 25px;font-weight:700;cursor:pointer}.primary{background:#fff;color:#182638}.secondary{background:#12223899;color:#fff}.status{color:#e1e8ef;font-size:13px;margin-top:20px}footer{display:flex;justify-content:space-between;padding-top:20px}.menu-button{position:fixed;z-index:20;top:25px;left:26px;width:42px;height:42px;border:1px solid #52657b;border-radius:9px;background:#14263c;color:#fff;padding:10px;cursor:pointer}.menu-button span{display:block;height:2px;background:#fff;margin:4px 0}.settings-drawer{position:fixed;z-index:30;top:0;left:0;bottom:0;width:min(390px,90vw);padding:34px;overflow:auto;background:#0d1b2d;box-shadow:20px 0 50px #0008;transform:translateX(-105%);transition:transform .25s}.settings-drawer.open{transform:translateX(0)}.drawer-scrim{display:none;position:fixed;z-index:25;inset:0;background:#0009}.drawer-scrim.open{display:block}.drawer-heading{display:flex;justify-content:space-between;margin:20px 0 30px}.drawer-heading h1{font:600 33px/1 'Barlow Condensed';margin:8px 0 0}.close-button{border:0;background:none;color:#fff;font-size:30px;cursor:pointer}label{display:block;color:#dce6ef;font-size:13px;margin:18px 0}input,select{display:block;width:100%;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#0b1728;color:#fff;padding:13px;font:500 16px 'DM Sans'}small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.option-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0}.option-row b{font-size:13px}.toggle{width:43px;height:24px;border:0;border-radius:20px;background:#334358;padding:3px;cursor:pointer}.toggle span{display:block;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on{background:var(--accent)}.toggle.on span{transform:translateX(19px)}@media(max-width:600px){.app-shell{padding:22px 14px}.topbar{justify-content:center}.topbar p{display:none}.timer-card{border-radius:16px}.time{font-size:31vw}.progress-track{width:78%}}