:root{--bg: #000;--tile: #141418;--line: rgba(255, 255, 255, .07);--fg: rgba(255, 255, 255, .94);--fg-2: rgba(255, 255, 255, .6);--fg-3: rgba(255, 255, 255, .38);--c-thinking: #7aa2ff;--c-thinking-rgb: 122, 162, 255;--c-tool: #3fd6b8;--c-tool-rgb: 63, 214, 184;--c-input: #ffb340;--c-input-rgb: 255, 179, 64;--c-permission: #ff7a45;--c-permission-rgb: 255, 122, 69;--c-done: #4fd66a;--c-done-rgb: 79, 214, 106;--c-ended: #6e6e76;--c-ended-rgb: 110, 110, 118;--p-claude: #8b95ff;--p-claude-rgb: 139, 149, 255;--p-claude-g1: #6572ff;--p-claude-g2: #a9b3ff;--p-codex: #3fd6b8;--p-codex-rgb: 63, 214, 184;--p-codex-g1: #1fc4a1;--p-codex-g2: #86f0d8;--radius: 1.4rem;--gap: .8rem;--font: -apple-system, system-ui, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}[data-state=thinking]{--c: var(--c-thinking);--c-rgb: var(--c-thinking-rgb)}[data-state=tool]{--c: var(--c-tool);--c-rgb: var(--c-tool-rgb)}[data-state=input]{--c: var(--c-input);--c-rgb: var(--c-input-rgb)}[data-state=permission]{--c: var(--c-permission);--c-rgb: var(--c-permission-rgb)}[data-state=done]{--c: var(--c-done);--c-rgb: var(--c-done-rgb)}[data-state=ended]{--c: var(--c-ended);--c-rgb: var(--c-ended-rgb)}[data-agent=claude]{--p: var(--p-claude);--p-rgb: var(--p-claude-rgb);--p-g1: var(--p-claude-g1);--p-g2: var(--p-claude-g2)}[data-agent=codex]{--p: var(--p-codex);--p-rgb: var(--p-codex-rgb);--p-g1: var(--p-codex-g1);--p-g2: var(--p-codex-g2)}html{font-size:clamp(14px,4.1vh,18px);background:var(--bg);color:var(--fg);font-family:var(--font);text-autospace:normal;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1.25;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;text-align:inherit;cursor:pointer}.num{font-variant-numeric:tabular-nums}.app{position:relative;height:100vh;height:100dvh;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}html[data-freeze] *,html[data-freeze] *:before,html[data-freeze] *:after{animation-play-state:paused!important;transition:none!important}html[data-freeze] .sessions,html[data-freeze] .quota,html[data-freeze] .settings{animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition:none!important}}.pages{position:absolute;inset:0;overflow:hidden;touch-action:none}.track{display:flex;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity 2s ease;will-change:transform}.page{flex:0 0 100%;height:100%;min-width:0}.dots{position:absolute;left:0;right:0;bottom:calc(.4rem + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:.55rem}.dots i{width:.45rem;height:.45rem;border-radius:50%;background:#ffffff38;transition:background-color .3s}.dots i.on{background:#fffc}.dots i[data-state]{background:var(--c);box-shadow:0 0 .5rem rgba(var(--c-rgb),.8);animation:pulse 1.1s ease-in-out infinite}.app[data-dim] .track{opacity:.4}.sessions,.quota{height:100%;padding:calc(.9rem + env(safe-area-inset-top)) calc(1.1rem + env(safe-area-inset-right)) calc(1.3rem + env(safe-area-inset-bottom)) calc(1.1rem + env(safe-area-inset-left));animation:fade-in .35s ease-out}.sessions{position:relative;display:flex;flex-direction:column;gap:var(--gap)}.sessions-empty{flex:1;display:grid;place-items:center;color:var(--fg-3);font-size:1.5rem}.sessions[data-stale] .grid,.sessions[data-stale] .band{opacity:.45}.offline{position:absolute;left:0;right:0;bottom:calc(1.2rem + env(safe-area-inset-bottom));text-align:center;font-size:1.05rem;font-weight:600;color:var(--c-permission)}.grid{flex:1;display:grid;grid-auto-rows:minmax(0,1fr);gap:var(--gap);min-height:0}.grid[data-count="1"]{grid-template-columns:1fr}.grid[data-count="2"],.grid[data-count="4"]{grid-template-columns:1fr 1fr}.grid[data-count="3"],.grid[data-count="5"],.grid[data-count="6"]{grid-template-columns:1fr 1fr 1fr}.band{min-height:0}.band.wait{flex:3;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--gap)}.band.run{flex:2;display:flex;flex-direction:column;gap:.4rem;overflow:hidden}.row{display:flex;align-items:center;gap:.6rem;flex:1;min-height:0;padding:.3rem .9rem;border-radius:.9rem;background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);font-size:1.05rem;line-height:1.2}.row .nm{flex:none;max-width:38%;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .step{flex:1;min-width:0;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .agent{flex:none;font-size:.9rem;font-weight:600;color:var(--p, var(--fg-3));opacity:.85}.row .timer{flex:none;color:var(--fg-2)}.row.note{justify-content:center;color:var(--fg-3);background:none;box-shadow:none}.sessions-empty{flex-direction:column;gap:.5rem;text-align:center}.sessions-empty .hint,.quota.empty .hint{font-size:1.05rem;color:var(--fg-3)}.card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:.9rem 1.05rem .95rem;border-radius:var(--radius);background:var(--tile);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:transform .12s ease,background-color .3s}.card:active{transform:scale(.975)}.card .head{display:flex;align-items:center;gap:.45rem;font-size:1rem;line-height:1}.dot{flex:none;width:.62rem;height:.62rem;border-radius:50%;background:var(--c);box-shadow:0 0 .5rem rgba(var(--c-rgb),.7)}.card .state{color:var(--c);font-weight:600}.card .timer{margin-left:auto;color:var(--fg-2);font-weight:500}.card .body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.card .name{font-size:1.45rem;font-weight:600;letter-spacing:-.015em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .step{margin-top:.25rem;font-size:1.05rem;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card .foot{display:flex;align-items:center;gap:.7rem;margin-top:.6rem}.card .agent{font-size:.9rem;font-weight:600;line-height:1;color:var(--p, var(--fg-3));padding:.22rem .55rem;border-radius:.55rem;background:rgba(var(--p-rgb, 255, 255, 255),.12)}[data-state=thinking] .dot{animation:breathe 2.2s ease-in-out infinite}[data-state=tool] .dot{animation:breathe 1.2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.card[data-state=input],.card[data-state=permission]{background:rgba(var(--c-rgb),.14);box-shadow:inset 0 0 0 2px rgba(var(--c-rgb),.75)}.card[data-state=input] .timer,.card[data-state=permission] .timer{color:var(--c);font-weight:600;font-size:1.15rem}.card[data-state=input] .step,.card[data-state=permission] .step{color:var(--fg)}.card[data-state=input] .name,.card[data-state=permission] .name{font-size:1.7rem}.card[data-state=permission] .dot{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 rgba(var(--c-rgb),.6)}50%{box-shadow:0 0 0 .45rem rgba(var(--c-rgb),0)}}.card[data-state=done]{opacity:.6}.card[data-state=done] .timer{font-size:.95rem}.card.plus{align-items:center;justify-content:center;text-align:center}.card.plus .big{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--c)}.card.plus .step{margin-top:.4rem}.card[data-quip] .step{color:var(--fg);font-weight:600;font-size:1.25rem;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card .sub{margin-top:.2rem;font-size:.95rem;color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quota{display:flex;flex-direction:column;gap:var(--gap)}.quota.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--fg-3);font-size:1.5rem;text-align:center}.provider{flex:1;display:flex;flex-direction:column;gap:.45rem;min-height:0;min-width:0;padding:.75rem 1.1rem .8rem;border-radius:var(--radius);background:radial-gradient(120% 140% at 0% 0%,rgba(var(--p-rgb),.13),transparent 55%),linear-gradient(180deg,#18181d,#121215);box-shadow:inset 0 0 0 1px rgba(var(--p-rgb),.16),inset 0 1px #ffffff0a}.provider header{display:flex;align-items:center;gap:.5rem;min-width:0}.pid{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--p);box-shadow:0 0 .5rem rgba(var(--p-rgb),.8)}.provider .name{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.provider .plan{font-size:.85rem;font-weight:600;line-height:1;padding:.2rem .5rem;border-radius:.5rem;color:var(--p);background:rgba(var(--p-rgb),.14)}.provider .upd{font-size:.95rem;font-weight:600;color:var(--c-input);white-space:nowrap}.provider .today{margin-left:auto;display:flex;align-items:baseline;gap:.4rem;font-size:.95rem;color:var(--fg-3);white-space:nowrap}.provider .today b{font-size:1.1rem;color:var(--fg)}.nodata{flex:1;display:grid;place-items:center;color:var(--fg-3);font-size:1.15rem}.bars{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;gap:.4rem;min-height:0}.bar{display:grid;grid-template-columns:7rem 1fr auto;align-items:center;gap:.9rem;--g1: var(--p-g1);--g2: var(--p-g2);--sev: var(--p);--sev-rgb: var(--p-rgb)}.bar[data-sev=warn]{--g1: #f0a33a;--g2: #ffc86e;--sev: var(--c-input);--sev-rgb: var(--c-input-rgb)}.bar[data-sev=critical]{--g1: #ff6b3d;--g2: #ff9f72;--sev: var(--c-permission);--sev-rgb: var(--c-permission-rgb)}.bar .wl{font-size:1.1rem;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{height:.8rem;border-radius:1rem;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0a;overflow:hidden}.meter i{display:block;height:100%;min-width:.8rem;border-radius:inherit;background:linear-gradient(90deg,var(--g1),var(--g2));box-shadow:0 0 .8rem rgba(var(--sev-rgb),.45);transition:width 1s ease}.pct{display:flex;align-items:baseline;gap:.55rem;white-space:nowrap;min-width:12rem}.pct b{font-size:1.35rem;font-weight:700;letter-spacing:-.01em;min-width:3.1rem;text-align:right}.pct .reset{font-size:.95rem;color:var(--fg-2)}.bar[data-sev=warn] .pct b,.bar[data-sev=critical] .pct b{color:var(--sev)}.quota[data-count="1"] .provider{padding:1rem 1.5rem 1.1rem;gap:.7rem}.quota[data-count="1"] .name{font-size:1.7rem}.quota[data-count="1"] .plan{font-size:1rem}.quota[data-count="1"] .today{font-size:1.05rem}.quota[data-count="1"] .today b{font-size:1.3rem}.quota[data-count="1"] .bar{grid-template-columns:9rem 1fr auto;gap:1.2rem}.quota[data-count="1"] .bar .wl{font-size:1.3rem}.quota[data-count="1"] .meter{height:1.1rem}.quota[data-count="1"] .pct{min-width:14rem}.quota[data-count="1"] .pct b{font-size:1.9rem;min-width:4.2rem}.quota[data-count="1"] .pct .reset{font-size:1.1rem}.settings{height:100%;padding:calc(1rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-right)) calc(1.4rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left));display:flex;flex-direction:column;gap:.9rem;animation:fade-in .35s ease-out}.settings h1{font-size:1.6rem;font-weight:700;letter-spacing:-.01em}.s-list{display:flex;flex-direction:column;gap:.55rem;overflow:hidden}.setting{display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;border-radius:var(--radius);background:var(--tile);box-shadow:inset 0 0 0 1px var(--line)}.s-text{min-width:0}.s-label{font-size:1.2rem;font-weight:600}.s-hint{margin-top:.15rem;font-size:.95rem;color:var(--fg-3)}.s-control{margin-left:auto;flex:none}.s-value{font-size:1.1rem;color:var(--fg-2)}.s-btn{font-size:1.05rem;font-weight:600;color:var(--fg);padding:.5rem 1.1rem;border-radius:.8rem;background:#ffffff1a}.s-btn:active{transform:scale(.96)}.seg{display:flex;padding:.2rem;border-radius:.8rem;background:#ffffff12}.seg button{font-size:1.05rem;font-weight:600;color:var(--fg-3);padding:.4rem 1rem;border-radius:.6rem;transition:background-color .2s,color .2s}.seg button.on{color:#000;background:var(--fg)}.rotate{display:none;position:absolute;inset:0;z-index:20;background:var(--bg);place-items:center;text-align:center;color:var(--fg-2);font-size:1.3rem}.rotate svg{display:block;width:4rem;height:4rem;margin:0 auto .8rem;animation:rot 2.4s ease-in-out infinite}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media(orientation:portrait){.rotate{display:grid}}