@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--blue:#2563eb;--blue-light:#3b82f6;--blue-glow:#2563eb66;--blue-subtle:#2563eb1a;--silver:#94a3b8;--silver-light:#cbd5e1;--silver-dark:#64748b;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-glass:#11182780;--bg-hover:#2563eb14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#94a3b826;--border-active:#2563eb66;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;--space-10:80px;--space-11:96px;--space-12:128px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 24px #2563eb4d;--shadow-glow-lg:0 0 48px #2563eb33;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:1200px;--header-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--silver-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--silver)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}::selection{background:var(--blue);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:var(--blue-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none}code{font-family:var(--font-mono)}img{max-width:100%;display:block}.container{max-width:var(--max-width);padding:0 var(--space-5);margin:0 auto}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border)}.glow{box-shadow:var(--shadow-glow)}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#94a3b808 1px,#0000 1px),linear-gradient(90deg,#94a3b808 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}#root{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}.header{z-index:100;height:var(--header-height);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-5);height:100%;display:flex}.header-logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);color:var(--text-primary);transition:opacity var(--transition-fast);font-size:18px;font-weight:600;display:flex}.header-logo:hover{opacity:.8}.header-logo-icon{width:32px;height:32px}.header-logo-text{background:linear-gradient(135deg, var(--text-primary), var(--blue-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-nav{gap:var(--space-1);display:flex}.header-link{padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:14px;font-weight:500}.header-link:hover{color:var(--text-primary);background:var(--bg-hover)}.header-link.active{color:var(--blue-light);background:var(--blue-subtle)}.header-cta{padding:var(--space-2) var(--space-4);color:#fff;background:var(--blue);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:13px;font-weight:600}.header-cta:hover{background:var(--blue-light);box-shadow:var(--shadow-glow)}@media (width<=768px){.header-nav{display:none}.header-logo-text{font-size:16px}}.landing{min-height:100vh}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;font-weight:600;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;padding:var(--space-3) var(--space-5)}.btn-primary:hover{background:var(--blue-light);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:var(--space-3) var(--space-5);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--silver-dark);background:var(--bg-hover)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:15px}.hero{padding:var(--space-12) 0 var(--space-10);position:relative;overflow:hidden}.hero-bg-orb{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.hero-orb-1{background:var(--blue-glow);opacity:.3;width:500px;height:500px;top:-200px;right:-100px}.hero-orb-2{opacity:.3;background:#94a3b826;width:400px;height:400px;bottom:-100px;left:-100px}.hero-content{text-align:center;position:relative}.hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);color:var(--blue-light);background:var(--blue-subtle);border:1px solid var(--border-active);border-radius:var(--radius-full);margin-bottom:var(--space-6);font-size:13px;font-weight:500;display:inline-flex}.hero-badge-dot{background:var(--blue);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{margin-bottom:var(--space-5);letter-spacing:-.02em;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg, var(--blue-light), var(--silver-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-7);font-size:clamp(16px,2vw,19px);line-height:1.7}.hero-actions{gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;justify-content:center;display:flex}.hero-mirror{align-items:stretch;gap:var(--space-6);max-width:700px;padding:var(--space-6);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);margin:0 auto;display:flex}.mirror-side{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;flex:1;display:flex}.mirror-avatar{width:64px;height:64px;padding:var(--space-2);border:2px solid var(--border);background:var(--bg-secondary);border-radius:50%}.mirror-avatar.twin{border-color:var(--border-active);box-shadow:0 0 16px var(--blue-glow)}.mirror-label{font-family:var(--font-display);color:var(--silver-light);font-size:16px;font-weight:600}.mirror-label.twin{color:var(--blue-light)}.mirror-list{text-align:left;color:var(--text-secondary);gap:var(--space-2);flex-direction:column;font-size:13px;list-style:none;display:flex}.mirror-list li{padding:var(--space-1) 0;padding-left:var(--space-3);position:relative}.mirror-list li:before{content:"";border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mirror-human .mirror-list li:before{background:var(--silver)}.mirror-twin .mirror-list li:before{background:var(--blue)}.mirror-divider{align-items:center;gap:var(--space-2);padding:var(--space-4) 0;flex-direction:column;display:flex}.mirror-divider-line{background:linear-gradient(to bottom, transparent, var(--border), transparent);flex:1;width:1px}.mirror-divider-icon{background:var(--bg-secondary);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.features{padding:var(--space-11) 0}.section-title{text-align:center;margin-bottom:var(--space-3);font-size:clamp(28px,4vw,40px)}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-9);max-width:500px;margin-left:auto;margin-right:auto;font-size:17px}.features-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.feature-card{padding:var(--space-6);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.feature-icon{margin-bottom:var(--space-3);font-size:28px;display:block}.feature-card h3{margin-bottom:var(--space-2);font-size:18px}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.comparison{padding:var(--space-11) 0}.comparison-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.comparison-col{padding:var(--space-6);border-radius:var(--radius-lg)}.comparison-header{align-items:center;gap:var(--space-2);font-family:var(--font-display);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);font-size:18px;font-weight:600;display:flex}.twin-header{color:var(--blue-light)}.human-header{color:var(--silver-light)}.comparison-list{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.comparison-list li{align-items:center;gap:var(--space-3);color:var(--text-secondary);font-size:14px;display:flex}.comparison-list svg{flex-shrink:0}.cta-section{padding:var(--space-11) 0}.cta-card{text-align:center;padding:var(--space-10) var(--space-6);border-radius:var(--radius-xl);position:relative;overflow:hidden}.cta-card:before{content:"";background:radial-gradient(ellipse at center, var(--blue-subtle), transparent 70%);pointer-events:none;position:absolute;inset:0}.cta-card h2{margin-bottom:var(--space-3);font-size:clamp(24px,3vw,32px);position:relative}.cta-card p{color:var(--text-secondary);margin-bottom:var(--space-6);position:relative}.cta-card .btn{position:relative}.footer{padding:var(--space-7) 0;border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{gap:var(--space-1);flex-direction:column;display:flex}.footer-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--text-primary), var(--blue-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:600}.footer-tagline,.footer-meta{color:var(--text-muted);font-size:13px}.footer-meta a{color:var(--blue-light)}@media (width<=768px){.hero{padding:var(--space-9) 0 var(--space-8)}.hero-mirror{gap:var(--space-4);flex-direction:column}.mirror-divider{padding:0 var(--space-4);flex-direction:row}.mirror-divider-line{background:linear-gradient(to right, transparent, var(--border), transparent);flex:1;width:auto;height:1px}.comparison-grid{grid-template-columns:1fr}.footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}}.builder{padding:var(--space-8) 0 var(--space-12);min-height:calc(100vh - var(--header-height))}.builder-header{text-align:center;margin-bottom:var(--space-8)}.builder-header h1{margin-bottom:var(--space-2);font-size:clamp(28px,4vw,40px)}.builder-header p{color:var(--text-secondary);font-size:16px}.wizard-progress{margin-bottom:var(--space-8);justify-content:center;align-items:flex-start;gap:0;max-width:600px;margin-left:auto;margin-right:auto;display:flex}.wizard-step-indicator{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;display:flex;position:relative}.wizard-step-circle{background:var(--bg-secondary);border:2px solid var(--border);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-base);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex;position:relative}.wizard-step-indicator.active .wizard-step-circle{border-color:var(--blue);color:var(--blue-light);box-shadow:0 0 12px var(--blue-glow)}.wizard-step-indicator.done .wizard-step-circle{background:var(--blue);border-color:var(--blue);color:#fff}.wizard-step-label{color:var(--text-muted);font-size:12px;font-weight:500}.wizard-step-indicator.active .wizard-step-label{color:var(--blue-light)}.wizard-step-indicator.done .wizard-step-label{color:var(--text-secondary)}.wizard-step-line{background:var(--border);z-index:1;height:2px;position:absolute;top:18px;left:calc(50% + 22px);right:calc(22px - 50%)}.wizard-step-indicator.done .wizard-step-line{background:var(--blue)}.wizard-card{border-radius:var(--radius-xl);max-width:700px;padding:var(--space-8);margin:0 auto}.wizard-content{min-height:300px}.wizard-step-header{margin-bottom:var(--space-6)}.wizard-step-number{color:var(--blue-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-size:12px;font-weight:600;display:inline-block}.wizard-step-header h2{margin-bottom:var(--space-2);font-size:24px}.wizard-step-header p{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:var(--space-5)}.form-group label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:13px;font-weight:600;display:block}.form-optional{color:var(--text-muted);font-weight:400}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:14px}.form-input:focus,.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-subtle);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.style-options{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.style-option{align-items:flex-start;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast);flex-direction:column;display:flex}.style-option:hover{border-color:var(--silver-dark)}.style-option.active{border-color:var(--blue);background:var(--blue-subtle);box-shadow:0 0 0 3px #2563eb26}.style-icon{font-size:24px}.style-name{font-size:15px;font-weight:600}.style-desc{color:var(--text-muted);font-size:12px}.chip-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-grid.compact{gap:var(--space-2)}.chip{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:13px;font-weight:500;display:inline-flex}.chip:hover{border-color:var(--silver-dark);color:var(--text-primary)}.chip.active{background:var(--blue-subtle);border-color:var(--blue);color:var(--blue-light)}.chip.active.can{border-color:var(--success);color:var(--success);background:#10b9811a}.chip.active.cant{border-color:var(--danger);color:var(--danger);background:#ef44441a}.boundaries-split{gap:var(--space-6);flex-direction:column;display:flex}.boundary-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:15px;font-weight:600;display:flex}.boundary-title.can{color:var(--success)}.boundary-title.cant{color:var(--danger)}.wizard-nav{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);align-items:center;display:flex}.wizard-nav .btn{padding:var(--space-3) var(--space-5);font-size:14px}.wizard-nav .btn:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.wizard-card{padding:var(--space-5)}.style-options{grid-template-columns:1fr}.wizard-step-label{display:none}}.dashboard{padding:var(--space-6) 0 var(--space-12);min-height:calc(100vh - var(--header-height))}.dash-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-5);display:flex}.dash-header h1{margin-bottom:var(--space-1);font-size:clamp(24px,3vw,32px)}.dash-header p{color:var(--text-secondary);font-size:14px}.dash-accuracy{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5) var(--space-3) var(--space-3);border-radius:var(--radius-lg);display:flex}.accuracy-ring{width:64px;height:64px;position:relative}.accuracy-ring svg{width:100%;height:100%}.accuracy-value{font-family:var(--font-display);color:var(--blue-light);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.accuracy-info{flex-direction:column;display:flex}.accuracy-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.accuracy-name{font-size:14px;font-weight:600}.dash-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{padding:var(--space-5);border-radius:var(--radius-lg);text-align:center}.stat-value{font-family:var(--font-display);margin-bottom:var(--space-1);font-size:32px;font-weight:700;display:block}.stat-label{color:var(--text-muted);font-size:13px}.stat-review{color:var(--warning)}.stat-active{color:var(--blue-light)}.stat-done{color:var(--success)}.dash-content{gap:var(--space-5);grid-template-columns:400px 1fr;align-items:flex-start;display:grid}.task-list-panel{gap:var(--space-3);flex-direction:column;display:flex}.task-list-header{justify-content:space-between;align-items:center;display:flex}.task-list-header h2{font-size:18px}.task-filters{gap:var(--space-1);display:flex}.filter-btn{padding:var(--space-1) var(--space-3);color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);font-size:12px;font-weight:500}.filter-btn:hover{color:var(--text-secondary);background:var(--bg-hover)}.filter-btn.active{color:var(--blue-light);background:var(--blue-subtle)}.task-list{gap:var(--space-2);flex-direction:column;display:flex}.task-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:left;transition:all var(--transition-fast);width:100%;display:flex}.task-item:hover{border-color:var(--silver-dark)}.task-item.active{border-color:var(--blue);background:var(--blue-subtle)}.task-type-icon{flex-shrink:0;margin-top:2px;font-size:20px}.task-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.task-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.task-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.task-status{padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.status-pending{color:var(--text-muted);background:#64748b26}.status-progress{color:var(--blue-light);background:var(--blue-subtle)}.status-review{color:var(--warning);background:#f59e0b26}.status-approved{color:var(--success);background:#10b9811a}.status-rejected{color:var(--danger);background:#ef44441a}.task-empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:14px}.task-detail-panel{min-height:400px}.task-detail{padding:var(--space-6);border-radius:var(--radius-lg)}.detail-header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border);display:flex}.detail-header h3{margin-bottom:var(--space-1);font-size:18px}.detail-header p{color:var(--text-secondary);font-size:13px}.detail-header .task-status{margin-left:auto}.confidence-bar{margin-bottom:var(--space-5)}.confidence-label{margin-bottom:var(--space-2);color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.confidence-value{color:var(--blue-light);font-weight:600}.confidence-track{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg, var(--blue), var(--blue-light));border-radius:var(--radius-full);height:100%;transition:width .6s}.draft-section{margin-bottom:var(--space-5)}.draft-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-size:13px;font-weight:600}.draft-content{padding:var(--space-5);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;line-height:1.7}.draft-content p{margin-bottom:var(--space-1)}.draft-heading{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:var(--space-2)!important}.draft-empty{padding:var(--space-8);text-align:center;color:var(--text-muted)}.draft-empty span{margin-bottom:var(--space-2);font-size:32px;display:block}.detail-actions{gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border);display:flex}.btn-approve{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);color:#fff;background:var(--success);border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:14px;font-weight:600;display:inline-flex}.btn-approve:hover{background:#0ea472;box-shadow:0 0 16px #10b9814d}.btn-reject{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);color:var(--danger);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #ef44444d;font-size:14px;font-weight:600;display:inline-flex}.btn-reject:hover{border-color:var(--danger);background:#ef44441a}.task-detail-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12);border-radius:var(--radius-lg);color:var(--text-muted);flex-direction:column;font-size:14px;display:flex}@media (width<=1024px){.dash-content{grid-template-columns:1fr}.dash-header{flex-direction:column}}@media (width<=768px){.dash-stats{grid-template-columns:1fr}}.training{padding:var(--space-6) 0 var(--space-12);min-height:calc(100vh - var(--header-height))}.training-header{margin-bottom:var(--space-6)}.training-header h1{margin-bottom:var(--space-1);font-size:clamp(24px,3vw,32px)}.training-header p{color:var(--text-secondary);max-width:500px;font-size:14px}.training-accuracy{padding:var(--space-6);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.accuracy-main{gap:var(--space-8);align-items:center;display:flex}.accuracy-ring-lg{flex-shrink:0;width:140px;height:140px;position:relative}.accuracy-ring-lg svg{width:100%;height:100%}.accuracy-ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.accuracy-big-value{font-family:var(--font-display);font-size:28px;font-weight:700}.accuracy-big-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.accuracy-details{flex:1}.accuracy-details h3{margin-bottom:var(--space-1);font-size:18px}.accuracy-details>p{color:var(--text-muted);margin-bottom:var(--space-5);font-size:13px}.accuracy-breakdown{gap:var(--space-3);flex-direction:column;display:flex}.breakdown-item{align-items:center;gap:var(--space-3);grid-template-columns:80px 1fr 40px;display:grid}.breakdown-label{color:var(--text-secondary);font-size:13px}.breakdown-bar{background:var(--bg-secondary);border-radius:var(--radius-full);height:6px;overflow:hidden}.breakdown-fill{background:linear-gradient(90deg, var(--blue), var(--blue-light));border-radius:var(--radius-full);height:100%;transition:width .8s}.breakdown-value{color:var(--text-secondary);text-align:right;font-size:12px;font-weight:600}.training-badge{margin-top:var(--space-4);padding:var(--space-1) var(--space-3);color:var(--success);border-radius:var(--radius-full);background:#10b9811a;font-size:12px;font-weight:600;display:inline-flex}.training-add{padding:var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.training-add h2{margin-bottom:var(--space-1);font-size:18px}.training-add>p{color:var(--text-muted);margin-bottom:var(--space-4);font-size:13px}.training-add-actions{align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.training-hint{color:var(--text-muted);font-size:12px}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:600;display:inline-flex}.btn-primary{background:var(--blue);color:#fff;padding:var(--space-2) var(--space-5);font-size:14px}.btn-primary:hover{background:var(--blue-light);box-shadow:var(--shadow-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);resize:vertical;transition:all var(--transition-fast);font-size:14px}.form-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-subtle);outline:none}.form-textarea::placeholder{color:var(--text-muted)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.training-history h2{margin-bottom:var(--space-4);font-size:18px}.example-list{gap:var(--space-2);flex-direction:column;display:flex}.example-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex}.example-type{text-transform:uppercase;letter-spacing:.05em;color:var(--blue-light);background:var(--blue-subtle);padding:2px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;font-size:11px;font-weight:600}.example-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.example-status{align-items:center;gap:var(--space-1);color:var(--success);white-space:nowrap;font-size:12px;display:flex}@media (width<=768px){.accuracy-main{text-align:center;flex-direction:column}.accuracy-details{text-align:left}.training-add-actions{flex-direction:column;align-items:flex-start}}