:root{--color-primary: #111111;--color-primary-light: #1f1f1f;--color-accent: #111111;--color-accent-hover: #333333;--color-accent-active: #0a0a0a;--color-bg: #f5f5f5;--color-surface: #fafafa;--color-border: #e0e0e0;--color-border-focus: #111111;--color-text-primary: #111111;--color-text-secondary: #6b6b6b;--color-text-muted: #a3a3a3;--color-text-inverse: #fafafa;--color-text-link: #111111;--color-text-link-hover:#0a0a0a;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #595959;--color-warning-bg: #f2f2f2;--color-info: #737373;--color-info-bg: #f8f8f8;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-divider: #e5e5e5;--color-code-bg: #1a1a1a;--color-code-text: #e5e5e5;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--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;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 4px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 6px 14px -2px rgba(0, 0, 0, .07), 0 2px 6px -2px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .25s ease;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-10);width:100%;max-width:420px}.brand{text-align:center;margin-bottom:var(--space-8)}.brand-icon{width:48px;height:48px;background:var(--color-accent);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.brand-icon svg{width:28px;height:28px;color:var(--color-text-inverse)}.brand-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.brand-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.form-group{margin-bottom:var(--space-5)}.label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.input{display:block;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-muted)}.input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #00000014}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px #ef444426}.input-error-text{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1)}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{background-color:var(--color-accent-active);transform:translateY(0);box-shadow:none}.btn-outline{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-outline:active{background-color:var(--color-bg);transform:translateY(0);box-shadow:none}.btn-outline svg{width:18px;height:18px;margin-right:var(--space-2);flex-shrink:0}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;transition:transform var(--transition-fast)}.checkbox:active{transform:scale(.82)}.checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}.link:hover{color:var(--color-text-link-hover);text-decoration:underline}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--color-divider)}.row-between{display:flex;align-items:center;justify-content:space-between}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-secondary{color:var(--color-text-secondary)}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--auto{width:auto}.card--flush{padding:0;overflow:hidden}.card--compact{padding:var(--space-5)}.card-img{width:100%;height:160px;object-fit:cover;display:block}.card-body{padding:var(--space-5)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.card-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.card-stat{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.card-stat-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-divider)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);line-height:var(--line-height-normal)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.alert-content{flex:1}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.alert-dismiss{background:none;border:none;cursor:pointer;padding:var(--space-1);opacity:.5;transition:opacity var(--transition-fast);flex-shrink:0}.alert-dismiss:hover{opacity:1}.alert-dismiss svg{width:16px;height:16px}.alert-info{background-color:var(--color-info-bg);color:var(--color-info)}.alert-success{background-color:var(--color-success-bg);color:var(--color-success)}.alert-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.alert-error{background-color:var(--color-error-bg);color:var(--color-error)}.divider--plain{margin:var(--space-6) 0;height:1px;background-color:var(--color-divider);border:none}.code-block{background-color:var(--color-code-bg);color:var(--color-code-text);font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:var(--font-size-xs);line-height:1.6;padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;white-space:pre}.showcase{max-width:960px;margin:0 auto;padding:var(--space-8) var(--space-6)}.showcase-header{margin-bottom:var(--space-12)}.showcase-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.showcase-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--space-2)}.showcase-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-6)}.showcase-nav a{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-border);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.showcase-nav a:hover{border-color:var(--color-accent);background-color:var(--color-info-bg)}.section{margin-bottom:var(--space-12)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.example-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6)}.example-col{flex:1;min-width:200px}.example-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.usage-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-4);padding-left:var(--space-4);border-left:2px solid var(--color-accent)}.page-center{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6)}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--color-surface)}.app-sidebar{width:232px;flex-shrink:0;display:flex;flex-direction:column;padding-top:var(--space-5);padding-bottom:var(--space-5);padding-left:var(--space-5);padding-right:var(--space-5);border-right:1px solid var(--color-divider);background:var(--color-surface);overflow-x:clip;overflow-y:visible;transition:width var(--transition-slow),padding-left var(--transition-slow),padding-right var(--transition-slow)}.sidebar-label-row{opacity:1;transition:opacity .15s ease}.sidebar-nav-text{white-space:nowrap;overflow:hidden;max-width:160px;opacity:1;transition:max-width .15s ease,opacity .15s ease}.sidebar-user-info{overflow:hidden;max-width:160px;opacity:1;transition:max-width .15s ease,opacity .15s ease}.sidebar-combobox{overflow:hidden;opacity:1;transition:opacity .15s ease,max-width .15s ease}.sidebar-project-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;align-self:center;border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);max-width:0;overflow:hidden;opacity:0;transition:max-width .15s ease .1s,opacity .15s ease .1s}.app-shell.sidebar-collapsed .app-sidebar{width:56px;min-width:56px;padding-left:0;padding-right:0}.app-shell.sidebar-collapsed .sidebar-label-row{opacity:0}.app-shell.sidebar-collapsed .sidebar-nav-text,.app-shell.sidebar-collapsed .sidebar-user-info{max-width:0;opacity:0}.app-shell.sidebar-collapsed .sidebar-combobox{flex:none;width:0;max-width:0;min-width:0;padding-left:0;padding-right:0;border-left-width:0;border-right-width:0;gap:0;opacity:0}.app-shell.sidebar-collapsed .sidebar-project-icon{max-width:36px;opacity:1}.app-shell.sidebar-collapsed .sidebar-logo,.app-shell.sidebar-collapsed .sidebar-project-wrap,.app-shell.sidebar-collapsed .sidebar-nav-link,.app-shell.sidebar-collapsed .sidebar-user-row{display:flex;width:100%;justify-content:center;padding-left:0;padding-right:0;gap:0}.app-shell.sidebar-collapsed .sidebar-signout{display:none}.sidebar-logo{display:flex;align-items:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.sidebar-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.sidebar-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-add-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;display:flex;align-items:center}.sidebar-add-btn:hover{color:var(--color-text-primary)}.sidebar-combobox{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;overflow:hidden;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),max-width var(--transition-base),opacity var(--transition-base)}.sidebar-combobox:focus-within{border-color:var(--color-border-focus)}.sidebar-combobox-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:text}.sidebar-combobox-input::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.sidebar-combobox-chevron{flex-shrink:0;color:var(--color-text-muted);display:flex;align-items:center;cursor:pointer;transition:transform var(--transition-fast)}.sidebar-combobox-chevron.is-open{transform:rotate(180deg)}.sidebar-project-wrap{position:relative;display:flex;align-items:center;margin-bottom:var(--space-4)}.sidebar-dropdown{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100;clip-path:inset(0 0 100% 0 round var(--radius-md));transform:translateY(-4px);opacity:0;transition:clip-path .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),opacity 50ms ease .17s;pointer-events:none}.sidebar-dropdown.is-open{clip-path:inset(0 0 0% 0 round var(--radius-md));transform:translateY(0);opacity:1;transition:clip-path .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),opacity 50ms ease;pointer-events:auto}.sidebar-dropdown-item{display:block;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-dropdown-item:hover{background:var(--color-bg)}.sidebar-dropdown-item.is-selected{font-weight:var(--font-weight-medium)}.sidebar-dropdown-empty{display:none;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.sidebar-nav{display:flex;flex-direction:column;gap:0}.sidebar-nav-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-nav-link svg{flex-shrink:0;opacity:.6}.sidebar-nav-link:hover svg,.sidebar-nav-link.is-active svg{opacity:1}.sidebar-nav-link:hover{background:var(--color-bg);color:var(--color-text-primary)}.sidebar-nav-link.is-active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.sidebar-user{margin-top:auto;border-top:1px solid var(--color-divider);padding-top:var(--space-4)}.sidebar-user-row{display:flex;align-items:center;gap:var(--space-2)}.sidebar-avatar{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-gear-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;flex-shrink:0;display:flex;align-items:center}.sidebar-gear-btn:hover{color:var(--color-text-primary)}.sidebar-signout{display:flex;align-items:center;flex-shrink:0;color:var(--color-text-muted);text-decoration:none;padding:var(--space-1);border-radius:var(--radius-sm);margin-left:auto}.sidebar-signout:hover{color:var(--color-text-primary)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-topbar{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-6);height:44px;border-bottom:1px solid var(--color-divider);flex-shrink:0}.topbar-toggle{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:0;display:flex;align-items:center;margin-right:var(--space-2)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.breadcrumb-item{color:var(--color-text-muted);text-decoration:none}.breadcrumb-item:hover{color:var(--color-text-primary)}.breadcrumb-item.is-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-sep{color:var(--color-text-muted)}.app-content{flex:1;overflow-y:auto;padding:var(--space-10)}.report-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-5)}.report-search{position:relative;display:flex;align-items:center;margin-bottom:var(--space-5)}.report-search-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;flex-shrink:0}.report-search-input{width:100%;box-sizing:border-box;height:calc(var(--font-size-xs) * var(--line-height-normal) + var(--space-1) * 2 + var(--space-2) * 2 + 2px);padding:0 var(--space-4) 0 calc(var(--space-3) + 15px + var(--space-2));font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.report-search-input::placeholder{color:var(--color-text-muted)}.report-search-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #00000012}.report-search-input::-webkit-search-cancel-button{-webkit-appearance:none}.filter-bar{display:flex;align-items:stretch;gap:var(--space-3);padding-bottom:0;margin-bottom:var(--space-8)}.filter-trigger-wrap{position:relative;flex:1;display:flex}.filter-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);z-index:50;clip-path:inset(0 0 100% 0 round var(--radius-lg));transform:translateY(-6px);opacity:0;transition:clip-path .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity 50ms ease .2s;pointer-events:none}.filter-dropdown.is-open{clip-path:inset(0 0% 0% 0% round var(--radius-lg));transform:translateY(0);opacity:1;transition:clip-path .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity 50ms ease;pointer-events:auto}.filter-dropdown-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-8);margin-bottom:var(--space-6)}.filter-section{margin-bottom:var(--space-6)}.filter-section:last-child{margin-bottom:0}.filter-section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.filter-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-8)}.filter-checkbox-row{display:flex;gap:var(--space-8)}.filter-dropdown-right{width:100%}.filter-select{display:block;width:100%;padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer;transition:border-color var(--transition-fast)}.filter-select:focus{border-color:var(--color-border-focus)}.filter-dropdown-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.date-picker-wrap{position:relative;display:flex}.date-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:min(560px,calc(100vw - var(--space-8)));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);z-index:100;clip-path:inset(0 0 100% 0 round var(--radius-lg));transform:translateY(-6px);opacity:0;transition:clip-path .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity 50ms ease .2s;pointer-events:none}.date-dropdown.is-open{clip-path:inset(0 0% 0% 0% round var(--radius-lg));transform:translateY(0);opacity:1;transition:clip-path .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),opacity 50ms ease;pointer-events:auto}.date-dropdown-body{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--space-8);margin-bottom:var(--space-6)}.date-section-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.date-dropdown-periods{display:flex;flex-direction:column}.date-period-item{display:block;text-align:left;background:none;border:none;padding:var(--space-2) var(--space-2);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.date-period-item:hover{background:var(--color-bg);color:var(--color-text-primary)}.date-period-item.is-selected{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.date-dropdown-custom{display:flex;flex-direction:column}.date-inputs-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.date-input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.date-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px #00000014}.date-inputs-sep{color:var(--color-text-muted);font-size:var(--font-size-base)}.cal-wrap{width:100%;background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-3)}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cal-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.cal-nav{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:var(--space-1);display:flex;align-items:center;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.cal-nav:hover{color:var(--color-text-primary);background:var(--color-surface)}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--space-1)}.cal-weekdays span{text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);padding:var(--space-1) 0}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.cal-day{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);z-index:1}.cal-day:hover:not(.is-empty):not(.is-start):not(.is-end){background:var(--color-surface)}.cal-day.is-empty{cursor:default}.cal-day.in-range{background:var(--color-border);border-radius:0;color:var(--color-text-primary)}.cal-day.is-start,.cal-day.is-end{background:var(--color-primary);color:var(--color-text-inverse)}.cal-day.is-start{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.cal-day.is-end{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.cal-day.is-start.is-end{border-radius:var(--radius-sm)}.cal-day.is-hover-range{background:var(--color-border);border-radius:0;color:var(--color-text-primary)}.date-dropdown-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.filter-bar-group{cursor:pointer}.filter-bar-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-chip-dark{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full)}.filter-bar-group{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;align-self:stretch}.filter-date-btn{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.report-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;margin-bottom:var(--space-10)}.settings-row{display:grid;grid-template-columns:280px 1fr;gap:var(--space-8);align-items:start;padding:var(--space-8)}@media (max-width: 768px){.settings-row{grid-template-columns:1fr;gap:var(--space-4)}}.settings-row-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.settings-row-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.settings-divider{height:1px;background:var(--color-divider)}.settings-inline-row{display:flex;gap:var(--space-3);align-items:center}.settings-input{flex:1;padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.settings-input:focus{border-color:var(--color-border-focus)}.settings-save-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.keyword-field{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:text;transition:border-color var(--transition-fast);min-height:42px}.keyword-field:focus-within{border-color:var(--color-border-focus)}.keyword-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transform:scale(1);opacity:1;transition:transform .15s ease,opacity .15s ease}.keyword-chip--new{transform:scale(.85);opacity:0}.keyword-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffffff26;border:none;border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;padding:0;transition:background var(--transition-fast)}.keyword-remove:hover{background:#ffffff4d}.keyword-input{flex:1;min-width:120px;border:none;outline:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);padding:var(--space-1) 0}.keyword-input::placeholder{color:var(--color-text-muted)}.settings-hint{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.stats-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;margin-bottom:var(--space-10)}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--color-divider)}@media (max-width: 1023px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-cell{background:var(--color-surface);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:background var(--transition-fast)}.stat-cell:hover{background:var(--color-bg)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal);min-height:calc(var(--font-size-xs) * var(--line-height-normal) * 2)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}@media (max-width: 1279px){.stat-cell{padding:var(--space-4)}.stat-value{font-size:var(--font-size-lg)}}@media (max-width: 1023px){.stat-cell{padding:var(--space-6)}.stat-value{font-size:var(--font-size-xl)}}@media (max-width: 640px){.stat-cell{padding:var(--space-4)}.stat-label{font-size:11px}.stat-value{font-size:var(--font-size-lg)}}.duallist-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;margin-bottom:var(--space-10)}.duallist-search-wrap{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider)}.duallist-search-icon{color:var(--color-text-muted);flex-shrink:0}.duallist-search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary)}.duallist-search-input::placeholder{color:var(--color-text-muted)}.duallist-body{display:grid;grid-template-columns:1fr 1fr}@media (max-width: 640px){.duallist-body{grid-template-columns:1fr}.duallist-col:first-child{border-right:none;border-bottom:1px solid var(--color-divider)}}.duallist-col{padding:var(--space-6) var(--space-8)}.duallist-col:first-child{border-right:1px solid var(--color-divider)}.duallist-col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-2)}.duallist-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.duallist-item:hover{background:var(--color-bg)}.duallist-item-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.duallist-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;opacity:0;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.duallist-item:hover .duallist-remove-btn{opacity:1}.duallist-remove-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.collab-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;margin-bottom:var(--space-10)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);border-radius:var(--radius-sm)}.collab-invite-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider)}.collab-invite-icon{color:var(--color-text-muted);flex-shrink:0}.collab-invite-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary)}.collab-invite-input::placeholder{color:var(--color-text-muted)}.collab-invite-btn{flex-shrink:0;padding:var(--space-1) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.collab-invite-btn:hover:not(:disabled){background:var(--color-accent-hover)}.collab-invite-btn:disabled{opacity:.3;cursor:default}.collab-table{width:100%}.collab-table-head,.collab-row{display:grid;grid-template-columns:1fr 140px 40px;align-items:center;padding:var(--space-3) var(--space-8)}.collab-table-head{border-bottom:1px solid var(--color-divider)}.collab-th{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.collab-row{padding-top:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-divider);transition:background var(--transition-fast)}.collab-row:last-child{border-bottom:none}.collab-row:hover{background:var(--color-bg)}.collab-user-cell{display:flex;align-items:center;gap:var(--space-3);min-width:0}.collab-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.collab-user-email{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-role-select{width:100%;padding:var(--space-1) var(--space-3);padding-right:var(--space-6);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;cursor:pointer;transition:border-color var(--transition-fast)}.collab-role-select:focus{border-color:var(--color-border-focus)}.collab-action-cell{display:flex;justify-content:flex-end}.collab-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.collab-remove-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.collab-footer{padding:var(--space-4) var(--space-8);font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-divider)}.project-score-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}@media (max-width: 1279px){.project-score-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1023px){.project-score-row{grid-template-columns:1fr}}.project-score-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);min-width:0}.project-score-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-score-right{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex-shrink:0}.project-score-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.project-donut-svg{width:48px;height:48px;flex-shrink:0}.insight-card{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.insight-icon-box{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon-box svg{width:22px;height:22px}.insight-icon-box--blue{background:var(--color-info-bg);color:var(--color-accent)}.insight-icon-box--amber{background:var(--color-warning-bg);color:var(--color-warning)}.insight-icon-box--green{background:var(--color-success-bg);color:var(--color-success)}.insight-icon-box--red{background:var(--color-error-bg);color:var(--color-error)}.insight-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.insight-card-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.insight-action-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.insight-action-text{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.report-two-col{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-5);margin-bottom:var(--space-10)}.brand-perso-card{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.brand-perso-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-6)}.brand-perso-statement{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.35;margin-bottom:var(--space-4)}.brand-perso-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-6)}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.quote-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md)}.quote-handle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.quote-platform{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.quote-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.market-seg-card{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.market-seg-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-5)}.market-seg-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success-bg);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.market-seg-badge svg{width:16px;height:16px;color:var(--color-success);flex-shrink:0}.market-seg-badge-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-success)}.market-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.market-col-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.market-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.market-item-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--color-divider);flex-shrink:0}.market-item-name{font-size:var(--font-size-sm);color:var(--color-text-primary)}.demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-12)}.demo-card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.demo-card-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.demo-bar-list{display:flex;flex-direction:column;gap:var(--space-2)}.demo-bar-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.demo-bar-meta{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.demo-bar-track{height:6px;background:var(--color-bg);border-radius:var(--radius-full);overflow:hidden}.demo-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--color-accent);width:0!important;transition:width .8s cubic-bezier(.4,0,.2,1)}.demo-bar-fill.is-animated{width:var(--bar-target)!important}.graph-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-10)}.graph-card{padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.graph-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.graph-card-header .graph-card-subtitle{margin-bottom:0}.graph-card-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.graph-card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-6)}.capsule-toggle{position:relative;display:inline-flex;align-items:center;background:var(--color-primary);border-radius:var(--radius-full);padding:3px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.capsule-toggle-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:var(--color-surface);border-radius:var(--radius-full);pointer-events:none;transform:translate(0) scaleX(1);transform-origin:center;transition:transform .24s cubic-bezier(.4,0,.2,1)}.capsule-toggle.is-pressing .capsule-toggle-thumb{transform:translate(0) scale(.9);transition:transform 55ms ease}.capsule-toggle.is-right.is-pressing .capsule-toggle-thumb{transform:translate(100%) scale(.9);transition:transform 55ms ease}.capsule-toggle.is-right .capsule-toggle-thumb{transform:translate(100%) scaleX(1)}.capsule-toggle-label{position:relative;z-index:1;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fafafa73;border-radius:var(--radius-full);transition:color .2s ease;white-space:nowrap}.capsule-toggle:not(.is-right) .capsule-toggle-label:first-of-type{color:var(--color-text-primary)}.capsule-toggle.is-right .capsule-toggle-label:last-of-type{color:var(--color-text-primary)}.graph-legend{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-6)}.graph-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.graph-legend-line{display:block;width:20px;height:2px;border-radius:var(--radius-full);flex-shrink:0}.graph-legend-line--primary{background:var(--color-text-primary)}.graph-legend-line--secondary{background:var(--color-text-muted)}.graph-legend-dot{display:block;width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.graph-legend-dot--primary{background:var(--color-text-primary)}.graph-legend-dot--secondary{background:var(--color-text-muted)}.graph-svg{display:block;width:100%;height:auto;overflow:visible}.tip-vline{stroke:var(--color-divider);stroke-width:1;stroke-dasharray:3 2}.tip-dot{fill:var(--color-primary);stroke:var(--color-surface);stroke-width:2}.tip-dot-b{fill:var(--color-text-muted)}.tip-bg{fill:var(--color-primary)}.event-marker{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%}.em-bubble-bg{fill:var(--color-primary)}.event-marker .em-path{transition:d var(--transition-base)}.event-marker.is-open .em-path{d:path("M60,-90 Q55,-90 55,-85 L55,2 Q55,7 60,7 L161,7 L165,17 L169,7 L270,7 Q275,7 275,2 L275,-85 Q275,-90 270,-90 Z")}.event-marker .em-small{opacity:1;transition:opacity var(--transition-fast)}.event-marker.is-open .em-small{opacity:0;pointer-events:none}.event-marker .em-expanded{opacity:0;pointer-events:none;transition:opacity var(--transition-fast) .1s}.event-marker.is-open .em-expanded{opacity:1;pointer-events:auto}.em-icon{font-size:9px;font-weight:var(--font-weight-bold);font-family:var(--font-family);fill:var(--color-text-inverse);dominant-baseline:central}.em-label-text{font-size:10px;font-family:var(--font-family);fill:#888;letter-spacing:.05em;dominant-baseline:central}.em-title-text{font-size:13px;font-weight:var(--font-weight-semibold);font-family:var(--font-family);fill:var(--color-text-inverse);dominant-baseline:central}.em-body-text{font-size:11px;font-family:var(--font-family);fill:#d4d4d4;dominant-baseline:central}.wordcloud-card{padding:var(--space-6) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-4)}.wordcloud-card-header{display:flex;flex-direction:column;gap:var(--space-1)}.wordcloud-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.wordcloud-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.wordcloud-svg{display:block;width:100%;height:auto}.donut-card{padding:var(--space-6) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-4)}.donut-card-header{display:flex;flex-direction:column;gap:var(--space-1)}.donut-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.donut-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.donut-chart-wrap{display:flex;justify-content:center;align-items:center}.donut-svg{display:block;width:180px;height:180px;flex-shrink:0}.donut-legend{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.donut-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.donut-legend-dot{display:block;width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.donut-legend-label{flex:1;color:var(--color-text-secondary)}.donut-legend-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.gallery-page{min-height:100vh;background-color:var(--color-bg)}.gallery-header{background-color:var(--color-primary);padding:var(--space-8)}.gallery-header-inner{display:flex;align-items:center;gap:var(--space-5);max-width:1200px;margin:0 auto}.gallery-header-text{flex:1}.gallery-header-btn{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;width:auto;flex-shrink:0;text-decoration:none;font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3);margin-left:auto;align-self:center;color:#ffffffb3;border-color:#fff3;background:transparent}.gallery-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);line-height:var(--line-height-tight)}.gallery-header-subtitle{font-size:var(--font-size-sm);color:#ffffff80;margin-top:var(--space-1)}.gallery-header-stats{display:flex;align-items:center;gap:var(--space-8);max-width:1200px;margin:var(--space-6) auto 0;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1)}.gallery-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);line-height:var(--line-height-tight)}.gallery-stat-label{font-size:var(--font-size-xs);color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.gallery-main{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-8)}.gallery-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:var(--space-8)}.page-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);overflow:hidden}.browser-chrome{border-bottom:1px solid var(--color-border)}.browser-chrome-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#f1f3f4;border-bottom:1px solid #dde1e6}.browser-dots{display:flex;gap:5px;flex-shrink:0}.browser-dot{width:10px;height:10px;border-radius:var(--radius-full);display:block}.browser-dot--close{background:#ff5f57}.browser-dot--min{background:#ffbd2e}.browser-dot--max{background:#28c840}.browser-url{flex:1;font-size:11px;color:var(--color-text-secondary);background:#fff;border:1px solid #dde1e6;border-radius:var(--radius-full);padding:2px var(--space-3);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-viewport{position:relative;width:100%;height:240px;overflow:hidden;background:var(--color-bg)}.preview-viewport iframe{position:absolute;top:0;left:0;width:1280px;height:857px;border:none;transform:scale(.28);transform-origin:top left;pointer-events:none}.page-card-info{padding:var(--space-5) var(--space-5) var(--space-6)}.page-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.page-card-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.page-card-link{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;margin-bottom:var(--space-5);transition:color var(--transition-fast)}.page-card-link:hover{color:var(--color-accent-hover);text-decoration:underline}.dev-notes{padding-top:var(--space-5);border-top:1px solid var(--color-divider)}.dev-notes-header{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.dev-notes-row{display:grid;grid-template-columns:100px 1fr;gap:var(--space-1) var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal);align-items:start}.dev-notes-key{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding-top:2px}.dev-notes-val{color:var(--color-text-primary)}.dev-tag-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.dev-tag{display:inline-block;font-size:11px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;color:var(--color-accent);background:var(--color-info-bg);border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-sm);padding:1px 6px;line-height:1.6}@media (max-width: 1100px){.insights-grid{grid-template-columns:repeat(2,1fr)}.insights-grid>*:first-child:nth-last-child(odd){grid-column:1 / -1}.report-two-col{grid-template-columns:1fr}.demo-grid{grid-template-columns:repeat(2,1fr)}.demo-grid>*:first-child:nth-last-child(odd){grid-column:1 / -1}.graph-row{grid-template-columns:1fr}}@media (max-width: 640px){.app-shell:not(.sidebar-collapsed) .app-sidebar{position:fixed;top:0;left:0;height:100%;z-index:200;box-shadow:var(--shadow-lg)}.app-shell:not(.sidebar-collapsed):before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:199}}@media (max-width: 640px){.filter-bar{flex-direction:column;align-items:stretch}.filter-trigger-wrap,.date-picker-wrap,.filter-date-btn{width:100%}.date-dropdown{width:100%;right:0;left:0;padding:var(--space-4)}.date-dropdown-body{grid-template-columns:1fr;gap:var(--space-6)}.filter-dropdown{padding:var(--space-4)}.filter-dropdown-footer{padding-top:var(--space-4)}}@media (max-width: 800px){.insights-grid{grid-template-columns:1fr}.insights-grid>*:first-child:nth-last-child(odd){grid-column:auto}.quote-grid,.demo-grid{grid-template-columns:1fr}.demo-grid>*:first-child:nth-last-child(odd){grid-column:auto}}.type-scale{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-top:var(--space-4)}.type-row{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6);gap:var(--space-6)}.type-row:last-child{border-bottom:none}.type-meta{display:flex;flex-direction:column;gap:var(--space-1)}.type-token{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.type-detail{font-size:var(--font-size-xs);color:var(--color-text-muted)}.type-specimen{color:var(--color-text-primary)}.type-weights{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-3)}.type-weight-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.type-weight-item span:first-child{font-size:var(--font-size-lg);color:var(--color-text-primary)}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.color-swatch{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.color-swatch--dark .color-swatch-info{background:var(--color-primary)}.color-swatch--dark .color-swatch-name{color:var(--color-text-inverse)}.color-swatch--dark .color-swatch-token,.color-swatch--dark .color-swatch-hex{color:#888}.color-swatch-preview{height:80px;width:100%}.color-swatch-info{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.color-swatch-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.color-swatch-token{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.color-swatch-hex{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usage-note{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-info-bg);border-left:3px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.usage-note code{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:var(--font-size-xs);background:var(--color-border);padding:1px 4px;border-radius:3px;color:var(--color-text-primary)}.spec-scale{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-6)}.spec-row{display:grid;grid-template-columns:168px 52px 1fr;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.spec-row:last-child{border-bottom:none}.spec-token{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.spec-value{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.spec-bar{height:8px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.18;min-width:4px}.radius-demo-row{display:flex;gap:var(--space-8);flex-wrap:wrap;padding:var(--space-2) 0 var(--space-6)}.radius-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.radius-preview{width:72px;height:72px;background:var(--color-bg);border:2px solid var(--color-primary)}.radius-item-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.radius-item-token{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.icon-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary)}.icon-cell-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:var(--line-height-normal)}.icon-sizes-row{display:flex;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.icon-size-item{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary)}.icon-size-meta{display:flex;flex-direction:column;gap:var(--space-1)}.icon-size-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.icon-size-detail{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted)}.bp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.bp-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.bp-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.bp-value{display:inline-block;font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-primary);background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);align-self:flex-start}.bp-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.bp-bar{height:3px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.15;margin-top:var(--space-1)}.anim-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.anim-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.anim-card-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.anim-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.anim-demo-area{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-bg);border-radius:var(--radius-sm);min-height:88px}.anim-replay-btn{align-self:flex-start;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.anim-replay-btn:hover{background:var(--color-bg);color:var(--color-text-primary)}.anim-hover-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:default;transition:transform var(--transition-base),box-shadow var(--transition-base);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);width:140px}.anim-hover-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.anim-bar-track{width:100%;height:10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden}.anim-bar-fill{height:100%;width:0;background:var(--color-primary);border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4,0,.2,1)}.anim-speed-rows{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.anim-speed-item{display:flex;align-items:center;gap:var(--space-4)}.anim-speed-pill{height:6px;width:0;background:var(--color-primary);border-radius:var(--radius-full);opacity:.7}.anim-speed-meta{display:flex;flex-direction:column;gap:2px;flex-shrink:0;width:160px}.anim-speed-token{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.anim-speed-val{font-size:var(--font-size-xs);color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay.is-open{opacity:1;pointer-events:all}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-8);width:420px;max-width:calc(100vw - var(--space-8));display:flex;flex-direction:column;gap:var(--space-4);transform:translateY(8px);transition:transform var(--transition-base)}.modal-overlay.is-open .modal{transform:translateY(0)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.modal-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.modal-footer{display:flex;justify-content:flex-end;padding-top:var(--space-2)}body.modal-open{overflow:hidden}@media (max-width: 800px){.type-row{grid-template-columns:1fr;gap:var(--space-2)}.type-weights,.color-grid{grid-template-columns:repeat(2,1fr)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-text-link-hover);text-decoration:underline}h1,h2,h3{margin:0;line-height:var(--line-height-tight)}p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em;background:var(--color-bg);padding:.1em .35em;border-radius:var(--radius-sm)}.card{max-width:none;padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.btn{width:auto;padding:var(--space-2) var(--space-4)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"topbar topbar" "sidebar main";min-height:100vh;height:auto;overflow:visible}.app-topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-divider);position:sticky;top:0;z-index:10}.app-topbar__brand{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);letter-spacing:-.01em}.app-topbar__meta{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.app-sidebar{grid-area:sidebar;background:var(--color-surface);border-right:1px solid var(--color-divider);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);overflow-y:auto}.app-sidebar__group{display:flex;flex-direction:column;gap:var(--space-1)}.app-sidebar__section{text-transform:uppercase;font-size:.6875rem;letter-spacing:.08em;color:var(--color-text-muted);padding:0 var(--space-3) var(--space-2);font-weight:var(--font-weight-semibold)}.app-sidebar__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background var(--transition-fast),color var(--transition-fast)}.app-sidebar__link:hover{background:var(--color-bg);color:var(--color-text-primary);text-decoration:none}.app-sidebar__link--active{background:var(--color-accent);color:var(--color-text-inverse)}.app-sidebar__link--active:hover{background:var(--color-accent-hover);color:var(--color-text-inverse)}.app-main{grid-area:main;padding:var(--space-8);overflow-x:clip;min-width:0}.app-main--flush{padding:0}.page{display:flex;flex-direction:column;gap:var(--space-6);width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.page-header__subtitle{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);max-width:72ch}.page-header__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.page-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.page-back:hover{color:var(--color-text-primary);text-decoration:none}.section{display:flex;flex-direction:column;gap:var(--space-3)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.section-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.muted{color:var(--color-text-muted)}.role-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:.6875rem;font-weight:var(--font-weight-semibold);background:var(--color-info-bg);color:var(--color-info);text-transform:uppercase;letter-spacing:.06em;line-height:1.5;white-space:nowrap}.role-badge--success{background:var(--color-success-bg);color:var(--color-success)}.role-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.role-badge--error{background:var(--color-error-bg);color:var(--color-error)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-focus)}.btn-secondary:active:not(:disabled){background:var(--color-divider)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-bg);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);border:0}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm)}.btn-icon{width:28px;height:28px;padding:0;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--color-bg);color:var(--color-text-primary)}.segment{display:inline-flex;padding:3px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:2px}.segment__btn{padding:4px var(--space-3);background:transparent;color:var(--color-text-secondary);border:0;border-radius:calc(var(--radius-sm) - 3px);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;letter-spacing:.02em}.segment__btn--active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider);vertical-align:middle}.table thead th{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:.6875rem;letter-spacing:.06em;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--color-bg)}.empty{padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.meta-row{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.meta-row>span{display:inline-flex;align-items:center;gap:var(--space-1)}.kbd{display:inline-flex;align-items:center;padding:1px 6px;border-radius:4px;border:1px solid var(--color-border);background:var(--color-surface);font-family:ui-monospace,Menlo,Monaco,monospace;font-size:.75rem;color:var(--color-text-secondary)}.playgrounds{display:flex;flex-direction:column;gap:var(--space-5);height:calc(100vh - 56px - var(--space-8) * 2);min-height:520px}.playgrounds__body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-5);min-height:0}@media (max-width: 1100px){.playgrounds__body{grid-template-columns:1fr}}.chat-pane{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;min-height:0}.chat-pane__header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider);background:var(--color-bg);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.chat-pane__header h3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.chat-pane__transcript{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.chat-pane__composer{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-3);border-top:1px solid var(--color-divider);background:var(--color-bg)}.chat-pane__composer .input{flex:1}.bubble{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word;font-size:var(--font-size-sm);line-height:1.6}.bubble--user{align-self:flex-end;background:var(--color-accent);color:var(--color-text-inverse);border-bottom-right-radius:var(--space-1)}.bubble--assistant{align-self:flex-start;background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:var(--space-1)}.bubble--error{align-self:flex-start;background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-bg)}.bubble__meta{margin-top:var(--space-1);padding-left:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);align-self:flex-start}.playgrounds__aside{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.tile{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;text-decoration:none;transition:border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.tile:hover{border-color:var(--color-border-focus);box-shadow:var(--shadow-sm);transform:translateY(-1px);text-decoration:none;color:inherit}.tile__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.tile__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tile__row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:auto;gap:var(--space-2)}.trace-chip-wrap{display:inline-flex;align-items:center;gap:2px}.trace-chip{display:inline-flex;align-items:center;padding:1px var(--space-2);margin:0 2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-family:ui-monospace,Menlo,Monaco,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.trace-chip:hover{background:var(--color-bg);border-color:var(--color-border-focus);color:var(--color-text-primary)}.trace-chip:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #00000014}.trace-chip--copied{background:var(--color-success-bg);border-color:var(--color-success-bg);color:var(--color-success)}.disclosure{display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.disclosure__header{display:flex;align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:0;cursor:pointer;text-align:left;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.disclosure__header:hover{background:var(--color-surface)}.disclosure__header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-border-focus)}.disclosure__chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;margin-top:2px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.disclosure__header[aria-expanded=true] .disclosure__chevron{transform:rotate(90deg)}.disclosure__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.disclosure__title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.disclosure__hint{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);line-height:1.4}.disclosure__body{padding:var(--space-4);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-3);background:var(--color-surface)}.field-row{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:var(--space-3)}.field-row__label{font-family:ui-monospace,Menlo,Monaco,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.field-row__control{min-width:0}.field-row__control .input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.field-row__reset{width:24px;height:24px;border:1px solid transparent;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);line-height:1}.field-row__reset:hover{background:var(--color-bg);color:var(--color-text-primary)}.field-row__reset--placeholder{visibility:hidden}.disclosure__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-divider);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tov-filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.tov-filter-bar__search{max-width:280px;flex-shrink:0}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M2 4l3 3 3-3' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-3) + 14px)}.tov-filter-bar__select{width:180px;flex-shrink:0}.tov-family-slug{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:ui-monospace,Menlo,Monaco,monospace}.tov-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.tov-avatar{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text-secondary);font-size:.625rem;font-weight:var(--font-weight-bold);margin-right:var(--space-1);vertical-align:middle;text-transform:uppercase;letter-spacing:0;flex-shrink:0}.tov-empty-family{padding:var(--space-10) var(--space-8);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.tov-empty-family__headline{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tov-empty-family__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:48ch;line-height:1.6}.tov-create-wrap{display:flex;justify-content:center}.tov-create-card{width:100%;max-width:640px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.tov-create-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.tov-create-brand__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.tov-create-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:var(--line-height-tight)}.tov-create-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:44ch;line-height:1.6}.tov-create-form{display:flex;flex-direction:column;gap:var(--space-5)}.tov-create-form__row{display:flex;gap:var(--space-4);align-items:flex-start;flex-wrap:wrap}.tov-create-form__row .form-group{margin-bottom:0}.tov-create-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.tov-create-textarea{resize:vertical;min-height:160px;font-size:var(--font-size-base);line-height:1.65}.tov-field-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);line-height:1.5}.tov-radio-group{display:flex;gap:var(--space-4)}.tov-radio-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;color:var(--color-text-primary)}.tov-radio-label input[type=radio]{accent-color:var(--color-accent);width:16px;height:16px;cursor:pointer}.tov-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-12) var(--space-8);text-align:center}.tov-generating__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:tov-spin .8s linear infinite}@keyframes tov-spin{to{transform:rotate(360deg)}}.tov-generating__headline{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.tov-generating__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:44ch;line-height:1.6}.tov-generating__footnote{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:44ch;line-height:1.6}.tov-from-create-banner{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-success-bg);border:1px solid var(--color-success);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-success);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.tov-system-textarea{resize:vertical;min-height:180px;font-size:var(--font-size-sm);line-height:1.7}.tov-promote-locked{position:relative;display:inline-flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.tov-promote-locked__tooltip{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.tov-cta-list{display:flex;flex-direction:column;gap:var(--space-4)}.tov-cta-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tov-cta-row__header{padding:var(--space-4) var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-1)}.tov-cta-row__title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tov-tool-name{font-family:ui-monospace,Menlo,Monaco,monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tov-cta-empty-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.tov-cta-row__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.tov-cta-row__body{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.tov-cta-textarea{resize:vertical;min-height:72px;font-size:var(--font-size-sm);line-height:1.6}.tov-token-panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.tov-token-panel__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:left}.tov-token-panel__toggle:hover{background:var(--color-surface);color:var(--color-text-primary)}.tov-token-panel__toggle-label{flex:1}.tov-token-panel__body{padding:var(--space-3);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-2)}.tov-token-panel__hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.55}.tov-token-list{display:flex;flex-direction:column;gap:var(--space-2)}.tov-token-chip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast);width:100%}.tov-token-chip:hover{border-color:var(--color-border-focus);background:var(--color-bg)}.tov-token-chip--copied{background:var(--color-success-bg);border-color:var(--color-success)}.tov-token-chip__code{font-family:ui-monospace,Menlo,Monaco,monospace;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tov-token-chip__desc{color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tov-token-chip__action{color:var(--color-text-muted);font-size:.6875rem;font-weight:var(--font-weight-semibold);flex-shrink:0}.tov-token-chip--copied .tov-token-chip__action{color:var(--color-success)}.tov-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:sticky;bottom:var(--space-4)}.tov-bottom-bar__hint{font-size:var(--font-size-xs);color:var(--color-text-muted);max-width:56ch}.tov-bottom-bar__actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.tov-promote-cta-list{display:flex;flex-direction:column;gap:var(--space-5)}.tov-promote-tool-label{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.tov-diff-pane{margin:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);white-space:pre-wrap;word-break:break-word;overflow-y:auto;line-height:1.65}.tov-promote-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-divider);flex-wrap:wrap}.tov-promoted{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-12) var(--space-8);text-align:center}.tov-promoted__icon{width:52px;height:52px;border-radius:var(--radius-full);background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center}.tov-promoted__headline{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.tov-promoted__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:48ch;line-height:1.65}.tov-promoted__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.tov-editor-layout{display:grid;grid-template-columns:1fr 340px;gap:var(--space-6);align-items:start;width:100%}.tov-editor-main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.tov-editor-sidebar{position:sticky;top:calc(56px + var(--space-6));display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - 56px - var(--space-8) * 2);overflow-y:auto}@media (max-width: 1100px){.tov-editor-layout{grid-template-columns:1fr}.tov-editor-sidebar{position:static}}.tov-meta-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.tov-meta-panel__row{display:flex;flex-direction:column;gap:var(--space-1)}.tov-meta-panel__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.tov-meta-panel__value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tov-meta-panel__divider{height:1px;background:var(--color-divider)}.tov-meta-panel__actions{display:flex;flex-direction:column;gap:var(--space-2)}.tov-meta-panel__actions .btn{width:100%;justify-content:center}.tov-role-toggle-wrap{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.tov-role-toggle-wrap__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold)}.tov-domain-accordion{display:flex;flex-direction:column;gap:var(--space-3)}.tov-domain-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tov-domain-block__trigger{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:0;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast)}.tov-domain-block__trigger:hover{background:var(--color-divider)}.tov-domain-block__chevron{display:inline-flex;align-items:center;width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;transition:transform var(--transition-fast)}.tov-domain-block__chevron--open{transform:rotate(90deg)}.tov-domain-block__name{flex:1;text-transform:capitalize}.tov-domain-block__count{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.tov-domain-block__body{border-top:1px solid var(--color-divider);display:flex;flex-direction:column}.tov-cta-compact-row{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);border-bottom:1px solid var(--color-divider)}.tov-cta-compact-row:last-child{border-bottom:0}.tov-cta-compact-row__head{display:flex;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.tov-cta-compact-row__foot{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2)}.tov-tokens-used{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.tov-token-ref{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tov-token-ref__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-align:left;transition:background var(--transition-fast)}.tov-token-ref__trigger:hover{background:var(--color-surface);color:var(--color-text-primary)}.tov-token-ref__chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.tov-token-ref__chevron--open{transform:rotate(90deg)}.tov-token-ref__body{border-top:1px solid var(--color-divider);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.tov-token-ref__intro{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.55}.tov-token-ref__grid{display:flex;flex-direction:column;gap:var(--space-2)}.tov-stepper{display:flex;align-items:center;gap:0;counter-reset:step;margin-bottom:var(--space-2)}.tov-stepper__step{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-shrink:0}.tov-stepper__step--active{color:var(--color-text-primary)}.tov-stepper__step--done{color:var(--color-success)}.tov-stepper__dot{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0;color:var(--color-text-muted)}.tov-stepper__step--active .tov-stepper__dot{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-text-inverse)}.tov-stepper__step--done .tov-stepper__dot{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.tov-stepper__connector{flex:1;height:1px;min-width:var(--space-4);background:var(--color-divider);margin:0 var(--space-2)}.tov-stepper__connector--done{background:var(--color-success)}.tov-identity-form{display:flex;flex-direction:column;gap:var(--space-5)}.tov-new-family{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.tov-family-header{display:flex;align-items:baseline;gap:var(--space-3)}.tov-family-header__add{margin-left:auto;flex-shrink:0}.tov-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:auto;gap:var(--space-2)}.km-filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.km-filter-bar__search{max-width:280px;flex-shrink:0}.km-status-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.km-status-tab:hover{background:var(--color-bg);color:var(--color-text-primary)}.km-status-tab--active{background:var(--color-primary);color:var(--color-text-inverse)}.km-status-tab--active:hover{background:var(--color-accent-hover);color:var(--color-text-inverse)}.km-status-tab__count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:1px 5px;border-radius:var(--radius-full);background:#00000014}.km-status-tab--active .km-status-tab__count{background:#fff3}.km-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.km-group__header{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg);border:0;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:left;transition:background var(--transition-fast)}.km-group__header:hover{background:var(--color-divider)}.km-group__chevron{font-size:var(--font-size-xs);color:var(--color-text-muted);width:12px;flex-shrink:0}.km-group__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.km-group__body{border-top:1px solid var(--color-divider);display:flex;flex-direction:column}.km-doc-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider);transition:background var(--transition-fast)}.km-doc-row:last-child{border-bottom:0}.km-doc-row:hover{background:var(--color-bg)}.km-doc-row--archived{opacity:.6}.km-doc-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.km-doc-row__title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.km-doc-row__title{background:transparent;border:0;padding:0;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;text-align:left}.km-doc-row__title:hover{color:var(--color-accent-hover);text-decoration:underline}.km-doc-row__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-text-muted)}.km-doc-row__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.km-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:200;display:grid;place-items:center;padding:var(--space-4)}.km-modal{width:100%;max-width:640px;max-height:85vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:201;display:flex;flex-direction:column;overflow:hidden}.km-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-bg);flex-shrink:0}.km-modal__eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.km-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.km-modal__section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.km-modal__body{flex:1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.km-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider);background:var(--color-bg);flex-shrink:0;flex-wrap:wrap}.km-modal__footer-left{display:flex;align-items:center;gap:var(--space-3)}.km-modal__footer-right{display:flex;align-items:center;gap:var(--space-2)}.km-content-editor{resize:vertical;min-height:200px;font-size:var(--font-size-sm);line-height:1.7;font-family:ui-monospace,Menlo,Monaco,monospace;white-space:pre}.km-prompt-hint{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.km-field-hint{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.km-upload-row{display:flex;flex-direction:column;background:var(--color-surface)}.km-candidate-card{padding:var(--space-4);border-bottom:1px solid var(--color-divider)}.km-candidate-card:last-child{border-bottom:none}.km-candidate-card--resolved{opacity:.65;padding:var(--space-3) var(--space-4)}.km-block-panel{border:1px solid var(--color-error-bg, #fecaca);background:var(--color-error-bg, #fef2f2);border-radius:var(--radius-sm);padding:var(--space-4)}.km-modal--wide{max-width:900px}@keyframes km-pulse-opacity{0%,to{opacity:1}50%{opacity:.45}}.km-modal__subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.km-method-picker{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4)}@media (max-width: 640px){.km-method-picker{grid-template-columns:1fr}}.km-method-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.km-method-card:hover{border-color:var(--color-accent);background:var(--color-surface-hover, var(--color-surface))}.km-method-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.km-method-card:active{transform:translateY(1px)}.km-method-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.km-method-card__desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.45}.km-extracting-pulse{animation:km-pulse-opacity 1.6s ease-in-out infinite}.km-role-switcher{display:flex;align-items:center;gap:var(--space-2)}.km-role-switcher__label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:padding-box;border:2px solid transparent}