:root{--bg:#f3f2ee;--card:#fff;--fg:#1d1d1b;--muted:#6b6a66;--line:#e2e0d9;--accent:#2f5d50;--accent-soft:#e3eee9;--accent-fg:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121211;--card:#1c1c1a;--fg:#ecebe7;--muted:#9a9993;--line:#2f2e2b;--accent:#7fb8a4;--accent-soft:#1f2e29;--accent-fg:#0e1a16}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0}button,a.button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),a.button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,a.button.primary,button.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button.big{width:100%;padding:14px;font-size:17px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);font-size:inherit;border:0;padding:0;text-decoration:underline;display:inline}.hint{color:var(--muted);margin:0;font-size:13px}small{color:var(--muted);font-size:13px}h1,h2,h3,p{margin:0}.player,.settings,.first-run{flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding:16px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card h2{font-size:15px}.top{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.01em;color:var(--accent);font-weight:700}button.icon{border:0;padding:6px 8px;font-size:20px}.banner{background:var(--accent-soft);border-radius:12px;padding:10px 14px;font-size:14px}.now{text-align:center;align-items:center;padding:24px 16px 18px}.eyebrow{color:var(--muted);font-size:13px}.now.playing .eyebrow{color:var(--accent);font-weight:600}.now h1{font-size:30px;line-height:1.2}.scene{color:var(--muted);min-height:1.45em}.play-button{background:var(--accent);width:76px;height:76px;color:var(--accent-fg);border:0;border-radius:50%;margin:6px 0;box-shadow:0 4px 14px #00000026}.play-button:hover:not(:disabled){filter:brightness(1.08)}.volume{align-items:center;gap:10px;width:100%;display:flex}.volume input{accent-color:var(--accent);flex:1}.volume .hint{text-align:right;min-width:3ch}.auto-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.auto-row>span{flex-direction:column;gap:2px;display:flex}.auto-row a.button{flex-shrink:0}.switch{background:var(--line);border:0;border-radius:999px;flex-shrink:0;justify-content:flex-start;width:50px;height:30px;padding:3px;transition:background .2s}.switch span{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;box-shadow:0 1px 3px #00000040}.switch.on{background:var(--accent)}.switch.on span{transform:translate(20px)}.modes{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mode{flex-direction:column;gap:2px;padding:10px 4px;font-size:14px}.mode span{font-size:20px}.mode.active{background:var(--accent-soft);border-color:var(--accent);color:var(--fg);font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:999px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;display:inline-flex}.chip.small{padding:4px 10px;font-size:13px}.chip.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}details>summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:600;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸ "}details[open]>summary:before{content:"▾ "}details[open]>summary{margin-bottom:10px}.feedback{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:12px;display:flex}.record>summary{color:var(--fg);gap:4px;display:flex}.record>summary .hint{margin-left:auto;font-weight:400}.record{gap:8px}.record p{font-size:14px}.record-modes{margin:0;padding:0;font-size:14px;list-style:none}.record-modes li{justify-content:space-between;padding:3px 0;display:flex}.record-week{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.record-day{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.bar-track{border-bottom:1px solid var(--line);justify-content:center;align-items:flex-end;width:100%;height:48px;display:flex}.bar{background:var(--accent);border-radius:4px 4px 0 0;width:12px;min-height:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.dev{color:var(--muted);font-size:12px}.dev button{margin:6px 6px 0 0;font-size:12px}.first-run{margin-top:24px}.first-run h1{word-break:keep-all;font-size:24px;line-height:1.3}.points{word-break:keep-all;flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.points li{gap:10px;display:flex}.segments{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.segments legend{margin-bottom:8px;font-weight:600}.settings>header{align-items:center;gap:8px;display:flex}.settings>header h2{font-size:20px}.settings h3{font-size:15px}.field{flex-direction:column;gap:4px;font-size:14px;display:flex}.check{align-items:center;gap:8px;display:flex}.row{flex-wrap:wrap;gap:8px;display:flex}.rules,.defaults{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rules li,.add-rule{align-items:center;gap:6px;display:flex}.rules li span{overflow-wrap:anywhere;flex:1}.add-rule input{flex:1;min-width:0}input,select{font:inherit;color:inherit;border:1px solid var(--line);background:0 0;border-radius:8px;padding:7px 8px}input[type=range]{accent-color:var(--accent);border:0;padding:0}select option{background:var(--card);color:var(--fg)}.defaults{max-height:180px;color:var(--muted);margin-top:6px;font-size:12px;overflow:auto}.account{flex-direction:column;gap:8px;display:flex}.advanced{flex-direction:column;gap:12px;display:flex}.add-rule select{flex:0 auto;max-width:45%}:root{--m-coding:#4a6fa5;--m-office:#2f7a5a;--m-reading:#a66a1f;--m-reset:#2b8a8a;--shadow:0 1px 2px #141e190a, 0 6px 20px #141e190d;--tint:var(--accent)}@media (prefers-color-scheme:dark){:root{--m-coding:#8fb1e3;--m-office:#7cc39c;--m-reading:#e2b06a;--m-reset:#7fcfcf;--shadow:0 1px 2px #0000004d}}body{-webkit-font-smoothing:antialiased}.mode-coding{--tint:var(--m-coding)}.mode-office{--tint:var(--m-office)}.mode-reading{--tint:var(--m-reading)}.mode-reset{--tint:var(--m-reset)}.card{box-shadow:var(--shadow)}.brand{color:var(--fg);align-items:center;gap:8px;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--m-coding), var(--m-office) 55%, var(--m-reset));border-radius:6px;width:20px;height:20px;display:inline-block}button.icon{color:var(--muted);border-radius:50%;width:38px;height:38px;padding:0}button.icon:hover:not(:disabled){color:var(--fg);background:var(--card)}.now{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--tint) 16%, var(--card)) 0%, var(--card) 70%);gap:8px;padding:28px 20px 20px;transition:background .6s;position:relative;overflow:hidden}.now h1{letter-spacing:-.02em;font-size:32px}.now.playing .eyebrow{color:var(--tint)}.mode-badge{width:52px;height:52px;color:var(--tint);background:color-mix(in srgb, var(--tint) 14%, var(--card));border-radius:16px;place-items:center;display:inline-grid}.play-button{background:var(--tint);width:80px;height:80px;box-shadow:0 6px 18px color-mix(in srgb, var(--tint) 35%, transparent);margin:10px 0 6px;transition:background .6s,transform .15s;position:relative}.play-button:active{transform:scale(.97)}.now.playing .play-button:after{content:"";border:2px solid var(--tint);opacity:0;border-radius:50%;animation:4s ease-in-out infinite breathe;position:absolute;inset:-6px}@keyframes breathe{0%,to{opacity:0;transform:scale(.94)}50%{opacity:.45;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.now.playing .play-button:after{animation:none}}.volume{color:var(--muted)}.volume input{accent-color:var(--tint)}.mode{border-radius:12px;gap:6px;padding:12px 4px 10px}.mode svg{color:var(--tint)}.mode.active{background:color-mix(in srgb, var(--tint) 12%, var(--card));border-color:var(--tint)}.chip svg{flex:none}.chip.on{box-shadow:0 1px 4px #0000001f}.record-mode{align-items:center;gap:6px;display:inline-flex}.point-icon{width:30px;height:30px;color:var(--accent);background:var(--accent-soft);border-radius:9px;flex:none;place-items:center;display:inline-grid}.points li{align-items:flex-start}.points li>span:last-child{padding-top:4px}.first-run .brand{font-weight:700}.settings>header{gap:4px}button.back{color:var(--muted);border:0;padding:6px 8px 6px 4px}button.back:hover:not(:disabled){color:var(--fg)}.settings h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:13px}.settings details.card>summary{font-size:15px}.chip.on{background:var(--tint);border-color:var(--tint)}button.primary,a.button.primary{font-weight:600}@media (max-width:512px){.first-run{margin:16px}}.add-rule input,.add-rule select,.add-rule button{font-size:14px}.auto-row{flex-wrap:wrap}.auto-row>span{flex:220px}.chip.removed{opacity:.55;text-decoration:line-through}.chip.removed.on{opacity:1;text-decoration:none}.focus-clock{font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:600;line-height:1.1}.focus-bar{background:var(--accent-soft);border-radius:999px;height:6px;overflow:hidden}.focus-bar>div{background:var(--accent);height:100%;transition:width 1s linear}@media (prefers-reduced-motion:reduce){.focus-bar>div{transition:none}}