:root{--bg:#0a0d0c;--bg-1:#0f1513;--line:#e8ece91a;--line-2:#e8ece92e;--fg:#e8ece9;--fg-2:#9aa6a0;--green:#1d9e75;--green-08:#1d9e7514;--green-20:#1d9e7533;--amber:#d69e2e;--f-display:"Instrument Serif", Georgia, serif;--f-sans:"Geist", system-ui, -apple-system, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--fase:var(--green);--fase-08:var(--green-08);--fase-20:var(--green-20)}.theme-break{--fase:var(--amber);--fase-08:#d69e2e14;--fase-20:#d69e2e47}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;min-height:100vh}.shell{max-width:760px;margin:0 auto;padding:40px 24px 120px}.head h1{font-family:var(--f-display);letter-spacing:-.02em;font-size:clamp(38px,7vw,56px);font-weight:400;line-height:1}.head h1 em{color:var(--green);font-style:italic}.lead{color:var(--fg-2);max-width:52ch;margin-top:12px;font-size:15px;line-height:1.55}.cat{margin:28px 0 0}.cat-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.cat-name{font-family:var(--f-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--fase);font-size:11px;transition:color .4s}.cat-note{color:var(--fg-2);font-size:12.5px}.dial{background:var(--bg-1);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:18px;padding:32px 18px;display:flex}.timer-ring-wrapper{place-items:center;display:grid;position:relative}.timer-ring-svg{width:min(260px,68vw);height:min(260px,68vw);display:block;transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:var(--line);stroke-width:4px}.timer-ring-progress{fill:none;stroke:var(--fase);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .4s}.timer-content{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.status-badge{font-family:var(--f-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--fase);font-size:10.5px;transition:color .4s}.time-display{font-family:var(--f-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(38px,11vw,52px);font-weight:500;line-height:1}.dial-note{color:var(--fg-2);text-align:center;font-size:12.5px}.bar{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;margin-top:34px;padding:18px;display:flex;position:sticky;bottom:16px}.bar-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon{border:1px solid var(--line-2);width:34px;height:34px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:9px;flex:none;place-items:center;display:grid}.icon:hover{color:var(--fg)}.icon.on{color:var(--green);border-color:var(--green-20);background:var(--green-08)}.icon.play{background:var(--fase-08);border-color:var(--fase-20);width:40px;height:40px;color:var(--fase);border-radius:11px;transition:background .4s,border-color .4s,color .4s}.icon.play:hover{background:var(--fase-20);color:var(--fg)}.chip{font-family:var(--f-mono);border:1px solid var(--line-2);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:100px;padding:6px 11px;font-size:11.5px}.chip:hover{color:var(--fg)}.chip.on{color:var(--fase);border-color:var(--fase-20);background:var(--fase-08)}.bar-label{font-family:var(--f-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--fg-2);align-items:center;gap:6px;margin-right:4px;font-size:10.5px;display:inline-flex}.left{font-family:var(--f-mono);color:var(--amber);margin-left:auto;font-size:12px}.nota{color:var(--amber);margin:0;font-size:12px}.link{font:inherit;color:var(--fg-2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.link:hover{color:var(--fg)}@media (width<=520px){.shell{padding:28px 16px 120px}.dial{padding:24px 14px}}.overlay{z-index:1000;background:#0a0d0cd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;width:100%;max-width:420px;padding:24px;animation:.3s ease-out sali}@keyframes sali{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal h2{font-family:var(--f-display);letter-spacing:-.02em;font-size:30px;font-weight:400;line-height:1.1}.modal h2 em{color:var(--green);font-style:italic}.modal p{color:var(--fg-2);margin:12px 0 20px;font-size:14px;line-height:1.6}.pip-body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);margin:0;overflow:hidden}.mini{box-sizing:border-box;width:100vw;height:100vh}.micro-container{background:var(--bg);place-items:center;height:100vh;padding:0 10px;display:grid}.micro-bar{align-items:center;gap:10px;width:100%;max-width:600px;display:flex}.micro-play-btn{border:1px solid var(--line-2);width:26px;height:26px;color:var(--fase);cursor:pointer;background:0 0;border-radius:7px;flex:none;place-items:center;display:grid}.micro-play-btn:hover{border-color:var(--fase-20);background:var(--fase-08)}.micro-progress-container{background:var(--line);border-radius:2px;flex:1;height:3px;overflow:hidden}.micro-progress-fill{background:var(--fase);height:100%;transition:width 1s linear,background .4s}.micro-time{font-family:var(--f-mono);color:var(--amber);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.pip-ring-container{background:var(--bg);place-items:center;height:100vh;display:grid}.pip-ring-container .timer-ring-svg{width:min(190px,100vmin - 12px);height:min(190px,100vmin - 12px)}.pip-ring-container .time-display{font-size:34px}.pip-body.in-tab .mini{border-bottom:1px solid var(--line);height:46px}