: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}*{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}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:32px 0 28px;display:grid}.card{text-align:left;background:var(--bg-1);border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:18px 44px 18px 18px;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative}.card:hover{border-color:var(--line-2);transform:translateY(-1px)}.card.on{border-color:var(--green-20);background:var(--green-08)}.card-name{font-size:16px}.card-hint{color:var(--fg-2);font-size:12.5px;line-height:1.45}.card-state{border:1px solid var(--line-2);width:26px;height:26px;color:var(--fg-2);border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;right:16px}.card.on .card-state{color:var(--green);border-color:var(--green-20)}.bar{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.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;place-items:center;display:grid}.icon:hover{color:var(--fg)}.slider{min-width:140px;accent-color:var(--green);flex:1;height:3px}.level{background:var(--line);border-radius:2px;width:72px;height:3px;overflow:hidden}.level-fill{background:var(--green);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.sleep-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}.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(--green);border-color:var(--green-20);background:var(--green-08)}.left{font-family:var(--f-mono);color:var(--amber);margin-left:auto;font-size:12px}@media (width<=520px){.shell{padding:28px 16px 24px}.grid{grid-template-columns:1fr}}.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(--green);font-size:11px}.cat-note{color:var(--fg-2);font-size:12.5px}.grid{margin:0}.bar{margin-top:34px;position:sticky;bottom:16px}.chip.stop{color:var(--amber);border-color:#d69e2e59}.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}.mini-bar{align-items:center;gap:9px;padding:0 10px;display:flex}.mini-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.mini-btn{border:1px solid var(--line-2);width:26px;height:26px;color:var(--fg-2);cursor:pointer;background:0 0;border-radius:7px;flex:none;place-items:center;display:grid}.mini-btn:hover{color:var(--green);border-color:var(--green-20)}.mini-btn.big{border-radius:11px;width:40px;height:40px}.mini-left{font-family:var(--f-mono);color:var(--amber);flex:none;font-size:11px}.mini-square{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:relative}.mini-square-name{font-family:var(--f-display);color:var(--green);font-size:26px;line-height:1.1}.mini-square-row{gap:10px;display:flex}.mini-close{color:var(--fg-2);cursor:pointer;background:0 0;border:0;padding:4px;line-height:0;position:absolute;top:8px;right:8px}.mini-close:hover{color:var(--fg)}.icon.on{color:var(--green);border-color:var(--green-20);background:var(--green-08)}.nota{color:var(--amber);margin:0;font-size:12px}.pip-body.in-tab .mini{border-bottom:1px solid var(--line);height:46px}