@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);background-repeat:no-repeat;background-attachment:fixed;background-color:#fff}.app{max-width:1000px;margin:0 auto;padding:24px}.app__header{display:flex;align-items:center;justify-content:space-between;margin-top:40px;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__header{margin-top:10px}.app__title{font-size:18px}.analog-clock{max-width:160px}.timer__display{font-size:56px;margin-bottom:12px}}.header__actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.login-btn__label{display:inline}.login-btn__logout-icon,.login-btn__login-icon{display:none}@media (max-width:480px){.header__actions{gap:4px}.language-btn{padding:4px 8px;font-size:12px;min-width:auto}.login-btn__label,.login-btn__avatar,.login-btn__person-icon{display:none}.login-btn__logout-icon,.login-btn__login-icon{display:inline-block}}.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-carousel{display:flex;justify-content:center;align-items:center;height:56px;margin-top:8px;perspective:800px;overflow:hidden}.status-carousel__track{display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;position:relative}.status-carousel__item{white-space:nowrap;position:absolute;transition:all .5s cubic-bezier(.16,1,.3,1)}.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}.form input[type=range]{width:33%;height:8px;border-radius:4px;background:#e6f3ff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 6px #12a8ff4d}.form input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 6px #12a8ff4d}.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;display:flex;flex-direction:column;gap:2px}.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);background-repeat:no-repeat;background-attachment:fixed;background-color:#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)}body:not(.light) .form input[type=range]{background:#0a2a46}.timer-wrapper{display:flex;justify-content:center;align-items:stretch;gap:16px}.timer-wrapper .timer{flex:1}.timer-wrapper--with-clock{flex-direction:row}.timer-wrapper--with-clock .analog-clock{flex:0 0 33.333%;display:flex;align-items:center;justify-content:center}.timer-wrapper--with-clock .timer{flex:0 0 calc(66.666% - 16px)}@media (max-width:640px){.timer-wrapper--with-clock{flex-direction:column}.timer-wrapper--with-clock .analog-clock,.timer-wrapper--with-clock .timer{flex:none;width:100%}}.analog-clock{width:100%;max-width:200px;aspect-ratio:1}.analog-clock svg{width:100%;height:100%}.clock-face{width:100%;height:100%}.clock-bg{fill:#fff;stroke:#e6f3ff;stroke-width:2}.clock-inner{fill:none;stroke:#f0f8ff;stroke-width:1}.clock-mark{stroke:#0b2a47;stroke-width:2;stroke-linecap:round}.clock-mark-small{stroke:#cfe7ff;stroke-width:1;stroke-linecap:round}.clock-hand-hour{stroke:#0b2a47;stroke-width:4;stroke-linecap:round}.clock-hand-minute{stroke:#0b2a47;stroke-width:3;stroke-linecap:round}.clock-hand-second{stroke:#12a8ff;stroke-width:1.5;stroke-linecap:round}.clock-center{fill:#12a8ff}.clock-end-marker{stroke:#22c55e;stroke-width:3;stroke-linecap:round}body:not(.light) .clock-bg{fill:#0b2035;stroke:#12324f}body:not(.light) .clock-inner{stroke:#0a2a46}body:not(.light) .clock-mark{stroke:#e6f3ff}body:not(.light) .clock-mark-small{stroke:#12324f}body:not(.light) .clock-hand-hour{stroke:#e6f3ff}body:not(.light) .clock-hand-minute{stroke:#e6f3ff}body:not(.light) .clock-hand-second{stroke:#12a8ff}body:not(.light) .clock-center{fill:#12a8ff}body:not(.light) .clock-end-marker{stroke:#22c55e}.contribution-graph{margin-top:16px;padding:12px 0}.contribution-graph__grid{display:flex;gap:3px}.contribution-graph__week{display:flex;flex-direction:column;gap:3px}.contribution-graph__cell{width:11px;height:11px;border-radius:2px;outline:1px solid rgba(27,31,35,.06);outline-offset:-1px}.contribution-graph__cell--0{background-color:#e8eef4}.contribution-graph__cell--1{background-color:#a8c8e8}.contribution-graph__cell--2{background-color:#5a9fd4}.contribution-graph__cell--3{background-color:#2b6cb0}.contribution-graph__cell--4{background-color:#1a3a5c}.contribution-graph__cell--empty{background-color:transparent;outline:none}@media (max-width:480px){.contribution-graph__grid{justify-content:center}.contribution-graph__cell{width:16px;height:16px;border-radius:3px}}body:not(.light) .contribution-graph__cell--0{background-color:#1a2332}body:not(.light) .contribution-graph__cell--1{background-color:#1e3a5f}body:not(.light) .contribution-graph__cell--2{background-color:#2563a0}body:not(.light) .contribution-graph__cell--3{background-color:#3b8fd4}body:not(.light) .contribution-graph__cell--4{background-color:#7ec4ff}body:not(.light) .contribution-graph__cell{outline-color:#ffffff0d}.contribution-login-prompt{text-align:center;padding:16px 12px;color:var(--muted);font-size:13px}.contribution-login-prompt p{margin:0 0 8px}.contribution-login-prompt .btn{font-size:13px}.login-btn{display:inline-flex;align-items:center;gap:6px}.login-btn__avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0}.login-btn__photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-popup{background:var(--panel);border:1px solid var(--outline);border-radius:16px;padding:28px;width:90%;max-width:380px;position:relative;box-shadow:0 20px 60px #0003;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-popup__close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--muted);cursor:pointer;padding:4px;border-radius:6px;transition:.15s}.login-popup__close:hover{color:var(--text);background:var(--outline)}.login-popup__title{margin:0 0 20px;font-size:20px;font-weight:700;color:var(--text);text-align:center}.login-popup__google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:10px}.login-popup__divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--muted);font-size:13px}.login-popup__divider:before,.login-popup__divider:after{content:"";flex:1;height:1px;background:var(--outline)}.login-popup__form{display:flex;flex-direction:column;gap:10px}.login-popup__form input{background:#f6fbff;border:1px solid #cfe7ff;color:#0b2a47;padding:12px;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s}.login-popup__form input:focus{border-color:var(--primary)}.login-popup__form input::placeholder{color:var(--muted)}.login-popup__submit{font-size:14px;padding:12px}.login-popup__error{color:#e53e3e;font-size:13px;margin:8px 0 0;text-align:center}.login-popup__success{color:#38a169;font-size:13px;margin:8px 0 0;text-align:center}.login-popup__links{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:12px}.login-popup__link{background:none;border:none;color:var(--primary);font-size:13px;cursor:pointer;padding:2px}.login-popup__link:hover{text-decoration:underline}body:not(.light) .login-popup{background:var(--panel);border-color:var(--outline)}body:not(.light) .login-popup__form input{background:#081b2d;border-color:#12324f;color:var(--text)}body:not(.light) .login-popup__form input::placeholder{color:#6d7b8c}.syncing-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.syncing-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}