@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%}html,body{overflow-x:hidden}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}.language-btn:not(.login-btn){display:none}.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)}.status-carousel__item--editable{cursor:text}.status-carousel__input{font:inherit;font-size:inherit;font-weight:inherit;color:inherit;background:transparent;border:none;border-bottom:2px solid var(--primary);text-align:center;outline:none;width:120px;padding:0}.panel{background:#fff;border:1px solid var(--outline);border-radius:14px;padding:12px}.panel__summary{cursor:pointer;font-weight:700;color:#0b2a47;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.panel__summary:before{content:"";display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor;transition:transform .3s ease}.panel--open>.panel__summary:before{transform:rotate(90deg)}.panel__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.panel--open>.panel__content{grid-template-rows:1fr}.panel__inner{overflow:hidden}.form{display:grid;gap:10px;margin-top:16px}.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:.8em;margin-top:1.5rem;line-height:1.5;color:var(--muted);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{border-top-color:#ffffff1a}.seo-faq{margin-top:.75rem}.seo-faq summary{cursor:pointer;font-weight:600;color:var(--muted);font-size:.95em}.seo-faq summary:hover{opacity:.8}.seo-faq__steps{margin:.5rem 0 0 1.2rem;padding:0}.seo-faq__steps li{margin-bottom:.3rem}.seo-faq__list{margin:.5rem 0 0}.seo-faq__list dt{font-weight:600;margin-top:.5rem}.seo-faq__list dd{margin:.2rem 0 0}.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)}}.stats-overlay{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;transform:translate(100%);z-index:50;background:radial-gradient(1400px 800px at 0% -10%,#eaf6ff,#f7fbff 60%,#fff);background-color:#fff}body:not(.light) .stats-overlay{background:radial-gradient(1200px 600px at 10% 0%,#0a223a,#061524,#04101d);background-color:#04101d}.stats-app{max-width:720px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s;cursor:pointer}.back-link:hover{color:var(--primary-600)}.back-link:before{content:"←";font-size:18px}.stats-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 28px 6px 10px;border-radius:8px;border:1px solid #bfd4e8;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236d7b8c'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer}body:not(.light) .stats-select{background-color:#0b2035;border-color:#1e3a5f;color:#8fb0c8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238fb0c8'/%3E%3C/svg%3E")}.heatmap{overflow-x:auto;padding:4px 0}.heatmap__grid{display:flex;gap:3px}.heatmap__week{display:flex;flex-direction:column;gap:3px}.heatmap__cell{width:13px;height:13px;border-radius:2px;background:#e8eef4;cursor:pointer}.heatmap__cell--0{background:#e8eef4}.heatmap__cell--1{background:#a8c8e8}.heatmap__cell--2{background:#5a9fd4}.heatmap__cell--3{background:#2b6cb0}.heatmap__cell--4{background:#1a3a5c}.heatmap__cell--empty{background:transparent;cursor:default}@keyframes heatmap-cell-appear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.heatmap__week .heatmap__cell:not(.heatmap__cell--empty){animation:heatmap-cell-appear .3s ease-out both;animation-delay:calc(.5s + var(--wi,0) * 18ms)}body:not(.light) .heatmap__cell--0{background:#1a2332}body:not(.light) .heatmap__cell--1{background:#1e3a5f}body:not(.light) .heatmap__cell--2{background:#2563a0}body:not(.light) .heatmap__cell--3{background:#3b8fd4}body:not(.light) .heatmap__cell--4{background:#7ec4ff}.chart-wrap{position:relative;overflow-x:auto}.chart-wrap--donut{overflow-x:visible}.chart-canvas{height:200px;display:block;width:100%}.dummy-chart{display:flex;align-items:flex-end;gap:3px;padding:30px 35px 30px 40px}@keyframes dummy-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.dummy-chart__bar{flex:1;background:var(--primary);border-radius:3px 3px 0 0;opacity:.6;min-height:2px;transform-origin:bottom;animation:dummy-bar-grow .8s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.5s + var(--bi,0) * 20ms)}.stats-dummy-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.stats-login-popup-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.stats-login-popup-wrap--animated{animation:stats-login-float .6s ease-out both}.stats-login-popup-wrap .login-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;width:90%;max-width:380px}.stats-login-popup-wrap .login-popup{width:100%;max-width:none}@keyframes stats-login-float{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.tooltip{position:fixed;background:#0b2035eb;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;pointer-events:none;z-index:100;white-space:nowrap;transform:translate(-50%,-100%);margin-top:-8px;opacity:0;transition:opacity .12s}.tooltip--visible{opacity:1}body:not(.light) .tooltip{background:#061524f2;border:1px solid #12324f}.swipe-dots{display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%);z-index:60;gap:8px;background:#80808026;padding:6px 12px;border-radius:12px}.swipe-dots__dot{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.4;transition:opacity .3s,background .3s}.swipe-dots__dot--active{opacity:1;background:var(--primary)}