:root{--palette-ink-950: #0b0e12;--palette-ink-900: #11151a;--palette-ink-850: #161b21;--palette-ink-800: #1d232b;--palette-ink-700: #2a313b;--palette-ink-600: #3b434e;--palette-ink-500: #5a626e;--palette-ink-400: #8a919c;--palette-ink-300: #b3b8c0;--palette-paper-50: #ffffff;--palette-paper-100: #f7f6f2;--palette-paper-200: #efede6;--palette-paper-300: #e2dfd5;--palette-paper-400: #cdc8bb;--palette-flare-300: #ff9b78;--palette-flare-400: #ff7a4d;--palette-flare-500: #f0531c;--palette-flare-600: #c8400f;--palette-flare-700: #a3330b;--palette-teal-400: #4cc9a0;--palette-teal-600: #137a58;--palette-gold-400: #e8b84a;--palette-gold-700: #8a5d00;--palette-red-400: #ff8a80;--palette-red-600: #b42318;color-scheme:light dark;--color-bg: var(--palette-paper-100);--color-bg-subtle: var(--palette-paper-200);--color-surface: var(--palette-paper-50);--color-surface-sunken: var(--palette-paper-200);--color-surface-inverse: var(--palette-ink-900);--color-border: var(--palette-paper-300);--color-border-strong: var(--palette-paper-400);--color-text: var(--palette-ink-900);--color-text-muted: #4d545f;--color-text-subtle: #5f6672;--color-text-inverse: var(--palette-paper-100);--color-accent: var(--palette-flare-500);--color-accent-strong: var(--palette-flare-600);--color-accent-text: var(--palette-flare-700);--color-accent-soft: #fde6dc;--color-on-accent: var(--palette-ink-950);--color-positive: var(--palette-teal-600);--color-warning: var(--palette-gold-700);--color-danger: var(--palette-red-600);--color-focus: var(--palette-flare-500);--color-code-bg: var(--palette-ink-900);--color-code-text: #e6e4dd;--color-selection: #ffd3c2;--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);--text-5xl: clamp(2.6rem, 1.5rem + 4.8vw, 4.75rem);--leading-tight: 1.08;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.025em;--tracking-snug: -.012em;--tracking-normal: 0;--tracking-wide: .08em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--width-prose: 42rem;--width-content: 72rem;--width-wide: 80rem;--gutter: clamp(1rem, .5rem + 2.5vw, 2rem);--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 999px;--shadow-xs: 0 1px 0 rgb(17 21 26 / .04);--shadow-sm: 0 1px 2px rgb(17 21 26 / .06), 0 1px 1px rgb(17 21 26 / .04);--shadow-md: 0 4px 12px -2px rgb(17 21 26 / .08), 0 2px 4px -2px rgb(17 21 26 / .06);--shadow-lg: 0 18px 40px -12px rgb(17 21 26 / .18), 0 6px 12px -6px rgb(17 21 26 / .08);--shadow-focus: 0 0 0 3px rgb(240 83 28 / .35);--ease-out: cubic-bezier(.2, .7, .2, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .4s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: var(--palette-ink-950);--color-bg-subtle: var(--palette-ink-900);--color-surface: var(--palette-ink-850);--color-surface-sunken: var(--palette-ink-900);--color-surface-inverse: var(--palette-paper-100);--color-border: var(--palette-ink-700);--color-border-strong: var(--palette-ink-600);--color-text: #eceae4;--color-text-muted: #aab0b9;--color-text-subtle: #959ca6;--color-text-inverse: var(--palette-ink-900);--color-accent: var(--palette-flare-400);--color-accent-strong: var(--palette-flare-300);--color-accent-text: var(--palette-flare-300);--color-accent-soft: #3a1d13;--color-on-accent: var(--palette-ink-950);--color-positive: var(--palette-teal-400);--color-warning: var(--palette-gold-400);--color-danger: var(--palette-red-400);--color-focus: var(--palette-flare-400);--color-code-bg: #070a0d;--color-code-text: #e6e4dd;--color-selection: #5a2a18;--shadow-xs: 0 1px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 14px -2px rgb(0 0 0 / .5);--shadow-lg: 0 20px 44px -12px rgb(0 0 0 / .6);--shadow-focus: 0 0 0 3px rgb(255 122 77 / .45)}}:root[data-theme=dark]{--color-bg: var(--palette-ink-950);--color-bg-subtle: var(--palette-ink-900);--color-surface: var(--palette-ink-850);--color-surface-sunken: var(--palette-ink-900);--color-surface-inverse: var(--palette-paper-100);--color-border: var(--palette-ink-700);--color-border-strong: var(--palette-ink-600);--color-text: #eceae4;--color-text-muted: #aab0b9;--color-text-subtle: #959ca6;--color-text-inverse: var(--palette-ink-900);--color-accent: var(--palette-flare-400);--color-accent-strong: var(--palette-flare-300);--color-accent-text: var(--palette-flare-300);--color-accent-soft: #3a1d13;--color-on-accent: var(--palette-ink-950);--color-positive: var(--palette-teal-400);--color-warning: var(--palette-gold-400);--color-danger: var(--palette-red-400);--color-focus: var(--palette-flare-400);--color-code-bg: #070a0d;--color-code-text: #e6e4dd;--color-selection: #5a2a18;--shadow-xs: 0 1px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 4px 14px -2px rgb(0 0 0 / .5);--shadow-lg: 0 20px 44px -12px rgb(0 0 0 / .6);--shadow-focus: 0 0 0 3px rgb(255 122 77 / .45)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/InstrumentSans-latin-wght-BbzFLZTg.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:italic;font-weight:400 700;font-display:swap;src:url(/assets/InstrumentSans-latin-wght-italic-BlcgWI5J.woff2) format("woff2")}:root{color-scheme:light;--color-bg-muted: color-mix(in srgb, var(--palette-paper-200), var(--palette-paper-300));--color-bg-inset: var(--color-surface-sunken);--color-overlay: color-mix(in srgb, var(--palette-ink-950) 28%, transparent);--color-accent-subtle: var(--color-accent-soft);--color-focus-ring: color-mix(in srgb, var(--color-focus) 35%, transparent);--color-selected: color-mix(in srgb, var(--color-accent-soft) 40%, var(--color-surface));--color-on-danger: var(--color-text-inverse);--color-success: var(--color-positive);--color-success-subtle: color-mix(in srgb, var(--color-success) 8%, var(--color-surface));--color-warning-subtle: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));--color-danger-subtle: color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));--color-info: #1f6fc5;--color-info-subtle: color-mix(in srgb, var(--color-info) 8%, var(--color-surface));--color-tag-1: #6e56cf;--color-tag-1-subtle: #f3f0fd;--color-tag-2: #0b7a75;--color-tag-2-subtle: #e6f6f5;--color-tag-3: #b4500e;--color-tag-3-subtle: #fdf0e6;--color-tag-4: #1f6fc5;--color-tag-4-subtle: #eaf3fd;--color-tag-5: #b42673;--color-tag-5-subtle: #fceef6;--color-tag-6: #5c6b0e;--color-tag-6-subtle: #f3f6e4;--text-2xs: 10.5px;--text-xs: 11.5px;--text-sm: 12.5px;--text-base: 13.5px;--text-md: 14.5px;--text-lg: 17px;--text-xl: 21px;--leading-tight: 1.25;--tracking-tight: 0;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 10px;--sidebar-width: 224px;--drawer-width: 540px;--row-height: 36px;--header-height: 52px;--duration-normal: var(--duration-base)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg-muted: var(--palette-ink-800);--color-overlay: rgb(0 0 0 / .5);--color-focus-ring: color-mix(in srgb, var(--color-focus) 45%, transparent);--color-info: #5aa5f0;--color-tag-1: #a895f5;--color-tag-1-subtle: #241e3d;--color-tag-2: #4fc8c1;--color-tag-2-subtle: #102827;--color-tag-3: #f0975a;--color-tag-3-subtle: #2c1c10;--color-tag-4: #5aa5f0;--color-tag-4-subtle: #13233a;--color-tag-5: #ef7cb8;--color-tag-5-subtle: #2e1424;--color-tag-6: #b6c95a;--color-tag-6-subtle: #1f2410}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-tight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","tnum"}h1,h2,h3{margin:0;font-weight:var(--weight-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-lg)}h2{font-size:var(--text-md)}h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:var(--weight-medium)}a{color:var(--color-accent-text);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}button{font:inherit;color:inherit;letter-spacing:inherit}code,.mono{font-family:var(--font-mono);font-size:.92em}code{background:var(--color-bg-inset);padding:1px var(--space-1);border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}::selection{background:var(--color-accent-subtle)}.grow{flex:1;min-width:0}.strong{font-weight:var(--weight-medium);color:var(--color-text)}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}.small{font-size:var(--text-sm)}.truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.link{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-align:left}.link:hover{color:var(--color-accent-text);text-decoration:underline;text-underline-offset:2px}.count{color:var(--color-text-subtle);font-weight:var(--weight-regular);margin-left:var(--space-1)}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-subtle);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:1;letter-spacing:0}.kbd+.kbd{margin-left:2px}.btn{display:inline-flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-weight:var(--weight-medium);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--duration-fast),border-color var(--duration-fast);white-space:nowrap}.btn:hover{background:var(--color-bg-muted)}.btn:disabled{opacity:.55;cursor:default}.btn .kbd{background:transparent;border-color:color-mix(in srgb,currentColor 22%,transparent);color:inherit;opacity:.75}.btn-primary{background:var(--color-surface-inverse);border-color:var(--color-surface-inverse);color:var(--color-text-inverse)}.btn-primary:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.btn-primary:has(>svg:first-child):before{content:none}.btn-primary:hover{background:color-mix(in oklab,var(--color-surface-inverse) 86%,var(--color-accent));border-color:color-mix(in oklab,var(--color-surface-inverse) 86%,var(--color-accent))}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-on-danger)}.btn-danger:hover{background:color-mix(in srgb,var(--color-danger) 88%,var(--color-text))}.btn-danger .kbd{opacity:.9}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-bg-muted);color:var(--color-text)}.btn-sm{height:26px;padding:0 var(--space-2);font-size:var(--text-xs)}.btn-lg{height:38px;justify-content:center;font-size:var(--text-base)}.input,.select{height:30px;padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm)}.input:focus,.select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.select{padding-right:var(--space-6);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-subtle) 50%),linear-gradient(135deg,var(--color-text-subtle) 50%,transparent 50%);background-position:calc(100% - 13px) 13px,calc(100% - 9px) 13px;background-size:4px 4px;background-repeat:no-repeat;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;background:var(--color-bg-muted);color:var(--color-text-muted)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge[data-tone=accent]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.badge[data-tone=success]{background:var(--color-success-subtle);color:var(--color-success)}.badge[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}.badge[data-tone=danger]{background:var(--color-danger-subtle);color:var(--color-danger)}.badge[data-tone=info]{background:var(--color-info-subtle);color:var(--color-info)}.tag{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.tag[data-color="1"],.avatar[data-color="1"]{background:var(--color-tag-1-subtle);color:var(--color-tag-1)}.tag[data-color="2"],.avatar[data-color="2"]{background:var(--color-tag-2-subtle);color:var(--color-tag-2)}.tag[data-color="3"],.avatar[data-color="3"]{background:var(--color-tag-3-subtle);color:var(--color-tag-3)}.tag[data-color="4"],.avatar[data-color="4"]{background:var(--color-tag-4-subtle);color:var(--color-tag-4)}.tag[data-color="5"],.avatar[data-color="5"]{background:var(--color-tag-5-subtle);color:var(--color-tag-5)}.tag[data-color="6"],.avatar[data-color="6"]{background:var(--color-tag-6-subtle);color:var(--color-tag-6)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;font-weight:var(--weight-semibold);letter-spacing:0;user-select:none}.avatar[data-square]{border-radius:28%}.optic-mark{flex:none;color:var(--color-surface-inverse)}.score{display:inline-flex;align-items:center;gap:var(--space-2)}.score-value{font-variant-numeric:tabular-nums;font-weight:var(--weight-medium);min-width:28px}.score-track{width:36px;height:4px;border-radius:var(--radius-full);background:var(--color-bg-muted);overflow:hidden}.score-fill{display:block;height:100%;border-radius:inherit;background:var(--color-text-subtle)}.score[data-tone=high] .score-fill{background:var(--color-success)}.score[data-tone=mid] .score-fill{background:var(--color-warning)}.score[data-tone=high] .score-value{color:var(--color-success)}.reasons{display:flex;flex-direction:column;gap:3px;font-size:var(--text-xs);color:var(--color-text-muted)}.reasons-factors{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--space-1)}.reason{display:inline-flex;align-items:center;gap:var(--space-1)}.reason-times{color:var(--color-text-subtle);margin-right:2px}.reason-label{color:var(--color-text-subtle)}.reason-value{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:var(--weight-medium)}.reason-why span{color:var(--color-text-subtle)}.reason-detected{color:var(--color-text-muted)}.reason-detected:before{content:"Detected: ";color:var(--color-text-subtle)}.empty{margin:var(--space-10) auto;max-width:360px;text-align:center}.empty-title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.empty-body{margin-top:var(--space-1);color:var(--color-text-muted)}.error-note{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-subtle);color:var(--color-danger);font-size:var(--text-sm)}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--color-border-strong);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{display:inline-block;height:10px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-bg-muted),var(--color-bg-subtle),var(--color-bg-muted));background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.splash{display:grid;place-items:center;height:100%}.center-card{max-width:420px;margin:18vh auto 0;padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100%}.sidebar{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--color-bg-subtle);border-right:1px solid var(--color-border);min-height:0}.nav{display:flex;flex-direction:column;gap:1px;margin-top:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:none;color:var(--color-text-muted);font-weight:var(--weight-medium);font-size:var(--text-sm);text-decoration:none;cursor:pointer;width:100%;text-align:left}.nav-item:hover{background:var(--color-bg-muted);color:var(--color-text);text-decoration:none}.nav-item.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm),0 0 0 1px var(--color-border)}.nav-item .kbd{opacity:0;transition:opacity var(--duration-fast)}.sidebar:hover .nav-item .kbd{opacity:1}.nav-icon{flex:none;color:var(--color-text-subtle)}.nav-item.active .nav-icon{color:var(--color-accent)}.nav-count{min-width:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-accent-text);font-size:var(--text-2xs);font-weight:var(--weight-semibold);text-align:center;line-height:18px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-1)}.me{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-xs)}.me-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.ws-switcher{position:relative}.ws-current{display:flex;align-items:center;gap:var(--space-2);width:100%;height:36px;padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:none;cursor:pointer;font-weight:var(--weight-semibold)}.ws-current:hover{background:var(--color-bg-muted)}.ws-name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-caret{color:var(--color-text-subtle)}.popover-scrim{position:fixed;inset:0;z-index:40}.popover{position:absolute;z-index:41;top:calc(100% + 4px);left:0;width:260px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:pop var(--duration-fast) var(--ease-out)}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.popover-input{width:100%;height:32px;margin-bottom:var(--space-1);padding:0 var(--space-2);border:0;border-bottom:1px solid var(--color-border);background:none;font:inherit;color:var(--color-text);outline:none}.popover-item{display:flex;align-items:center;gap:var(--space-2);width:100%;height:32px;padding:0 var(--space-2);border:0;border-radius:var(--radius-md);background:none;cursor:pointer;text-align:left}.popover-item[data-active]{background:var(--color-bg-muted)}.check{color:var(--color-accent)}.popover-empty{padding:var(--space-2);color:var(--color-text-subtle)}.popover-foot{margin-top:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-1);border-top:1px solid var(--color-border);color:var(--color-text-subtle);font-size:var(--text-xs)}.screen{display:flex;flex-direction:column;min-height:0;height:100%}.screen-head{display:flex;align-items:center;gap:var(--space-4);min-height:var(--header-height);padding:0 var(--space-5);border-bottom:1px solid var(--color-border);flex:none}.screen-loading{display:grid;place-items:center;padding:var(--space-10)}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex:1}.count-label{margin-left:auto;color:var(--color-text-subtle);font-size:var(--text-sm);white-space:nowrap}.tabs{display:flex;gap:var(--space-1)}.tab{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--weight-semibold);font-size:var(--text-md)}.tab:hover{color:var(--color-text);text-decoration:none;background:var(--color-bg-muted)}.tab.active{color:var(--color-text)}.search{display:flex;align-items:center;gap:var(--space-2);height:30px;width:min(340px,40%);padding:0 var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-subtle)}.search:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.search input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:var(--text-sm);color:var(--color-text)}.search:focus-within .kbd{display:none}.segmented{display:inline-flex;padding:2px;border-radius:var(--radius-md);background:var(--color-bg-muted)}.segmented button{height:26px;padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer}.segmented button[data-active]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.grid-wrap{flex:1;min-height:0;overflow:auto}.grid{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto;font-size:var(--text-sm)}.grid th{position:sticky;top:0;z-index:1;height:32px;padding:0 var(--space-3);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-weight:var(--weight-medium);font-size:var(--text-xs);text-align:left;white-space:nowrap;user-select:none}.grid th:first-child,.grid td:first-child{padding-left:var(--space-5)}.grid th[data-sortable]{cursor:pointer}.grid th[data-sortable]:hover{color:var(--color-text)}.sort-caret{margin-left:var(--space-1);color:var(--color-accent)}.grid td{height:var(--row-height);padding:0 var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}.grid [data-align=right]{text-align:right;font-variant-numeric:tabular-nums}.grid tbody tr{cursor:default}.grid tbody tr:hover td{background:var(--color-bg-subtle)}.grid tbody tr[data-cursor] td{background:var(--color-selected)}.grid tbody tr[data-cursor] td:first-child{box-shadow:inset 2px 0 0 var(--color-accent)}.grid tbody tr[data-open] td{background:var(--color-accent-subtle)}.skeleton-row td{background:none!important}.grid-empty{padding:var(--space-6)}.cell-name{display:inline-flex;align-items:center;gap:var(--space-2);max-width:100%}.cell-name .strong{overflow:hidden;text-overflow:ellipsis}.cell-stack{display:flex;flex-direction:column;line-height:var(--leading-tight);gap:2px;padding:var(--space-2) 0}.cell-signals{display:inline-flex;align-items:center;gap:var(--space-2)}.mini-table{width:100%;font-size:var(--text-sm);border-collapse:collapse}.mini-table td{padding:var(--space-1) 0}.mini-table [data-align=right]{text-align:right}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:30;width:min(var(--drawer-width),92vw);background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);animation:slide-in var(--duration-normal) var(--ease-out);display:flex;flex-direction:column}@keyframes slide-in{0%{transform:translate(24px);opacity:0}}.drawer-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:2;border:0;background:none;padding:var(--space-1);cursor:pointer}.drawer-scroll{overflow:auto;padding:var(--space-6) var(--space-6) var(--space-10);flex:1}.drawer-loading{display:grid;place-items:center;padding:var(--space-10)}.rec-header{display:flex;align-items:center;gap:var(--space-3);padding-right:var(--space-10)}.rec-header h2{font-size:var(--text-xl);letter-spacing:-.02em}.rec-sub{display:flex;gap:var(--space-2);align-items:baseline;color:var(--color-text-muted);margin-top:2px}.rec-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.rec-section{margin-top:var(--space-6)}.rec-section>h3{margin-bottom:var(--space-2)}.rec-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.rec-list li+li{border-top:1px solid var(--color-border)}.rec-row{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:0;background:none;cursor:pointer;text-align:left}.rec-row:hover{background:var(--color-bg-subtle)}.rec-row-main{display:flex;flex-direction:column;flex:1;min-width:0;line-height:var(--leading-tight);font-size:var(--text-sm)}.rec-signals{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.rec-signals li{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1)}.rec-signals li[data-status=dismissed]{opacity:.6}.rec-signal-head{display:flex;align-items:center;gap:var(--space-2)}.rec-signal-title{font-weight:var(--weight-medium)}.rec-signal-title a{color:var(--color-text)}.fields{display:grid;grid-template-columns:96px 1fr;gap:var(--space-2) var(--space-3);margin:0;font-size:var(--text-sm)}.fields dt{color:var(--color-text-subtle)}.fields dd{margin:0;min-width:0}.email{display:inline-flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.timeline{list-style:none;margin:0;padding:0}.tl-day{margin:var(--space-4) 0 var(--space-2);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-medium)}.timeline li:first-child .tl-day{margin-top:0}.tl-item{position:relative;display:flex;gap:var(--space-3);padding-bottom:var(--space-3)}.tl-item:before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1px;background:var(--color-border)}.timeline li:last-child .tl-item:before{display:none}.tl-dot{flex:none;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--color-text-subtle);box-shadow:0 0 0 3px var(--color-surface)}.tl-item[data-family=signal] .tl-dot{background:var(--color-tag-3)}.tl-item[data-family=draft] .tl-dot{background:var(--color-accent)}.tl-item[data-family=out] .tl-dot{background:var(--color-info)}.tl-item[data-family=in] .tl-dot,.tl-item[data-family=meeting] .tl-dot{background:var(--color-success)}.tl-item[data-family=bad] .tl-dot{background:var(--color-danger)}.tl-item[data-family=play] .tl-dot{background:transparent;border:2px solid var(--color-text-subtle)}.tl-body{min-width:0;flex:1}.tl-title{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-weight:var(--weight-medium);font-size:var(--text-sm)}.tl-person{color:var(--color-text-muted);font-weight:var(--weight-regular)}.tl-detail{color:var(--color-text-muted);font-size:var(--text-sm);overflow-wrap:anywhere}.tl-detail a{color:var(--color-text-muted)}.tl-subject:before{content:"“"}.tl-subject:after{content:"”"}.tl-meta{margin-top:1px;color:var(--color-text-subtle);font-size:var(--text-xs)}.tl-empty{font-size:var(--text-sm)}.inbox{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);flex:1;min-height:0}.inbox-list{overflow:auto;border-right:1px solid var(--color-border);padding:var(--space-2);display:flex;flex-direction:column;gap:2px}.inbox-item{display:flex;gap:var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-lg);background:none;cursor:pointer;text-align:left;font-size:var(--text-sm)}.inbox-item:hover{background:var(--color-bg-subtle)}.inbox-item[data-active]{background:var(--color-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent)}.inbox-item-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;line-height:var(--leading-tight)}.inbox-item-top{display:flex;justify-content:space-between;gap:var(--space-2)}.inbox-item-subject{color:var(--color-text);margin:2px 0}.edited-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--color-warning);vertical-align:middle}.inbox-detail{display:flex;flex-direction:column;min-height:0;overflow:auto}.context{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-4)}.context-who{display:flex;align-items:center;gap:var(--space-3)}.context-name{font-size:var(--text-md)}.context-play{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:var(--text-xs)}.context-card{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-subtle);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.context-card-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-medium)}.context-signal{font-weight:var(--weight-medium)}.context-signal a{color:var(--color-text)}.composer{margin:0 var(--space-6);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.composer:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.composer-row{display:flex;align-items:center;gap:var(--space-3);min-height:36px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.composer-label{width:52px;color:var(--color-text-subtle)}.composer-subject{flex:1;border:0;outline:none;background:none;font:inherit;font-weight:var(--weight-medium);color:var(--color-text)}.composer-body{display:block;width:100%;min-height:180px;padding:var(--space-4);border:0;outline:none;resize:none;background:none;font:inherit;font-size:var(--text-md);line-height:1.6;color:var(--color-text)}.actions{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding:var(--space-4) var(--space-6);background:linear-gradient(to bottom,transparent,var(--color-bg) 30%)}.actions-status{flex:1;font-size:var(--text-sm);color:var(--color-text-muted)}.reject-form{display:flex;gap:var(--space-2);flex:1}.reject-form .input{flex:1}.feed{list-style:none;margin:0;padding:var(--space-2) 0;overflow:auto;flex:1;min-height:0}.feed-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);cursor:default}.feed-item:hover{background:var(--color-bg-subtle)}.feed-item[data-cursor]{background:var(--color-selected);box-shadow:inset 2px 0 0 var(--color-accent)}.feed-score{padding-top:2px}.feed-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.feed-top{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.feed-title{font-size:var(--text-md);font-weight:var(--weight-medium)}.feed-title a{color:var(--color-text)}.feed-actions{display:flex;align-items:flex-start}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);flex:1;min-height:0}.split-main{border-right:1px solid var(--color-border)}.split-side{overflow:auto;padding:var(--space-5) var(--space-5) var(--space-10)}.play-head{display:flex;flex-direction:column;gap:var(--space-1)}.play-head h2{font-size:var(--text-lg)}.play-head .rec-badges{margin:var(--space-1) 0}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-2);margin-top:var(--space-5)}.stat{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.stat-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-xs);color:var(--color-text-subtle)}.play-when{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.play-audience{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm)}.play-audience .badge{margin-right:var(--space-1)}.steps{list-style:none;margin:0;padding:0;position:relative}.steps li{position:relative;display:grid;grid-template-columns:22px auto;column-gap:var(--space-2);padding-bottom:var(--space-3);font-size:var(--text-sm)}.steps li:not(:last-child):before{content:"";position:absolute;left:10px;top:22px;bottom:2px;width:1px;background:var(--color-border)}.step-n{grid-row:span 2;display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid var(--color-border-strong);color:var(--color-text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-semibold);background:var(--color-surface)}.steps li[data-verb=send] .step-n{border-color:var(--color-accent);color:var(--color-accent)}.steps li[data-verb=wait] .step-n{border-style:dashed}.step-verb{font-weight:var(--weight-medium);line-height:21px}.step-detail{grid-column:2;color:var(--color-text-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.exit-on{font-size:var(--text-sm)}.modal-scrim{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--color-overlay);animation:fade var(--duration-fast)}@keyframes fade{0%{opacity:0}}.modal{width:min(640px,92vw);max-height:86vh;overflow:auto;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:pop var(--duration-normal) var(--ease-out)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5) var(--space-8)}.shortcut-grid h3{margin-bottom:var(--space-2)}.shortcut{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:var(--text-sm)}.toasts{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.toast{max-width:520px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-medium);box-shadow:var(--shadow-lg);animation:pop var(--duration-normal) var(--ease-out);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast[data-tone=danger]{background:var(--color-danger);color:var(--color-on-danger)}.signin{min-height:100%;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(1200px 500px at 50% -10%,var(--color-accent-subtle),transparent 70%),var(--color-bg)}.signin-card{width:min(380px,100%);display:flex;flex-direction:column;gap:var(--space-3)}.signin-mark{margin-bottom:var(--space-2)}.signin-card h1{font-size:var(--text-xl);letter-spacing:-.02em}.signin-card>.muted{margin:0 0 var(--space-3)}.signin-google{width:100%}.signin-key{display:flex;flex-direction:column;gap:var(--space-2)}.signin-key label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.signin-key .input{height:36px}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0;color:var(--color-text-subtle);font-size:var(--text-xs)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.hint{margin:var(--space-1) 0 0;color:var(--color-text-subtle);font-size:var(--text-xs)}@media(max-width:900px){.app{grid-template-columns:56px minmax(0,1fr)}.sidebar .ws-name,.sidebar .ws-caret,.nav-item .grow,.nav-item .kbd,.me{display:none}.nav-count{position:absolute;margin-left:14px;margin-top:-14px}.inbox{grid-template-columns:1fr}.inbox-list{max-height:30vh;border-right:0;border-bottom:1px solid var(--color-border)}.split{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}