:root{--bg: #f3f5f3;--bg-sunken: #e9ece9;--sidebar-bg: #ffffff;--bg-elev: #f4f6f4;--bg-card: #ffffff;--bg-raised: #f6f8f6;--border: #e0e4df;--border-soft: #e9ece8;--border-strong: #cdd3cb;--text: #14181a;--text-dim: #5a6560;--text-faint: #6b7671;--accent: #157551;--accent-hover: #0f6244;--accent-strong: #157551;--accent-ink: #ffffff;--accent-soft: rgba(21, 117, 81, .09);--accent-line: rgba(21, 117, 81, .28);--skill: #157551;--ink: #14181a;--ink-soft: rgba(20, 24, 26, .06);--bubble-me: color-mix(in srgb, var(--accent) 11%, var(--bg-card));--bubble-me-line: color-mix(in srgb, var(--accent) 26%, var(--bg-card));--danger: #b8332a;--danger-soft: rgba(184, 51, 42, .08);--success: #157551;--warning: #96600c;--series-1: #2f6fd0;--series-2: #bc4a1c;--series-3: #12805a;--series-4: #8f6200;--series-5: #b23e69;--series-6: #3d7d34;--series-7: #6354ca;--series-8: #bd4040;--viz-grid: #ebeee9;--viz-axis: #d4d9d1;--viz-primary: var(--accent);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 56px;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 15px;--fs-xl: 17px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 30px;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-full: 999px;--radius: var(--r-lg);--shadow-sm: 0 1px 2px rgba(22, 38, 30, .05);--shadow-md: 0 2px 8px -2px rgba(22, 38, 30, .08);--shadow-lg: 0 18px 48px -12px rgba(22, 38, 30, .22);--scroll-shade: rgba(22, 38, 30, .16);--z-base: 1;--z-sticky: 20;--z-sidebar: 30;--z-topbar: 40;--z-backdrop: 50;--z-modal: 60;--z-toast: 70;--sidebar-w: 248px;--topbar-h: 60px;--page-max: 1480px;--ease: cubic-bezier(.25, 1, .5, 1);--ease-soft: cubic-bezier(.33, 1, .68, 1);--t-fast: .12s;--t: .18s;--t-slow: .26s;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace}:root[data-theme=dark]{--bg: #0c0d10;--bg-sunken: #08090b;--sidebar-bg: #101115;--bg-card: #14161a;--bg-elev: #0f1114;--bg-raised: #1b1e23;--border: #262a31;--border-soft: #1c2026;--border-strong: #363c45;--text: #e9ebee;--text-dim: #a4abb5;--text-faint: #848c96;--accent: #3ec78d;--accent-hover: #55d69f;--accent-strong: #123a2a;--accent-ink: #56d69e;--accent-soft: rgba(62, 199, 141, .13);--accent-line: rgba(62, 199, 141, .3);--skill: #3ec78d;--ink: #ccd2d9;--ink-soft: rgba(233, 235, 238, .07);--danger: #e8746c;--danger-soft: rgba(232, 116, 108, .13);--success: #35c184;--warning: #e0a33c;--series-1: #4d94ec;--series-2: #e06a3a;--series-3: #2fb183;--series-4: #d09a2c;--series-5: #dd6b92;--series-6: #63b874;--series-7: #9d93ee;--series-8: #e87b7b;--viz-grid: #1d2027;--viz-axis: #2b3038;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px -4px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 48px -12px rgba(0, 0, 0, .68);--scroll-shade: rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}code{font-family:var(--mono);font-size:.86em}.mono{font-family:var(--mono)}.num,.tnum{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--s4);top:-100px;z-index:var(--z-toast);background:var(--bg-raised);border:1px solid var(--accent);color:var(--text);padding:var(--s2) var(--s4);border-radius:var(--r-md);transition:top var(--t) var(--ease)}.skip-link:focus{top:var(--s4)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.app-main{min-width:0;display:flex;flex-direction:column}.page{width:100%;max-width:var(--page-max);padding:var(--s6) var(--s7) var(--s9);flex:1}@media (max-width: 720px){.page{padding:var(--s5) var(--s4) calc(var(--s8) + 56px + env(safe-area-inset-bottom,0px))}}.sidenav{position:sticky;top:0;z-index:var(--z-sidebar);height:100vh;overflow-y:auto;overscroll-behavior:contain;background:var(--sidebar-bg);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;gap:var(--s5);padding:var(--s5) var(--s3)}.sidenav-brand{display:flex;align-items:center;gap:var(--s2);font-weight:650;font-size:var(--fs-lg);letter-spacing:-.01em;padding:0 var(--s2) var(--s1)}.sidenav-brand .logo{color:var(--accent);font-size:var(--fs-xl);line-height:1}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-label{font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:0 var(--s2) var(--s2)}.nav-item{display:flex;align-items:center;gap:var(--s3);padding:7px var(--s2);border-radius:var(--r-md);color:var(--text-dim);font-size:var(--fs-md);font-weight:500;position:relative;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item:hover{background:var(--bg-raised);color:var(--text)}.nav-item .nav-icon{width:16px;display:grid;place-items:center;flex-shrink:0;opacity:.85}.nav-item .nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item .nav-count{margin-left:auto;font-size:var(--fs-xs);color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.nav-item[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.nav-item[aria-current=page] .nav-icon{opacity:1}.nav-item[aria-current=page] .nav-count{color:var(--accent)}.nav-avatar{width:18px;height:18px;border-radius:var(--r-sm);flex-shrink:0;display:grid;place-items:center;background:var(--bg-raised);border:1px solid var(--border);font-size:var(--fs-2xs);font-weight:650;color:var(--text-dim)}.nav-item[aria-current=page] .nav-avatar{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.sidenav-foot{margin-top:auto;padding:var(--s3) var(--s2) 0;border-top:1px solid var(--border-soft)}.sidenav-foot .muted{font-size:var(--fs-xs)}@media (max-width: 1000px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell{grid-template-rows:auto minmax(0,1fr)}.sidenav{position:static;height:auto;flex-direction:row;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4);overflow-x:auto;border-right:none;border-bottom:1px solid var(--border-soft)}.sidenav-brand{padding:0;flex-shrink:0}.nav-group{flex-direction:row;gap:var(--s1);flex-shrink:0}.nav-label,.sidenav-foot,.nav-group--people .nav-count{display:none}.nav-list{flex-direction:row;gap:var(--s1)}.nav-item{white-space:nowrap}.nav-group--people{border-left:1px solid var(--border-soft);padding-left:var(--s4)}}.mnav,.mnav-sheet,.mnav-scrim{display:none}@media (max-width: 720px){.sidenav{display:none}.mnav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal);background:color-mix(in srgb,var(--sidebar-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.mnav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:7px 4px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;font:inherit;cursor:pointer;color:var(--text-faint);font-size:var(--fs-2xs);font-weight:550;letter-spacing:.01em;transition:color var(--t-fast) var(--ease)}.mnav-item span{line-height:1}.mnav-item svg{opacity:.9}.mnav-item[aria-current=page],.mnav-item.is-open{color:var(--accent)}.mnav-item[aria-current=page] svg,.mnav-item.is-open svg{opacity:1}.mnav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);background:#16261e57;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mnav-sheet{display:flex;flex-direction:column;position:fixed;left:0;right:0;z-index:var(--z-modal);bottom:calc(52px + env(safe-area-inset-bottom,0px));max-height:68vh;background:var(--bg-card);border-top:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--shadow-lg);padding:var(--s4);animation:mnav-rise var(--t-slow) var(--ease)}.mnav-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-bottom:var(--s3);margin-bottom:var(--s2);border-bottom:1px solid var(--border-soft)}.mnav-sheet-head h2{margin:0;font-size:var(--fs-lg);font-weight:620;letter-spacing:-.012em}.mnav-people{list-style:none;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mnav-person{display:flex;align-items:center;gap:var(--s3);min-height:46px;padding:var(--s2) var(--s2);border-radius:var(--r-md);color:var(--text);font-size:var(--fs-base)}.mnav-person-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnav-person-count{color:var(--text-faint);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-shrink:0}.mnav-person[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.mnav-person[aria-current=page] .mnav-person-count{color:var(--accent)}}@keyframes mnav-rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);height:var(--topbar-h);flex-shrink:0;padding:0 var(--s7);position:sticky;top:0;z-index:var(--z-topbar);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-soft)}@media (max-width: 720px){.topbar{padding:var(--s2) var(--s4);height:auto;min-height:var(--topbar-h);flex-wrap:wrap;row-gap:var(--s2)}}.crumbs{display:flex;align-items:center;gap:var(--s2);min-width:0;flex:1;overflow:hidden}.crumb{display:inline-flex;align-items:center;gap:var(--s2);min-width:0;font-size:var(--fs-md);flex-shrink:1}.crumb>a,.crumb>span[aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 720px){.crumb:not(:last-child){display:none}}.crumb-sep{color:var(--text-faint);opacity:.5}.crumb a{color:var(--text-dim);transition:color var(--t-fast) var(--ease)}.crumb a:hover{color:var(--text)}.crumb [aria-current=page]{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb-home{color:var(--text-faint);display:inline-flex}.topbar-actions{display:flex;gap:var(--s2);flex-shrink:0;align-items:center}@media (max-width: 720px){.crumbs{flex:1 1 60%}.topbar-actions{flex-wrap:wrap;max-width:100%}.topbar-actions .segmented{max-width:100%;overflow-x:auto;scrollbar-width:none}.topbar-actions .segmented::-webkit-scrollbar{display:none}}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s6)}.page-head h1{font-size:var(--fs-4xl);font-weight:680;letter-spacing:-.025em;margin:0 0 var(--s1);text-wrap:balance}.page-head .lede{color:var(--text-dim);font-size:var(--fs-md);margin:0;max-width:68ch;text-wrap:pretty}.page-head-actions{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}@media (max-width: 720px){.page-head{gap:var(--s3);margin-bottom:var(--s5)}.page-head h1{font-size:var(--fs-3xl)}.page-head h1.mono{font-size:var(--fs-2xl);overflow-wrap:anywhere}.page-head .lede{font-size:var(--fs-sm)}.entity-head{gap:var(--s3)}.avatar-lg{width:40px;height:40px;font-size:var(--fs-xl)}}.entity-head{display:flex;align-items:center;gap:var(--s4);min-width:0}.entity-head h1{margin:0}.entity-sub{color:var(--text-dim);font-size:var(--fs-md);margin:2px 0 0}.controls{display:flex;gap:var(--s3);margin-bottom:var(--s5);flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;gap:var(--s2);background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);padding:6px 12px;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;transition:border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-raised)}.chip:active{transform:translateY(.5px)}.chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.chip:disabled{opacity:.45;cursor:not-allowed}.chip.danger:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.chip.danger.on{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.chip.icon{padding:6px 8px}.segmented{display:inline-flex;gap:2px;padding:3px;background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:var(--r-md)}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-dim);font:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;padding:5px 12px;border-radius:var(--r-sm);white-space:nowrap;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.segmented button:hover{color:var(--text)}.segmented button[aria-pressed=true]{background:var(--bg-card);color:var(--text);box-shadow:var(--shadow-sm)}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--s4)}.bento>.col-3{grid-column:span 3}.bento>.col-4{grid-column:span 4}.bento>.col-5{grid-column:span 5}.bento>.col-6{grid-column:span 6}.bento>.col-7{grid-column:span 7}.bento>.col-8{grid-column:span 8}.bento>.col-9{grid-column:span 9}.bento>.col-12{grid-column:span 12}@media (max-width: 1180px){.bento>.col-3{grid-column:span 6}.bento>.col-4,.bento>.col-5{grid-column:span 6}.bento>.col-7,.bento>.col-8,.bento>.col-9{grid-column:span 12}}@media (max-width: 720px){.bento>*{grid-column:span 12!important}}.stack{display:flex;flex-direction:column;gap:var(--s4)}.panel{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s5);min-width:0}.panel.flush{padding:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.panel-head.tight{margin-bottom:var(--s3)}.panel h4,.panel-title,.panel-head h4{margin:0;font-size:var(--fs-lg);font-weight:620;letter-spacing:-.012em;color:var(--text)}.panel-sub{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-faint)}.panel-link{font-size:var(--fs-sm);color:var(--text-dim);transition:color var(--t-fast) var(--ease)}.panel-link:hover{color:var(--accent)}.muted{color:var(--text-faint);font-size:var(--fs-sm);margin:0}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s4);margin-bottom:var(--s5)}.kpi{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s4) var(--s5);display:flex;flex-direction:column;gap:var(--s1);min-width:0}.kpi-label{font-size:var(--fs-xs);font-weight:550;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.kpi-value{font-size:var(--fs-4xl);font-weight:620;letter-spacing:-.035em;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere}.kpi-value.sm{font-size:var(--fs-2xl)}.kpi-foot{font-size:var(--fs-sm);color:var(--text-faint);margin-top:2px}@media (max-width: 720px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.kpi{padding:var(--s3) var(--s4)}.kpi-value{font-size:var(--fs-3xl)}.kpi-label{font-size:var(--fs-2xs)}.kpi-foot{font-size:var(--fs-xs)}}.kpi.is-primary{background:var(--accent-strong);border-color:color-mix(in srgb,var(--accent) 45%,var(--accent-strong))}.kpi.is-primary .kpi-value{color:var(--accent-ink)}.kpi.is-primary .kpi-label,.kpi.is-primary .kpi-foot{color:color-mix(in srgb,var(--accent-ink) 76%,var(--accent-strong))}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--s4)}.card{display:flex;flex-direction:column;gap:var(--s3);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-lg);padding:var(--s5);position:relative;box-shadow:var(--shadow-sm);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.card:hover{border-color:var(--border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:focus-within{border-color:var(--accent-line)}.card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);border-radius:var(--r-lg)}.card-content{display:flex;flex-direction:column;gap:var(--s3);flex:1;pointer-events:none}.card-skills,.card-tags,.card-meta{position:relative;z-index:2;pointer-events:auto}.card-actions{position:absolute;top:var(--s3);right:var(--s3);z-index:2;opacity:0;transition:opacity var(--t) var(--ease);pointer-events:auto}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1}@media (hover: none){.card-actions{opacity:1}.card:has(.card-actions) .card-head{padding-right:var(--s6)}}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2)}.card-title{margin:0;font-size:var(--fs-lg);font-weight:620;line-height:1.35;letter-spacing:-.01em}.card-title.mono{font-size:var(--fs-md)}.star{color:var(--accent);flex-shrink:0;display:inline-flex}.chip svg,.th-sort svg,.nav-icon svg,.folder-badge svg{flex-shrink:0}.card-note{margin:0;color:var(--text-dim);font-size:var(--fs-sm);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:var(--fs-xs);flex-wrap:wrap}.card-meta .author{color:var(--text-dim);font-weight:500}.dot{color:var(--border-strong)}.card-stats{display:flex;gap:var(--s5);flex-wrap:wrap;padding-top:var(--s3);border-top:1px solid var(--border-soft);margin-top:auto}.stat-value{font-size:var(--fs-lg);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.stat-value.accent{color:var(--accent)}.stat-label{font-size:var(--fs-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:1px}.card-skills,.card-tags{display:flex;flex-wrap:wrap;gap:6px}.person{display:flex;align-items:center;gap:var(--s3);min-width:0}.avatar{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);font-size:var(--fs-base);font-weight:680;border:1px solid var(--accent-line)}.avatar-lg{width:48px;height:48px;border-radius:var(--r-lg);font-size:var(--fs-2xl)}.folder-badge{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-faint)}.badge-hidden{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);border:1px solid var(--border);border-radius:var(--r-sm);padding:1px 6px;flex-shrink:0}.pill{font-family:var(--mono);font-size:var(--fs-xs);padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);white-space:nowrap}.pill.skill{color:var(--skill);border-color:color-mix(in srgb,var(--skill) 32%,var(--border))}.pill.agent{color:var(--text);background:var(--ink-soft);border-color:var(--border-strong)}.pill.mode-auto,.badge.mode-auto{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.pill.mode-bypass,.badge.mode-bypass{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}.pill.mode-plan,.badge.mode-plan{color:var(--text);border-color:var(--border-strong)}.pill.mode-other,.badge.mode-other{color:var(--text-dim);border-color:var(--border)}.tag{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);padding:3px 9px;border-radius:var(--r-full);font-size:var(--fs-xs)}.tag.mini{padding:2px 8px}.tag-count{color:var(--text-faint);font-variant-numeric:tabular-nums}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.leaderboard li{margin:0}.leaderboard a,.leaderboard .lb-row{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-md);padding:7px var(--s2);margin:0 calc(-1 * var(--s2));border-radius:var(--r-md);transition:background var(--t-fast) var(--ease)}.leaderboard a:hover{background:var(--bg-raised)}.leaderboard .rank{width:18px;color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:var(--fs-xs)}.leaderboard .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.leaderboard .count{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.leaderboard .lb-bar{width:64px;height:5px;border-radius:var(--r-full);background:var(--border-soft);overflow:hidden;flex-shrink:0}.leaderboard .lb-bar span{display:block;height:100%;background:var(--accent);border-radius:inherit}.barlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.barlist li{display:grid;grid-template-columns:minmax(0,1fr) 68px 26px;align-items:center;gap:var(--s2);font-size:var(--fs-sm)}.bar-label{font-family:var(--mono);color:var(--skill);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-label.tool{color:var(--text-dim)}.bar-track{height:5px;background:var(--border-soft);border-radius:var(--r-full);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--skill);border-radius:var(--r-full)}.bar-count{text-align:right;color:var(--text-faint);font-variant-numeric:tabular-nums}.toolcloud{display:flex;flex-wrap:wrap;gap:6px}.empty{text-align:center;padding:var(--s9) var(--s5);color:var(--text-dim);border:1px dashed var(--border);border-radius:var(--r-lg);background:var(--bg-sunken)}.empty h3{color:var(--text);margin:0 0 var(--s2);font-size:var(--fs-lg)}.empty p{margin:0 auto;max-width:52ch;font-size:var(--fs-md);line-height:1.6}.empty-icon{color:var(--text-faint);display:block;margin:0 auto var(--s3)}.empty code,.cli-hint code{background:var(--bg-raised);border:1px solid var(--border);padding:2px 6px;border-radius:var(--r-sm);color:var(--accent)}.cli-hint{color:var(--text-dim);font-size:var(--fs-sm)}.notice{background:color-mix(in srgb,var(--accent) 8%,var(--bg-elev));border:1px solid var(--accent-line);color:var(--text-dim);border-radius:var(--r-md);padding:var(--s3) var(--s4);margin-bottom:var(--s5);font-size:var(--fs-md)}.skel{background:linear-gradient(90deg,var(--bg-raised) 25%,var(--border-soft) 50%,var(--bg-raised) 75%);background-size:200% 100%;animation:skel-shimmer 1.4s var(--ease-soft) infinite;border-radius:var(--r-sm)}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-line{height:10px}.skel-kpi{height:30px;width:60%;margin-top:var(--s2)}.skel-chart{height:200px;border-radius:var(--r-md)}.session-wrap{max-width:900px}.session-header{margin-bottom:var(--s6)}.session-header h1{font-size:var(--fs-3xl);margin:0 0 var(--s2);letter-spacing:-.025em;text-wrap:balance}.session-sub{color:var(--text-dim);font-size:var(--fs-md)}.session-sub code{color:var(--accent)}.why{margin:var(--s4) 0;padding:var(--s3) var(--s4);background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--r-md);color:var(--text-dim);font-size:var(--fs-base);line-height:1.6}.session-stats{display:flex;flex-wrap:wrap;gap:var(--s7);margin:var(--s5) 0 var(--s4);padding:var(--s4) var(--s5);background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-lg)}.metric-value{font-size:var(--fs-xl);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.metric-value.accent{color:var(--accent)}.metric-label{font-size:var(--fs-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.session-pills{display:flex;flex-wrap:wrap;gap:6px}.session-facts{margin:var(--s5) 0 0;display:flex;flex-direction:column;gap:var(--s3)}.session-fact{display:grid;grid-template-columns:148px minmax(0,1fr);gap:var(--s4);align-items:start}.session-fact dt{font-size:var(--fs-xs);font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;padding-top:4px}.session-fact dd{margin:0;display:flex;flex-wrap:wrap;gap:6px}@media (max-width: 720px){.session-fact{grid-template-columns:1fr;gap:var(--s2)}}.transcript{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s6)}.turn{display:flex;align-items:flex-end;gap:var(--s2)}.turn.user{flex-direction:row-reverse}.turn-bubble{min-width:0;padding:var(--s3) var(--s4);border:1px solid;border-radius:var(--r-lg)}.turn.user .turn-bubble{background:var(--bubble-me);border-color:var(--bubble-me-line);border-bottom-right-radius:var(--r-xs);max-width:min(78%,560px)}.turn.assistant .turn-bubble{background:var(--bg-card);border-color:var(--border);box-shadow:var(--shadow-sm);border-bottom-left-radius:var(--r-xs);flex:1}.turn-avatar{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--r-full);border:1px solid transparent;margin-bottom:2px}.turn.user .turn-avatar{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.turn.assistant .turn-avatar{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-ink)}.turn.sidechain .turn-avatar{background:var(--ink);border-color:var(--ink);color:var(--bg-card)}.turn.sidechain .turn-bubble{background:var(--bg-elev);box-shadow:none}.turn-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s2)}.turn-tag{font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--ink-soft);border:1px solid var(--border-strong);border-radius:var(--r-xs);padding:2px 6px;flex-shrink:0}.badge{display:inline-flex;align-items:center;flex-shrink:0;font-size:var(--fs-2xs);color:var(--text-faint);border:1px solid var(--border);border-radius:var(--r-xs);padding:2px 6px;letter-spacing:.03em}.turn-body{min-width:0}.turn-text{white-space:pre-wrap;overflow-wrap:break-word;font-size:var(--fs-base);line-height:1.7;color:var(--text)}.turn-code{display:block;margin:var(--s3) 0;padding:var(--s3) var(--s4);background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--r-md);overflow-x:auto;white-space:pre}.turn-code code{font-family:var(--mono);font-size:var(--fs-sm);line-height:1.6;color:var(--text)}.turn.user .turn-code,.turn.user .tool-call,.turn.sidechain .turn-code,.turn.sidechain .tool-call{background:var(--bg-card);border-color:var(--border)}.turn-code-lang{display:block;margin-bottom:6px;font-family:var(--mono);font-size:var(--fs-2xs);color:var(--text-faint);text-transform:lowercase;letter-spacing:.04em;-webkit-user-select:none;user-select:none;position:sticky;left:0}.thinking{margin-bottom:var(--s2)}.thinking-toggle{background:none;border:none;color:var(--text-faint);font-size:var(--fs-xs);cursor:pointer;padding:0;font-family:var(--mono);transition:color var(--t-fast) var(--ease)}.thinking-toggle:hover{color:var(--text-dim)}.thinking-text{white-space:pre-wrap;word-wrap:break-word;background:var(--bg-sunken);border:1px solid var(--border-soft);border-radius:var(--r-md);padding:var(--s3);margin:var(--s2) 0 0;color:var(--text-dim);font-size:var(--fs-sm);line-height:1.6}.tool-calls{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s3)}.tool-call{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--s2);background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--r-sm);padding:5px 10px;font-family:var(--mono);font-size:var(--fs-xs)}.tc-name{grid-column:1;color:var(--accent)}.tc-detail{grid-column:2;color:var(--text-dim)}.tc-args{grid-column:3;min-width:0;all:unset;font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-dim);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-args:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}.tc-args.expanded{white-space:pre-wrap;overflow-wrap:anywhere;text-overflow:clip}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.card:hover{transform:none}.skel{background:var(--bg-raised);animation:none}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}.confirm-dialog{background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s5);max-width:420px;width:calc(100vw - 40px);box-shadow:var(--shadow-lg)}.confirm-dialog::backdrop{background:#16261e57;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirm-dialog h3{margin:0 0 var(--s2);font-size:var(--fs-lg);font-weight:620}.confirm-body{color:var(--text-dim);font-size:var(--fs-md);line-height:1.55;margin:0 0 var(--s4)}.confirm-type{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--s4)}.confirm-type input{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text);border-radius:var(--r-md);padding:8px 10px;font-family:var(--mono);font-size:var(--fs-md);transition:border-color var(--t-fast) var(--ease)}.confirm-type input::placeholder{color:var(--text-faint)}.confirm-type input:focus-visible{border-color:var(--accent);outline:none}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--s3)}.confirm-actions .chip.danger:disabled{opacity:.4;cursor:not-allowed}.confirm-actions .chip.danger:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));color:var(--danger)}.dr-dialog{max-width:380px}.dr-fields{display:flex;align-items:flex-end;gap:var(--s3);margin-bottom:var(--s5)}.dr-label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-sm);color:var(--text-dim);flex:1;min-width:0}.dr-label input[type=date]{background:var(--bg-sunken);border:1px solid var(--border);color:var(--text);border-radius:var(--r-md);padding:8px 10px;font-size:var(--fs-md);font-family:inherit;width:100%;box-sizing:border-box;transition:border-color var(--t-fast) var(--ease);color-scheme:light}.dr-label input[type=date]:focus-visible{border-color:var(--accent);outline:none}.dr-sep{color:var(--text-faint);font-size:var(--fs-sm);padding-bottom:10px;flex-shrink:0}.segmented .dr-custom-btn{display:flex;align-items:center;gap:5px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .dr-label input[type=date]{color-scheme:dark}}:root[data-theme=dark] .dr-label input[type=date]{color-scheme:dark}.view-toggle{display:flex}.bento>*,.app-main,.page{min-width:0}.table-scroll{border:1px solid var(--border-soft);border-radius:var(--r-lg);background:var(--bg-card)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-md)}.data-table thead th{position:sticky;top:var(--topbar-h);z-index:var(--z-sticky);background:var(--bg-elev);color:var(--text-faint);text-align:left;font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;padding:10px var(--s4);border-bottom:1px solid var(--border-soft);white-space:nowrap}.data-table th.num,.data-table td.num{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:normal;white-space:nowrap}.data-table td{padding:11px var(--s4);border-top:1px solid var(--border-soft);vertical-align:middle;overflow-wrap:anywhere}.data-table tbody tr{transition:background var(--t-fast) var(--ease)}.data-table tbody tr:hover{background:var(--bg-raised)}.data-table tbody tr:first-child td{border-top:none}.data-table thead tr:first-child th:first-child{border-top-left-radius:var(--r-lg)}.data-table thead tr:first-child th:last-child{border-top-right-radius:var(--r-lg)}.data-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--r-lg)}.data-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--r-lg)}.data-table a{color:var(--text);font-weight:500;transition:color var(--t-fast) var(--ease)}.data-table a:hover{color:var(--accent)}.th-sort{background:none;border:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;padding:0;cursor:pointer;display:inline-flex;gap:4px;align-items:center;transition:color var(--t-fast) var(--ease)}.th-sort:hover{color:var(--text-dim)}.th-sort .sort-arrow{color:var(--accent);font-size:var(--fs-2xs)}.data-table .row-action{opacity:0;transition:opacity var(--t-fast) var(--ease);padding:4px;line-height:0}.data-table tbody tr:hover .row-action,.data-table tbody tr:focus-within .row-action{opacity:1}@media (hover: none){.data-table .row-action{opacity:1}}@media (max-width: 720px){.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--bg-card) 30%,transparent) left center / 24px 100% no-repeat local,linear-gradient(to left,var(--bg-card) 30%,transparent) right center / 24px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,var(--scroll-shade),transparent) left center / 12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,var(--scroll-shade),transparent) right center / 12px 100% no-repeat scroll,var(--bg-card)}.data-table{width:auto;min-width:100%}.data-table thead th{position:static}.data-table td{white-space:nowrap;overflow-wrap:normal}.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;z-index:2;background:var(--bg-card);max-width:42vw;overflow:hidden;text-overflow:ellipsis;box-shadow:1px 0 0 var(--border-soft)}.data-table thead th:first-child{position:sticky;left:0;top:auto;z-index:3;background:var(--bg-elev)}.data-table td:first-child>a:not(.person){display:block;overflow:hidden;text-overflow:ellipsis}.chart-table-wrap{-webkit-overflow-scrolling:touch}.chart-table{width:auto;min-width:100%}.chart-table td,.chart-table th{white-space:nowrap}.chart-table th:first-child,.chart-table td:first-child{position:sticky;left:0;z-index:2;background:var(--bg-card);max-width:40vw;overflow:hidden;text-overflow:ellipsis;box-shadow:1px 0 0 var(--border-soft)}}.chart{position:relative;width:100%}.chart svg{display:block;max-width:100%;overflow:hidden}.chart svg:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.chart rect{transition:opacity var(--t-fast) var(--ease)}.chart-readout{display:flex;flex-wrap:wrap;gap:var(--s4);align-items:center;font-size:var(--fs-sm);color:var(--text-dim);margin-top:var(--s2);min-height:19px}.chart-readout strong{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.chart-readout i,.chart-legend i,.model-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex-shrink:0}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s2);font-size:var(--fs-sm);color:var(--text-dim)}.chart-hint{position:absolute;top:0;right:0;font-size:var(--fs-xs);color:var(--text-faint);opacity:0;transition:opacity var(--t-fast) var(--ease);pointer-events:none}.chart:focus-within .chart-hint{opacity:1}.panel:has(>.donut-wrap){display:flex;flex-direction:column}.donut-wrap{display:flex;align-items:center;gap:var(--s6);flex-wrap:wrap;flex:1;justify-content:center}.donut{position:relative;flex-shrink:0}.donut circle{transition:stroke-dasharray var(--t-slow) var(--ease)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center-value{font-size:var(--fs-2xl);font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.donut-center-label{font-size:var(--fs-2xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.donut-legend{list-style:none;margin:0;padding:0;flex:1;min-width:150px;display:flex;flex-direction:column;gap:7px;font-size:var(--fs-sm)}.donut-legend li{display:flex;align-items:center;gap:2px}.donut-legend-label{flex:1;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend-value{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.chart-table-wrap{overflow-x:auto}.chart-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.chart-table th{text-align:left;font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:8px var(--s3) 10px;border-bottom:1px solid var(--border-soft);white-space:nowrap}.chart-table td{padding:10px var(--s3);border-top:1px solid var(--border-soft)}.chart-table th.num,.chart-table td.num{text-align:right;font-variant-numeric:tabular-nums}.chart-table tbody tr{transition:background var(--t-fast) var(--ease)}.chart-table tbody tr:hover{background:var(--bg-raised)}.chart-table th:first-child,.chart-table td:first-child{padding-left:0}.chart-table th:last-child,.chart-table td:last-child{padding-right:0}.theme-toggle{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);cursor:pointer;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.load-more{display:flex;justify-content:center;margin-top:var(--s5)}.inline-icon{display:inline-flex;align-items:center;gap:5px;vertical-align:-2px}.tok-legend{display:flex;gap:var(--s5);align-items:center;margin-bottom:var(--s3);font-size:var(--fs-xs);color:var(--text-dim);flex-wrap:wrap}.tok-legend-item{display:flex;align-items:center;gap:5px}.tok-dot{display:inline-block;width:10px;height:10px;border-radius:2px}.tok-bar-wrap{display:flex;align-items:center;gap:var(--s2);min-width:160px}.tok-bar{flex:1;height:8px;border-radius:4px;overflow:hidden;background:var(--bg-raised);display:flex}.tok-seg{height:100%}.tok-seg--input{background:var(--series-1)}.tok-seg--cache-read{background:var(--series-3)}.tok-seg--cache-write{background:var(--series-4)}.tok-seg--output{background:var(--series-2)}.tok-seg--other{background:var(--border-soft)}.tok-bar-label{font-size:var(--fs-xs);color:var(--text-dim);white-space:nowrap;font-variant-numeric:tabular-nums}.mode-list{display:flex;flex-direction:column;gap:var(--s2)}.mode-row{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-md)}.mode-name{width:140px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-bar-track{flex:1;height:6px;border-radius:3px;background:var(--bg-raised);overflow:hidden;min-width:60px}.mode-bar-fill{height:100%;background:var(--accent);border-radius:3px}.mode-count{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:var(--fs-sm);width:48px;text-align:right}.mode-pct{font-size:var(--fs-xs);width:32px;text-align:right}@media (max-width: 720px){.mode-row{gap:var(--s2);font-size:var(--fs-sm)}.mode-name{width:92px}.mode-bar-track{min-width:40px}.mode-count{width:40px}.mode-pct{width:28px}.tok-legend{gap:var(--s3)}}.nav-item--sub{padding-left:calc(var(--s2) + 16px + var(--s3))}.date-input{padding:4px 8px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-size:var(--fs-sm);font-family:var(--font-sans)}.date-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.subtle-link{color:inherit;text-decoration:none}.subtle-link:hover{color:var(--accent);text-decoration:underline}