:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--go: #1fd28a;--go-ink: #04130b;--go-bg: #0f3d24;--near: #f3b340;--near-ink: #1a1400;--near-bg: #3a2f10;--wait: #8593aa;--pos: #2fe08a;--neg: #ff6b6b;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--radius-card: 20px;--radius-card-sm: 16px;--radius-row: 12px;--w-body: 400;--w-mid: 600;--w-bold: 700;--w-display: 800;--hero: var(--surface);--hero-ink: var(--ink);--hero-ink-2: var(--ink-3);--hero-border: var(--border);--hero-pill: var(--surface-2);--hero-pos: var(--pos);--hero-neg: var(--neg);--hero-pos-bg: var(--go-bg);--hero-neg-bg: color-mix(in srgb, var(--neg) 16%, transparent);--hero-base-border: var(--go);--grain: 0}:root,:root[data-theme=dark]{--bg: #0b0e14;--bg-grad-1: #0d1119;--bg-grad-2: #090b10;--tabbar-bg: rgba(11, 14, 20, .94);--surface: #121826;--surface-2: #0f1521;--border: #1d2433;--border-strong: #2a3346;--ink: #e7ecf3;--ink-2: #aab4c6;--ink-3: #7d8aa0;--accent: #5b8cff;--shadow: 0 18px 50px rgba(0, 0, 0, .45);color-scheme:dark}:root[data-theme=neomint]{--bg: #041014;--bg-grad-1: #06181c;--bg-grad-2: #030c0f;--tabbar-bg: rgba(4, 16, 20, .94);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .032);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--ink: #e7feff;--ink-2: #a3c7ca;--ink-3: #6b8e91;--accent: #38bdf8;--go: #2dd4bf;--go-ink: #04130f;--go-bg: rgba(45, 212, 191, .16);--near: #f3b340;--near-ink: #1a1400;--near-bg: rgba(243, 179, 64, .16);--wait: #7f9a9d;--pos: #2dd4bf;--neg: #ff7a7a;--shadow: 0 18px 50px rgba(0, 0, 0, .5);color-scheme:dark}:root[data-theme=light]{--bg: #f4f6fb;--bg-grad-1: #ffffff;--bg-grad-2: #eef1f8;--tabbar-bg: rgba(244, 246, 251, .94);--surface: #ffffff;--surface-2: #f7f9fd;--border: #e3e8f2;--border-strong: #cdd6e6;--ink: #111726;--ink-2: #3f4a5e;--ink-3: #6b7689;--accent: #2f5fe0;--go: #11a567;--go-ink: #ffffff;--go-bg: #d6f4e6;--near: #b07d12;--near-ink: #ffffff;--near-bg: #fbeecb;--wait: #6b7689;--pos: #11a567;--neg: #d4453b;--shadow: 0 12px 36px rgba(40, 60, 110, .12);color-scheme:light}:root[data-theme=olive],:root[data-theme=paper],:root[data-theme=paperolive]{--font-display: "Onest", system-ui, sans-serif;--font-body: "Onest", system-ui, sans-serif;--font-mono: "Onest", system-ui, sans-serif;--radius-card: 30px;--radius-card-sm: 24px;--radius-row: 18px;--w-body: 300;--w-mid: 400;--w-bold: 500;--w-display: 500}:root[data-theme=olive]{--bg: #14170c;--bg-grad-1: #1d2211;--bg-grad-2: #0e1108;--tabbar-bg: rgba(20, 23, 12, .94);--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .032);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .17);--ink: #f2f5e4;--ink-2: #c3cbaa;--ink-3: #8d977a;--accent: #d8f24b;--go: #d8f24b;--go-ink: #1b2109;--go-bg: rgba(216, 242, 75, .16);--near: #f0b95a;--near-ink: #1a1400;--near-bg: rgba(240, 185, 90, .16);--wait: #8d977a;--pos: #d8f24b;--neg: #ef8f6a;--shadow: 0 18px 50px rgba(0, 0, 0, .5);--hero: linear-gradient(150deg, #5f6b2a 0%, #4a4f26 38%, #8a5c3f 78%, #b06a4a 100%);--hero-ink: #fdfdf5;--hero-ink-2: rgba(253, 253, 245, .66);--hero-border: rgba(255, 255, 255, .14);--hero-pill: rgba(255, 255, 255, .13);--hero-pos: #e2ff5c;--hero-neg: #ffa585;--hero-pos-bg: var(--hero-pill);--hero-neg-bg: var(--hero-pill);--hero-base-border: #e2ff5c;--grain: .1;color-scheme:dark}:root[data-theme=paper],:root[data-theme=paperolive]{--bg: #f0ece7;--bg-grad-1: #f6f3ef;--bg-grad-2: #ece7e1;--tabbar-bg: rgba(240, 236, 231, .94);--surface: #ffffff;--surface-2: #f6f3ee;--border: rgba(20, 16, 10, .05);--border-strong: rgba(20, 16, 10, .12);--ink: #14140f;--ink-2: #57544d;--ink-3: #9c968d;--accent: #6a7a1f;--go: #4b7a12;--go-ink: #ffffff;--go-bg: rgba(200, 226, 31, .28);--near: #b07d12;--near-ink: #ffffff;--near-bg: #fbeecb;--wait: #9c968d;--pos: #4b7a12;--neg: #ef5b25;--shadow: 0 10px 30px rgba(40, 32, 20, .07);--hero-ink: #14140f;--hero-ink-2: #9c968d;color-scheme:light}:root[data-theme=paperolive]{--hero: linear-gradient(150deg, #5f6b2a 0%, #4a4f26 40%, #9a5f42 100%);--hero-ink: #fdfdf5;--hero-ink-2: rgba(253, 253, 245, .66);--hero-border: rgba(20, 16, 10, .06);--hero-pill: rgba(255, 255, 255, .14);--hero-pos: #e2ff5c;--hero-neg: #ffa585;--hero-pos-bg: var(--hero-pill);--hero-neg-bg: var(--hero-pill);--hero-base-border: #e2ff5c;--grain: .09}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100vh;min-height:100dvh}svg.ic{vertical-align:-.18em;flex:none}body{font-family:var(--font-body);font-weight:var(--w-body);color:var(--ink);background:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%,var(--bg-grad-1),var(--bg-grad-2) 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:root[data-theme=neomint] body{background:radial-gradient(62% 44% at 10% 0%,rgba(45,212,191,.28),transparent 62%),radial-gradient(56% 42% at 92% 22%,rgba(34,211,238,.24),transparent 62%),radial-gradient(65% 42% at 50% 106%,rgba(45,212,191,.13),transparent 60%),var(--bg);background-attachment:fixed}:root[data-theme=neomint] .card,:root[data-theme=neomint] .input,:root[data-theme=neomint] .tt{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:root[data-theme=neomint] .board .brow+.brow{border-top-color:#ffffff0f}#app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;padding-top:env(safe-area-inset-top)}#app:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top);background:var(--bg);z-index:30;pointer-events:none}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.shell{flex:1 0 auto;display:flex;flex-direction:column}.shell-main{flex:1 0 auto;display:flex;flex-direction:column;min-width:0}.screen{flex:1 0 auto;padding:18px 16px;animation:fade-up .18s var(--ease-out) both}@keyframes fade-up{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(-8px) scale(.99);transform-origin:top center;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.reveal[data-open]{opacity:1;transform:none}.reveal:not([data-open]){pointer-events:none}@media (prefers-reduced-motion: reduce){.reveal{transform:none;transition:opacity .12s linear}}.btn,.tab,.lot,.pot[role=button]{transition:transform .14s var(--ease-out),opacity .12s ease,border-color .15s ease}.btn:active{transform:scale(.98)}.tab:active{transform:scale(.95)}.tab:active svg{transform:scale(.93)}.tab.add:active{transform:none}.lot[role=button],.card.lot[role=button],.pot[role=button]{transition:transform .14s var(--ease-pop),filter .14s ease,border-color .15s ease}.lot[role=button]:active,.card.lot[role=button]:active,.pot[role=button]:active{transform:scale(.965);filter:brightness(1.12)}@media (prefers-reduced-motion: reduce){.skeleton,.live-dot{animation:none}.tab,.tab svg,.tab.add .badge,.lot[role=button],.card.lot[role=button],.pot[role=button]{transition:none}}.top{display:flex;align-items:flex-end;justify-content:space-between;padding:8px 48px 16px 2px}.top h1{font-family:var(--font-display);font-weight:var(--w-display);font-size:26px;letter-spacing:-.02em;line-height:1}.brand-mark{color:var(--go);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--go) 45%,transparent))}.top .brand-mark{align-self:center;flex-shrink:0}.top .sub{font-size:12px;color:var(--ink-3);margin-top:6px;display:flex;align-items:center;gap:6px}.live-dot{position:relative;width:7px;height:7px;border-radius:50%;background:var(--go)}.live-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#1fd28a80;animation:pulse 2s infinite}.live-dot.stale{background:var(--near)}.live-dot.stale:after{content:none}@keyframes pulse{0%{transform:scale(1);opacity:.5}70%{transform:scale(3);opacity:0}to{transform:scale(3);opacity:0}}.label{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:var(--w-mid)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}.ccy-chip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-strong);color:var(--ink-2);font-size:13px;line-height:1}.board{overflow:hidden;margin-bottom:14px}.board .brow{display:grid;grid-template-columns:1.35fr 1fr 1fr;align-items:center;padding:9px 16px}.board .brow+.brow{border-top:1px solid var(--border)}.board .brow.head{padding-top:14px;padding-bottom:8px}.ccy{font-family:var(--font-display);font-weight:var(--w-bold);font-size:16px;display:flex;align-items:center;gap:9px}.ccy .flag{font-size:17px}.ccy-code{font-size:15px}.spread-badge{font-family:var(--font-mono);font-weight:var(--w-mid);font-size:10.5px;color:var(--ink-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:1px 7px}.brow .val{text-align:right;font-size:17px;font-weight:var(--w-mid)}.brow .val small{color:var(--ink-3);font-size:11px}.capital{padding:16px;margin-bottom:14px;position:relative;overflow:hidden;background:var(--hero);border-color:var(--hero-border);color:var(--hero-ink)}.capital:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}.capital>*{position:relative;z-index:1}.capital .label,.capital .alt,.capital .pot .eq{color:var(--hero-ink-2)}.capital .pot{background:var(--hero-pill);border-color:var(--hero-border)}.capital .cap-delta.pos{color:var(--hero-pos);background:var(--hero-pos-bg)}.capital .cap-delta.neg{color:var(--hero-neg);background:var(--hero-neg-bg)}.capital .pot.base{border-color:var(--hero-base-border)}.capital .tap-chip{background:var(--hero-pill);border-color:var(--hero-border);color:var(--hero-ink-2)}.cap-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.tap-chip{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:10px;font-weight:var(--w-display);letter-spacing:.03em;text-transform:uppercase;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:4px 10px}.tap-chip.on{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.tap-hand{display:inline-flex;font-size:12px;line-height:1;animation:tap-hint 2.4s var(--ease-in-out) 3}.tap-chip.on .tap-hand{animation:none}@keyframes tap-hint{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-3px)}90%{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tap-hand{animation:none}}.capital .total{font-family:var(--font-mono);font-weight:var(--w-bold);font-size:32px;letter-spacing:-.02em;margin:4px 0 2px}.cap-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.cap-delta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-weight:var(--w-bold);font-size:14px;padding:3px 9px;border-radius:var(--radius-card)}.cap-delta.pos{color:var(--pos);background:var(--go-bg)}.cap-delta.neg{color:var(--neg);background:color-mix(in srgb,var(--neg) 16%,transparent)}.cap-arrow{font-size:11px}.capital .alt{font-size:13px;color:var(--ink-3)}.pots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capital .pots{margin-top:14px}.pot{min-width:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-row);padding:11px 12px}.pot .v{font-family:var(--font-mono);font-weight:var(--w-mid);font-size:16px;margin-top:4px}.pot .eq{font-size:11px;color:var(--ink-3);margin-top:2px}.pot[role=button]{cursor:pointer}.pot-adjust{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.hero{border-radius:var(--radius-card);padding:15px 16px;margin-bottom:14px;color:var(--go-ink);background:linear-gradient(135deg,#18a268,var(--go));position:relative;overflow:hidden}.hero.near{color:var(--near-ink);background:linear-gradient(135deg,#b07d12,var(--near))}.hero .k{font-size:11px;font-weight:var(--w-bold);letter-spacing:.06em;text-transform:uppercase;opacity:.9}.hero .act{font-family:var(--font-display);font-size:21px;font-weight:var(--w-display);margin:3px 0 2px}.hero .meta{font-size:13px;font-weight:var(--w-mid);opacity:.92}.hero .prof{position:absolute;top:15px;right:16px;font-family:var(--font-mono);font-size:18px;font-weight:var(--w-bold)}.lots-h{display:flex;justify-content:space-between;align-items:baseline;margin:4px 2px 10px}.lot{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:9px}.pill{font-size:10px;font-weight:var(--w-display);letter-spacing:.03em;padding:4px 9px;border-radius:var(--radius-card);white-space:nowrap}.pill.go{background:var(--go-bg);color:var(--go)}.pill.near{background:var(--near-bg);color:var(--near)}.pill.wait{background:var(--surface-2);color:var(--wait)}.lot .main{flex:1;min-width:0}.lot .t{font-weight:var(--w-bold);font-size:14px}.lot .s{font-size:12px;color:var(--ink-3);margin-top:2px}.lot .s .nb{white-space:nowrap}.lot .d.withdrawn{color:var(--neg);opacity:.95;margin-top:3px}.lot .d{font-size:12px;color:var(--ink-3);opacity:.75;margin-top:2px;white-space:nowrap}.lot .p{font-family:var(--font-mono);font-weight:var(--w-bold);font-size:14px}.pos{color:var(--pos)}.neg{color:var(--neg)}.empty{text-align:center;color:var(--ink-3);padding:40px 16px;font-size:14px}.tabbar{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:6px 8px max(6px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border);z-index:20}.tab-blob{position:absolute;top:0;left:0;z-index:0;border-radius:var(--radius-row);background:radial-gradient(120% 140% at 50% 20%,color-mix(in srgb,var(--go) 30%,transparent),transparent 70%),var(--go-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--go) 30%,transparent),0 6px 16px -6px color-mix(in srgb,var(--go) 55%,transparent);pointer-events:none;transition:transform .26s var(--ease-pop),opacity .2s ease;will-change:transform}@media (prefers-reduced-motion: reduce){.tab-blob{transition:opacity .15s ease}}.tab{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--ink-3);background:none;border:none;cursor:pointer;font-family:var(--font-body);padding:4px 2px;border-radius:10px;-webkit-tap-highlight-color:transparent;transition:color .18s ease,transform .12s var(--ease-pop)}.tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tab.on{color:var(--go)}.tab svg{width:22px;height:22px;stroke-width:2;transition:transform .18s var(--ease-pop)}.tab.on svg{transform:translateY(-1px) scale(1.12)}.tab.add{color:var(--go-ink)}.tab.add .badge{width:44px;height:36px;border-radius:var(--radius-row);background:linear-gradient(135deg,#18a268,var(--go));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #1fd28a59;transition:transform .18s var(--ease-pop),box-shadow .18s ease}.tab.add .badge svg{transition:transform .25s var(--ease-pop)}.tab.add:active .badge{transform:scale(.9);box-shadow:0 3px 10px #1fd28a4d}.tab.add:active .badge svg{transform:rotate(90deg)}.btn{display:block;width:100%;text-align:center;border:none;border-radius:var(--radius-row);padding:14px;font-size:15px;font-weight:var(--w-bold);font-family:var(--font-body);cursor:pointer;background:linear-gradient(135deg,#18a268,var(--go));color:var(--go-ink)}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border-strong)}.field{margin-bottom:14px}.field label{display:block;margin-bottom:7px}.hint{font-size:12px;line-height:1.45;color:var(--ink-3);margin-top:7px}.hint b{color:var(--ink-2)}.hint .mono{font-family:var(--font-mono);color:var(--accent)}.theme-toggle{display:flex;align-items:center;gap:10px;text-align:left}.input,.select{width:100%;min-height:48px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-row);padding:13px 14px;color:var(--ink);font-size:16px;font-family:var(--font-mono);text-align:left}.input[type=date]{text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input[type=date]::-webkit-date-and-time-value{text-align:left}.input[type=date]::-webkit-calendar-picker-indicator{margin-left:auto}.input:focus,.select:focus{outline:none;border-color:var(--accent)}.reopen-badge{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:var(--w-bold);color:var(--go);background:var(--go-bg);padding:2px 8px;border-radius:var(--radius-card);white-space:nowrap}.reopen-done{display:inline-block;margin-top:5px;font-size:10.5px;color:var(--ink-3)}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.stat .v{font-family:var(--font-mono);font-weight:var(--w-bold);font-size:16px;margin-top:5px;letter-spacing:-.01em}.stat .eq{font-size:10.5px;color:var(--ink-3);margin-top:2px}.result-card{border-radius:var(--radius-card);padding:16px 18px;margin-bottom:14px;border:1px solid var(--border);background:var(--surface)}.result-card.win{border-color:color-mix(in srgb,var(--go) 45%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--go) 14%,var(--surface)),var(--surface))}.result-card.loss{border-color:color-mix(in srgb,var(--neg) 45%,var(--border));background:linear-gradient(135deg,color-mix(in srgb,var(--neg) 14%,var(--surface)),var(--surface))}.result-sum{font-family:var(--font-mono);font-weight:var(--w-bold);font-size:38px;letter-spacing:-.02em;line-height:1.05;margin:6px 0 2px}.result-sum.pos{color:var(--pos)}.result-sum.neg{color:var(--neg)}.result-sub{font-size:12px;color:var(--ink-3);margin-top:4px}.chart-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chart-h .tt{padding:2px}.chart-h .tt button{padding:5px 9px;font-size:11px}.chart-ccy{margin:8px 0}.chart-ccy button{flex:1;padding:6px 4px;font-size:11.5px}.chart-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.chart-sub .tt{padding:2px}.chart-sub .tt button{padding:5px 11px;font-size:11px}.chart-legend{display:flex;gap:16px;font-size:12px;color:var(--ink-3);margin-bottom:8px}.chart-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:middle}.chart-wrap{position:relative;padding-right:52px;height:130px}.chart-svg{width:100%;height:130px;display:block}.chart-axis{position:absolute;top:0;right:0;width:52px;height:130px;pointer-events:none}.axis-tick{position:absolute;right:0;transform:translateY(-50%);font-family:var(--font-mono);font-size:9.5px;color:var(--ink-3);white-space:nowrap}.axis-price{position:absolute;right:0;transform:translateY(-50%);font-family:var(--font-mono);font-weight:var(--w-bold);font-size:9.5px;color:#fff;padding:1px 4px;border-radius:4px;white-space:nowrap}.chart-axis{position:absolute;top:0;right:0;height:130px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);pointer-events:none}.chart-times{display:flex;justify-content:space-between;padding-right:52px;font-size:10.5px;color:var(--ink-3);margin-top:4px}.chart-zoom{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.chart-zoom:active{cursor:grabbing}.chart-reset{position:absolute;top:2px;left:2px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--ink-2);font-size:11px;line-height:1.4;cursor:pointer}.chart-daystats{margin-top:8px;font-size:12px;color:var(--ink-3);text-align:center}.chart-daystats b{font-family:var(--font-mono)}.hero[role=button]{cursor:pointer}.chart-periods{display:flex;gap:4px;margin-top:12px}.chart-periods .per{flex:1;min-width:0;border:1px solid var(--border);background:var(--surface-2);color:var(--ink-3);border-radius:9px;padding:7px 2px;font-size:11.5px;font-weight:var(--w-mid);font-family:var(--font-body);cursor:pointer}.chart-periods .per.on{background:var(--accent);border-color:var(--accent);color:#fff}.tt{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;padding:3px;gap:2px}.tt button{border:none;background:none;color:var(--ink-3);font-size:12px;font-weight:var(--w-mid);padding:6px 10px;border-radius:8px;cursor:pointer;font-family:var(--font-body);-webkit-tap-highlight-color:transparent;transition:background .16s ease,color .16s ease,transform .12s var(--ease-out)}.tt button:active{transform:scale(.96)}.tt button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000026}.theme-tt button{flex:1}.theme-tt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius-row)}@keyframes shimmer{to{background-position:-200% 0}}.pot-list{display:flex;flex-direction:column;gap:8px}.pot-cfg{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-row);padding:11px 13px;transition:border-color .15s ease,opacity .15s ease}.pot-cfg:not(.on){border-style:dashed;opacity:.72}.pc-sym{width:34px;height:34px;flex:none;border-radius:50%;background:var(--go-bg);color:var(--go);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:var(--w-bold)}.pot-cfg:not(.on) .pc-sym{background:var(--surface-2);color:var(--ink-3)}.pc-main{flex:1;min-width:0}.pc-name{font-size:15px;color:var(--ink)}.pc-sub{font-size:12px;color:var(--ink-3);margin-top:1px}.switch{width:46px;height:28px;flex:none;border-radius:var(--radius-card-sm);border:none;background:var(--border-strong);padding:0;cursor:pointer;position:relative;transition:background .2s ease}.switch.on{background:var(--go)}.switch .knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s var(--ease-pop)}.switch.on .knob{transform:translate(18px)}.switch:active .knob{transform:scaleX(1.18);transform-origin:left center}.switch.on:active .knob{transform:translate(18px) scaleX(1.18);transform-origin:right center}.switch:disabled{opacity:.6}.star{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:none;cursor:pointer;font-size:18px;line-height:1;color:var(--ink-3);opacity:.5;transition:color .15s ease,opacity .15s ease,transform .12s ease}.star.on{color:var(--go);opacity:1}.star.on svg{fill:currentColor}.star:active{transform:scale(.92)}.star:disabled{opacity:.35}.pot.base{border:1px solid var(--go)}@media (min-width: 1024px){#app{max-width:none}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);flex:1;min-height:100vh}.shell-main{min-width:0}.screen{padding:20px 24px 32px;max-width:760px;margin:0 auto}.screen.wide{max-width:1280px}.side{position:sticky;top:0;height:100vh;z-index:20;background:var(--surface-2);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:18px;padding:18px 14px}.side-brand{display:flex;align-items:center;gap:10px;padding:0 6px}.side-brand .bell-wrap{margin-left:auto}.side-brand .bell-panel{left:0;right:auto;transform-origin:top left}.top{padding-right:2px}.bell-scrim{background:none}.side-brand h1{font-family:var(--font-display);font-size:19px;font-weight:var(--w-display);letter-spacing:-.01em}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav button{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:var(--radius-row);border:none;background:none;color:var(--ink-3);font-family:var(--font-body);font-size:14px;font-weight:var(--w-mid);cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.side-nav button svg{width:19px;height:19px;flex:none;stroke-width:2}@media (hover: hover) and (pointer: fine){.side-nav button:hover{background:var(--surface);color:var(--ink-2)}}.side-nav button.on{background:var(--go-bg);color:var(--go)}.side-add{padding:12px;font-size:14px}.desk-cols{display:grid;grid-template-columns:420px minmax(0,1fr);gap:14px;align-items:start}.desk-col{display:flex;flex-direction:column;gap:14px;min-width:0}}.jrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 8px}.jrow+.jrow{border-top:1px solid var(--border)}.jk{font-size:13px;color:var(--ink)}.js{font-size:11px;color:var(--ink-3);margin-top:2px}.jv{font-family:var(--font-mono);font-size:13px;font-weight:var(--w-mid);white-space:nowrap}.ptr{position:fixed;top:max(6px,env(safe-area-inset-top));left:50%;margin-left:-19px;width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--go);font-size:20px;line-height:1;z-index:60;pointer-events:none;transition:opacity .18s ease}.ptr-icon{display:inline-flex;line-height:0}.ptr-icon.spin{animation:ptr-rot .7s linear infinite}@keyframes ptr-rot{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ptr-icon.spin{animation:none}}.bell-float{position:fixed;top:calc(env(safe-area-inset-top) + 14px);right:14px;z-index:31}.bell-wrap{position:relative}.bell{cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(var(--surface),var(--surface)) var(--bg);border:1px solid var(--border);color:var(--ink-2);position:relative;transition:color .15s ease,border-color .15s ease,transform .14s var(--ease-out)}.bell:active{transform:scale(.92)}.bell.on{color:var(--ink);border-color:var(--border-strong)}.bell svg{width:19px;height:19px}.bell-badge{position:absolute;top:-3px;right:-3px;box-sizing:border-box;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--go);color:var(--go-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.bell-panel{position:absolute;top:46px;right:0;z-index:2;width:min(340px,calc(100vw - 28px));max-height:min(60vh,440px);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(var(--surface),var(--surface)) var(--bg);border:1px solid var(--border);border-radius:var(--radius-card-sm);box-shadow:var(--shadow);transform-origin:top right}.bell-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;position:sticky;top:0;background:linear-gradient(var(--surface),var(--surface)) var(--bg)}.bell-close{display:inline-flex;align-items:center;background:none;border:none;cursor:pointer;color:var(--ink-3);font-family:var(--font-body);font-size:15px;line-height:1;padding:4px 2px}.bell-empty{padding:8px 14px 18px;color:var(--ink-3);font-size:13px;line-height:1.5}.bell-list{display:flex;flex-direction:column}.bell-item{display:flex;padding:10px 14px;border-top:1px solid var(--border)}.bell-item.fresh{background:color-mix(in srgb,var(--accent) 9%,transparent)}.bell-text{min-width:0}.bell-body{font-size:13px;line-height:1.4;color:var(--ink);white-space:pre-line;overflow-wrap:anywhere}.bell-time{margin-top:3px;font-size:11px;color:var(--ink-3)}.bell-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#00000073;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out)}.bell-scrim.on{opacity:1;pointer-events:auto}