:root{--brand:#b5541b;--brand-2:#8a4a2f;--radius-scale:1;--density:1;--font-scale:1;--brand-hover:color-mix(in oklab, var(--brand) 88%, black);--brand-active:color-mix(in oklab, var(--brand) 76%, black);--brand-soft:color-mix(in oklab, var(--brand) 12%, var(--bg-surface));--brand-softer:color-mix(in oklab, var(--brand) 6%, var(--bg-surface));--brand-border:color-mix(in oklab, var(--brand) 35%, var(--border));--brand-2-soft:color-mix(in oklab, var(--brand-2) 14%, var(--bg-surface));--on-brand:#fff;--focus-ring:0 0 0 3px color-mix(in oklab, var(--brand) 40%, transparent);--bg-app:#f7f3ef;--bg-surface:#fff;--bg-sunken:#f1ebe5;--bg-raised:#fff;--bg-overlay:#1e140e73;--border:#e6ddd4;--border-strong:#d3c6ba;--text:#2a1f19;--text-muted:#6f625a;--text-subtle:#9a8c82;--text-inverse:#fbf7f3;--pos:#1f8a52;--neg:#c22f3a;--warn:#a87500;--danger:#c22f3a;--info:#2f6db3;--ok:#1f8a52;--pos-soft:color-mix(in oklab, var(--pos) 12%, var(--bg-surface));--neg-soft:color-mix(in oklab, var(--neg) 12%, var(--bg-surface));--warn-soft:color-mix(in oklab, var(--warn) 14%, var(--bg-surface));--danger-soft:color-mix(in oklab, var(--danger) 12%, var(--bg-surface));--info-soft:color-mix(in oklab, var(--info) 12%, var(--bg-surface));--chart-line:var(--brand);--chart-line-2:var(--brand-2);--chart-grid:color-mix(in oklab, var(--border) 70%, transparent);--chart-up:var(--pos);--chart-down:var(--neg);--chart-avg:#6b5bd0;--chart-avg-2:#3a9fb0;--chart-stop:var(--neg);--chart-bench:#8f8f8f;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-2xs:calc(.6875rem * var(--font-scale));--fs-xs:calc(.75rem * var(--font-scale));--fs-sm:calc(.8125rem * var(--font-scale));--fs-md:calc(.875rem * var(--font-scale));--fs-lg:calc(1rem * var(--font-scale));--fs-xl:calc(1.25rem * var(--font-scale));--fs-2xl:calc(1.5rem * var(--font-scale));--fs-3xl:calc(1.875rem * var(--font-scale));--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-normal:1.5;--sp-0:0;--sp-1:calc(4px * var(--density));--sp-2:calc(8px * var(--density));--sp-3:calc(12px * var(--density));--sp-4:calc(16px * var(--density));--sp-5:calc(20px * var(--density));--sp-6:calc(24px * var(--density));--sp-8:calc(32px * var(--density));--sp-10:calc(40px * var(--density));--r-sm:calc(6px * var(--radius-scale));--r-md:calc(10px * var(--radius-scale));--r-lg:calc(14px * var(--radius-scale));--r-xl:calc(20px * var(--radius-scale));--r-pill:999px;--shadow-sm:0 1px 2px #3c1e0a0f;--shadow-md:0 2px 8px #3c1e0a14, 0 1px 2px #3c1e0a0d;--shadow-lg:0 12px 32px #2814082e;--modal-w:760px;--modal-w-wide:1180px;--topbar-h:56px;--bottomnav-h:60px;--content-max:1440px;--gutter:var(--sp-6);--card-min:300px;--tap:44px;--ease:cubic-bezier(.2, .7, .2, 1);--dur-fast:.12s;--dur:.2s;--z-sticky:20;--z-nav:30;--z-overlay:50;--z-toast:60;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-app:#14100d;--bg-surface:#1d1714;--bg-sunken:#171210;--bg-raised:#251e1a;--bg-overlay:#0009;--border:#33291f;--border-strong:#4a3c31;--text:#f3ebe4;--text-muted:#b3a498;--text-subtle:#7f7166;--text-inverse:#1d1714;--pos:#3cbf7a;--neg:#ef5b63;--warn:#e0a72e;--danger:#ef5b63;--info:#6aa6ea;--chart-avg:#9d8ff0;--chart-avg-2:#5cc4d4;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 10px #00000073;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg-app:#14100d;--bg-surface:#1d1714;--bg-sunken:#171210;--bg-raised:#251e1a;--bg-overlay:#0009;--border:#33291f;--border-strong:#4a3c31;--text:#f3ebe4;--text-muted:#b3a498;--text-subtle:#7f7166;--text-inverse:#1d1714;--pos:#3cbf7a;--neg:#ef5b63;--warn:#e0a72e;--danger:#ef5b63;--info:#6aa6ea;--chart-avg:#9d8ff0;--chart-avg-2:#5cc4d4;--shadow-sm:0 1px 2px #0006;--shadow-md:0 2px 10px #00000073;--shadow-lg:0 16px 40px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=1023px){:root{--gutter:var(--sp-4)}}@media (width<=639px){:root{--gutter:var(--sp-4);--fs-2xl:calc(1.3rem * var(--font-scale));--topbar-h:52px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-app);min-height:100dvh;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";margin:0}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}h2{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}h3{font-size:var(--fs-md);font-weight:var(--fw-semibold)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}::selection{background:var(--brand-soft)}svg{flex-shrink:0;display:block}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.mono{font-family:var(--font-mono);font-size:.95em}.muted{color:var(--text-muted)}.subtle{color:var(--text-subtle)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}.danger{color:var(--danger)}.small{font-size:var(--fs-sm)}.xsmall{font-size:var(--fs-xs)}.strong{font-weight:var(--fw-semibold)}.upper{text-transform:uppercase;letter-spacing:.04em}.nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stale{opacity:.55;filter:saturate(.4);transition:opacity var(--dur)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.row{align-items:center;gap:var(--sp-2);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.row-wrap{flex-wrap:wrap}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack-sm{gap:var(--sp-2);flex-direction:column;display:flex}.stack-lg{gap:var(--sp-6);flex-direction:column;display:flex}.grow{flex:1;min-width:0}.only-phone{display:none}@media (width<=639px){.hide-phone{display:none!important}.only-phone{display:initial}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:var(--z-sticky);background:color-mix(in oklab, var(--bg-app) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{max-width:var(--content-max);min-height:var(--topbar-h);align-items:center;gap:var(--sp-4);padding:0 var(--gutter);margin:0 auto;display:flex}.brand{align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);font-size:var(--fs-lg);white-space:nowrap;display:flex}.brand-mark{border-radius:var(--r-md);background:linear-gradient(135deg, var(--brand), var(--brand-2));width:30px;height:30px;color:var(--on-brand);flex-shrink:0;place-items:center;display:grid}.topbar-vitals{align-items:center;gap:var(--sp-4);min-width:0;display:flex;overflow:hidden}.vital{align-items:center;gap:var(--sp-2);white-space:nowrap;font-size:var(--fs-sm);display:flex}.vital-label{color:var(--text-subtle);font-size:var(--fs-xs)}.vital-sep{background:var(--border);width:1px;height:20px}.topbar-menu{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.menu-btn{height:34px;padding:0 var(--sp-3);border-radius:var(--r-md);color:var(--text-muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:0 0;border:0;align-items:center;gap:6px;display:inline-flex;position:relative;text-decoration:none!important}.menu-btn:hover{background:var(--bg-sunken);color:var(--text)}.menu-btn.active{background:var(--brand-soft);color:var(--brand)}.menu-btn .badge{position:absolute;top:-4px;right:-4px}.banners{flex-direction:column;display:flex}.main{width:100%;max-width:var(--content-max);padding:var(--gutter);padding-bottom:calc(var(--gutter) * 2);flex:1;min-width:0;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.page-header p{color:var(--text-muted);margin-top:var(--sp-1)}.bottomnav{display:none}.grid-kpi{gap:var(--sp-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.grid-cards{grid-template-columns:repeat(auto-fill, minmax(var(--card-min), 1fr));gap:var(--sp-4);display:grid}.grid-2{gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-main-side{gap:var(--sp-4);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}@media (width<=1279px){.topbar-inner{gap:var(--sp-3)}}@media (width<=1023px){.topbar-menu{display:none}.topbar-vitals{margin-left:auto}.main{padding-bottom:calc(var(--bottomnav-h) + var(--gutter) + env(safe-area-inset-bottom))}.bottomnav{z-index:var(--z-nav);height:calc(var(--bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in oklab, var(--bg-surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav-item{color:var(--text-subtle);font-size:var(--fs-2xs);font-weight:var(--fw-medium);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative;text-decoration:none!important}.bottomnav-item.active{color:var(--brand)}.bottomnav-item .badge{position:absolute;top:6px;left:calc(50% + 6px)}.grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-main-side{grid-template-columns:minmax(0,1fr)}}@media (width<=639px){.brand-text{display:none}.topbar-inner{gap:var(--sp-2)}.topbar-vitals{justify-content:space-between;gap:var(--sp-2);width:100%}.vital-sep,.vital-optional{display:none}.grid-kpi{gap:var(--sp-2)}.grid-cards,.grid-2{grid-template-columns:minmax(0,1fr)}.page-header{margin-bottom:var(--sp-4)}}.grid-hero{gap:var(--sp-4);grid-template-columns:minmax(0,3fr) minmax(0,2fr);display:grid}@media (width<=899px){.grid-hero{grid-template-columns:minmax(0,1fr)}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--sp-5);min-width:0}.card-flush{padding:0;overflow:hidden}.card-header{justify-content:space-between;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.card-flush>.card-header{padding:var(--sp-4) var(--sp-5) 0}.card-title{font-size:var(--fs-md);font-weight:var(--fw-semibold)}.card-subtitle{font-size:var(--fs-xs);color:var(--text-muted)}.card-link{cursor:pointer;transition:border-color var(--dur-fast), box-shadow var(--dur-fast), transform var(--dur-fast)}.card-link:hover{border-color:var(--brand-border);box-shadow:var(--shadow-md)}@media (width<=639px){.card{padding:var(--sp-4);border-radius:var(--r-md)}}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:36px;padding:0 var(--sp-4);border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text);font-weight:var(--fw-medium);font-size:var(--fs-sm);white-space:nowrap;transition:background var(--dur-fast), border-color var(--dur-fast), color var(--dur-fast);display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-sunken)}.btn:disabled{opacity:.55}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn-secondary{background:var(--brand-2);border-color:var(--brand-2);color:var(--on-brand)}.btn-secondary:hover:not(:disabled){background:color-mix(in oklab, var(--brand-2) 85%, black)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:color-mix(in oklab, var(--danger) 85%, black)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--text)}.btn-sm{min-height:30px;padding:0 var(--sp-3);font-size:var(--fs-xs)}.btn-lg{min-height:var(--tap);padding:0 var(--sp-5);font-size:var(--fs-md)}.btn-block{width:100%}.btn-icon{width:36px;padding:0}@media (pointer:coarse){.btn{min-height:40px}.btn-sm{min-height:36px}}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pill{height:22px;padding:0 var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:.03em;background:var(--bg-sunken);color:var(--text-muted);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;display:inline-flex}.pill-pos{background:var(--pos-soft);color:var(--pos)}.pill-neg,.pill-danger{background:var(--danger-soft);color:var(--danger)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-info{background:var(--info-soft);color:var(--info)}.pill-brand{background:var(--brand-soft);color:var(--brand)}.pill-dashed{border:1px dashed var(--border-strong);background:0 0}.badge{border-radius:var(--r-pill);background:var(--danger);color:#fff;min-width:18px;height:18px;font-size:10px;font-weight:var(--fw-bold);place-items:center;padding:0 5px;display:inline-grid}.badge-warn{background:var(--warn)}.dot{background:var(--text-subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-pos{background:var(--pos)}.dot-warn{background:var(--warn)}.dot-danger{background:var(--danger)}.dot-info{background:var(--info)}.dot-live{background:var(--pos);box-shadow:0 0 0 0 color-mix(in oklab, var(--pos) 60%, transparent);animation:2s infinite pulse}@keyframes pulse{70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.banner{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--gutter);font-size:var(--fs-sm);font-weight:var(--fw-medium);border-bottom:1px solid var(--border);display:flex}.banner-danger{background:var(--danger-soft);color:var(--danger)}.banner-warn{background:var(--warn-soft);color:var(--warn)}.banner-info{background:var(--info-soft);color:var(--info)}.banner a{color:inherit;white-space:nowrap;margin-left:auto;text-decoration:underline}.inline-banner{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);border:1px solid}.tile{gap:var(--sp-1);flex-direction:column;min-height:112px;display:flex}.tile-label{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.tile-value{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:-.01em;line-height:var(--lh-tight)}.tile-sub{font-size:var(--fs-xs);color:var(--text-muted);margin-top:auto}.tile-accent{border-top:3px solid var(--brand)}@media (width<=639px){.tile{min-height:92px;padding:var(--sp-3)}}.meter{border-radius:var(--r-pill);background:var(--bg-sunken);height:6px;overflow:hidden}.meter>span{background:var(--brand-2);border-radius:inherit;height:100%;transition:width var(--dur);display:block}.meter[data-level=warn]>span{background:var(--warn)}.meter[data-level=danger]>span{background:var(--danger)}.botcard{gap:var(--sp-3);flex-direction:column;min-height:340px;display:flex;position:relative}.botcard[data-paused=true]{filter:saturate(.35)}.botcard[data-paused=true]:after{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in oklab, var(--text) 3%, transparent) 10px 20px);position:absolute;inset:0}.botcard-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-2);flex-wrap:wrap;display:flex}.botcard-head>.grow{flex:140px}.botcard-name{font-weight:var(--fw-semibold);font-size:var(--fs-lg)}.botcard-big{font-size:var(--fs-2xl);font-weight:var(--fw-semibold)}.botcard-next{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);background:var(--brand-softer);border-left:3px solid var(--brand);border-radius:var(--r-sm)}.botcard-foot{padding-top:var(--sp-3);border-top:1px solid var(--border);gap:var(--sp-2);margin-top:auto}.botcard-foot>span:first-child{font-variant-numeric:tabular-nums;min-width:0}.kv{gap:var(--sp-1) var(--sp-4);font-size:var(--fs-sm);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.kv dt{color:var(--text-muted)}.kv dd{text-align:right;margin:0}.kv-left dd{text-align:left}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.stat{padding:var(--sp-3);background:var(--bg-sunken);border-radius:var(--r-md)}.stat-label{font-size:var(--fs-xs);color:var(--text-muted)}.stat-value{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th{text-align:left;font-weight:var(--fw-medium);font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-surface);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--brand-softer)}.table tr:last-child td{border-bottom:0}.table .r{text-align:right}.table-footer{padding:var(--sp-3);border-top:1px solid var(--border);justify-content:center;display:flex}.field{gap:var(--sp-1);flex-direction:column;display:flex}.field-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-muted)}.field-hint{font-size:var(--fs-xs);color:var(--text-subtle)}.field-error{font-size:var(--fs-xs);color:var(--danger)}.input,.select,.textarea{min-height:38px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);transition:border-color var(--dur-fast), box-shadow var(--dur-fast);width:100%}.textarea{padding:var(--sp-2) var(--sp-3);resize:vertical;min-height:80px}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}.input[aria-invalid=true]{border-color:var(--danger)}.input-color{border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg-surface);width:44px;height:38px;padding:2px}.switch{flex-shrink:0;width:38px;height:22px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch span{background:var(--border-strong);border-radius:var(--r-pill);transition:background var(--dur-fast);pointer-events:none;position:absolute;inset:0}.switch span:after{content:"";width:16px;height:16px;transition:transform var(--dur-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(16px)}.filter-bar{gap:var(--sp-2);flex-wrap:wrap;align-items:end;display:flex}.filter-bar .field{min-width:140px}@media (width<=639px){.filter-bar .field{flex:45%;min-width:0}}.seg{background:var(--bg-sunken);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-muted);padding:4px var(--sp-3);border-radius:calc(var(--r-md) - 3px);font-size:var(--fs-xs);font-weight:var(--fw-medium);background:0 0;border:0;min-height:28px}.seg button[aria-pressed=true]{background:var(--bg-surface);color:var(--text);box-shadow:var(--shadow-sm)}.tabs{gap:var(--sp-1);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);display:flex;overflow-x:auto}.tabs button{padding:var(--sp-2) var(--sp-3);color:var(--text-muted);font-weight:var(--fw-medium);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.tabs button[aria-selected=true]{color:var(--brand);border-bottom-color:var(--brand)}.skeleton{background:linear-gradient(90deg, var(--bg-sunken) 25%, color-mix(in oklab, var(--bg-sunken) 60%, var(--bg-surface)) 50%, var(--bg-sunken) 75%);border-radius:var(--r-sm);background-size:200% 100%;min-height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.empty-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--brand);border-radius:50%;place-items:center;display:grid}.empty-title{color:var(--text);font-weight:var(--fw-semibold)}.dialog-backdrop{z-index:var(--z-overlay);background:var(--bg-overlay);padding:var(--sp-4);animation:fade var(--dur) var(--ease);place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--bg-raised);border-radius:var(--r-xl);width:min(440px,100%);box-shadow:var(--shadow-lg);padding:var(--sp-6);gap:var(--sp-4);animation:rise var(--dur) var(--ease);flex-direction:column;display:flex}.dialog-actions{justify-content:flex-end;gap:var(--sp-2);display:flex}@media (width<=639px){.dialog-backdrop{align-items:end;padding:0}.dialog{border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom))}.dialog-actions .btn{min-height:var(--tap);flex:1}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.sheet{background:var(--bg-raised);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;padding:var(--sp-3) var(--sp-3) calc(var(--sp-4) + env(safe-area-inset-bottom));animation:rise var(--dur) var(--ease)}.sheet-grab{background:var(--border-strong);width:36px;height:4px;margin:0 auto var(--sp-3);border-radius:2px}.toasts{z-index:var(--z-toast);right:var(--sp-4);bottom:var(--sp-4);gap:var(--sp-2);width:min(380px, calc(100vw - 2 * var(--sp-4)));flex-direction:column;display:flex;position:fixed}.toast{gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-raised);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);animation:rise var(--dur) var(--ease);align-items:flex-start;display:flex}.toast-pos{border-left-color:var(--pos)}.toast-danger{border-left-color:var(--danger)}.toast-warn{border-left-color:var(--warn)}@media (width<=1023px){.toasts{bottom:calc(var(--bottomnav-h) + var(--sp-3) + env(safe-area-inset-bottom));left:50%;right:auto;transform:translate(-50%)}}.chart{width:100%;height:var(--chart-h,320px);position:relative}.chart-sm{--chart-h:220px}.chart-lg{--chart-h:420px}@media (width<=639px){.chart{height:calc(var(--chart-h,320px) * .75)}}.sparkline{width:100%;height:44px}.legend{gap:var(--sp-4);font-size:var(--fs-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:10px;height:3px;margin-right:6px;display:inline-block}.timeline{flex-direction:column;display:flex}.timeline-item{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);align-items:flex-start;display:flex}.timeline-item:last-child{border-bottom:0}.timeline-icon{background:var(--bg-sunken);width:28px;height:28px;color:var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.timeline-icon.pos{background:var(--pos-soft);color:var(--pos)}.timeline-icon.neg{background:var(--neg-soft);color:var(--neg)}.timeline-icon.warn{background:var(--warn-soft);color:var(--warn)}.timeline-icon.danger{background:var(--danger-soft);color:var(--danger)}.timeline-icon.brand{background:var(--brand-soft);color:var(--brand)}.heat{font-size:var(--fs-xs);grid-template-columns:72px repeat(12,minmax(44px,1fr));gap:3px;min-width:640px;display:grid}.heat>div{text-align:center;border-radius:var(--r-sm);padding:6px 4px}.heat .h{color:var(--text-muted);font-weight:var(--fw-medium)}.setting{gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(160px,260px);align-items:center;display:grid}.setting:last-child{border-bottom:0}.setting-name{font-weight:var(--fw-medium)}.setting-desc{font-size:var(--fs-xs);color:var(--text-muted)}.setting-control{justify-content:flex-end;align-items:center;gap:var(--sp-2);display:flex}.setting-modified .setting-name:after{content:"•";color:var(--brand);margin-left:6px}@media (width<=639px){.setting{gap:var(--sp-2);grid-template-columns:minmax(0,1fr)}.setting-control{justify-content:flex-start}}.swatches{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:260px;display:flex}.swatch{border:2px solid var(--bg-surface);width:24px;height:24px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.login{min-height:100dvh;padding:var(--sp-4);background:radial-gradient(1200px 600px at 10% -10%, color-mix(in oklab, var(--brand) 22%, transparent), transparent 60%), radial-gradient(900px 500px at 110% 110%, color-mix(in oklab, var(--brand-2) 25%, transparent), transparent 60%), var(--bg-app);place-items:center;display:grid}.login-card{gap:var(--sp-5);width:min(380px,100%);padding:var(--sp-8);flex-direction:column;display:flex}.otp{gap:var(--sp-2);grid-template-columns:repeat(6,1fr);display:grid}.otp input{text-align:center;width:100%;min-width:0;height:52px;font-size:var(--fs-xl);font-weight:var(--fw-semibold);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);font-variant-numeric:tabular-nums;padding:0}.otp input:focus{border-color:var(--brand);box-shadow:var(--focus-ring);outline:none}@media (width<=639px){.login-card{padding:var(--sp-6)}.otp input{height:48px}}.modal-backdrop{z-index:var(--z-overlay);background:var(--bg-overlay);padding:var(--sp-8) var(--sp-4);overscroll-behavior:contain;animation:fade var(--dur) var(--ease);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{width:min(var(--modal-w), 100%);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:rise var(--dur) var(--ease);outline:none;position:relative}.modal-wide{width:min(var(--modal-w-wide), 100%)}.modal-body{padding:var(--sp-6)}.modal-body .page-header{padding-right:48px}.modal-close{top:var(--sp-4);right:var(--sp-4);z-index:1;position:absolute}@media (width<=639px){.modal-backdrop{padding:0}.modal,.modal-wide{border:0;border-radius:0;width:100%;min-height:100dvh}.modal-body{padding:var(--sp-4);padding-top:calc(var(--sp-4) + env(safe-area-inset-top));padding-bottom:calc(var(--sp-8) + env(safe-area-inset-bottom))}.modal-close{top:calc(var(--sp-2) + env(safe-area-inset-top));right:var(--sp-2);background:var(--bg-surface);box-shadow:var(--shadow-md);position:fixed}}.form-grid{gap:var(--sp-4) var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.form-section{gap:var(--sp-3);padding:var(--sp-4) 0;border-top:1px solid var(--border);flex-direction:column;display:flex}.form-section:first-child{border-top:0;padding-top:0}.form-section>h3{align-items:baseline;gap:var(--sp-2);display:flex}.form-actions{z-index:1;gap:var(--sp-2);padding:var(--sp-3) 0;margin-top:var(--sp-2);background:var(--bg-app);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex;position:sticky;bottom:0}.card .form-actions{background:var(--bg-surface);margin-left:calc(-1 * var(--sp-5));margin-right:calc(-1 * var(--sp-5));padding-left:var(--sp-5);padding-right:var(--sp-5)}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{min-height:32px;padding:0 var(--sp-3);border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--bg-surface);font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:6px;display:inline-flex}.chip[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand);font-weight:var(--fw-medium)}.diff{font-family:var(--font-mono);font-size:var(--fs-xs);justify-content:start;gap:2px var(--sp-3);grid-template-columns:max-content max-content max-content;align-items:baseline;display:grid}.diff .from{color:var(--neg);text-decoration:line-through}.diff .to{color:var(--pos)}.danger-zone{border:1px solid color-mix(in oklab, var(--danger) 40%, var(--border));background:color-mix(in oklab, var(--danger) 4%, var(--bg-surface))}.toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);display:flex}.toggle-row:last-child{border-bottom:0}@media (width<=639px){.form-grid{grid-template-columns:minmax(0,1fr)}.form-actions .btn{flex:1}}.window-row{justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-sunken);flex-wrap:wrap;display:flex}.chip-sm{min-height:28px;padding:0 var(--sp-2);font-size:var(--fs-xs)}.compare{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.compare th,.compare td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}.compare th:first-child,.compare td:first-child{text-align:left;color:var(--text-muted)}.compare thead th{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.compare tr:last-child td{border-bottom:0}.better{color:var(--pos)}.worse{color:var(--neg)}.route-row{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(200px,max-content);align-items:center;display:grid}.route-row:last-child{border-bottom:0}@media (width<=639px){.route-row{grid-template-columns:minmax(0,1fr)}}.term{align-items:center;gap:6px;display:inline-flex}.help{vertical-align:middle;display:inline-flex;position:relative}.help-btn{border:1px solid var(--border-strong);background:var(--bg-surface);width:16px;height:16px;color:var(--text-muted);font-size:11px;font-weight:var(--fw-semibold);cursor:help;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.help-btn:hover,.help-btn[aria-expanded=true]{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.help-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.help-pop{transform:translateX(calc(-50% + var(--shift,0px)));z-index:60;width:max-content;max-width:min(300px,80vw);padding:var(--sp-3);background:var(--text);color:var(--text-inverse);border-radius:var(--r-md);font-size:var(--fs-xs);font-weight:var(--fw-regular,400);text-align:left;white-space:normal;box-shadow:var(--shadow-md);pointer-events:none;line-height:1.5;position:absolute;bottom:calc(100% + 8px);left:50%}.help-pop:after{content:"";top:100%;left:calc(50% - var(--shift,0px));border:6px solid #0000;border-top-color:var(--text);margin-left:-6px;position:absolute}.help-pop-below{top:calc(100% + 8px);bottom:auto}.help-pop-below:after{border-top-color:#0000;border-bottom-color:var(--text);top:auto;bottom:100%}.hero{gap:var(--sp-3);border-top:3px solid var(--brand);flex-direction:column;display:flex}.hero-label{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-muted);font-weight:var(--fw-medium);display:flex}.hero-value{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);letter-spacing:-.02em;line-height:1.1}.hero-lines{gap:var(--sp-1);font-size:var(--fs-md);flex-direction:column;display:flex}.hero-lines .term{color:var(--text-muted);min-width:64px}.hero-split{gap:var(--sp-5);padding-top:var(--sp-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.page-header-sub{margin-bottom:var(--sp-3)}.page-header-sub p{margin-top:0}.botcard-desc{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.45}.botcard-now{justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.rc-grid{gap:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);padding:var(--sp-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:max-content minmax(0,1fr) minmax(0,1fr) 18px;align-items:baseline;display:grid}.rc-head{font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.rc-sub{font-size:var(--fs-xs);color:var(--text-muted);display:block}
