@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;white-space:nowrap}@media (max-width:480px){.app__title{font-size:18px}}.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}.language-btn{padding:6px 12px;font-size:14px;min-width:70px}.language-buttons{display:flex;gap:8px;margin-top:4px}.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;cursor:pointer;position:relative;transition:height .15s ease}.progress:hover{height:14px}.progress__bar{height:100%;width:0;background:linear-gradient(90deg,#12a8ff,#60d1ff);transition:width .1s ease;pointer-events:none}.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}.btn--icon{padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.btn--icon svg{display:block}.btn--secondary{color:#8b9aab}.btn--secondary:hover{color:#6d7b8c}.btn--primary.btn--icon{background:linear-gradient(135deg,#3eb8ff,#12a8ff);border-color:#12a8ff;box-shadow:0 4px 12px #12a8ff40}.btn--primary.btn--icon:hover{background:linear-gradient(135deg,#12a8ff,#0d90db);box-shadow:0 6px 16px #12a8ff59}.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}.site-links-carousel{max-width:56rem;margin:40px auto 24px;overflow:hidden;padding:10px 0}.site-links-track{display:flex;gap:30px;animation:scroll-left 50s linear infinite;width:fit-content}.site-links-track:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-1050px)}}.site-link{display:block;text-decoration:none;transition:all .3s ease;border-radius:12px;overflow:hidden;flex-shrink:0}.site-link:hover{transform:translateY(-5px);box-shadow:0 8px 25px #12a8ff33}.site-image{width:320px;height:auto;display:block;transition:all .3s ease;object-fit:contain;border:1px solid rgba(18,168,255,.2);border-radius:12px}.site-link:hover .site-image{transform:scale(1.02)}@media (max-width:768px){.site-links-carousel{margin:20px auto 12px}.site-links-track{gap:20px}.site-image{width:280px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-900px)}}}@media (max-width:480px){.site-links-track{gap:15px;animation-duration:38s}.site-image{width:240px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-765px)}}}.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) .btn--primary{background:var(--primary);border-color:var(--primary-600);color:#fff}body:not(.light) .btn--primary:hover{background:var(--primary-600);border-color:var(--primary-600)}body:not(.light) .btn--secondary{color:#6d7b8c}body:not(.light) .btn--secondary:hover{color:#8fb0c8}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}.btn--pip{padding:10px 12px;font-size:16px}.btn--pip-active{background:var(--primary);border-color:var(--primary-600);color:#fff}.pip-hint{font-size:11px;color:var(--muted);text-align:center;margin-top:8px;opacity:.8}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)}