[data-theme=kanagawa-wave]{--bg: #1F1F28;--bg-deep: #16161D;--surface: #2A2A37;--surface-2: #363646;--surface-3: #54546D;--text: #DCD7BA;--text-muted: #C8C093;--text-dim: #727169;--border: #363646;--border-strong:#54546D;--primary: #DCA561;--primary-fg: #1F1F28;--primary-hi: #E6BA75;--success: #98BB6C;--warning: #E6C384;--error: #C34043;--info: #7E9CD8;--accent: #957FB8;--accent-2: #6A9589;--accent-3: #D27E99;--selection: rgba(126, 156, 216, .25);--shadow-color: 0 0% 0%}[data-theme=kanagawa-dragon]{--bg: #181616;--bg-deep: #0D0C0C;--surface: #282727;--surface-2: #393836;--surface-3: #625E5A;--text: #C5C9C5;--text-muted: #A6A69C;--text-dim: #737C73;--border: #393836;--border-strong:#625E5A;--primary: #C4B28A;--primary-fg: #181616;--primary-hi: #D2C29A;--success: #87A987;--warning: #B6927B;--error: #C4746E;--info: #8BA4B0;--accent: #A292A3;--accent-2: #8EA4A2;--accent-3: #949FB5;--selection: rgba(139, 164, 176, .25);--shadow-color: 0 0% 0%}[data-theme=classic-parchment]{--bg: #F7F2E6;--bg-deep: #EDE6D2;--surface: #FEFCF6;--surface-2: #EDE6D2;--surface-3: #D5CCB5;--text: #2B2B2B;--text-muted: #4A4A4A;--text-dim: #6B6B6B;--border: #E0D8C2;--border-strong:#C8BFA8;--primary: #CA6A4B;--primary-fg: #FEFCF6;--primary-hi: #D87A5C;--success: #7C8C4B;--warning: #C99847;--error: #B5341E;--info: #5C7A8C;--accent: #8B6A8E;--accent-2: #5C7A8C;--accent-3: #B35B79;--selection: rgba(202, 106, 75, .18);--shadow-color: 30 20% 30%}:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: "JetBrains Mono", ui-monospace, monospace;--text-2xs: 10px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--text-base:14px;--text-lg: 16px;--text-xl: 19px;--text-2xl: 23px;--text-3xl: 28px;--text-4xl: 36px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.55;--lh-relaxed: 1.7;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-mono: .02em;--space-0: 0;--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;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 10px;--radius-full: 9999px;--border-width: 1px;--shadow-xs: 0 1px 0 0 hsl(var(--shadow-color) / .15);--shadow-sm: 0 1px 2px 0 hsl(var(--shadow-color) / .18);--shadow-md: 0 4px 12px -2px hsl(var(--shadow-color) / .22);--shadow-lg: 0 16px 40px -8px hsl(var(--shadow-color) / .35);--t-fast: .12s cubic-bezier(.4, 0, .2, 1);--t-base: .18s cubic-bezier(.4, 0, .2, 1);--t-slow: .26s cubic-bezier(.4, 0, .2, 1);--density-row-h: 32px;--density-input-h: 32px;--density-table-py: 6px;--density-table-px: 10px;--density-card-p: 14px}[data-density=cozy]{--density-row-h: 36px;--density-input-h: 36px;--density-table-py: 9px;--density-table-px: 12px;--density-card-p: 18px}[data-density=comfortable]{--density-row-h: 44px;--density-input-h: 40px;--density-table-py: 12px;--density-table-px: 16px;--density-card-p: 22px}:root{--shadow-color: 0 0% 0%}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);font-feature-settings:"cv11","ss01","ss03";transition:background var(--t-base),color var(--t-base)}::selection{background:var(--selection)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hi)}button,input,select,textarea{font:inherit;color:inherit}code,kbd,pre,.mono,.tab-num{font-family:var(--font-mono);font-feature-settings:"ss01","ss20","zero","calt"}.tab-num{font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.label-mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-weight:500}.heading-display{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;color:var(--text)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-info{color:var(--info)}.btn{--btn-h: var(--density-input-h);--btn-px: var(--space-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-h);padding:0 var(--btn-px);background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.02em;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast);-webkit-user-select:none;user-select:none}.btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hi);border-color:var(--primary-hi)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text);border-color:transparent}.btn-destructive{background:transparent;color:var(--error);border-color:color-mix(in oklab,var(--error) 40%,transparent)}.btn-destructive:hover{background:color-mix(in oklab,var(--error) 15%,transparent);border-color:var(--error)}.btn-sm{--btn-h: 24px;--btn-px: var(--space-2);font-size:var(--text-xs)}.btn-lg{--btn-h: 40px;--btn-px: var(--space-4);font-size:var(--text-base)}.btn-icon{--btn-px: 0;width:var(--btn-h)}.btn-block{width:100%}.btn .lucide{width:14px;height:14px}.btn-sm .lucide{width:12px;height:12px}.btn-lg .lucide{width:16px;height:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);line-height:1;white-space:nowrap}.badge-primary{background:color-mix(in oklab,var(--primary) 18%,transparent);color:var(--primary);border-color:color-mix(in oklab,var(--primary) 30%,transparent)}.badge-success{background:color-mix(in oklab,var(--success) 16%,transparent);color:var(--success);border-color:color-mix(in oklab,var(--success) 28%,transparent)}.badge-warning{background:color-mix(in oklab,var(--warning) 18%,transparent);color:var(--warning);border-color:color-mix(in oklab,var(--warning) 30%,transparent)}.badge-error{background:color-mix(in oklab,var(--error) 16%,transparent);color:var(--error);border-color:color-mix(in oklab,var(--error) 30%,transparent)}.badge-info{background:color-mix(in oklab,var(--info) 16%,transparent);color:var(--info);border-color:color-mix(in oklab,var(--info) 28%,transparent)}.badge-accent{background:color-mix(in oklab,var(--accent) 16%,transparent);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 28%,transparent)}.badge-ghost{background:transparent;border-color:var(--border)}.status-dot{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted)}.status-dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--text-dim);flex:0 0 6px}.status-dot.is-success:before{background:var(--success);box-shadow:0 0 0 3px color-mix(in oklab,var(--success) 20%,transparent)}.status-dot.is-warning:before{background:var(--warning);box-shadow:0 0 0 3px color-mix(in oklab,var(--warning) 20%,transparent)}.status-dot.is-error:before{background:var(--error);box-shadow:0 0 0 3px color-mix(in oklab,var(--error) 20%,transparent)}.status-dot.is-info:before{background:var(--info);box-shadow:0 0 0 3px color-mix(in oklab,var(--info) 20%,transparent)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.field-label .req{color:var(--error);margin-left:2px}.field-help{font-size:var(--text-sm);color:var(--text-dim)}.field-error{font-size:var(--text-sm);color:var(--error);font-family:var(--font-mono)}.input,.select,.textarea{display:block;width:100%;height:var(--density-input-h);padding:0 var(--space-3);background:var(--bg-deep);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-strong)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input.is-error,.select.is-error,.textarea.is-error{border-color:var(--error)}.input.is-error:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--error) 25%,transparent)}.textarea{height:auto;min-height:80px;padding:var(--space-2) var(--space-3);line-height:var(--lh-normal);resize:vertical}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:right 14px top 50%,right 9px top 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}.input-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.input-group{display:flex;align-items:center;height:var(--density-input-h);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);gap:var(--space-2);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.input-group .lucide{width:14px;height:14px;color:var(--text-dim);flex:none}.input-group input{flex:1;min-width:0;background:transparent;border:0;outline:0;height:100%;color:var(--text);font-size:var(--text-md)}.input-group input::placeholder{color:var(--text-dim)}.input-group .kbd-hint{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.checkbox,.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-md);color:var(--text);-webkit-user-select:none;user-select:none}.checkbox input,.radio input{appearance:none;width:14px;height:14px;border:1px solid var(--border-strong);background:var(--bg-deep);border-radius:var(--radius-sm);cursor:pointer;display:grid;place-items:center;transition:border-color var(--t-fast),background var(--t-fast)}.radio input{border-radius:var(--radius-full)}.checkbox input:checked,.radio input:checked{background:var(--primary);border-color:var(--primary)}.checkbox input:checked:after{content:"";width:8px;height:8px;background:linear-gradient(45deg,transparent 38%,var(--primary-fg) 38%,var(--primary-fg) 50%,transparent 50%),linear-gradient(-45deg,transparent 50%,var(--primary-fg) 50%,var(--primary-fg) 65%,transparent 65%)}.radio input:checked:after{content:"";width:5px;height:5px;background:var(--primary-fg);border-radius:var(--radius-full)}.checkbox input:focus-visible,.radio input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.switch{position:relative;width:32px;height:18px;background:var(--surface-3);border-radius:var(--radius-full);cursor:pointer;transition:background var(--t-fast);flex:none}.switch:after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:var(--text);border-radius:var(--radius-full);transition:transform var(--t-fast),background var(--t-fast)}.switch.is-on{background:var(--primary)}.switch.is-on:after{transform:translate(14px);background:var(--primary-fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--density-card-p)}.card-bare{background:transparent;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--density-card-p)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.panel-head h3{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.panel-body{padding:var(--space-4)}.panel-foot{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-2)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;cursor:pointer;margin-bottom:-1px;transition:color var(--t-fast),border-color var(--t-fast)}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.tab .badge{margin-left:4px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:var(--text-md)}.table thead th{text-align:left;padding:var(--density-table-py) var(--density-table-px);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);background:var(--bg-deep);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.table thead th.sortable{cursor:pointer}.table thead th.sortable:hover{color:var(--text)}.table thead th .sort{display:inline-block;margin-left:4px;color:var(--text-dim);opacity:.5}.table thead th.is-sorted .sort{color:var(--primary);opacity:1}.table tbody td{padding:var(--density-table-py) var(--density-table-px);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr{transition:background var(--t-fast)}.table tbody tr:hover{background:var(--surface-2)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-selected{background:color-mix(in oklab,var(--primary) 8%,transparent)}.table tbody td.cell-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.table tbody td.cell-dim{color:var(--text-dim)}.table tbody td.cell-tabular{font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:var(--text-sm)}.table tbody td.cell-actions{text-align:right;white-space:nowrap}.table td.cell-id{color:var(--text-dim);font-family:var(--font-mono);font-size:var(--text-xs)}.table-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.table-toolbar .grow{flex:1;min-width:200px}.alert{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);font-size:var(--text-md);align-items:flex-start}.alert .lucide{width:16px;height:16px;flex:none;margin-top:1px}.alert .alert-title{font-weight:600;color:var(--text);display:block;margin-bottom:2px;font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.02em}.alert .alert-body{color:var(--text-muted)}.alert-info{border-color:color-mix(in oklab,var(--info) 35%,transparent);background:color-mix(in oklab,var(--info) 8%,var(--surface))}.alert-info .lucide{color:var(--info)}.alert-success{border-color:color-mix(in oklab,var(--success) 35%,transparent);background:color-mix(in oklab,var(--success) 8%,var(--surface))}.alert-success .lucide{color:var(--success)}.alert-warning{border-color:color-mix(in oklab,var(--warning) 40%,transparent);background:color-mix(in oklab,var(--warning) 8%,var(--surface))}.alert-warning .lucide{color:var(--warning)}.alert-error{border-color:color-mix(in oklab,var(--error) 40%,transparent);background:color-mix(in oklab,var(--error) 8%,var(--surface))}.alert-error .lucide{color:var(--error)}.toast-region{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;gap:10px;align-items:flex-start;padding:10px 14px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:280px;max-width:380px;font-size:var(--text-md);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-dim)}.toast.is-success:before{background:var(--success)}.toast.is-error:before{background:var(--error)}.toast.is-warning:before{background:var(--warning)}.toast.is-info:before{background:var(--info)}.toast .lucide{width:14px;height:14px;flex:none;margin-top:2px;color:var(--text-dim)}.toast.is-success .lucide{color:var(--success)}.toast.is-error .lucide{color:var(--error)}.toast.is-warning .lucide{color:var(--warning)}.toast.is-info .lucide{color:var(--info)}.toast-title{font-weight:600;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text)}.toast-body{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-muted)}.empty-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--bg-deep);border:1px dashed var(--border-strong);color:var(--text-dim)}.empty-icon .lucide{width:18px;height:18px}.empty-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:.04em;text-transform:uppercase}.empty-body{font-size:var(--text-md);color:var(--text-dim);max-width:36ch}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.pagination .pages{display:flex;gap:2px;align-items:center}.pagination .page-btn{width:26px;height:26px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer}.pagination .page-btn:hover{background:var(--surface-2);color:var(--text)}.pagination .page-btn[aria-current=true]{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.pagination .ellipsis{padding:0 4px;color:var(--text-dim)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-dim)}.breadcrumbs a{color:var(--text-dim)}.breadcrumbs a:hover{color:var(--text)}.breadcrumbs .sep{color:var(--text-dim);opacity:.6}.breadcrumbs .current{color:var(--text)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.page-header h1{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:500;letter-spacing:-.01em;color:var(--text);display:flex;align-items:center;gap:var(--space-3)}.page-header h1 .crumb-prefix{color:var(--text-dim);font-weight:400}.page-header .sub{color:var(--text-muted);font-size:var(--text-md);margin-top:4px}.page-header .actions{display:flex;gap:var(--space-2);align-items:center}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;z-index:50}.dropdown-menu.is-right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;font-size:var(--text-md);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-sans)}.dropdown-item:hover{background:var(--surface-2);color:var(--text)}.dropdown-item .lucide{width:14px;height:14px;color:var(--text-dim)}.dropdown-item:hover .lucide{color:var(--text)}.dropdown-sep{height:1px;background:var(--border);margin:4px 0}.dropdown-label{padding:6px 10px 4px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.combobox{position:relative}.combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);height:var(--density-input-h);padding:0 var(--space-3);width:100%;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);cursor:pointer;text-align:left}.combobox-trigger:hover{border-color:var(--border-strong)}.combobox-trigger .placeholder{color:var(--text-dim)}.combobox-trigger .lucide{width:14px;height:14px;color:var(--text-dim)}.combobox-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:50;overflow:hidden}.combobox-search{padding:6px 8px;border-bottom:1px solid var(--border)}.combobox-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:var(--text-md);font-family:var(--font-mono)}.combobox-search input::placeholder{color:var(--text-dim)}.combobox-list{max-height:220px;overflow-y:auto;padding:4px}.combobox-option{padding:6px 10px;font-size:var(--text-md);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.combobox-option:hover,.combobox-option.is-active{background:var(--surface-2);color:var(--text)}.combobox-option.is-selected{color:var(--primary)}.combobox-option .lucide{width:12px;height:12px}.modal-backdrop{position:fixed;inset:0;background:color-mix(in oklab,var(--bg-deep) 80%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-4);z-index:100}.modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal.size-sm{max-width:360px}.modal.size-lg{max-width:640px}.modal.size-xl{max-width:900px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.modal-close{background:transparent;border:0;color:var(--text-dim);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:grid;place-items:center}.modal-close:hover{color:var(--text);background:var(--surface-2)}.modal-close .lucide{width:14px;height:14px}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--bg-deep)}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:var(--bg)}.app-shell[data-nav=collapsed]{grid-template-columns:52px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--bg-deep);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:14px var(--space-4);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);letter-spacing:.06em;color:var(--text);height:52px}.sidebar-brand-mark{width:22px;height:22px;background:var(--primary);color:var(--primary-fg);display:grid;place-items:center;border-radius:var(--radius-sm);font-weight:700;font-size:12px;letter-spacing:0;flex:none}.sidebar-section{padding:14px 12px 6px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.sidebar-nav{padding:4px;display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:6px 10px;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-muted);border-radius:var(--radius-sm);text-decoration:none;border-left:2px solid transparent;margin-left:0;transition:background var(--t-fast),color var(--t-fast);position:relative}.nav-item .lucide{width:14px;height:14px;flex:none;color:var(--text-dim)}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item:hover .lucide{color:var(--text)}.nav-item.is-active{background:var(--surface);color:var(--text)}.nav-item.is-active:before{content:"";position:absolute;left:-4px;top:6px;bottom:6px;width:2px;background:var(--primary);border-radius:2px}.nav-item.is-active .lucide{color:var(--primary)}.nav-item .count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);background:var(--surface-2);padding:1px 5px;border-radius:var(--radius-sm)}.nav-item.is-active .count{background:color-mix(in oklab,var(--primary) 20%,transparent);color:var(--primary)}.sidebar-foot{margin-top:auto;padding:var(--space-3) var(--space-3);border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.sidebar-foot .avatar{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);display:grid;place-items:center;font-weight:600;font-size:var(--text-2xs)}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);height:52px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:30}.app-topbar .topbar-search{flex:1;max-width:360px}.app-topbar .topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.app-main{padding:var(--space-6) var(--space-8);max-width:1400px}.kbd{display:inline-block;padding:1px 5px;font-family:var(--font-mono);font-size:var(--text-2xs);background:var(--surface-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);color:var(--text-muted);line-height:1.4}.file-preview{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.file-preview-head{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.file-preview-stage{display:grid;place-items:center;padding:var(--space-6);min-height:320px;background-image:linear-gradient(45deg,var(--surface) 25%,transparent 25%),linear-gradient(-45deg,var(--surface) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--surface) 75%),linear-gradient(-45deg,transparent 75%,var(--surface) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.file-preview-doc{width:70%;max-width:280px;aspect-ratio:1 / 1.4;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);padding:14px;display:flex;flex-direction:column;gap:8px}.file-preview-doc .line{height:6px;background:var(--surface-3);border-radius:2px}.file-preview-doc .line.short{width:40%}.file-preview-doc .line.med{width:70%}.file-preview-foot{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:var(--surface);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim)}.file-preview-foot .zoom{margin-left:auto;display:flex;gap:2px}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack-2{gap:var(--space-2)}.stack-4{gap:var(--space-4)}.stack-6{gap:var(--space-6)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row-3{gap:var(--space-3)}.row-4{gap:var(--space-4)}.row-nowrap{flex-wrap:nowrap}.between{justify-content:space-between}.grow{flex:1}.timeline-compact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.timeline-compact .head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--bg-deep);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-compact .head svg{width:12px;height:12px;transition:transform var(--t-fast);flex-shrink:0}.timeline-compact .body{padding:10px 14px;display:none}.timeline-compact.is-open .body{display:block}.timeline-compact.is-open .head svg{transform:rotate(90deg)}.timeline-compact .event{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:6px 0;position:relative}.timeline-compact .event:before{content:"";position:absolute;left:6px;top:16px;bottom:-6px;width:1px;background:var(--border)}.timeline-compact .event:last-child:before{display:none}.timeline-compact .dot{width:8px;height:8px;margin-top:5px;background:var(--surface-3);border-radius:var(--radius-full);z-index:1;box-shadow:0 0 0 3px var(--surface)}.timeline-compact .event.is-primary .dot{background:var(--primary)}.timeline-compact .event.is-warning .dot{background:var(--warning)}.timeline-compact .who{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text)}.timeline-compact .who .when{color:var(--text-dim);margin-left:6px}.timeline-compact .desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;transition:opacity var(--t-fast)}.input::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=kanagawa-wave] .input::-webkit-calendar-picker-indicator,[data-theme=kanagawa-dragon] .input::-webkit-calendar-picker-indicator{filter:invert(1)}.lucide{stroke-width:1.75}