@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Menlo", monospace;--text-display:28px;--text-title:21px;--text-h1:17px;--text-h2:15px;--text-body:14px;--text-sm:13px;--text-xs:12px;--text-micro:11px;--weight-regular:400;--weight-medium:510;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--tracking-tight:-.012em;--tracking-normal:0;--tracking-wide:.06em;--bg-app:#08090a;--bg-surface:#0e0f11;--bg-elevated:#161719;--bg-input:#1a1b1e;--bg-hover:#ffffff0b;--bg-active:#ffffff14;--bg-selected:#5e6ad224;--border:#1c1d21;--border-subtle:#ffffff0d;--border-strong:#2a2b30;--border-focus:var(--accent);--text-primary:#f7f8f8;--text-secondary:#8a8f98;--text-tertiary:#62666d;--text-disabled:#45474d;--text-on-accent:#fff;--accent:#5e6ad2;--accent-hover:#6c77e0;--accent-active:#525de0;--accent-subtle:#5e6ad224;--accent-border:#5e6ad266;--accent-text:#9aa2ec;--status-backlog:#6e7178;--status-planned:#8a8f98;--status-progress:#f2c94c;--status-done:#5e6ad2;--status-canceled:#5a5c62;--signal-clear:#4cb782;--signal-clear-bg:#4cb78221;--signal-warning:#f2994a;--signal-warning-bg:#f2994a24;--signal-block:#eb5757;--signal-block-bg:#eb575724;--signal-stale:#7c8cf8;--signal-stale-bg:#7c8cf824;--agent:#b48fed;--agent-bg:#b48fed24;--danger:#eb5757;--danger-border:#eb575759;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 12px 40px #0000008c;--shadow-popover:0 8px 32px #00000073, inset 0 1px 0 #ffffff0d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .2, 1);--dur-fast:.1s;--dur-base:.16s;--dur-slow:.24s}.ds-display{font:var(--weight-semibold) var(--text-display) / var(--leading-tight) var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ds-title{font:var(--weight-semibold) var(--text-title) / var(--leading-tight) var(--font-sans);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.ds-h1{font:var(--weight-semibold) var(--text-h1) / var(--leading-snug) var(--font-sans);color:var(--text-primary)}.ds-h2{font:var(--weight-semibold) var(--text-h2) / var(--leading-snug) var(--font-sans);color:var(--text-primary)}.ds-body{font:var(--weight-regular) var(--text-body) / var(--leading-normal) var(--font-sans);color:var(--text-primary)}.ds-secondary{font:var(--weight-regular) var(--text-sm) / var(--leading-snug) var(--font-sans);color:var(--text-secondary)}.ds-meta{font:var(--weight-regular) var(--text-xs) / var(--leading-snug) var(--font-sans);color:var(--text-tertiary)}.ds-eyebrow{font:var(--weight-semibold) var(--text-micro) / 1 var(--font-sans);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary)}.ds-mono{font:var(--weight-regular) var(--text-sm) / var(--leading-normal) var(--font-mono);color:var(--text-secondary)}
.app{display:flex;position:fixed;inset:0;overflow:hidden}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.content{flex:1;min-height:0;padding:20px 24px 60px;overflow:auto}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex:none;width:234px;display:flex}.brand{align-items:center;gap:9px;padding:13px 14px;display:flex}.brand .name{letter-spacing:-.01em;font-size:14px;font-weight:600}.brand .badge{color:var(--text-tertiary);background:var(--bg-input);border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10.5px}.ws{cursor:pointer;border-radius:6px;align-items:center;gap:9px;margin:0 8px 6px;padding:7px 8px;display:flex}.ws:hover{background:var(--bg-hover)}.ws .ws-mark{background:var(--accent);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.ws .ws-name{flex:1;font-size:13px;font-weight:510}.ws .chev{color:var(--text-tertiary)}.nav{flex-direction:column;gap:1px;padding:6px 8px;display:flex;overflow:auto}.nav-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 8px 5px;font-size:11px;font-weight:600}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;padding:6px 8px;font-family:inherit;font-size:13px;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-active);color:var(--text-primary)}.nav-item .count{color:var(--text-tertiary);font-size:11.5px;font-family:var(--font-mono);margin-left:auto}.nav-item .alertdot{background:var(--signal-warning);border-radius:999px;width:6px;height:6px;margin-left:auto}.side-foot{border-top:1px solid var(--border);margin-top:auto;padding:9px 10px}.side-dev{color:inherit;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:5px 6px;display:flex}.side-dev:hover{background:var(--bg-hover)}.side-dev .nm{font-size:13px;font-weight:510}.side-dev .rl{color:var(--text-tertiary);font-size:11.5px}.session-row{flex-direction:column;align-items:stretch;gap:4px;margin:8px 6px 0;display:flex}.logout-link{height:24px;color:var(--text-tertiary);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:5px;padding:0 6px;font-size:12px;display:inline-flex}.logout-link:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:49px;padding:0 18px;display:flex}.crumb{align-items:center;gap:7px;font-size:13.5px;font-weight:510;display:flex}.crumb .muted{color:var(--text-tertiary);font-weight:400}.topbar .spacer{flex:1}.searchbar{background:var(--bg-input);height:30px;color:var(--text-tertiary);cursor:text;border-radius:6px;align-items:center;gap:8px;min-width:200px;padding:0 10px;font-size:13px;display:flex}.searchbar .kbd{margin-left:auto}.kbd{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:4px;padding:1px 5px;font-size:11px}@media (max-width:640px){html,body,#root{height:auto;min-height:100%}.app{flex-direction:column;height:auto;min-height:100%;position:static;inset:auto;overflow:visible}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%}.brand{padding:10px 12px 7px}.ws{display:none}.side-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.side-dev{flex:1;min-width:148px}.session-row{flex-direction:row;flex:1;justify-content:flex-end;align-items:center;min-width:240px;margin:0 4px}.nav{flex-flow:wrap;gap:4px;padding:6px 8px 8px;overflow:visible}.nav-label{display:none}.nav-item{white-space:nowrap;flex:none;width:auto;padding:7px 9px}.topbar{flex-wrap:wrap;align-items:center;gap:8px;height:auto;min-height:49px;padding:9px 12px}.topbar .spacer{display:none}.page-actions{order:2;justify-content:flex-end;width:100%;overflow-x:auto}.searchbar{order:3;width:100%;min-width:0}.content{padding:18px 12px 54px}}
.page{max-width:1240px;margin:0 auto}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.grid-6{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.grid-12{grid-template-columns:repeat(12,1fr);align-items:start;gap:14px;display:grid}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}@media (max-width:1040px){.grid-4,.grid-5,.grid-6{grid-template-columns:repeat(2,1fr)}.grid-12>*{grid-column:1/-1!important}}.seg{background:var(--bg-input);border:1px solid var(--border);border-radius:7px;gap:2px;padding:2px;display:inline-flex}.seg button{appearance:none;cursor:pointer;font-family:var(--font-sans);font-size:12px;font-weight:var(--weight-medium);color:var(--text-secondary);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:5px;padding:4px 11px}.seg button:hover{color:var(--text-primary)}.seg button.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-sm)}.ghost-pill{color:var(--text-tertiary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.metric{text-align:left;width:100%;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);padding:13px 14px 10px;font-family:inherit;display:block;position:relative;overflow:hidden}.metric:hover{border-color:var(--border-strong);background:#0f1013}.metric.sel{border-color:var(--accent-border);background:linear-gradient(180deg, #5e6ad20f, transparent 60%), var(--bg-surface)}.metric .m-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.metric .m-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium)}.metric .m-val{font-family:var(--font-mono);font-size:25px;font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--text-primary);margin-top:9px;line-height:1}.metric .m-foot{align-items:center;gap:8px;margin-top:9px;display:flex}.metric .m-spark{height:48px;margin-top:10px}.metric .m-prev{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary)}.metric.compact{padding:10px 11px 8px}.metric.compact .m-label{font-size:var(--text-micro);min-height:26px}.metric.compact .m-val{margin-top:4px;font-size:17px}.metric.compact .m-foot{margin-top:6px}.metric.compact .m-spark{height:22px;margin-top:8px}.rd-col{fill:#26282f}@keyframes rd-draw{0%{stroke-dashoffset:1px}}@keyframes rd-fade{0%{opacity:0}}.rd-trend-line{stroke-dasharray:1;animation:rd-draw var(--dur-slow) var(--ease-out)}.rd-trend-area{animation:rd-fade var(--dur-slow) var(--ease-out)}.metric-style-seg .seg button{padding:2px 8px;font-size:11px}.delta{font-family:var(--font-mono);font-size:11.5px;font-weight:var(--weight-semibold);border-radius:var(--radius-xs);align-items:center;gap:3px;padding:2px 6px;display:inline-flex}.delta.up{color:#59c794;background:var(--signal-clear-bg)}.delta.down{color:#f06a6a;background:var(--signal-block-bg)}.delta.flat{color:var(--text-secondary);background:var(--bg-input)}.delta svg{width:11px;height:11px}.mom{font-size:10.5px;font-weight:var(--weight-semibold);letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 6px 2px 5px;display:inline-flex}.mom.accel{color:#7fd4aa;background:var(--signal-clear-bg)}.mom.decel{color:#f3a06f;background:var(--signal-warning-bg)}.mom.steady{color:var(--text-secondary);background:var(--bg-input)}.mom .glyph{flex:none;width:12px;height:12px}.drill{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.drill-head{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.drill-head .d-title{font-size:var(--text-h2);font-weight:var(--weight-semibold)}.drill-head .d-val{font-family:var(--font-mono);font-size:22px;font-weight:var(--weight-semibold);letter-spacing:-.02em}.drill-body{padding:16px}.chart-legend{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.chart-legend .li{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:7px;display:flex}.chart-legend .li .sw{border-radius:2px;width:14px;height:3px}.chart-legend .li .sw.dash{background-image:linear-gradient(90deg,currentColor 55%,#0000 0);background-size:5px 3px;height:2px}.stat-strip{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:0;display:grid}.stat-strip .cell{border-right:1px solid var(--border);padding:13px 16px}.stat-strip .cell:last-child{border-right:none}.stat-strip .k{font-size:var(--text-micro);color:var(--text-tertiary)}.stat-strip .v{font-family:var(--font-mono);font-size:17px;font-weight:var(--weight-semibold);letter-spacing:-.01em;margin-top:5px}@media (max-width:1040px){.stat-strip{grid-template-columns:repeat(2,1fr)}}.eff-head,.eff-row{grid-template-columns:18px 1.6fr 90px 1fr 64px 56px;align-items:center;gap:12px;display:grid}.eff-head{border-bottom:1px solid var(--border);padding:9px 16px}.eff-head span{letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);font-size:10.5px}.eff-head span.r{text-align:right}.eff-row{border-bottom:1px solid var(--border);padding:11px 16px}.eff-row:last-child{border-bottom:none}.eff-row .name{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-medium);align-items:center;gap:8px;min-width:0;display:flex}.eff-row .name .sub{color:var(--text-tertiary);font-size:11.5px;font-weight:var(--weight-regular)}.eff-row .num{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;font-size:12.5px}.eff-track{background:var(--bg-input);border-radius:var(--radius-full);height:7px;overflow:hidden}.eff-fill{border-radius:var(--radius-full);height:100%;display:block}.eff-score{font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-semibold);text-align:right}@media (max-width:880px){.eff-row,.eff-head{grid-template-columns:18px 1.4fr 56px 56px}.eff-row .num.hide,.eff-head span.hide{display:none}}.contrib{grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;place-content:start;gap:3px;display:inline-grid}.contrib.lg{grid-template-rows:repeat(7,13px);grid-auto-columns:13px}.contrib .cell,.contrib-legend .cell{background:#15161a;border-radius:2px;width:100%;height:100%}.contrib .cell.l1,.contrib-legend .cell.l1{background:#5e6ad252}.contrib .cell.l2,.contrib-legend .cell.l2{background:#5e6ad28c}.contrib .cell.l3,.contrib-legend .cell.l3{background:#5e6ad2c7}.contrib .cell.l4,.contrib-legend .cell.l4{background:var(--accent)}.contrib-legend{font-size:var(--text-micro);color:var(--text-tertiary);justify-content:flex-end;align-items:center;gap:5px;margin-top:10px;display:flex}.contrib-legend .cell{width:11px;height:11px}.graph{position:relative}.graph-rows .graph-row{border-radius:var(--radius-sm);align-items:center;gap:9px;padding-right:12px;display:flex}.graph-rows .graph-row:hover{background:var(--bg-hover)}.gr-msg{font-size:var(--text-sm);color:var(--text-primary)}.gr-msg.local{font-weight:var(--weight-medium)}.gr-msg.muted{color:var(--text-secondary)}.gr-status{font-size:var(--text-micro);color:var(--text-tertiary);white-space:nowrap}.gr-meta{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--text-tertiary);white-space:nowrap}.branch-tag{font-family:var(--font-mono);border-radius:var(--radius-full);white-space:nowrap;border:1px solid;flex:none;padding:1px 8px;font-size:10.5px}@keyframes gpulse{0%,to{opacity:.55}50%{opacity:.1}}.gnode-pulse{transform-origin:50%;animation:1.9s ease-in-out infinite gpulse}.glane-legend{flex-wrap:wrap;gap:14px;display:flex}.glane-legend .li{font-size:var(--text-xs);color:var(--text-secondary);cursor:default;align-items:center;gap:7px;display:flex}.glane-legend .li .sw{border-radius:3px;flex:none;width:11px;height:11px}.graph-grid{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.graph-grid:has(.graph-detail){grid-template-columns:minmax(0,1fr) 300px}.graph-detail{position:sticky;top:0}.graph-detail-body{flex-direction:column;gap:13px;padding:16px;display:flex}.graph-detail-body .msg{font-size:13.5px;font-weight:var(--weight-semibold);line-height:1.45}.graph-detail-body .tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.graph-detail-body .status{font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}.code-chip{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-input);border-radius:var(--radius-xs,4px);padding:2px 7px;font-size:11.5px}.graph-rows .graph-row{cursor:pointer;transition:opacity .15s}.graph-rows .graph-row.sel{background:var(--bg-selected)}.graph-rows .graph-label{pointer-events:none;cursor:default}.graph-rows .graph-label .ds-eyebrow{white-space:nowrap;font-size:10.5px}.graph-rows .graph-label .rule{background:var(--border);flex:1;height:1px}.graph-devs{align-items:center;gap:4px;display:flex}.graph-devs button{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;place-items:center;padding:1px;transition:opacity .15s;display:grid}.graph-devs button.all{color:var(--text-secondary);border-radius:var(--radius-sm);padding:2px 8px;font-size:11.5px}.graph-devs button.all.on{color:var(--text-primary);background:var(--bg-elevated)}.graph-devs button.dev.on{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:1100px){.graph-grid:has(.graph-detail){grid-template-columns:1fr}.graph-detail{position:static}}.kv{border-bottom:1px solid var(--border);font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-secondary)}.kv .v{font-family:var(--font-mono);color:var(--text-primary)}.chip{border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border);height:22px;color:var(--text-secondary);align-items:center;gap:5px;padding:0 8px;font-size:11.5px;display:inline-flex}.bignum{font-family:var(--font-mono);font-weight:var(--weight-semibold);letter-spacing:-.02em}.muted-mono{font-family:var(--font-mono);color:var(--text-tertiary);font-size:11px}.linkish{color:var(--accent-text);cursor:pointer}.linkish:hover{text-decoration:underline}.scoreblock{align-items:center;gap:20px;display:flex}.bar-h{border-radius:var(--radius-full);background:var(--bg-input);flex:1;height:7px;overflow:hidden}.bar-h>i{border-radius:var(--radius-full);background:var(--accent);height:100%;display:block}.divline{background:var(--border);height:1px;margin:4px 0}.tone-clear{color:#59c794}.tone-warning{color:#f5a967}.tone-blocked{color:#f06a6a}
*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}::selection{background:var(--accent-subtle)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#26282d padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#34373d padding-box padding-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{height:30px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;transition:background var(--dur-base) var(--ease-out);border:none;border-radius:6px;align-items:center;gap:6px;padding:0 11px;font-size:13px;font-weight:510;display:inline-flex}.btn-sm{height:26px;padding:0 9px;font-size:12.5px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#6c77e0}.btn-secondary{color:var(--text-primary);background:#1c1d21}.btn-secondary:hover{background:#24262b}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{color:#f06a6a;background:#eb57571f}.btn-danger:hover{background:#eb575733}.btn-danger-text{color:var(--text-secondary);background:0 0}.btn-danger-text:hover{color:#f06a6a;background:#eb57571f}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.active{background:var(--bg-active);color:var(--text-primary)}.pill{white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}.pill-clear{background:var(--signal-clear-bg);color:#59c794}.pill-warning{background:var(--signal-warning-bg);color:#f5a967}.pill-blocked{background:var(--signal-block-bg);color:#f06a6a}.pill-confirmed{background:var(--signal-warning-bg);color:#f5a967}.pill-stale{background:var(--signal-stale-bg);color:#93a0fb}.pill-active{background:var(--signal-clear-bg);color:#59c794}.pill-done{background:var(--accent-subtle);color:#9aa2ec}.pill-neutral{background:var(--bg-input);color:var(--text-secondary)}.pill-synced{background:var(--signal-clear-bg);color:#59c794}.pill-pending{background:var(--signal-warning-bg);color:#f5a967}.pill-excluded{background:var(--bg-input);color:var(--text-secondary)}.avatar{border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.photo-upload{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;flex-wrap:wrap;align-items:center;gap:11px;padding:10px;display:flex}.photo-field{flex:1;min-width:0}.file-picker{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--text-secondary);font-size:12px;overflow:hidden}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.page-head .ttl{letter-spacing:-.01em;font-size:19px;font-weight:600}.page-head .sub{color:var(--text-secondary);margin-top:4px;font-size:13px}.page-actions{gap:9px;display:flex}.page-updated{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;align-self:center}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stack{flex-direction:column;gap:14px;display:flex}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 14px;display:flex}.panel-head h2{flex:1;margin:0;font-size:13px;font-weight:600}.panel-action{align-items:center;gap:6px;display:flex}.panel-body.pad{padding:14px}.row{border-bottom:1px solid var(--border);transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:11px;padding:10px 14px;display:flex}.row:last-child{border-bottom:none}.row.hoverable{cursor:pointer}.row.hoverable:hover{background:var(--bg-hover)}.row-main{flex:1;min-width:0}.row-right{flex:none;align-items:center;gap:10px;display:flex}.row-time{text-align:right;width:42px;color:var(--text-tertiary);flex:none;font-size:12px}.row-right .pill{text-align:center;min-width:60px}.row-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;display:flex}.row-title .truncate,.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-sub{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:7px;margin-top:3px;font-size:12px;display:flex}.row-sub .sep{color:var(--border-strong)}.mono{font-family:var(--font-mono)}.code-chip{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-input);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px}.empty{color:var(--text-tertiary);text-align:center;padding:22px 14px;font-size:13px}.stat{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:13px 14px}.stat .k{color:var(--text-secondary);font-size:12px}.stat .v{letter-spacing:-.01em;margin-top:7px;font-size:24px;font-weight:600;line-height:1}.stat .h{color:var(--text-tertiary);margin-top:6px;font-size:11px}.statebar{border-radius:999px;height:9px;display:flex;overflow:hidden}.legend{gap:9px;margin-top:13px;display:grid}.lrow{align-items:center;gap:8px;font-size:12.5px;display:flex}.lrow .dot{border-radius:999px;flex:none;width:8px;height:8px}.lrow .lname{color:var(--text-secondary);flex:1}.lrow .lval{font-family:var(--font-mono);color:var(--text-primary);font-size:11.5px}.devbar{align-items:center;gap:10px;margin-bottom:11px;display:flex}.devbar:last-child{margin-bottom:0}.devbar .dh{color:var(--text-secondary);flex:none;width:56px;font-size:12.5px}.devbar .track{background:var(--bg-input);border-radius:999px;flex:1;height:7px;overflow:hidden}.devbar .fill{background:var(--accent);border-radius:999px;height:100%}.devbar .dn{font-family:var(--font-mono);color:var(--text-tertiary);text-align:right;flex:none;width:28px;font-size:11px}.tl-item{border-bottom:1px solid var(--border);grid-template-columns:52px 1fr;gap:12px;padding:9px 14px;display:grid}.tl-item:last-child{border-bottom:none}.tl-time{font-family:var(--font-mono);color:var(--text-tertiary);padding-top:1px;font-size:11px}.tl-type{font-family:var(--font-mono);color:#9aa2ec;font-size:11px}.tl-sum{color:var(--text-primary);margin-top:2px;font-size:12.5px}.codeblock{background:var(--bg-input);border:1px solid var(--border-strong);font-family:var(--font-mono);color:var(--text-secondary);border-radius:8px;padding:46px 14px 13px;font-size:12px;line-height:1.6;position:relative;overflow:auto}.codeblock-actions{align-items:center;gap:8px;display:inline-flex;position:absolute;top:9px;right:9px}.copy-status{font-family:var(--font-sans);color:var(--text-tertiary);font-size:11px}.copy-status.copied{color:var(--signal-clear)}.copy-status.failed{color:var(--signal-warning)}.command-text{font:inherit;color:inherit;white-space:pre;margin:0}.token-list{overflow:visible}input,select{width:100%;height:32px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);font:inherit;border-radius:6px;outline:none;padding:0 10px}input:focus,select:focus{border-color:var(--accent-border)}textarea{resize:vertical;width:100%;min-height:64px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);font:inherit;border-radius:6px;outline:none;padding:8px 10px}textarea:focus{border-color:var(--accent-border)}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;animation:fade var(--dur-base) var(--ease-out);background:#040506bd;justify-content:center;align-items:flex-start;padding:13vh 16px 16px;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.cmdk{background:var(--bg-elevated);border:1px solid var(--border-strong);width:564px;max-width:92vw;box-shadow:var(--shadow-popover);animation:pop var(--dur-base) var(--ease-out);border-radius:12px;overflow:hidden}@keyframes pop{0%{opacity:0;transform:translateY(-6px)}}.cmdk-input{border-bottom:1px solid var(--border);color:var(--text-tertiary);align-items:center;gap:10px;padding:13px 15px;display:flex}.cmdk-input input{color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:14.5px}.cmd-list{max-height:340px;padding:6px;overflow:auto}.cmd-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:9px 9px 5px;font-size:11px;font-weight:600}.cmd-item{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 9px;font-size:13.5px;display:flex}.cmd-item .hint{color:var(--text-tertiary);margin-left:auto;font-size:11.5px}.cmd-item.sel,.cmd-item:hover{background:var(--bg-active);color:var(--text-primary)}.cmd-item.sel .ic,.cmd-item:hover .ic{color:var(--accent-text)}.modal{background:var(--bg-elevated);border:1px solid var(--border-strong);width:460px;max-width:92vw;box-shadow:var(--shadow-popover);animation:pop var(--dur-base) var(--ease-out);border-radius:12px;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:14px 16px;display:flex}.modal-head h3{flex:1;margin:0;font-size:14.5px;font-weight:600}.modal-body{flex-direction:column;gap:13px;padding:16px;display:flex}.modal-body p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;padding:13px 16px;display:flex}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-md);z-index:60;animation:pop var(--dur-base) var(--ease-out);border-radius:8px;align-items:center;gap:9px;padding:10px 14px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}label.field-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.token-display{font-family:var(--font-mono);color:#9aa2ec;background:var(--bg-input);border:1px solid var(--accent-border);word-break:break-all;border-radius:6px;padding:10px 11px;font-size:12px}@media (max-width:880px){.grid-2,.grid-3{grid-template-columns:1fr}.perf-row{grid-template-columns:1fr 1fr 1fr}.perf-main{grid-column:1/-1}.perf-metric{align-items:flex-start}}@media (max-width:640px){.overlay{background:#040506d6;padding:12px}.cmdk,.modal{border-radius:10px;width:100%;max-width:none}.cmd-list{max-height:calc(100vh - 102px)}.row-main{flex-basis:calc(100% - 44px)}.row-right{flex-wrap:wrap;justify-content:flex-start;width:100%;padding-left:35px}.warn-head{flex-wrap:wrap;align-items:flex-start}.warn-head .ttl{flex-basis:calc(100% - 44px)}.warn-head .btn{margin-left:35px}.warn-chips{overflow:hidden}.page-head{align-items:flex-start}.row{flex-wrap:wrap;align-items:flex-start}.row-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.activity-legend{justify-content:flex-start}.toast{bottom:14px;left:12px;right:12px;transform:none}}.share-page{background:var(--bg-app);justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 16px;display:flex}.share-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:760px;padding:28px 30px}.share-card h1{letter-spacing:-.014em;color:var(--text-primary);margin:8px 0;font-size:20px;font-weight:600}.share-summary{background:var(--bg-app);border:1px solid var(--border);white-space:pre-wrap;font-family:var(--font-sans);color:var(--text-secondary);border-radius:8px;margin:18px 0;padding:16px;font-size:13.5px;line-height:1.6}