@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@600;700&display=swap";:root{--bg:#f7fbff;--panel:#ffffff;--text:#0f233b;--muted:#6d7b8c;--primary:#12a8ff;--primary-600:#0d90db;--accent:#1ad1ff;--warn:#ffce47;--outline:#e6f3ff;--ink-soft:#2a3b51;--shadow:0 10px 30px rgba(3, 46, 87, .15)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:radial-gradient(1400px 800px at 0% -10%,#eaf6ff,#f7fbff 60%,#fff)}.app{max-width:720px;margin:0 auto;padding:24px}.app__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.app__title{margin:0;font-size:24px;letter-spacing:.2px;font-family:Poppins,Inter,system-ui;font-weight:700;color:#0b2a47}.header__actions{display:flex;gap:8px}.toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:24px;border-radius:999px;background:#d7ecff;position:relative;outline:none;transition:.2s;border:1px solid #c6e4ff}.toggle input:checked{background:#bfe2ff}.toggle input:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000014;transition:.2s}.toggle input:checked:after{transform:translate(14px)}.app__main{display:flex;flex-direction:column;gap:16px}.mode{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode__btn{border:1px solid var(--outline);padding:10px 12px;border-radius:12px;background:#f2f9ff;color:var(--ink-soft);cursor:pointer;transition:.2s;font-weight:700}.mode__btn:hover{background:#e8f3ff;border-color:#bfe2ff}.timer{background:var(--panel);border-radius:20px;padding:28px;box-shadow:var(--shadow);border:1px solid var(--outline)}.timer__display{font-variant-numeric:tabular-nums;font-size:68px;line-height:1;text-align:center;letter-spacing:.5px;margin-bottom:16px;color:#06223e;text-shadow:0 2px 0 rgba(18,168,255,.08)}.progress{height:10px;background:#e6f3ff;border-radius:999px;overflow:hidden;margin-bottom:16px;border:1px solid #d7ecff}.progress__bar{height:100%;width:0;background:linear-gradient(90deg,#12a8ff,#60d1ff);transition:width .25s ease}.controls{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.btn{border:1px solid var(--outline);background:#f2f9ff;color:#0b2a47;padding:10px 14px;border-radius:12px;cursor:pointer;transition:.15s;font-weight:700}.btn:hover{transform:translateY(-1px);background:#e8f3ff;border-color:#bfe2ff}.btn--primary{background:var(--primary);border-color:var(--primary-600);color:#fff}.btn--primary:hover{background:var(--primary-600)}.btn--small{padding:6px 10px;font-size:12px}.status{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:40px;margin-top:6px}.status__mode{font-size:18px;font-weight:700;color:#0b2a47}.status__counter{font-size:12px;color:var(--muted)}body:not(.light) .status__mode{color:#e6f3ff}.panel{background:#fff;border:1px solid var(--outline);border-radius:14px;padding:12px}.panel>summary{cursor:pointer;font-weight:700;color:#0b2a47}.form{display:grid;gap:10px;margin-top:8px}.form__row{display:flex;flex-direction:column;gap:6px}.form__row--inline{flex-direction:row;align-items:center;gap:10px}.form label{color:#2a3b51;font-size:14px}.form input[type=number]{background:#f6fbff;border:1px solid #cfe7ff;color:#0b2a47;padding:10px;border-radius:10px}.checkbox{display:flex;align-items:center;gap:8px}.form__actions{display:flex;gap:10px}.hint{color:var(--muted);font-size:12px;margin-top:6px}.seo-content{font-size:.75em;opacity:.5;margin-top:1.5rem;line-height:1.3;color:#666;font-weight:400;padding:.5rem 0;border-top:1px solid rgba(0,0,0,.1)}.seo-content p{margin:0}body:not(.light) .seo-content{color:#8fb0c8;border-top-color:#ffffff1a}.app__footer{margin-top:8px;color:var(--muted);font-size:12px;text-align:center}.app__header,.timer,.panel{-webkit-backdrop-filter:saturate(1.1) blur(6px);backdrop-filter:saturate(1.1) blur(6px)}body:not(.light){--bg:#061524;--panel:#0b2035;--text:#e6f3ff;--muted:#8fb0c8;--primary:#12a8ff;--primary-600:#0d90db;--outline:#12324f;--ink-soft:#cfe7ff;background:radial-gradient(1200px 600px at 10% 0%,#0a223a,#061524,#04101d)}body:not(.light) .mode__btn{background:#0c2740;color:#e6f3ff;border-color:#12324f}body:not(.light) .btn{background:#0c2740;color:#e6f3ff;border-color:#12324f}body:not(.light) .panel>summary{color:#fff}body:not(.light) .app__title{color:#e6f3ff}body:not(.light) .timer__display{color:#e6f3ff;text-shadow:0 2px 0 rgba(0,0,0,.25)}body:not(.light) .progress{background:#0a2a46;border-color:#12324f}body:not(.light) .toggle input{background:#0a2a46;border-color:#12324f}body:not(.light) .panel{background:var(--panel);border-color:var(--outline)}body:not(.light) .panel>summary{color:var(--text)}body:not(.light) .form label{color:var(--ink-soft)}body:not(.light) .form input[type=number]{background:#081b2d;border:1px solid #12324f;color:var(--text)}