:root{--aurora-teal-400: #34d399;--aurora-teal-500: #10b981;--aurora-cyan-400: #38bdf8;--aurora-cyan-500: #0ea5e9;--aurora-violet-400: #a78bfa;--aurora-violet-500: #8b5cf6;--aurora-pink-400: #f472b6;--status-ok: #34d399;--status-warn: #fbbf24;--status-danger: #f87171;--status-info: #38bdf8;--font-display: "Space Grotesk", "Inter", ui-sans-serif, system-ui, "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--tracking-caps: .08em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--dur-fast: .12s;--dur-mid: .2s;--dur-slow: .32s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--z-base: 1;--z-sticky: 20;--z-drawer: 40;--z-overlay: 60;--z-toast: 80}:root,[data-theme=dark]{--bg: #050814;--bg-2: #0a0f22;--surface: rgba(12, 18, 40, .72);--surface-2: rgba(18, 28, 58, .82);--surface-solid: #0c1228;--border: rgba(148, 183, 255, .14);--border-strong: rgba(148, 183, 255, .28);--ink-1: #e8eefc;--ink-2: #b9c6e4;--ink-3: #8496bb;--accent: var(--aurora-cyan-400);--accent-2: var(--aurora-violet-400);--code-bg: rgba(3, 6, 18, .78);--shadow-card: 0 18px 44px -22px rgba(0, 0, 0, .9);color-scheme:dark}[data-theme=light]{--bg: #f6f8fd;--bg-2: #eef2fb;--surface: rgba(255, 255, 255, .84);--surface-2: rgba(255, 255, 255, .96);--surface-solid: #ffffff;--border: rgba(30, 58, 110, .14);--border-strong: rgba(30, 58, 110, .28);--ink-1: #0f1c38;--ink-2: #35496f;--ink-3: #5d6f95;--accent: #0284c7;--accent-2: #7c3aed;--status-ok: #059669;--status-warn: #b45309;--status-danger: #dc2626;--status-info: #0284c7;--code-bg: rgba(15, 28, 56, .05);--shadow-card: 0 16px 40px -26px rgba(15, 28, 56, .45);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink-1);font-family:var(--font-body);font-size:var(--text-md);line-height:1.6;-webkit-font-smoothing:antialiased}body{background-image:radial-gradient(64rem 40rem at 12% -10%,color-mix(in srgb,var(--aurora-cyan-500) 16%,transparent),transparent 60%),radial-gradient(52rem 34rem at 88% 8%,color-mix(in srgb,var(--aurora-violet-500) 14%,transparent),transparent 62%),radial-gradient(48rem 30rem at 50% 108%,color-mix(in srgb,var(--aurora-teal-500) 12%,transparent),transparent 60%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.18;margin:0 0 var(--sp-3);letter-spacing:-.02em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--sp-3);color:var(--ink-2)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}small{font-size:var(--text-xs);color:var(--ink-3)}hr{border:0;border-top:1px solid var(--border);margin:var(--sp-5) 0}::selection{background:color-mix(in srgb,var(--accent) 34%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.u-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.u-muted{color:var(--ink-3)}.u-caps{text-transform:uppercase;letter-spacing:var(--tracking-caps);font-size:var(--text-xs);font-weight:600;color:var(--ink-3)}.shell{position:relative;min-height:100vh;z-index:var(--z-base)}.container{width:min(1240px,100% - var(--sp-6));margin-inline:auto}.container--narrow{width:min(820px,100% - var(--sp-6));margin-inline:auto}.stack>*+*{margin-top:var(--sp-4)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grid{display:grid;gap:var(--sp-4)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.appbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid var(--border)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-card)}.card--tight{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md)}.card--flush{padding:0;overflow:hidden}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--sp-2)}.card__meta{display:flex;gap:var(--sp-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--ink-3)}.aurora-ring{position:relative;isolation:isolate}.aurora-ring:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ring-angle, 0deg),var(--aurora-teal-400),var(--aurora-cyan-400),var(--aurora-violet-400),var(--aurora-pink-400),var(--aurora-teal-400));opacity:.85;filter:blur(.5px)}.aurora-ring:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:-2;border-radius:inherit;background:inherit;opacity:.22;filter:blur(20px)}@property --ring-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@media (prefers-reduced-motion: no-preference){.aurora-ring:before{animation:ring-spin 7s linear infinite}@keyframes ring-spin{to{--ring-angle: 360deg}}}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface-2) 80%,transparent);font:600 var(--text-xs)/1.5 var(--font-mono);letter-spacing:.02em;color:var(--ink-2);white-space:nowrap}.chip--ok{color:var(--status-ok);border-color:color-mix(in srgb,var(--status-ok) 42%,transparent);background:color-mix(in srgb,var(--status-ok) 12%,transparent)}.chip--warn{color:var(--status-warn);border-color:color-mix(in srgb,var(--status-warn) 42%,transparent);background:color-mix(in srgb,var(--status-warn) 12%,transparent)}.chip--danger{color:var(--status-danger);border-color:color-mix(in srgb,var(--status-danger) 42%,transparent);background:color-mix(in srgb,var(--status-danger) 12%,transparent)}.chip--info{color:var(--status-info);border-color:color-mix(in srgb,var(--status-info) 42%,transparent);background:color-mix(in srgb,var(--status-info) 12%,transparent)}.chip--ghost{background:transparent;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-1);font:600 var(--text-sm)/1.4 var(--font-body);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),background var(--dur-fast)}.btn:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{border-color:transparent;background:linear-gradient(135deg,var(--aurora-cyan-500),var(--aurora-violet-500));color:#fff}.btn--danger{border-color:color-mix(in srgb,var(--status-danger) 50%,transparent);color:var(--status-danger)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn--sm{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs)}.btn--block{width:100%}.kbd{display:inline-block;padding:1px 6px;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;background:var(--surface-2);font:600 var(--text-xs)/1.6 var(--font-mono);color:var(--ink-2)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.label{font:600 var(--text-xs)/1.4 var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-3)}.input,.textarea,.select{width:100%;padding:var(--sp-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--code-bg);color:var(--ink-1);font:400 var(--text-sm)/1.6 var(--font-body);transition:border-color var(--dur-fast)}.textarea{font-family:var(--font-mono);min-height:160px;resize:vertical}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none}.input::placeholder,.textarea::placeholder{color:var(--ink-3);opacity:.7}.switch{display:inline-flex;align-items:center;gap:var(--sp-2);cursor:pointer;font-size:var(--text-sm);color:var(--ink-2)}.dropzone{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-7) var(--sp-5);border:1.5px dashed var(--border-strong);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface) 60%,transparent);text-align:center;transition:border-color var(--dur-mid),background var(--dur-mid)}.dropzone.is-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.dropzone__hint{color:var(--ink-3);font-size:var(--text-sm)}.dial{--dial-value: 0;--dial-color: var(--accent);position:relative;width:var(--dial-size, 148px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--dial-color) calc(var(--dial-value) * 1%),color-mix(in srgb,var(--border) 70%,transparent) 0);transition:background var(--dur-slow) var(--ease-out)}.dial:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:var(--surface-solid)}.dial__value{position:relative;font:700 var(--text-2xl)/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--dial-color)}.dial__label{position:relative;margin-top:var(--sp-1);font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.dial--sm{--dial-size: 76px}.dial--sm .dial__value{font-size:var(--text-md)}.timeline{position:relative;padding-left:var(--sp-5)}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--accent),var(--accent-2),transparent);opacity:.4}.timeline__item{position:relative;padding:0 0 var(--sp-4) var(--sp-2)}.timeline__item:before{content:"";position:absolute;left:calc(var(--sp-5) * -1 + 3px);top:8px;width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.timeline__item--ok:before{background:var(--status-ok)}.timeline__item--warn:before{background:var(--status-warn)}.timeline__item--danger:before{background:var(--status-danger)}.timeline__item--reverted{opacity:.55}.timeline__item--reverted .timeline__title{text-decoration:line-through}.timeline__title{font-weight:600;font-size:var(--text-sm)}.timeline__meta{font:400 var(--text-xs)/1.6 var(--font-mono);color:var(--ink-3)}.lane{display:grid;grid-template-columns:var(--lane-label, 148px) 1fr;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--border)}.lane__label{display:flex;align-items:center;gap:var(--sp-2);font:600 var(--text-xs)/1.4 var(--font-mono);color:var(--ink-2);text-transform:uppercase;letter-spacing:var(--tracking-caps);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane__track{position:relative;height:34px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 55%,transparent);overflow:hidden}.event-block{position:absolute;top:6px;height:22px;min-width:8px;border-radius:5px;background:var(--accent);border:0;padding:0;cursor:pointer;opacity:.85;transition:opacity var(--dur-fast),transform var(--dur-fast) var(--ease-out)}.event-block:hover{opacity:1;transform:scaleY(1.14)}.event-block--error{background:var(--status-danger)}.event-block--active{opacity:1;box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--accent)}.ruler{position:relative;height:20px;font:400 var(--text-xs)/1 var(--font-mono);color:var(--ink-3)}.ruler__tick{position:absolute;top:0;border-left:1px solid var(--border);padding-left:4px}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-drawer);width:min(560px,100vw);display:flex;flex-direction:column;background:var(--surface-solid);border-left:1px solid var(--border-strong);box-shadow:-30px 0 60px -30px #000c;transform:translate(102%);transition:transform var(--dur-mid) var(--ease-out)}.drawer.is-open{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border)}.drawer__body{flex:1;overflow:auto;padding:var(--sp-5)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-drawer) - 1);background:#02050f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--dur-mid)}.scrim.is-open{opacity:1;pointer-events:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th,.table td{padding:var(--sp-2) var(--sp-3);text-align:left;border-bottom:1px solid var(--border)}.table th{font:600 var(--text-xs)/1.4 var(--font-body);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--ink-3)}.table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.table tbody tr:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.toast-host{position:fixed;bottom:var(--sp-5);left:50%;translate:-50% 0;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--sp-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-2);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-card);font-size:var(--text-sm);pointer-events:auto}.toast--ok{border-color:color-mix(in srgb,var(--status-ok) 50%,transparent)}.toast--danger{border-color:color-mix(in srgb,var(--status-danger) 50%,transparent)}@media (prefers-reduced-motion: no-preference){.toast{animation:toast-in var(--dur-mid) var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}}.notice{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--status-warn) 40%,transparent);background:color-mix(in srgb,var(--status-warn) 10%,transparent);font-size:var(--text-sm);color:var(--ink-2)}.notice--info{border-color:color-mix(in srgb,var(--status-info) 40%,transparent);background:color-mix(in srgb,var(--status-info) 10%,transparent)}.notice--danger{border-color:color-mix(in srgb,var(--status-danger) 40%,transparent);background:color-mix(in srgb,var(--status-danger) 10%,transparent)}.empty{display:grid;place-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--ink-3)}.empty__icon{font-size:var(--text-3xl);opacity:.55}.progress{height:4px;border-radius:var(--radius-pill);background:var(--border);overflow:hidden}.progress__bar{height:100%;width:0;background:linear-gradient(90deg,var(--aurora-cyan-400),var(--aurora-violet-400));transition:width var(--dur-mid) var(--ease-out)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}.appbar,.drawer,.scrim,.toast-host,.btn,.dropzone{display:none!important}.card{border:1px solid #ccc;box-shadow:none;background:#fff;break-inside:avoid}.aurora-ring:before,.aurora-ring:after{display:none}a{color:#000;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:10px}}@supports (color: oklch(70% .1 200)){:root{--aurora-teal-400: oklch(78% .14 180);--aurora-cyan-400: oklch(80% .13 210);--aurora-violet-400: oklch(72% .15 295);--aurora-pink-400: oklch(74% .16 350);--status-ok: oklch(76% .17 160);--status-warn: oklch(80% .16 85);--status-danger: oklch(68% .19 25);--status-info: oklch(72% .14 250)}[data-theme=light]{--status-ok: oklch(58% .15 160);--status-warn: oklch(58% .14 75);--status-danger: oklch(55% .2 25);--status-info: oklch(56% .15 250)}}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-base);opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='128' height='128' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=light] body:after{opacity:.018;mix-blend-mode:multiply}.bento{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bento>.plug-card--wide{grid-column:span 2}.bento>.plug-card--tall{grid-row:span 2}@media (max-width: 680px){.bento>.plug-card--wide{grid-column:span 1}.bento>.plug-card--tall{grid-row:span 1}}.plug-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:var(--shadow-card);transform:perspective(900px) rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast);will-change:transform}.plug-card:hover{border-color:var(--border-strong)}.plug-card:focus-within{border-color:var(--accent)}.plug-card__status{display:flex;align-items:center;gap:var(--sp-2);font:600 var(--text-xs)/1.4 var(--font-mono);color:var(--ink-3);letter-spacing:var(--tracking-caps);text-transform:uppercase}.plug-card__status .spacer{margin-left:auto}.plug-card__body{font-size:var(--text-sm);color:var(--ink-2);min-height:0}.plug-card__actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.lamp{width:8px;height:8px;flex:none;border-radius:50%;background:var(--status-ok);box-shadow:0 0 8px 1px color-mix(in oklch,var(--status-ok) 70%,transparent)}.lamp--ok{background:var(--status-ok);box-shadow:0 0 8px 1px color-mix(in oklch,var(--status-ok) 70%,transparent)}.lamp--warn{background:var(--status-warn);box-shadow:0 0 8px 1px color-mix(in oklch,var(--status-warn) 70%,transparent)}.lamp--danger{background:var(--status-danger);box-shadow:0 0 8px 1px color-mix(in oklch,var(--status-danger) 70%,transparent)}.lamp--info{background:var(--status-info);box-shadow:0 0 8px 1px color-mix(in oklch,var(--status-info) 70%,transparent)}.lamp--idle{background:var(--ink-3);box-shadow:none;opacity:.6}@media (prefers-reduced-motion: no-preference){.lamp--live{animation:lamp-breathe 2.6s var(--ease-in-out) infinite}@keyframes lamp-breathe{50%{opacity:.5}}}.readout{font:700 var(--text-2xl)/1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink-1);display:flex;align-items:baseline;gap:2px}.readout small{font-size:var(--text-sm);font-weight:500;color:var(--ink-3);margin-left:4px}.readout--ok{color:var(--status-ok)}.readout--warn{color:var(--status-warn)}.readout--danger{color:var(--status-danger)}.readout--sm{font-size:var(--text-lg)}.readout-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:var(--sp-3)}.readout-grid__cell{display:flex;flex-direction:column;gap:2px}.readout-grid__cell .u-caps{font-size:10px}.spark{display:flex;align-items:flex-end;gap:2px;height:28px}.spark__bar{flex:1;min-width:2px;border-radius:1px;background:color-mix(in oklch,var(--accent) 62%,transparent);height:calc(var(--v, 0) * 1%)}.spark__bar--peak{background:var(--accent)}.term{position:relative;background:var(--code-bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);font:400 var(--text-sm)/1.7 var(--font-mono);padding:var(--sp-4);overflow:auto;max-height:var(--term-max, 340px);color:var(--ink-2);white-space:pre-wrap;word-break:break-word}.term:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.015) 2px 3px)}[data-theme=light] .term:before{background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.02) 2px 3px)}.term__prompt:before{content:"❯ ";color:var(--accent)}.term__line{display:block}.term__line--err{color:var(--status-danger)}.term__line--ok{color:var(--status-ok)}.term__line--dim{color:var(--ink-3)}.palette-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#02050f94;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:start center;padding-top:12vh}.palette-scrim[hidden]{display:none}.palette{width:min(560px,92vw);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 40px 80px -40px #000000e6;overflow:hidden}.palette__input{width:100%;padding:var(--sp-4);border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink-1);font:400 var(--text-lg)/1.4 var(--font-body)}.palette__input:focus{outline:none}.palette__list{list-style:none;margin:0;padding:var(--sp-2);max-height:46vh;overflow:auto}.palette__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);color:var(--ink-2)}.palette__item[aria-selected=true]{background:color-mix(in oklch,var(--accent) 16%,transparent);color:var(--ink-1)}.palette__item .hint{margin-left:auto;font:400 var(--text-xs) var(--font-mono);color:var(--ink-3)}.palette__empty{padding:var(--sp-5);text-align:center;color:var(--ink-3);font-size:var(--text-sm)}.palette__foot{display:flex;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--ink-3)}@view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.bento>*{animation:card-rise linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}}}}@media (prefers-reduced-motion: reduce){.plug-card{transform:none!important}}@media print{.palette-scrim,.term:before{display:none!important}body:after{display:none!important}.plug-card{border:1px solid #ccc;box-shadow:none;background:#fff;break-inside:avoid;transform:none}}:root{--bg-base: #060d1a;--bg-surface: #0d1b2e;--bg-surface2: #112240;--bg-surface3: #1a3158;--border: #1e3a5f;--border-bright: #2a5080;--teal: #00e5c7;--teal-dim: #00b5a0;--teal-muted: #007a6e55;--violet: #a855f7;--violet-dim: #7c3aed;--violet-muted: #7c3aed33;--gold: #f59e0b;--rose: #f43f5e;--sky: #38bdf8;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-dim: #6b83a3;--aurora-glow: 0 0 40px #00e5c740, 0 0 80px #a855f720;--card-shadow: 0 4px 24px #0006;--agent-xiaoluo: #00e5c7;--agent-hermes: #a855f7;--agent-dsh: #f59e0b;--agent-default: #38bdf8;--type-phase_start: #00e5c7;--type-phase_end: #007a6e;--type-agent_call: #a855f7;--type-agent_result: #38bdf8;--type-error: #f43f5e;--type-default: #64748b;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-sans: "Inter", "PingFang SC", "Noto Sans SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}.hidden{display:none!important}.visible{display:flex}#app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#060d1acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:6px}.logo{font-size:22px}.brand{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--teal)}.tagline{font-size:12px;color:var(--text-dim);display:none}@media (min-width: 600px){.tagline{display:inline}}.btn-ghost{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius);font-size:12px;cursor:pointer;transition:border-color .2s,color .2s,background .2s;text-decoration:none;white-space:nowrap}.btn-ghost:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-muted)}.btn-sm{padding:3px 9px;font-size:11px}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;background:linear-gradient(135deg,var(--teal-dim),var(--violet-dim));color:#fff;border:none;border-radius:var(--radius-lg);font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 0 20px #00e5c740}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 32px #00e5c760}#hero{flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 56px);padding:60px 24px;background:radial-gradient(ellipse 70% 50% at 20% 30%,#0d2f4f 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 70%,#1a0d3a 0%,transparent 60%),var(--bg-base)}.hero-inner{display:flex;flex-direction:column;align-items:center;max-width:720px;width:100%;gap:28px;text-align:center}.aurora-title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.15;color:var(--text-primary)}.glow{background:linear-gradient(90deg,var(--teal),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px var(--teal))}.hero-sub{font-size:16px;color:var(--text-secondary);max-width:480px}#drop-zone{width:100%;max-width:500px;border:2px dashed var(--border-bright);border-radius:var(--radius-xl);padding:40px 24px;cursor:pointer;transition:border-color .2s,background .2s;background:var(--bg-surface)}#drop-zone:hover,#drop-zone.drag-over{border-color:var(--teal);background:var(--teal-muted)}.drop-icon{font-size:36px;margin-bottom:12px}.drop-label{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.drop-hint{font-size:13px;color:var(--text-dim)}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.hero-hint{font-size:12px;color:var(--text-dim)}#toolbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-wrap:wrap;min-height:52px}.toolbar-left{display:flex;align-items:center;gap:10px;min-width:0}.trace-name{font-size:13px;font-weight:600;color:var(--teal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.trace-stats{font-size:11px;color:var(--text-dim);white-space:nowrap}.toolbar-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.filter-label{font-size:11px;color:var(--text-dim);white-space:nowrap}.toolbar-right{display:flex;gap:6px}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.chip{padding:2px 10px;border-radius:12px;font-size:11px;cursor:pointer;border:1px solid transparent;background:var(--bg-surface3);color:var(--text-secondary);transition:all .15s;white-space:nowrap}.chip.active{font-weight:600}.chip:hover{filter:brightness(1.2)}#summary-bar{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 20px;background:var(--bg-surface2);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-secondary);gap:10px}#summary-content{flex:1;line-height:1.7}#summary-content strong{color:var(--teal)}#swimlane-container{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 268px);padding:16px 20px;position:relative}#time-ruler{display:flex;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;position:sticky;top:0;background:var(--bg-base);z-index:10}.ruler-label{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);white-space:nowrap}.ruler-origin{width:110px;flex-shrink:0}#lanes{display:flex;flex-direction:column;gap:8px}.lane{display:flex;align-items:center;min-height:44px;border-radius:var(--radius);overflow:visible}.lane-label{width:110px;flex-shrink:0;font-size:12px;font-weight:600;padding-right:10px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-track{flex:1;height:44px;position:relative;background:var(--bg-surface);border-radius:var(--radius);border:1px solid var(--border);min-width:0}.event-block{position:absolute;top:6px;height:30px;min-width:6px;border-radius:4px;cursor:pointer;transition:filter .15s,transform .15s;border:1px solid transparent;display:flex;align-items:center;overflow:hidden}.event-block:hover{filter:brightness(1.4) drop-shadow(0 0 6px currentColor);transform:scaleY(1.15);z-index:5}.event-block.selected{filter:brightness(1.5) drop-shadow(0 0 10px currentColor);outline:2px solid #fff8;z-index:6}.event-block-label{font-size:9px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;opacity:.9}#legend{display:flex;flex-wrap:wrap;gap:10px;padding:10px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--text-dim)}.legend-item{display:flex;align-items:center;gap:5px}.legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}#detail-drawer{position:fixed;top:56px;right:0;width:min(420px,100vw);height:calc(100vh - 56px);background:var(--bg-surface);border-left:1px solid var(--border);z-index:200;overflow-y:auto;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:var(--card-shadow);display:flex;flex-direction:column}#detail-drawer.open{transform:translate(0);display:flex}#drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:190;display:none}#drawer-backdrop.open{display:block}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);sticky:top;background:var(--bg-surface)}.event-badge{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;font-family:var(--font-mono);background:var(--bg-surface3);color:var(--text-secondary);border:1px solid var(--border)}.drawer-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.drawer-field{display:flex;align-items:baseline;gap:8px}.field-label{font-size:11px;color:var(--text-dim);width:64px;flex-shrink:0;font-family:var(--font-mono)}.field-value{font-size:13px;color:var(--text-primary);font-weight:500}.drawer-section{display:flex;flex-direction:column;gap:4px}.drawer-pre{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto;line-height:1.6}.drawer-raw{color:var(--text-dim);font-size:10.5px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--bg-surface2);color:var(--text-primary);border:1px solid var(--teal);border-radius:var(--radius-lg);padding:10px 20px;font-size:13px;z-index:999;box-shadow:0 0 20px #00e5c740;display:flex;align-items:center;gap:8px;max-width:90vw;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.agent-xiaoluo{color:var(--agent-xiaoluo)}.agent-hermes{color:var(--agent-hermes)}.agent-dsh{color:var(--agent-dsh)}@media (max-width: 640px){#app-header{padding:0 12px}#toolbar{padding:8px 12px}#swimlane-container{padding:10px 12px}.lane-label{width:72px;font-size:10px}#detail-drawer{width:100vw}.toolbar-filters,#btn-share,#btn-export{display:none}}#trace-viewer{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}#trace-viewer.hidden{display:none!important}.lane-track:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);z-index:0}.scroll-hint{text-align:center;font-size:11px;color:var(--text-dim);padding:8px;letter-spacing:.05em}@keyframes aurora-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(20px,-10px) scale(1.05)}to{transform:translate(0) scale(1)}}#hero:before{content:"";position:absolute;width:600px;height:400px;background:radial-gradient(ellipse,#00e5c715 0%,transparent 70%);top:10%;left:5%;animation:aurora-drift 8s ease-in-out infinite;pointer-events:none}#hero:after{content:"";position:absolute;width:500px;height:350px;background:radial-gradient(ellipse,#a855f710 0%,transparent 70%);bottom:15%;right:5%;animation:aurora-drift 10s ease-in-out infinite reverse;pointer-events:none}#hero{position:relative;overflow:hidden}.phase-divider{position:absolute;top:0;bottom:0;width:1px;background:var(--border);z-index:1;pointer-events:none}.phase-label{position:absolute;top:-18px;font-size:9px;color:var(--text-dim);transform:translate(-50%);white-space:nowrap;font-family:var(--font-mono)}.share-popup{position:fixed;top:70px;right:20px;background:var(--bg-surface2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;z-index:300;width:340px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px}.share-popup input{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:6px 10px;font-size:11px;font-family:var(--font-mono)}.share-popup-title{font-size:12px;color:var(--text-secondary);font-weight:600}#playback-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 20px;background:linear-gradient(180deg,#0d1b2eee,#0a1628ee);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:56px;z-index:40}.scrub-wrap{position:relative;flex:1;min-width:160px;height:18px;display:grid;align-items:center}.scrub-fill{position:absolute;left:0;top:50%;height:4px;transform:translateY(-50%);border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--violet));box-shadow:0 0 12px #00e5c788;pointer-events:none}#playback-bar #play-scrub{width:100%;position:relative;z-index:1;accent-color:var(--teal);background:transparent}#play-pos{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);min-width:64px}.speed-label{font-size:11px;color:var(--text-dim);display:inline-flex;gap:6px;align-items:center}.speed-label select{background:var(--bg-base);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:2px 6px}#lane-stage{position:relative}.playhead{position:absolute;top:0;bottom:0;width:2px;z-index:8;pointer-events:none;background:linear-gradient(180deg,#fff,var(--teal));box-shadow:0 0 18px #00e5c7cc,0 0 40px #a855f766;opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s}.playhead.on{opacity:1}.playhead i{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 12px #00e5c7}.event-block{position:absolute;top:14px;min-height:36px;padding:4px 6px;display:flex;flex-direction:column;justify-content:center;border-radius:10px;border:1px solid;box-shadow:0 0 0 1px #0006,0 8px 22px #0006;transition:transform .15s ease,filter .15s ease,opacity .25s ease,box-shadow .2s;overflow:hidden}.event-block:hover{transform:translateY(-3px) scale(1.04);z-index:5}.event-block.is-current{outline:2px solid #fff;outline-offset:2px;z-index:7;box-shadow:0 0 28px #00e5c7bb,0 0 48px #a855f766;animation:pulse-current 1.1s ease-in-out infinite}.event-block.is-past{opacity:.78}.event-block.is-future{opacity:.38;filter:grayscale(.15) saturate(.7)}.event-block.is-error{box-shadow:0 0 18px #f43f5e88}.event-block-label{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.event-block-msg{display:block;font-size:10px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@keyframes pulse-current{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.lane-track{position:relative;height:64px}.lane-links{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.link-path{animation:dash 2.2s linear infinite}@keyframes dash{to{stroke-dashoffset:-40}}.lane{display:flex;gap:10px;align-items:center;padding:10px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--agent) 10%,#0d1b2e),#0d1b2e73);border:1px solid rgba(30,58,95,.7);border-radius:14px;margin-bottom:12px;box-shadow:inset 0 1px #ffffff08,0 10px 30px #0004}.lane-label{width:110px;flex:0 0 auto;font-weight:700;font-size:12px;display:flex;gap:8px;align-items:center}.lane-label .dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 10px currentColor}.ruler-track{position:relative;height:20px;flex:1}.ruler-label{position:absolute;transform:translate(-50%);font-size:10px;color:var(--text-dim);font-family:var(--font-mono)}.tb-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}body.viewer-on #trace-viewer,#hero{position:relative;z-index:1}#app-header{position:relative;z-index:50}:root{--tb-custom-opacity: .3}body{background:radial-gradient(ellipse 80% 50% at 10% -10%,#0b2a44 0%,transparent 55%),radial-gradient(ellipse 70% 45% at 90% 0%,#1a0f3a 0%,transparent 55%),var(--bg-base);background-attachment:fixed}html[data-bg=midnight] body{background:radial-gradient(ellipse 80% 50% at 20% 0%,#0b1b3f 0%,transparent 55%),#020617}html[data-bg=nebula] body{background:radial-gradient(ellipse 70% 45% at 80% 10%,#3b1560 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 10% 80%,#4a1748 0%,transparent 55%),#0a0616}html[data-bg=ember] body{background:radial-gradient(ellipse 70% 45% at 30% 0%,#4a1d0d 0%,transparent 55%),#140a08}#tb-theme-dock{position:fixed;right:16px;bottom:16px;z-index:400}.tb-theme-toggle{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:#0d1b2ecc;color:var(--text-primary);cursor:pointer;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0008}.tb-theme-panel{position:absolute;right:0;bottom:56px;width:240px;padding:14px;background:#0d1b2ef2;border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #0009}.tb-theme-title{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-weight:700}.tb-theme-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tb-preset{border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:8px;padding:7px;cursor:pointer;font-size:12px}.tb-preset.active,.tb-preset:hover{border-color:var(--teal);color:var(--teal)}.tb-theme-upload{display:block;margin:10px 0 8px;font-size:12px;color:var(--text-dim);border:1px dashed var(--border);border-radius:8px;padding:8px;text-align:center;cursor:pointer}.tb-theme-panel input[type=range]{width:100%;margin-bottom:8px}.tb-custom-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:0;background-size:cover;background-position:center;filter:brightness(.45) saturate(1.05);transition:opacity .3s ease}.tb-custom-bg.show{opacity:var(--tb-custom-opacity)}#lanes .lane{background:linear-gradient(90deg,#1122408c,#0d1b2e59);border:1px solid rgba(30,58,95,.65);border-radius:12px;margin-bottom:10px;box-shadow:inset 0 1px #ffffff08}@media (prefers-reduced-motion: reduce){.event-block.is-current{animation:none}#hero:before,#hero:after{animation:none}}:root{--bg-base: #070c1a;--bg-surface: #0d1628;--bg-surface2: #101c34;--teal: #00d4aa;--violet: #7c4dff;--text-primary: #e8f4ff;--text-secondary: #8ba8cc;--text-dim: #6b83a3;--border: rgba(0,212,170,.14)}#app-header{-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);background:#070c1acc;border-bottom:1px solid rgba(0,212,170,.12)}.btn-primary{background:linear-gradient(135deg,#00d4aa,#00b8d9 50%,#7c4dff);box-shadow:0 0 28px #00d4aa59}.lane{border-color:#00d4aa24;box-shadow:inset 0 1px #ffffff0a,0 12px 36px #0005}#playback-bar{background:linear-gradient(180deg,#0d1628f2,#0a1224f2);border-bottom-color:#00d4aa1f}.scrub-fill{background:linear-gradient(90deg,#00d4aa,#7c4dff)}.playhead{background:linear-gradient(180deg,#fff,#00d4aa);box-shadow:0 0 18px #00d4aacc,0 0 40px #7c4dff66}.aurora-title .glow{background:linear-gradient(90deg,#00d4aa,#7c4dff,#e040fb);-webkit-background-clip:text;background-clip:text}.format-badge{font-size:10px;font-weight:700;letter-spacing:.08em;padding:2px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}.format-badge--aurora{background:#0d3d3a;color:#00e5c7;border:1px solid #00e5c740}.format-badge--claude-code{background:#2d1a40;color:#c084fc;border:1px solid #a855f740}.format-badge--otel-genai{background:#1a2d40;color:#38bdf8;border:1px solid #38bdf840}.format-badge--unknown{background:#2d2000;color:#f59e0b;border:1px solid #f59e0b40}.notice{display:flex;align-items:flex-start;gap:8px;padding:8px 16px;font-size:12px;background:#fbbf2414;border-left:3px solid var(--status-warn, #fbbf24);color:#fbbf24}.notice--warn{border-left-color:#fbbf24;color:#fbbf24;background:#fbbf2414}.notice--danger{border-left-color:#f87171;color:#f87171;background:#f8717114}.notice a{color:inherit;opacity:.75}.notice a:hover{opacity:1}.share-popup,.share-too-long{position:fixed;top:68px;right:20px;z-index:200;background:var(--bg-surface, #0d1b2e);border:1px solid var(--border);border-radius:14px;padding:18px 20px;min-width:340px;max-width:420px;box-shadow:0 20px 60px #0009}.share-popup-title{font-size:14px;font-weight:700;color:var(--teal);margin-bottom:10px}.share-url-input{display:block;width:100%;background:var(--bg-base, #060d1a);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:11px;font-family:var(--font-mono);color:var(--text-primary);margin:10px 0}.share-redact-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);cursor:pointer;margin-bottom:8px}.share-redact-count{font-size:11px;margin-bottom:8px}.dialog-actions{display:flex;gap:8px;margin-top:12px}.share-too-long .btn-primary{font-size:12px;padding:8px 14px}.redact-toggle-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.redact-toggle-row input{accent-color:var(--teal)}.secrets-warning{font-size:11px;padding:3px 8px;background:#f43f5e1f;border-color:#f43f5e;color:#f43f5e}.parse-progress{position:fixed;top:56px;left:0;right:0;z-index:300;height:3px;background:var(--bg-surface)}.parse-progress-inner{height:100%;width:0;transition:width .3s ease;background:linear-gradient(90deg,var(--teal, #00e5c7),var(--violet, #a855f7))}.parse-progress-label{position:absolute;top:6px;right:16px;font-size:11px;color:var(--text-dim);pointer-events:none}.parse-progress.hidden{display:none!important}.library-bento{width:100%;max-width:900px;margin-top:32px;text-align:left}.library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.library-title{font-size:16px;font-weight:700;color:var(--teal, #00e5c7)}.library-actions{display:flex;gap:8px}.library-empty{font-size:13px;color:var(--text-dim);margin-top:12px;text-align:center;padding:24px;border:1px dashed var(--border);border-radius:12px}.library-privacy{font-size:11px;color:var(--text-dim);margin-bottom:12px}.bento{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.plug-card{position:relative;background:var(--surface, rgba(12,18,40,.72));border:1px solid var(--border, rgba(148,183,255,.14));border-radius:var(--radius-lg, 12px);padding:14px 16px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .18s;transform:perspective(600px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg))}.plug-card:hover{border-color:var(--aurora-teal-400, #34d399);box-shadow:0 8px 28px #0006;transform:perspective(600px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg)) translateY(-2px)}.plug-card:focus-visible{outline:2px solid var(--aurora-teal-400, #34d399);outline-offset:2px}.plug-card-header{display:flex;gap:6px;align-items:center;margin-bottom:8px}.plug-card-name{font-size:13px;font-weight:600;color:var(--text-primary, #e8eefc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.plug-card-readouts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.readout{font-size:18px;font-weight:700;color:var(--aurora-cyan-400, #38bdf8);line-height:1.2}.readout small{font-size:10px;color:var(--ink-3, #8496bb);margin-left:2px}.readout--error{color:var(--status-danger, #f87171)}.plug-card-meta{font-size:10px;color:var(--text-dim, #4a6080);margin-bottom:6px}.plug-card-actions{display:flex;gap:6px;opacity:0;transition:opacity .15s}.plug-card:hover .plug-card-actions{opacity:1}.btn-xs{padding:2px 7px;font-size:10px}.chip{display:inline-flex;align-items:center}.chip--format{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.chip--pin{font-size:12px}.chip--ok{background:#34d39926;border:1px solid #34d39940;color:#34d399;border-radius:999px;padding:2px 8px;font-size:11px}.chip--danger{background:#f871711f;border:1px solid #f8717140;color:#f87171;border-radius:999px;padding:2px 8px;font-size:11px}.aurora-ring{outline:2px solid var(--aurora-teal-400, #34d399)!important;outline-offset:2px;box-shadow:0 0 0 4px #34d3992e,var(--shadow-card, 0 18px 44px -22px rgba(0,0,0,.9))!important}.palette-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay, 60);background:#050814b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.palette{width:560px;max-width:92vw;background:var(--surface-solid, #0c1228);border:1px solid var(--border-strong, rgba(148,183,255,.28));border-radius:var(--radius-lg, 12px);box-shadow:0 32px 80px #000c;overflow:hidden}.palette__input{display:block;width:100%;padding:14px 18px;font-size:15px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--ink-1, #e8eefc);outline:none}.palette__input::placeholder{color:var(--ink-3, #8496bb)}.palette__list{max-height:360px;overflow-y:auto;list-style:none}.palette__item{display:flex;align-items:center;gap:10px;padding:10px 18px;font-size:13px;cursor:pointer;color:var(--ink-2, #b9c6e4);transition:background .1s}.palette__item[aria-selected=true],.palette__item:hover{background:#94b7ff14;color:var(--ink-1, #e8eefc)}.palette__item .chip{font-size:10px;padding:1px 6px;border-radius:999px;opacity:.75}.palette__item .hint{margin-left:auto;font-size:11px;color:var(--ink-3, #8496bb)}.palette__empty{padding:14px 18px;font-size:13px;color:var(--ink-3)}.palette__foot{display:flex;gap:16px;padding:8px 18px;font-size:11px;color:var(--ink-3);border-top:1px solid var(--border)}.kbd{display:inline-block;padding:1px 5px;border-radius:4px;font-size:10px;border:1px solid var(--border);background:#ffffff0f;font-family:var(--font-mono);margin-right:3px}.toast-host{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast, 80);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:10px 16px;border-radius:10px;font-size:13px;background:var(--surface-solid, #0c1228);border:1px solid var(--border);color:var(--ink-1, #e8eefc);pointer-events:auto}.toast--info{border-color:var(--aurora-cyan-400, #38bdf8)}.toast--ok{border-color:var(--status-ok, #34d399)}.toast--warn{border-color:var(--status-warn, #fbbf24)}.toast--error{border-color:var(--status-danger, #f87171)}#canvas-stage{position:relative}.tb-canvas-wrap{position:relative;width:100%;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--bg-2),var(--bg));box-shadow:inset 0 1px #ffffff08,0 10px 30px #0004;overflow:hidden;touch-action:none}.tb-canvas{display:block;width:100%;cursor:grab}.tb-canvas-wrap:active .tb-canvas{cursor:grabbing}.tb-canvas-ring{position:absolute;pointer-events:none;border-radius:10px}.tb-canvas-tooltip{position:absolute;pointer-events:none;z-index:5;max-width:320px;padding:8px 10px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface-solid, #0c1228);color:var(--ink-1, #e8f0ff);font-size:12px;line-height:1.45;box-shadow:0 12px 32px #0007}@media (prefers-reduced-motion: reduce){.tb-canvas-ring{transition:none;animation:none}}html:not([data-theme=light]){--bg-base: #05080a;--bg-surface: #0a1014;--bg-surface2: #0d151b;--bg-surface3: #122029;--border: #14332e;--border-bright: #1e5a4c;--teal: #5cffc9;--teal-dim: #2fd3a4;--teal-muted: #0f6a5555;--violet: #9d8cff;--violet-dim: #7a66e6;--violet-muted: #7a66e633;--gold: #ffb454;--rose: #ff6b7d;--sky: #5cd6ff;--text-primary: #dce8ea;--text-secondary: #8fa6b2;--text-dim: #6d8795;--aurora-glow: 0 0 34px #5cffc93a, 0 0 70px #9d8cff1e;--card-shadow: 0 4px 24px #0008;--agent-xiaoluo: #5cffc9;--agent-hermes: #9d8cff;--agent-dsh: #ffb454;--agent-default: #5cd6ff}[data-theme=light]{--teal: #0d9478;--teal-dim: #0a7a63;--violet: #6d5ae0;--aurora-glow: 0 0 24px #0d947822}html:not([data-theme=light]) .ak-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(120,200,220,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,220,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 95% 80% at 50% 0%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 95% 80% at 50% 0%,#000 25%,transparent 100%)}[data-theme=light] .ak-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(rgba(13,148,120,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,120,.05) 1px,transparent 1px);background-size:48px 48px}html:not([data-theme=light]) .ak-scan{position:fixed;left:0;right:0;top:-2px;height:1px;z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,var(--teal),transparent);box-shadow:0 0 18px #5cffc980;opacity:0;animation:akScan 8s cubic-bezier(.4,0,.2,1) infinite}[data-theme=light] .ak-scan{display:none}@keyframes akScan{0%{transform:translateY(0);opacity:0}6%{opacity:.5}90%{opacity:.5}to{transform:translateY(100vh);opacity:0}}#app-header .brand,.aurora-title{font-family:Space Grotesk,Inter,Noto Sans SC,sans-serif;letter-spacing:-.015em}#app-header .tagline,.hero-hint,.trace-stats,.filter-label{font-family:JetBrains Mono,ui-monospace,monospace;letter-spacing:.05em}html:not([data-theme=light]) .aurora-title{color:var(--text-primary)}html:not([data-theme=light]) .aurora-title .glow{color:var(--teal);text-shadow:0 0 28px rgba(92,255,201,.45);background:none;-webkit-text-fill-color:currentColor}html:not([data-theme=light]) #app-header{background:linear-gradient(180deg,#05080af0,#05080a99);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#app-header .logo{filter:hue-rotate(-12deg) saturate(1.2)}html:not([data-theme=light]) #drop-zone{border-radius:8px;border:1px dashed rgba(92,255,201,.3);background:var(--bg-surface);transition:border-color .25s,background .25s,box-shadow .25s}html:not([data-theme=light]) #drop-zone:hover,html:not([data-theme=light]) #drop-zone:focus-visible,html:not([data-theme=light]) #drop-zone.dragover{border-color:var(--teal);background:var(--bg-surface2);box-shadow:inset 0 0 40px #5cffc90f,0 0 0 3px #5cffc91a}.drop-label{font-family:Space Grotesk,sans-serif}.drop-hint{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.08em}html:not([data-theme=light]) .btn-primary{border-radius:4px;font-family:JetBrains Mono,monospace;letter-spacing:.04em;background:var(--teal);color:#04110c;border:none;box-shadow:0 0 0 1px var(--teal),0 8px 26px #5cffc938}html:not([data-theme=light]) .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--teal),0 14px 36px #5cffc966}html:not([data-theme=light]) .btn-ghost{border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12.5px}html:not([data-theme=light]) .btn-ghost:hover{color:var(--teal);border-color:#5cffc973}html:not([data-theme=light]) #toolbar{background:var(--bg-surface);border-bottom:1px solid var(--border)}html:not([data-theme=light]) #time-ruler{font-family:JetBrains Mono,monospace;border-bottom:1px solid var(--border)}html:not([data-theme=light]) #swimlane-container{background:linear-gradient(rgba(120,200,220,.03) 1px,transparent 1px) 0 0 / 100% 32px,var(--bg-base)}html:not([data-theme=light]) #legend{font-family:JetBrains Mono,monospace;font-size:11px}html:not([data-theme=light]) #detail-drawer{background:var(--bg-surface);border-left:1px solid var(--border-bright);box-shadow:-20px 0 60px #0000008c}html:not([data-theme=light]) .field-label{font-family:JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;font-size:10px}html:not([data-theme=light]) .event-badge{border-radius:3px;font-family:JetBrains Mono,monospace}@media (prefers-reduced-motion: reduce){.ak-scan{display:none!important}}