:root{color-scheme:light;--blue: #1f6feb;--blue-soft: rgba(31, 111, 235, .14);--red: #e10600;--ink: #142033;--muted: #5d6b7c;--faint: #8b95a3;--line: #e4eaf2;--card: #ffffff;--page: #d7e4f2;--shadow: 0 16px 40px rgba(28, 54, 92, .14), 0 1px 2px rgba(28, 54, 92, .06);font-family:Inter,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,WenQuanYi Zen Hei,WenQuanYi Micro Hei,Droid Sans Fallback,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;color:var(--ink);background-color:var(--page);background-image:radial-gradient(900px 420px at 50% -10%,#fffffff2,#fff0 70%);min-height:100vh}body.modal-open{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:safe center;padding:20px 12px}.card{width:min(360px,calc(100vw - 24px));background:var(--card);border-radius:18px;border-top:4px solid var(--blue);box-shadow:var(--shadow);padding:14px 16px 12px}.header{display:block}.header-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{display:flex;align-items:center;gap:8px;min-width:0}.logo{width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}.logo svg,.settings-btn svg{display:block}h1{margin:0;min-width:0;font-size:18px;line-height:1.2;font-weight:700;letter-spacing:0}.settings-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--blue);font-weight:700;font-size:15px;min-height:44px;padding:0 2px;flex:none}.lang-picker{display:block;width:100%;margin-top:8px;font-size:14px;border:1px solid #d5dbe3;border-radius:8px;background:#fff;padding:4px 8px;height:36px}html[dir=rtl] .earned,html[dir=rtl] .month-value{direction:ltr;unicode-bidi:isolate}.datetime{margin:12px 0 0;text-align:center;color:var(--muted);font-size:14px;font-variant-numeric:tabular-nums}.status{margin:8px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);font-size:32px;line-height:1.15;font-weight:800}.dot{width:8px;height:8px;border-radius:50%;background:#9aa3af;flex:none}.status[data-status=working] .dot{background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.status[data-status=lunch] .dot{background:#e39b12}.status[data-status=after] .dot{background:#1a9f4a}.card.is-live .status[data-status=working] .dot{animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #1f6feb73}to{box-shadow:0 0 0 8px #1f6feb00}}.countdown{margin:4px 0 0;text-align:center;font-size:15px}.earned-label,.speed,.hours,.note,.meta{text-align:center}.earned-label{margin:14px 0 0;color:var(--faint);font-size:13px}.earned{margin:0;text-align:center;color:var(--red);font-size:40px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.speed{margin:2px 0 0;color:var(--faint);font-size:12px;font-variant-numeric:tabular-nums}.motivation{margin:10px 0 0;text-align:center;font-size:14px;line-height:1.45;overflow-wrap:anywhere}.motivation.is-celebrating{color:#b86e00;font-weight:700}.timer-btn,.primary,.ghost,.ad-btn,.add-btn{border-radius:12px;min-height:44px}.timer-btn{display:block;width:100%;margin-top:12px;border:0;background:#161616;color:#fff;font-size:16px;font-weight:700;padding:10px 16px}.timer-btn:hover{background:#2a2a2a}.timer-btn:active{transform:translateY(1px)}.paused{margin:8px 0 0;text-align:center;color:var(--faint);font-size:12px;line-height:1.4}.ad-btn{display:flex;width:100%;margin-top:8px;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--muted);border:1px dashed #c5cad3;font-size:13px;padding:8px 10px}.badge{display:inline-block;padding:1px 6px;border-radius:999px;background:#fff4d6;color:#8a5a00;font-size:11px;font-weight:700}.progress-block{margin-top:12px}.progress-label,.hours{margin:0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.progress-label{text-align:start}.bar{margin-top:6px;height:6px;background:#e6ebf2;border-radius:99px;overflow:hidden}.bar-fill{height:100%;width:0;background:linear-gradient(90deg,#4c8dff,var(--blue));border-radius:inherit}.hours{margin-top:6px;text-align:start}hr{border:0;border-top:1px solid var(--line);margin:12px 0}.month-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px}.month-value{color:var(--red);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.note{margin:6px 0 0;text-align:start;color:var(--faint);font-size:12px;line-height:1.45}.meta{margin:4px 0 0;text-align:start;font-size:14px;font-variant-numeric:tabular-nums}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#121c2a75;display:flex;align-items:flex-end;justify-content:center;padding:12px}.modal[hidden]{display:none}.sheet{width:min(420px,100%);max-height:min(92vh,1200px);overflow:hidden;display:flex;flex-direction:column;background:#fff;border-radius:16px;padding:14px 16px 12px;box-shadow:var(--shadow)}.sheet-body{overflow:auto;padding-bottom:8px}.sheet-foot{flex:none;background:#fff;border-top:1px solid var(--line);padding-top:4px}.sheet-foot .check{margin-top:10px}.sheet-foot .help{margin-top:4px}.sheet-foot .privacy{margin-bottom:2px}.sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;padding:2px 0 8px}.sheet h2{margin:0;font-size:18px}.icon-btn{border:0;background:#f3f6fa;width:36px;height:36px;border-radius:10px;font-size:20px;line-height:1}.field{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:13px;color:var(--muted)}.segmented{display:flex;gap:4px;padding:3px;background:#f0f3f8;border-radius:10px}.segmented button{flex:1;border:0;background:transparent;border-radius:8px;min-height:36px;font-weight:700;color:#526074}.segmented button[aria-pressed=true]{background:#fff;color:var(--blue);box-shadow:0 1px 2px #14203314}input[type=text],input[type=number],input[type=time]{width:100%;border:1px solid #d5dbe3;border-radius:8px;padding:8px 10px;font-size:16px;background:#fff}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.time-grid .field{margin-top:8px}.hint,.help{margin:6px 0 0;color:var(--faint);font-size:12px;line-height:1.45}.hint.is-warning{color:#b45309}.days{display:flex;flex-wrap:wrap;gap:6px}.days button{min-width:40px;min-height:40px;border-radius:10px;border:1px solid #d5dbe3;background:#fff;font-weight:700}.days button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.reward-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 36px;gap:6px;margin-top:8px}.reward-row input{margin:0}.remove-btn{border:0;background:#f6f7f9;border-radius:8px;font-size:18px;line-height:1}.check{display:flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;color:var(--ink)}.check input{width:18px;height:18px}.actions{display:flex;gap:8px;margin-top:16px}.ghost,.primary,.add-btn{border:0;font-weight:700}.ghost{flex:1;background:#f3f6fa;color:var(--ink)}.primary,.add-btn{background:var(--blue);color:#fff}.primary{flex:1}.add-btn{margin-top:8px;width:100%}.add-btn:disabled,.ghost:disabled{opacity:.5;cursor:default}.privacy{margin:12px 0 0;color:var(--faint);font-size:12px;line-height:1.45}.ad-modal{z-index:30;align-items:center}.ad-sheet{text-align:center;background:#fff8e7;border:1px solid #f0d48a;width:min(400px,100%)}.ad-kicker{margin:4px 0;font-size:13px;font-weight:700;color:#8a5a00;letter-spacing:.04em}.ad-count{margin:8px 0;font-size:72px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}.ad-playing,.ad-local,.ad-joke{margin:6px 0;line-height:1.45}.ad-joke{font-size:16px;font-weight:700}.ad-coins{margin:8px 0 0;font-size:20px;letter-spacing:.2em;color:#e0a106}.ad-dismiss{margin-top:12px;width:100%}.burst{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:40}.coin,.confetti{position:fixed;animation:pop .9s ease-out forwards}.coin{font-size:16px;font-weight:800;color:#e0a106}.confetti{width:8px;height:12px;border-radius:2px}@keyframes pop{to{transform:translate(var(--dx),var(--dy)) rotate(200deg);opacity:0}}@media(min-width:640px){.modal{align-items:center}}@media(prefers-reduced-motion:reduce){.card.is-live .status[data-status=working] .dot,.coin,.confetti{animation:none}}