:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-750: #1a2332;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--white: #ffffff;--black: #000000;--ink-900: #030712;--ink-850: #0a0f1e;--ink-800: #0d1326;--ink-750: #050b18;--ink-700: #0b1220;--indigo-300: #c4b5fd;--indigo-400: #a78bfa;--indigo-500: #6366f1;--indigo-600: #8b5cf6;--indigo-700: #7c3aed;--indigo-800: #6d28d9;--indigo-900: #4c1d95;--indigo-100: #e0e7ff;--indigo-50: #ede9fe;--violet-200: #ddd6fe;--fuchsia-500: #c026d3;--fuchsia-300: #f0abfc;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--cyan-300: #7dd3fc;--cyan-500: #06b6d4;--cyan-600: #0891b2;--green-300: #86efac;--green-400: #34d399;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-900: #14532d;--emerald-500: #10b981;--green-50: #dcfce7;--green-100: #d1fae5;--green-200: #a7f3d0;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-900: #78350f;--amber-100: #fde68a;--amber-50: #fef3c7;--amber-25: #fffbeb;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-900: #7f1d1d;--red-100: #fecaca;--red-50: #fee2e2;--rose-50: #ffe4e6;--react-blue: #61dafb;--mongo-green: #13aa52;--bg: var(--white);--surface: var(--slate-50);--surface-2: var(--slate-100);--border: var(--slate-200);--border-strong: var(--slate-300);--hairline: var(--slate-200);--text: var(--slate-900);--text-secondary:var(--slate-500);--text-muted: var(--slate-400);--text-inverse: var(--white);--accent: var(--indigo-500);--accent-hover: var(--indigo-700);--accent-strong: var(--indigo-900);--accent-soft: var(--indigo-400);--accent-contrast: var(--white);--accent-tint: color-mix(in srgb, var(--accent) 8%, transparent);--accent-tint-strong: color-mix(in srgb, var(--accent) 15%, transparent);--accent-gradient: linear-gradient(135deg, var(--indigo-500) 0%, var(--fuchsia-500) 100%);--success: var(--green-500);--success-fg:var(--green-700);--success-bg:var(--green-50);--warning: var(--amber-400);--warning-fg:var(--amber-700);--warning-bg:var(--amber-50);--danger: var(--red-500);--danger-fg: var(--red-700);--danger-bg: var(--red-50);--info: var(--blue-500);--sl-color-accent-low: var(--indigo-50);--sl-color-accent: var(--accent);--sl-color-accent-high: var(--accent-strong);--sl-color-bg: var(--bg);--sl-color-bg-sidebar: var(--surface);--sl-color-bg-nav: var(--bg);--sl-color-hairline: var(--hairline);--app-bg: var(--bg);--app-surface: var(--surface);--app-border: var(--border);--app-text: var(--text);--app-text-secondary: var(--text-secondary);--app-accent: var(--accent);--app-accent-light: var(--accent-tint);--app-accent-gradient:var(--accent-gradient);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--font-display: "Space Grotesk", "Inter", sans-serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 1.875rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.2;--lh-snug: 1.5;--lh-normal:1.7;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .3);--shadow-accent: 0 8px 24px color-mix(in srgb, var(--accent) 30%, transparent);--z-nav: 1000;--z-dropdown: 1001;--z-overlay: 99999;--z-modal: 100000;--ease-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s ease;--transition-base: .25s var(--ease-out)}:root[data-theme=dark]{--bg: var(--slate-950);--surface: var(--slate-900);--surface-2: var(--ink-800);--border: var(--slate-800);--border-strong: var(--slate-700);--hairline: var(--slate-800);--text: var(--slate-100);--text-secondary:var(--slate-400);--text-muted: var(--slate-500);--accent: var(--indigo-600);--accent-hover: var(--indigo-400);--accent-strong: var(--violet-200);--accent-soft: var(--indigo-400);--accent-gradient: linear-gradient(135deg, var(--indigo-400) 0%, var(--fuchsia-300) 100%);--success-fg:var(--green-300);--success-bg:var(--green-900);--warning-fg:var(--amber-100);--warning-bg:var(--amber-900);--danger-fg: var(--red-300);--danger-bg: var(--red-900);--sl-color-accent-low: var(--indigo-900);--sl-color-accent: var(--accent);--sl-color-accent-high: var(--accent-strong)}body:has(.bhv-platform){background:var(--sketch-bg, #161512)!important}.bhv-platform{display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--sketch-bg, #161512);color:var(--sketch-text, #eae9e6);font-family:Patrick Hand,cursive,sans-serif!important;font-size:1.05rem}.bhv-platform *,.bhv-platform *:before,.bhv-platform *:after{box-sizing:border-box}.bhv-platform button{border:0;color:inherit;font-family:Patrick Hand,cursive,sans-serif!important;cursor:pointer;background:none}.bhv-platform h1,.bhv-platform h2,.bhv-platform h3,.bhv-platform h4,.bhv-top-title,.bhv-tab,.bhv-q-text,.bhv-category-item span:first-child{font-family:Architects Daughter,cursive,sans-serif!important;letter-spacing:.01em}.bhv-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:54px;padding:.6rem 1.25rem;border-bottom:2px dashed var(--sketch-border, rgba(234, 233, 230, .3));background:var(--sketch-bg-dim, #1e1d1a)}.bhv-topbar-left,.bhv-topbar-center,.bhv-topbar-right{display:flex;align-items:center;gap:.6rem}.bhv-top-back{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border-radius:var(--radius-md);color:var(--sketch-text-muted, #a6a5a2);font-size:.95rem;text-decoration:none;transition:var(--transition-fast)}.bhv-top-back:hover{background:#f9731626;color:var(--sketch-accent-orange, #f97316)}.bhv-top-title{font-weight:var(--fw-bold);font-size:1.3rem}.bhv-top-stat{font-size:.95rem;color:var(--sketch-text-muted, #a6a5a2)}.bhv-tabs{display:flex;gap:.4rem;padding:.75rem 1.25rem 0;border-bottom:2px dashed var(--sketch-border, rgba(234, 233, 230, .3));background:var(--sketch-bg, #161512)}.bhv-tab{padding:.6rem 1.1rem;border-radius:12px 12px 0 0;font-size:1.05rem;font-weight:700;color:var(--sketch-text-muted, #a6a5a2);border-bottom:3px solid transparent;transition:var(--transition-fast)}.bhv-tab:hover{color:var(--sketch-text, #eae9e6);background:#f973161a}.bhv-tab.active{color:var(--sketch-accent-orange, #f97316);border-bottom-color:var(--sketch-accent-orange, #f97316);background:#f9731626}.bhv-tab-content{flex:1;padding:1.25rem;max-width:1200px;width:100%;margin:0 auto}.bhv-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.bhv-empty h3{color:var(--text);margin-bottom:.4rem}.bhv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.bhv-search-box{display:flex;align-items:center;gap:.4rem;padding:.5rem .8rem;border:2px dashed var(--sketch-border, rgba(234, 233, 230, .3));border-radius:12px;background:var(--sketch-bg-dim, #1e1d1a);color:var(--sketch-text, #eae9e6);flex:1;min-width:220px}.bhv-search-box input{border:0;outline:none;background:none;color:var(--sketch-text, #eae9e6);font-family:Patrick Hand,cursive,sans-serif!important;font-size:1.05rem;width:100%}.bhv-filter-group{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}.bhv-filter-group-label{font-size:.9rem;color:var(--sketch-text-muted, #a6a5a2);margin-right:.2rem;font-family:Patrick Hand,cursive,sans-serif}.bhv-filter-btn{padding:.35rem .75rem;border-radius:999px;font-size:.95rem;border:1.5px dashed var(--sketch-border, rgba(234, 233, 230, .3));color:var(--sketch-text-muted, #a6a5a2);background:var(--sketch-bg-dim, #1e1d1a);font-family:Patrick Hand,cursive,sans-serif!important;transition:var(--transition-fast)}.bhv-filter-btn:hover{border-color:#f97316;color:var(--sketch-text, #eae9e6)}.bhv-filter-btn.active{background:#f97316!important;border-color:#f97316!important;color:#fff!important}.bhv-bank-layout{display:grid;grid-template-columns:240px 1fr;gap:1.25rem}@media(max-width:800px){.bhv-bank-layout{grid-template-columns:1fr}}.bhv-category-sidebar{display:flex;flex-direction:column;gap:.3rem;border-right:2px dashed var(--sketch-border, rgba(234, 233, 230, .3));padding-right:.75rem}.bhv-category-item{display:flex;justify-content:space-between;align-items:center;padding:.55rem .75rem;border-radius:10px;font-size:1.05rem;color:var(--sketch-text-muted, #a6a5a2);text-align:left;font-family:Architects Daughter,cursive,sans-serif!important;transition:all .2s ease}.bhv-category-item:hover{background:#f973161a;color:var(--sketch-text, #eae9e6)}.bhv-category-item.active{background:#f9731629!important;color:#f97316!important;border-left:3px solid #f97316!important}.bhv-category-count{font-size:.85rem;color:var(--sketch-text-muted, #a6a5a2);background:#ffffff0f;padding:.1rem .5rem;border-radius:999px;font-family:Patrick Hand,cursive,sans-serif}.bhv-question-list{display:flex;flex-direction:column;gap:.75rem;min-width:0}.bhv-q-card{border:2px dashed var(--sketch-border, rgba(234, 233, 230, .3));border-radius:16px;background:var(--sketch-bg-dim, #1e1d1a);overflow:hidden;transition:all .25s ease}.bhv-q-card.expanded{border-color:#f97316;box-shadow:0 6px 20px #f9731626}.bhv-q-header{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.95rem 1.15rem;text-align:left}.bhv-q-header-main{display:flex;flex-direction:column;gap:.4rem}.bhv-q-text{font-family:Architects Daughter,cursive,sans-serif!important;font-weight:700;color:var(--sketch-text, #eae9e6);font-size:1.15rem}.bhv-q-badges{display:flex;gap:.35rem;flex-wrap:wrap}.bhv-badge{font-size:.68rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-secondary)}.bhv-badge-cat{background:var(--accent-tint);color:var(--accent)}.bhv-badge-company-amazon{background:var(--warning-bg);color:var(--warning-fg)}.bhv-badge-company-google{background:var(--info);color:var(--white);opacity:.85}.bhv-badge-company-meta{background:var(--danger-bg);color:var(--danger-fg)}.bhv-badge-company-generic{background:var(--surface-2);color:var(--text-secondary)}.bhv-badge-principle{background:var(--accent-tint-strong);color:var(--accent-strong)}.bhv-q-chevron{font-size:var(--fs-lg);color:var(--text-muted);flex-shrink:0}.bhv-q-body{padding:0 1rem 1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.85rem}.bhv-q-whattheywant,.bhv-q-senior-note{font-size:var(--fs-sm);color:var(--text-secondary);margin:0;padding-top:.75rem}.bhv-q-levels{display:flex;gap:.35rem}.bhv-level-tag{font-size:.68rem;padding:.12rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--text-secondary)}.bhv-q-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.bhv-q-columns{grid-template-columns:1fr}}.bhv-q-col h4{font-size:var(--fs-sm);margin:0 0 .35rem;color:var(--text)}.bhv-rubric-list,.bhv-failure-list{margin:0;padding-left:1.1rem;font-size:var(--fs-sm);color:var(--text-secondary);display:flex;flex-direction:column;gap:.3rem}.bhv-q-samples{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.bhv-q-samples{grid-template-columns:1fr}}.bhv-sample{border-radius:var(--radius-md);padding:.7rem .85rem;font-size:var(--fs-sm)}.bhv-sample p{margin:.3rem 0 0}.bhv-sample-good{background:var(--success-bg);color:var(--success-fg)}.bhv-sample-weak{background:var(--danger-bg);color:var(--danger-fg)}.bhv-sample-label{font-weight:var(--fw-semibold);font-size:var(--fs-xs)}.bhv-sample-why{font-style:italic;opacity:.85}.bhv-story-builder{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}@media(max-width:900px){.bhv-story-builder{grid-template-columns:1fr}}.bhv-story-form{display:flex;flex-direction:column;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:1.1rem;position:sticky;top:1rem}.bhv-story-form h3{margin:0 0 .2rem}.bhv-field{display:flex;flex-direction:column;gap:.3rem;font-size:var(--fs-sm);color:var(--text)}.bhv-field em{color:var(--text-muted);font-weight:var(--fw-normal);font-style:normal;font-size:var(--fs-xs)}.bhv-field input,.bhv-field textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--text);padding:.5rem .65rem;font-family:var(--font-sans);font-size:var(--fs-sm);resize:vertical}.bhv-field input:focus,.bhv-field textarea:focus{outline:none;border-color:var(--accent)}.bhv-lint-hints{display:flex;flex-direction:column;gap:.2rem}.bhv-lint-hint{margin:0;font-size:var(--fs-xs);color:var(--warning-fg);background:var(--warning-bg);padding:.3rem .55rem;border-radius:var(--radius-sm)}.bhv-tag-checkboxes{display:flex;flex-wrap:wrap;gap:.35rem}.bhv-tag-checkbox{padding:.3rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:var(--fs-xs);color:var(--text-secondary)}.bhv-tag-checkbox.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.bhv-story-form-actions{display:flex;gap:.6rem;margin-top:.3rem}.bhv-btn-primary{padding:.55rem 1.1rem;background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--fs-sm)}.bhv-btn-primary:hover{background:var(--accent-hover)}.bhv-btn-secondary{padding:.55rem 1.1rem;background:var(--surface-2);color:var(--text);border-radius:var(--radius-md);font-size:var(--fs-sm)}.bhv-btn-danger{padding:.4rem .7rem;background:var(--danger-bg);color:var(--danger-fg);border-radius:var(--radius-md);font-size:var(--fs-xs)}.bhv-story-list{display:flex;flex-direction:column;gap:.75rem}.bhv-story-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:.9rem 1rem}.bhv-story-card-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.bhv-story-card-header h3{margin:0;font-size:var(--fs-base)}.bhv-story-card-actions{display:flex;gap:.4rem;flex-shrink:0}.bhv-story-card-star{margin-top:.5rem;font-size:var(--fs-sm);color:var(--text-secondary);display:flex;flex-direction:column;gap:.2rem}.bhv-story-card-star p{margin:0}.bhv-story-card-tags{margin-top:.6rem;display:flex;gap:.35rem;flex-wrap:wrap}.bhv-story-tag{font-size:.68rem;padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent)}.bhv-story-tag-empty{font-size:var(--fs-xs);color:var(--text-muted);font-style:italic}.bhv-matrix-summary{display:flex;gap:1rem;align-items:center;margin-bottom:1rem;font-size:var(--fs-sm)}.bhv-matrix-summary-gap{color:var(--warning-fg);background:var(--warning-bg);padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:var(--fs-xs)}.bhv-matrix-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.bhv-matrix{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.bhv-matrix th,.bhv-matrix td{padding:.5rem .7rem;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap}.bhv-matrix-corner,.bhv-matrix-cat-cell{text-align:left;position:sticky;left:0;background:var(--surface);font-weight:var(--fw-medium)}.bhv-matrix-story-head{color:var(--text-secondary);font-weight:var(--fw-normal);font-size:var(--fs-xs)}.bhv-matrix-row-gap .bhv-matrix-cat-cell{color:var(--warning-fg)}.bhv-matrix-check{color:var(--success-fg);font-weight:var(--fw-bold)}.bhv-matrix-dash{color:var(--text-muted)}.bhv-matrix-count-cell{font-weight:var(--fw-semibold)}.bhv-matrix-gaps{margin-top:1.5rem}.bhv-gap-card{border:1px solid var(--warning);background:var(--warning-bg);border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:.6rem}.bhv-gap-card h4{margin:0 0 .35rem;color:var(--warning-fg)}.bhv-gap-card ul{margin:0;padding-left:1.1rem;font-size:var(--fs-sm);color:var(--text-secondary)}.bhv-polish-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.bhv-polish-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;animation:fadeIn .25s ease-out}.bhv-polish-modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.bhv-polish-modal-header h3{margin:0;font-size:var(--fs-lg);display:flex;align-items:center;gap:.5rem}.bhv-polish-modal-close{background:none;border:0;color:var(--text-secondary);font-size:1.25rem;cursor:pointer}.bhv-polish-modal-body{padding:1.25rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1.25rem}.bhv-polish-modal-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media(max-width:768px){.bhv-polish-modal-columns{grid-template-columns:1fr}}.bhv-polish-col{display:flex;flex-direction:column;gap:.85rem}.bhv-polish-col h4{margin:0 0 .25rem;font-size:var(--fs-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.bhv-polish-box{border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem;background:var(--surface-2);min-height:180px;display:flex;flex-direction:column;gap:.75rem}.bhv-polish-box.polished{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.bhv-polish-section{font-size:var(--fs-sm)}.bhv-polish-section strong{color:var(--text-secondary)}.bhv-polish-section p{margin:.2rem 0 0;line-height:1.5}.bhv-polish-section .highlight-change{background:color-mix(in srgb,var(--accent) 15%,transparent);border-bottom:2px dashed var(--accent);padding:0 2px}.bhv-polish-section .highlight-metric{background:color-mix(in srgb,var(--warning-bg) 40%,transparent);border-bottom:2px dashed var(--warning-fg);padding:0 2px;color:var(--warning-fg)}.bhv-polish-logs{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:.85rem 1rem}.bhv-polish-logs h4{margin:0 0 .5rem;font-size:var(--fs-sm)}.bhv-polish-log-list{display:flex;flex-direction:column;gap:.4rem;margin:0;padding-left:1.25rem;font-size:var(--fs-xs);color:var(--text-secondary)}.bhv-polish-log-list li{line-height:1.4}.bhv-polish-modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.75rem;background:var(--surface-2)}