:root,[data-theme=light]{--bg:#fdfeff;--surface:#f6f8fa;--hairline:#e2e4e6;--ink:#0c0c0c;--muted:#6a6a6a;--subtle:#a4a6a8;--focus-fill:#ff3b30;--focus-ink:#fff;--focus-track:#ffd3d0;--short-fill:#7be04a;--short-ink:#0c0c0c;--short-track:#def7ce;--long-fill:#8e7bff;--long-ink:#0c0c0c;--long-track:#dfd9ff;--brand:#ff3b30;--scrim:rgba(0,0,0,.28);--ease-standard:cubic-bezier(0.2,0,0,1)}[data-theme=dark]{--bg:#0c0c0c;--surface:#1a1c1e;--hairline:#2b2d2f;--ink:#f6f8fa;--muted:#a4a6a8;--subtle:#6a6a6a;--focus-track:#4d1d19;--short-track:#2e4a1b;--long-track:#2e2860}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-wrap:pretty}button,input,select,textarea{font:inherit;color:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{cursor:pointer}a{color:var(--ink);text-decoration:none;border-bottom:.5px solid var(--hairline)}a:hover{border-bottom-color:var(--muted)}::placeholder{color:var(--subtle)}:focus-visible{outline:1px solid var(--ink);outline-offset:4px}.spectrum-bar{position:fixed;top:0;left:0;right:0;height:1px;z-index:2147483647;overflow:hidden;pointer-events:none}.spectrum-bar__track{width:300%;height:1px;background:linear-gradient(90deg,#ff4d6d,#ff9f43,#ffd93d,#4ade80,#38bdf8,#a78bfa,#ff4d6d,#ff9f43,#ffd93d,#4ade80,#38bdf8,#a78bfa,#ff4d6d);animation:xus-spectrum 60s linear infinite;will-change:transform}@keyframes xus-spectrum{0%{transform:translateZ(0)}to{transform:translate3d(-66.666%,0,0)}}@media (prefers-reduced-motion:reduce){.spectrum-bar__track{animation:none;transform:none}}.wordmark{font-weight:700;font-size:13px;letter-spacing:-.01em;white-space:nowrap;border-bottom:0;display:inline-flex}.wm-pomodoro,.wm-x{color:var(--brand)}.wm-us{color:var(--ink)}.app{min-height:100vh;flex-direction:column;justify-content:flex-start;padding:clamp(64px,8vh,96px) 24px 64px}.app,.toolbar-left{display:flex;align-items:center}.toolbar-left{position:fixed;top:18px;left:20px;z-index:40;gap:6px}.toolbar-right{position:fixed;top:18px;right:20px;z-index:71}.toolbar-right-inner{display:flex;align-items:center;gap:2px}.icon-btn{border:0;background:none;padding:8px;display:flex;color:var(--subtle)}.intention{width:400px;max-width:100%;height:52px;border-radius:999px;border:.5px solid var(--ink);background:var(--bg);padding:0 20px;font-size:17px;outline:none;text-align:center}.intention::placeholder{color:var(--ink)}.intention:focus::placeholder{color:transparent}.chip-slot{height:76px;display:flex;flex-direction:column;align-items:center}.chip-hint{font-size:11.5px;color:var(--subtle);margin-top:14px;text-align:center;max-width:340px;line-height:1.5}.chip-row{width:400px;max-width:100%;display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:10px}.chip{height:30px;padding:0 13px;border-radius:999px;font-size:12.5px;border:.5px solid var(--hairline);background:transparent;color:var(--ink);white-space:nowrap}.chip.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip-add{width:30px;background:none;color:var(--subtle);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.chip-add,.chip-input{height:30px;border-radius:999px;border:.5px solid var(--hairline)}.chip-input{width:110px;background:var(--bg);padding:0 13px;font-size:12.5px;outline:none}.stack-gap{height:12px}.circle-btn,.circle-wrap{position:relative}.circle-btn{border:0;background:none;padding:0;display:flex;align-items:center;justify-content:center;width:var(--box);height:var(--box);opacity:var(--dim,1);transition:opacity .2s var(--ease-standard)}.circle-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.circle-ring circle{fill:none}.circle-arc{transition:stroke-dashoffset .25s linear}.circle-face{width:var(--face);height:var(--face);border-radius:999px;background:var(--fill);color:var(--ink-on);display:flex;align-items:center;justify-content:center;font-size:var(--fs);font-weight:400;filter:var(--sat,none);transition:filter .2s var(--ease-standard)}.circle--focus{--face:clamp(208px,27vh,300px);--box:calc(var(--face) * 1.0865);--fs:calc(var(--face) * 0.2452)}.circle--focus .circle-face{letter-spacing:-.02em}.circle--break{--face:clamp(92px,12vh,132px);--box:calc(var(--face) * 1.1522);--fs:calc(var(--face) * 0.2717)}.circle--mini{--face:clamp(58px,7.6vh,84px);--box:calc(var(--face) * 1.2045);--fs:calc(var(--face) * 0.3182)}.circle--mini .circle-face{background:var(--surface);border:.5px solid var(--hairline);color:var(--muted)}.reset-link{position:absolute;left:0;right:0;top:var(--box);display:flex;justify-content:center}.reset-link button{border:0;background:none;color:var(--muted);font-size:15px;padding:6px 12px}.breaks-row{display:flex;gap:clamp(32px,4vh,44px);margin-top:clamp(30px,3.8vh,42px)}.minis-row{display:flex;gap:clamp(21px,2.6vh,30px)}.today{margin-top:clamp(26px,3.2vh,36px);min-height:38px;display:flex;flex-direction:column;align-items:center;gap:11px}.today-label{font-size:13px;color:var(--muted);letter-spacing:.01em}.dot-row{width:124px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center}.dot{position:relative;width:10px;height:10px;border-radius:999px;background:var(--dot);display:block}.dot-tip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--ink);color:var(--bg);font-size:11.5px;line-height:1.5;padding:5px 9px;border-radius:6px;z-index:20;text-align:center}.divider{width:clamp(276px,34vh,360px);max-width:100%;height:.5px;background:var(--hairline);margin:clamp(26px,3.2vh,36px) 0}.info-wrap{position:relative;display:flex}.popover{position:absolute;top:100%;right:-8px;padding-top:6px;width:268px}.popover-panel{background:var(--bg);border:.5px solid var(--hairline);border-radius:14px;padding:18px}.popover-line{font-size:12.5px;line-height:1.6;color:var(--muted)}.popover-rows{display:flex;flex-direction:column;gap:8px;font-size:12px}.popover-row{display:flex;justify-content:space-between;gap:12px}.popover-row span:first-child{color:var(--muted)}.popover-about{border:0;background:none;padding:0;font-size:12px;border-bottom:.5px solid var(--hairline);color:var(--ink)}.hair{height:.5px;background:var(--hairline);margin:14px 0}.scrim{position:fixed;inset:0;background:var(--scrim);border:0;padding:0}.scrim--sidebar{z-index:80}.scrim--dialog{z-index:90}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);z-index:81;background:var(--bg);border-right:.5px solid var(--hairline);display:flex;flex-direction:column}.sidebar-body{flex:1 1;overflow-y:auto;padding:26px 22px 8px}.section-label{font-size:11px;color:var(--subtle);margin-bottom:12px}.week-stats{display:flex;gap:22px;margin-bottom:30px}.stat-n{font-size:19px}.stat-l{font-size:10.5px;color:var(--muted);margin-top:3px}.chip-stats{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}.chip-stat-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.chip-stat-name{border:0;background:none;padding:0;font-size:12.5px;text-align:left;color:var(--ink)}.chip-stat-rename{flex:1 1;height:24px;border:.5px solid var(--hairline);border-radius:6px;background:var(--bg);padding:0 8px;font-size:12.5px;outline:none}.chip-stat-meta{font-size:11px;color:var(--muted);white-space:nowrap}.bar-track{background:var(--surface);overflow:hidden}.bar-fill,.bar-track{height:3px;border-radius:999px}.bar-fill{background:var(--muted);width:var(--w,0)}.chip-stat-actions{display:flex;gap:12px;margin-top:6px}.micro-btn{border:0;background:none;padding:0;font-size:10.5px;color:var(--subtle)}.merge-row{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.merge-label{font-size:10.5px;color:var(--subtle)}.merge-pill{height:24px;padding:0 10px;border-radius:999px;border:.5px solid var(--hairline);background:none;font-size:10.5px;color:var(--ink)}.empty{font-size:12px;color:var(--subtle)}.history{display:flex;flex-direction:column;gap:2px;padding-bottom:12px}.day{border-bottom:.5px solid var(--hairline);padding:10px 0}.day-head{width:100%;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink)}.day-date{font-size:12.5px}.day-dots{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:130px}.dot-sm{width:6px;height:6px;border-radius:999px;background:var(--dot);display:block}.day-total{font-size:11px;color:var(--muted);white-space:nowrap}.day-items{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-left:2px}.day-item{display:flex;align-items:baseline;gap:8px}.day-item .dot-sm{margin-top:5px}.item-label{flex:1 1;font-size:12px;line-height:1.5}.item-chip{color:var(--subtle)}.item-right{font-size:11px;color:var(--muted);white-space:nowrap}.sidebar-footer{border-top:.5px solid var(--hairline);padding:16px 22px 20px;display:flex;flex-direction:column;gap:8px}.pill-btn{height:32px;padding:0 14px;border-radius:999px;border:.5px solid var(--hairline);background:none;font-size:12px;color:var(--ink);display:flex;align-items:center}.footnote{font-size:10.5px;color:var(--subtle);line-height:1.5}.row-gap{display:flex;gap:10px}.dialog{position:fixed;z-index:91;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 32px));max-height:86vh;overflow-y:auto;background:var(--bg);border:.5px solid var(--hairline);border-radius:18px;padding:24px 26px 26px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-title{font-size:14px}.dialog-close{border:0;background:none;padding:4px;margin:-4px;display:flex;color:var(--subtle)}.field-row{display:flex;gap:12px;margin-bottom:26px}.field{flex:1 1;display:flex;flex-direction:column;gap:6px;font-size:11.5px;color:var(--muted)}.num-input{height:34px;border:.5px solid var(--hairline);border-radius:8px;background:var(--bg);padding:0 10px;font-size:13px;outline:none;color:var(--ink);width:100%}.setting-group{display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.switch-row{display:flex;align-items:center;justify-content:space-between}.switch-label{font-size:12.5px}.switch{width:38px;height:22px;border-radius:999px;border:.5px solid var(--hairline);background:transparent;padding:2px;display:flex;justify-content:flex-start}.switch[aria-checked=true]{background:var(--ink);justify-content:flex-end}.switch-knob{width:16px;height:16px;border-radius:999px;background:var(--subtle);display:block}.switch[aria-checked=true] .switch-knob{background:var(--bg)}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{height:28px;padding:0 13px;border-radius:999px;border:.5px solid var(--hairline);background:transparent;color:var(--ink);font-size:11.5px}.pill.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.note{font-size:10.5px;color:var(--muted);line-height:1.5}.data-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.file-pill{cursor:pointer}.clear-row{display:flex;gap:8px;align-items:center}.clear-input{flex:1 1;border:.5px solid var(--hairline);background:var(--bg);padding:0 12px;outline:none;color:var(--ink)}.clear-btn,.clear-input{height:32px;border-radius:999px;font-size:12px}.clear-btn{padding:0 14px;border:.5px solid var(--hairline);background:none;color:var(--muted);opacity:.4}.clear-btn.is-armed{border-color:var(--brand);color:var(--brand);opacity:1}.about{min-height:100vh;padding:64px 24px 96px;display:flex;justify-content:center}.about-inner{width:100%;max-width:600px}.back-link{font-size:12.5px;color:var(--muted);margin-bottom:44px;display:inline-block;border-bottom:0}.about h1{font-size:32px;font-weight:400;letter-spacing:-.02em;margin:0 0 44px}.about-h2{font-size:19px;font-weight:500;color:var(--ink);margin:0 0 16px}.about-body{font-size:15px;line-height:1.7}.about-body p{margin:0 0 14px}.about-body p:last-child{margin-bottom:0}.about-body--lead p:last-child{margin-bottom:18px}.about-toggle{border:0;background:none;padding:0;font-size:12.5px;color:var(--brand);border-bottom:.5px solid var(--brand)}.about-more{font-size:14px;line-height:1.7;color:var(--muted);margin-top:18px;padding-left:16px;border-left:.5px solid var(--hairline)}.about-more p{margin:0 0 14px}.about-more p:last-child{margin-bottom:0}.about-rule{height:.5px;background:var(--hairline);margin:40px 0;border:0}.about-us{font-weight:500}