@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Public+Sans:wght@300;400;500;600;700;800&family=Barlow:wght@400;500;600;700;800&display=swap";:root{--brand-cyan: 187 100% 43%;--brand-cyan-light:187 100% 53%;--brand-cyan-lighter:187 95% 75%;--brand-blue: 209 100% 20%;--brand-mark-blue: 198 74% 47%;--brand-mark-navy: 212 54% 40%;--grey-50: 210 20% 98%;--grey-100: 216 20% 97%;--grey-200: 210 17% 95%;--grey-300: 210 16% 88%;--grey-400: 212 17% 80%;--grey-500: 210 10% 62%;--grey-600: 210 12% 44%;--grey-700: 212 14% 31%;--grey-800: 213 25% 15%;--grey-900: 212 28% 11%;--bg-deepest: 212 30% 8%;--bg-base: 212 28% 11%;--bg-elevated: 213 25% 15%;--bg-overlay: 214 20% 18%;--bg-muted: 214 18% 22%;--sidebar-bg: 212 28% 9%;--fg-primary: 210 20% 98%;--fg-secondary: 210 10% 62%;--fg-muted: 210 12% 44%;--fg-inverse: 212 28% 11%;--text-primary: rgba(255,255,255,.92);--text-secondary: rgba(255,255,255,.62);--text-muted: rgba(255,255,255,.42);--text-disabled: rgba(255,255,255,.28);--primary: var(--brand-cyan);--primary-glow: var(--brand-cyan-light);--primary-foreground: var(--fg-inverse);--accent: 187 88% 66%;--accent-glow: var(--brand-cyan-lighter);--success: 142 71% 45%;--warning: 40 100% 50%;--danger: 11 100% 60%;--info: var(--brand-cyan);--status-queued: 210 12% 44%;--status-running: var(--brand-cyan);--status-succeeded: 142 71% 45%;--status-failed: 11 100% 60%;--status-cancelled: 40 100% 50%;--border: 213 16% 25%;--border-subtle:213 20% 18%;--border-glow: 187 50% 35%;--border-strong:213 14% 31%;--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--shadow-card: 0 4px 20px hsl(0 0% 0% / .3), inset 0 1px 0 hsl(var(--border-glow) / .2);--shadow-card-hover: 0 8px 30px hsl(0 0% 0% / .4), inset 0 1px 0 hsl(var(--border-glow) / .3);--shadow-overlay: 0 20px 60px hsl(0 0% 0% / .6);--glow-primary: 0 0 30px hsl(var(--primary) / .3), 0 0 60px hsl(var(--primary) / .1);--glow-accent: 0 0 30px hsl(var(--accent) / .3), 0 0 60px hsl(var(--accent) / .1);--glow-success: 0 0 20px hsl(var(--success) / .4);--glow-danger: 0 0 20px hsl(var(--danger) / .4);--glow-inner: inset 0 1px 0 hsl(var(--border-glow) / .3), 0 0 40px hsl(var(--primary) / .05);--gradient-primary: linear-gradient(135deg, hsl(var(--primary)), hsl(var(--accent)));--gradient-glow: radial-gradient(ellipse at center, hsl(var(--primary) / .15), transparent 70%);--gradient-card: linear-gradient(180deg, hsl(var(--bg-overlay)), hsl(var(--bg-base)));--gradient-surface: linear-gradient(135deg, hsl(var(--bg-elevated) / .8), hsl(var(--bg-base) / .9));--gradient-mark: linear-gradient(180deg, #1fa7d1, #2d82bb);--gradient-mark-deep: linear-gradient(180deg, #2970a6, #2d3891);--bg-page: radial-gradient(ellipse 80% 50% at 50% 0%, hsl(var(--primary) / .08), transparent), linear-gradient(180deg, hsl(var(--bg-base)) 0%, hsl(var(--bg-deepest)) 100%);--bg-grid: linear-gradient(hsl(187 50% 25% / .04) 1px, transparent 1px), linear-gradient(90deg, hsl(187 50% 25% / .04) 1px, transparent 1px);--bg-grid-size: 40px 40px;--font-sans: "Public Sans", "Barlow", system-ui, -apple-system, Segoe UI, Helvetica, Arial, sans-serif;--font-display: "Barlow", "Public Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-4xl: 48px;--fs-5xl: 64px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-base: 1.5;--lh-loose: 1.7;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--fw-black: 800;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1.2);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}.td-root,body.thermai{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);min-height:100vh;-webkit-font-smoothing:antialiased}.td-h1,h1.td{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-.02em;color:var(--text-primary)}.td-h2,h2.td{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);letter-spacing:-.01em;color:var(--text-primary)}.td-h3,h3.td{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:var(--lh-snug);color:var(--text-primary)}.td-h4,h4.td{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.td-body,p.td{font-size:var(--fs-base);color:var(--text-primary);line-height:var(--lh-base)}.td-meta,.td-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-medium)}.td-eyebrow{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.12em}.td-mono,code.td,pre.td{font-family:var(--font-mono);font-size:.92em;color:var(--text-primary)}.td-code-inline{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;background:hsl(var(--bg-muted));border:1px solid hsl(var(--border));border-radius:var(--radius-xs);color:hsl(var(--primary))}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;overflow:hidden}.app-shell{display:grid;grid-template-columns:var(--sidebar-w, 240px) 1fr;height:100vh;transition:grid-template-columns .3s var(--ease-standard)}.app-shell.collapsed{--sidebar-w: 64px}.app-main{display:grid;grid-template-rows:64px 1fr;overflow:hidden;position:relative}.app-content{overflow-y:auto;overflow-x:hidden;padding:28px 32px 48px;position:relative}.app-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 40% at 50% 0%,hsl(var(--primary) / .06),transparent 60%);pointer-events:none}.app-content>*{position:relative}.sidebar{background:hsl(var(--sidebar-bg));border-right:1px solid hsl(var(--border-subtle));display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-grid);background-size:var(--bg-grid-size);opacity:.5;pointer-events:none}.sidebar>*{position:relative}.sb-brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid hsl(var(--border-subtle))}.sb-brand-mark{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center}.sb-brand-text{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;white-space:nowrap;opacity:1;transition:opacity .2s var(--ease-standard)}.collapsed .sb-brand-text,.collapsed .sb-section-label,.collapsed .sb-nav-label,.collapsed .sb-meta,.collapsed .sb-status-text,.collapsed .sb-switcher-text{opacity:0;pointer-events:none}.sb-switcher{margin:12px;padding:10px 12px;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius);display:flex;align-items:center;gap:10px;cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.sb-switcher:hover{border-color:hsl(var(--border-glow));background:hsl(var(--bg-overlay))}.sb-switcher+.sb-switcher{margin-top:0}.sb-switcher-text{display:flex;flex-direction:column;min-width:0;flex:1}.sb-switcher-text .eyebrow{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.sb-switcher-text .name{font-size:13px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-section-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding:16px 20px 6px;font-weight:600}.sb-nav{list-style:none;margin:0;padding:4px 8px}.sb-nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:13.5px;font-weight:500;position:relative;border-left:2px solid transparent;margin-bottom:2px;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.sb-nav-item:hover{background:hsl(var(--bg-elevated) / .5);color:var(--text-primary)}.sb-nav-item.active{background:hsl(var(--primary) / .1);color:hsl(var(--primary));border-left-color:hsl(var(--primary))}.sb-nav-item.active .sb-icon{color:hsl(var(--primary))}.sb-nav-label{white-space:nowrap;flex:1}.sb-nav-badge{font-family:var(--font-mono);font-size:10px;background:hsl(var(--primary) / .15);color:hsl(var(--primary));padding:1px 6px;border-radius:var(--radius-full)}.sb-icon{width:16px;height:16px;flex-shrink:0}.sb-spacer{flex:1}.sb-status{margin:12px;padding:10px 12px;background:hsl(var(--bg-elevated) / .6);border:1px solid hsl(var(--border));border-radius:var(--radius);display:flex;align-items:center;gap:10px}.sb-status-dot{width:8px;height:8px;border-radius:50%;background:hsl(var(--success));box-shadow:0 0 8px hsl(var(--success) / .6);animation:pulse-glow 2s ease-in-out infinite;flex-shrink:0}.sb-status-text{display:flex;flex-direction:column;min-width:0}.sb-status-text .label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.sb-status-text .name{font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap}.topbar{display:flex;align-items:center;padding:0 32px 0 20px;gap:20px;background:hsl(var(--bg-deepest) / .7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid hsl(var(--border-subtle));position:relative;z-index:10}.topbar-toggle{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);padding:6px;border-radius:var(--radius-sm);display:grid;place-items:center;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.topbar-toggle:hover{background:hsl(var(--bg-elevated));color:var(--text-primary)}.topbar-title{display:flex;flex-direction:column;min-width:0;flex:1}.topbar-title h1{margin:0;font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);line-height:1.1}.topbar-title .sub{margin-top:2px;font-size:12px;color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:10px}.topbar-search{display:flex;align-items:center;gap:8px;padding:6px 10px;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;min-width:220px;cursor:text}.topbar-search input{background:transparent;border:none;outline:none;color:var(--text-primary);font-size:12px;font-family:inherit;flex:1;min-width:0}.kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;background:hsl(var(--bg-muted));border:1px solid hsl(var(--border));border-radius:3px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all var(--dur-base) var(--ease-standard);white-space:nowrap}.btn-primary{background:hsl(var(--primary));color:#001219;border-color:hsl(var(--primary));box-shadow:inset 0 1px hsl(var(--primary-glow) / .6)}.btn-primary:hover{background:hsl(var(--primary-glow));box-shadow:var(--glow-primary),inset 0 1px hsl(var(--primary-glow) / .8)}.btn-ghost{background:hsl(var(--bg-elevated));color:var(--text-primary);border-color:hsl(var(--border))}.btn-ghost:hover{border-color:hsl(var(--border-glow));background:hsl(var(--bg-overlay))}.btn-icon{padding:8px}.btn-sm{padding:5px 10px;font-size:12px}.btn svg{width:14px;height:14px;flex-shrink:0}.card{background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-card);position:relative}.card.pad{padding:20px}.card.glow{box-shadow:var(--shadow-card),var(--glow-inner)}.card-header{padding:16px 20px;border-bottom:1px solid hsl(var(--border-subtle));display:flex;align-items:center;justify-content:space-between;gap:16px}.card-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.005em;display:flex;align-items:center;gap:8px}.card-title-sub{color:var(--text-secondary);font-size:12px;font-weight:400}.card-body{padding:16px 20px}.link-action{font-size:12px;color:hsl(var(--primary));cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:color var(--dur-fast) var(--ease-standard)}.link-action:hover{color:hsl(var(--primary-glow))}.link-action svg{width:12px;height:12px}.stat-card{padding:18px 20px;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--border-glow) / .5),transparent)}.stat-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--text-primary);margin-top:8px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px}.stat-value .unit{font-size:16px;color:var(--text-secondary);font-weight:500;letter-spacing:0}.stat-sub{font-size:12px;color:var(--text-secondary);margin-top:6px;display:flex;align-items:center;gap:6px}.stat-icon{position:absolute;top:16px;right:16px;color:var(--text-muted)}.stat-icon svg{width:20px;height:20px}.stat-card.primary{border-color:hsl(var(--primary) / .3)}.stat-card.primary .stat-value{color:hsl(var(--primary))}.stat-card.primary .stat-icon{color:hsl(var(--primary) / .7)}.delta{font-family:var(--font-mono);font-size:11px;font-weight:500}.delta.up{color:hsl(var(--success))}.delta.down{color:hsl(var(--danger))}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid;line-height:1.5;white-space:nowrap}.badge-queued{color:hsl(var(--status-queued));background:hsl(var(--status-queued) / .12);border-color:hsl(var(--status-queued) / .3)}.badge-running{color:hsl(var(--status-running));background:hsl(var(--status-running) / .14);border-color:hsl(var(--status-running) / .35)}.badge-succeeded{color:hsl(var(--status-succeeded));background:hsl(var(--status-succeeded) / .14);border-color:hsl(var(--status-succeeded) / .35)}.badge-failed{color:hsl(var(--status-failed));background:hsl(var(--status-failed) / .14);border-color:hsl(var(--status-failed) / .35)}.badge-cancelled{color:hsl(var(--status-cancelled));background:hsl(var(--status-cancelled) / .14);border-color:hsl(var(--status-cancelled) / .35)}.badge-gpu{color:hsl(var(--primary));background:hsl(var(--primary) / .14);border-color:hsl(var(--primary) / .35)}.badge-cpu,.badge-neutral{color:var(--text-secondary);background:hsl(var(--bg-muted));border-color:hsl(var(--border))}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.queued{background:hsl(var(--status-queued))}.status-dot.running{background:hsl(var(--status-running));box-shadow:0 0 6px hsl(var(--status-running) / .8);animation:pulse-glow 2s infinite}.status-dot.succeeded{background:hsl(var(--status-succeeded))}.status-dot.failed{background:hsl(var(--status-failed))}.status-dot.cancelled{background:hsl(var(--status-cancelled))}.pri-customer .pri-indicator{background:hsl(var(--danger));box-shadow:0 0 6px hsl(var(--danger) / .6)}.pri-benchmark .pri-indicator{background:hsl(var(--warning))}.pri-background .pri-indicator{background:var(--text-muted);opacity:.5}.pri-indicator{width:3px;border-radius:2px;align-self:stretch}.progress{height:4px;background:hsl(var(--bg-muted));border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary-glow)));transition:width .8s var(--ease-standard);animation:progress-pulse 1.6s ease-in-out infinite}@keyframes progress-pulse{0%,to{box-shadow:0 0 6px hsl(var(--primary) / .35);filter:brightness(1)}50%{box-shadow:0 0 14px hsl(var(--primary) / .75);filter:brightness(1.2)}}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;padding:10px 16px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid hsl(var(--border-subtle));white-space:nowrap}.tbl td{padding:12px 16px;border-bottom:1px solid hsl(var(--border-subtle));vertical-align:middle}.tbl tr{transition:background .12s var(--ease-standard)}.tbl tbody tr{cursor:pointer}.tbl tbody tr:hover{background:hsl(var(--bg-muted) / .3)}.tbl tbody tr.pri-customer{background:hsl(var(--danger) / .04)}.tbl tbody tr.pri-customer:hover{background:hsl(var(--danger) / .08)}.tbl tbody tr.pri-background{opacity:.55}.tbl tbody tr.pri-background:hover{opacity:.9}.tbl tr.active-row{background:hsl(var(--primary) / .08)!important}.tbl .cell-flex{display:flex;align-items:center;gap:10px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-secondary)}.dim{color:var(--text-muted)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-secondary);font-weight:500}.input,.select,textarea.input{background:hsl(var(--bg-muted));border:1px solid hsl(var(--border));border-radius:var(--radius-sm);padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.input:focus,.select:focus,textarea.input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--primary) / .2)}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-track{width:32px;height:18px;background:hsl(var(--bg-muted));border:1px solid hsl(var(--border));border-radius:var(--radius-full);position:relative;transition:background .2s var(--ease-standard)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--text-secondary);border-radius:50%;transition:all .2s var(--ease-standard)}.toggle.on .toggle-track{background:hsl(var(--primary) / .3);border-color:hsl(var(--primary))}.toggle.on .toggle-track:after{left:16px;background:hsl(var(--primary));box-shadow:0 0 6px hsl(var(--primary) / .6)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-full);background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border));color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--dur-base) var(--ease-standard);white-space:nowrap}.chip:hover{border-color:hsl(var(--border-glow));color:var(--text-primary)}.chip.active{background:hsl(var(--primary) / .14);color:hsl(var(--primary));border-color:hsl(var(--primary) / .4)}.chip .count{font-family:var(--font-mono);font-size:10px;opacity:.7}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.55}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes progress-flow{0%{background-position:100% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes row-in{0%{opacity:0;transform:translateY(-6px);background:hsl(var(--primary) / .1)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .3s var(--ease-standard) both}.spin{animation:spin 1s linear infinite}.row-in{animation:row-in .6s var(--ease-standard) both}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-split-wide{display:grid;grid-template-columns:2fr 1fr;gap:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.flex-1{flex:1;min-width:0}.text-center{text-align:center}.divider{height:1px;background:hsl(var(--border-subtle));margin:16px 0}.page-section+.page-section{margin-top:24px}.page-section-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.005em;margin:0 0 12px;display:flex;align-items:center;gap:10px}.empty{padding:48px 24px;text-align:center;color:var(--text-secondary);border:1px dashed hsl(var(--border));border-radius:var(--radius);background:radial-gradient(ellipse 60% 40% at 50% 0%,hsl(var(--primary) / .04),transparent 60%),hsl(var(--bg-elevated) / .3)}.empty-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:hsl(var(--primary) / .08);display:grid;place-items:center;color:hsl(var(--primary))}.empty h3{font-size:16px;color:var(--text-primary);margin:0 0 6px;font-weight:600}.empty p{font-size:13px;margin:0 0 16px}.tweaks-toggle{position:fixed;right:16px;bottom:16px;width:40px;height:40px;border-radius:50%;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border-glow) / .4);color:hsl(var(--primary));cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow-card),var(--glow-inner);z-index:999;transition:all var(--dur-base) var(--ease-standard)}.tweaks-toggle:hover{background:hsl(var(--bg-overlay));transform:translateY(-1px)}.tweaks-panel{position:fixed;right:16px;bottom:16px;width:320px;background:hsl(var(--bg-elevated));border:1px solid hsl(var(--border-glow) / .4);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay),var(--glow-inner);z-index:1000;overflow:hidden;font-size:13px;animation:fade-in .2s var(--ease-standard)}.tweaks-header{padding:12px 16px;background:hsl(var(--bg-deepest) / .6);border-bottom:1px solid hsl(var(--border-subtle));display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:hsl(var(--primary))}.tweaks-body{padding:14px 16px;max-height:70vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.tweak-row{display:flex;flex-direction:column;gap:6px}.tweak-row>label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.tweak-segment{display:flex;background:hsl(var(--bg-muted));border-radius:var(--radius-sm);padding:2px;border:1px solid hsl(var(--border))}.tweak-segment button{flex:1;background:transparent;border:none;padding:6px 10px;font-size:11px;color:var(--text-secondary);cursor:pointer;border-radius:4px;font-family:inherit;font-weight:500;transition:all .15s var(--ease-standard)}.tweak-segment button.active{background:hsl(var(--primary) / .18);color:hsl(var(--primary))}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:hsl(var(--bg-deepest) / .7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fade-in .2s var(--ease-standard)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(860px,72vw);background:hsl(var(--bg-base));border-left:1px solid hsl(var(--border));box-shadow:var(--shadow-overlay);z-index:101;overflow-y:auto;animation:drawer-in .32s var(--ease-standard) both}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.spark{display:block;width:100%;height:auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-strong))}.tip{position:relative}.tip[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:hsl(var(--bg-overlay));border:1px solid hsl(var(--border));color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:50}
