@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-void:#05060a;--bg-primary:#090b11;--bg-secondary:#0e111a;--bg-elevated:#131722;--bg-card:#0e111ab3;--bg-card-solid:#111520;--bg-hover:#ffffff08;--bg-active:#ffffff0f;--border-primary:#ffffff0f;--border-hover:#ffffff1a;--border-accent:#63e6e240;--border-glow:#63e6e266;--text-primary:#eaecf5;--text-secondary:#8a8fa8;--text-muted:#555a6e;--text-inverse:#05060a;--accent:#63e6e2;--accent-dim:#63e6e214;--accent-medium:#63e6e226;--accent-glow:#63e6e280;--accent-bright:#7ffbf7;--violet:#a78bfa;--violet-dim:#a78bfa14;--violet-medium:#a78bfa26;--violet-glow:#a78bfa80;--rose:#fb7185;--rose-dim:#fb718514;--amber:#fbbf24;--amber-dim:#fbbf2414;--emerald:#34d399;--emerald-dim:#34d39914;--gradient-brand:linear-gradient(135deg,#63e6e2 0%,#a78bfa 50%,#fb7185 100%);--gradient-card:linear-gradient(135deg,#63e6e20a 0%,#a78bfa0a 100%);--gradient-sidebar:linear-gradient(180deg,#090b11 0%,#0c0f18 100%);--gradient-glow-teal:radial-gradient(600px circle at var(--glow-x,50%)var(--glow-y,50%),#63e6e20f,transparent 40%);--gradient-glow-violet:radial-gradient(600px circle at var(--glow-x,50%)var(--glow-y,50%),#a78bfa0f,transparent 40%);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow-teal:0 0 20px #63e6e226,0 0 60px #63e6e20d;--shadow-glow-violet:0 0 20px #a78bfa26,0 0 60px #a78bfa0d;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--transition-fast:.15s var(--ease-out);--transition-normal:.25s var(--ease-out);--transition-slow:.4s var(--ease-out)}[data-theme=light]{--bg-void:#f5f6fa;--bg-primary:#fff;--bg-secondary:#f0f1f5;--bg-elevated:#fff;--bg-card:#ffffffd9;--bg-card-solid:#fff;--bg-hover:#00000008;--bg-active:#0000000f;--border-primary:#00000014;--border-hover:#00000024;--border-accent:#14b8b440;--border-glow:#14b8b466;--text-primary:#1a1d2e;--text-secondary:#5a5f78;--text-muted:#8b90a5;--text-inverse:#fff;--accent:#0d9e9b;--accent-dim:#0d9e9b12;--accent-medium:#0d9e9b21;--accent-glow:#0d9e9b4d;--accent-bright:#0bbab6;--violet:#7c5cbf;--violet-dim:#7c5cbf12;--violet-medium:#7c5cbf21;--violet-glow:#7c5cbf4d;--rose:#e63e5c;--rose-dim:#e63e5c12;--amber:#d9960a;--amber-dim:#d9960a12;--emerald:#12a76e;--emerald-dim:#12a76e12;--gradient-brand:linear-gradient(135deg,#0d9e9b 0%,#7c5cbf 50%,#e63e5c 100%);--gradient-card:linear-gradient(135deg,#0d9e9b0a 0%,#7c5cbf0a 100%);--gradient-sidebar:linear-gradient(180deg,#fff 0%,#f5f6fa 100%);--gradient-glow-teal:none;--gradient-glow-violet:none;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 28px #00000014;--shadow-glow-teal:0 2px 12px #0d9e9b1f;--shadow-glow-violet:0 2px 12px #7c5cbf1f;--accent-cyan:#0891b2;--accent-cyan-dim:#0891b214;--bg-topbar:#f5f6fad9;--sidebar-logo-bg:linear-gradient(135deg,#0d9e9b,#7c5cbf)}[data-theme=light] .sidebar:after{background:linear-gradient(#0000 0%,#0000000a 30% 70%,#0000 100%)}[data-theme=light] .sidebar{border-right:1px solid #00000014;box-shadow:2px 0 8px #00000008}[data-theme=light] .card{box-shadow:0 1px 4px #0000000a}.react-datepicker-wrapper{width:100%}.react-datepicker{background-color:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important;font-family:inherit!important}.react-datepicker__header{background-color:var(--bg-card-solid)!important;border-bottom:1px solid var(--border-primary)!important;padding-top:12px!important}.react-datepicker__current-month,.react-datepicker-time__header{color:var(--text-primary)!important;font-size:14px!important;font-weight:600!important}.react-datepicker__day-name{color:var(--text-muted)!important}.react-datepicker__day{color:var(--text-secondary)!important}.react-datepicker__day:hover,.react-datepicker__time-list-item:hover{background-color:var(--bg-hover)!important;border-radius:var(--radius-sm)!important}.react-datepicker__day--selected,.react-datepicker__time-list-item--selected{background-color:var(--accent)!important;color:var(--text-inverse)!important;border-radius:var(--radius-sm)!important}.react-datepicker__day--keyboard-selected{background-color:var(--accent-dim)!important;color:var(--accent)!important}.react-datepicker-time__header{color:var(--text-primary)!important}.react-datepicker__time-container{border-left:1px solid var(--border-primary)!important}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:auto!important;padding:8px 10px!important}[data-theme=light] .react-datepicker__day--selected{color:#fff!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}.app-layout{grid-template:"sidebar topbar"60px"sidebar main"1fr/260px 1fr;height:100vh;display:grid;position:relative}.app-layout:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(800px 600px at 20% 20%,#63e6e208,#0000),radial-gradient(600px 800px at 80% 80%,#a78bfa08,#0000),radial-gradient(400px 400px,#fb718504,#0000);animation:12s ease-in-out infinite alternate bgPulse;position:fixed;inset:0}@keyframes bgPulse{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}.app-layout:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000,#0000);mask-image:radial-gradient(80% 80%,#000,#0000)}.sidebar{background:var(--gradient-sidebar);border-right:1px solid var(--border-primary);z-index:10;flex-direction:column;grid-area:sidebar;padding:0;display:flex;position:relative;overflow-y:auto}.sidebar:after{content:"";background:linear-gradient(#0000 0%,#63e6e233 30%,#a78bfa33 70%,#0000 100%);width:1px;position:absolute;top:0;bottom:0;right:-1px}.sidebar-logo{border-bottom:1px solid var(--border-primary);align-items:center;gap:12px;padding:20px 24px;display:flex;position:relative}.sidebar-logo-icon{border-radius:var(--radius-md);background:var(--gradient-brand);width:36px;height:36px;color:var(--text-inverse);box-shadow:var(--shadow-glow-teal);justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:800;display:flex;position:relative}.sidebar-logo-icon:after{content:"";border-radius:var(--radius-md);background:var(--gradient-brand);opacity:.3;filter:blur(4px);z-index:-1;animation:3s ease-in-out infinite alternate logoGlow;position:absolute;inset:-3px}@keyframes logoGlow{0%{opacity:.2;transform:scale(1)}to{opacity:.45;transform:scale(1.05)}}.sidebar-logo-text{letter-spacing:-.5px;background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:20px 12px 8px;font-size:10px;font-weight:700}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative;overflow:hidden}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-link.active{color:var(--accent);background:var(--accent-dim)}.sidebar-link.active:before{content:"";background:var(--gradient-brand);width:3px;box-shadow:0 0 8px var(--accent-glow);border-radius:0 3px 3px 0;position:absolute;top:20%;bottom:20%;left:0}.sidebar-link-icon{opacity:.7;align-items:center;font-size:18px;display:flex}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--border-primary);padding:16px 24px}.sidebar-toggle{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-card);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar-toggle:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover)}.sidebar-collapsed .sidebar-toggle{margin:0 auto}.app-layout{transition:grid-template-columns .25s var(--ease-out)}.sidebar-is-collapsed{grid-template-columns:72px 1fr}.sidebar{transition:width .25s var(--ease-out)}.sidebar-collapsed{width:72px}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:20px 0}.sidebar-collapsed .sidebar-nav{padding:12px 10px}.sidebar-collapsed .sidebar-section-label{text-align:center;padding:0 0 6px;font-size:9px}.sidebar-collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar-collapsed .sidebar-link-icon{font-size:20px}.sidebar-collapsed .sidebar-footer{display:none}.topbar{border-bottom:1px solid var(--border-primary);background:var(--bg-topbar,#090b11cc);-webkit-backdrop-filter:blur(20px)saturate(1.5);z-index:10;grid-area:topbar;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:relative}.topbar-title{letter-spacing:-.3px;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.main-content{z-index:1;grid-area:main;position:relative;overflow-y:auto}.page-container{max-width:1200px;margin:0 auto;padding:32px 40px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:36px;display:flex}.page-title{letter-spacing:-1px;background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:400}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-brand);color:var(--text-inverse);box-shadow:var(--shadow-glow-teal)}.btn-primary:hover{box-shadow:var(--shadow-glow-teal),0 0 30px #63e6e233;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn:disabled,.btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none;box-shadow:none;transform:none}.btn:disabled:after,.btn[disabled]:after{display:none}.btn-primary:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff26 50%,#0000 60%);animation:3s ease-in-out infinite btnShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes btnShimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-active);border-color:var(--border-hover)}.btn-danger{background:var(--rose-dim);color:var(--rose);border:1px solid #fb718526}.btn-danger:hover{background:#fb718526;border-color:#fb71854d}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:8px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-icon{border-radius:var(--radius-sm);padding:8px}.btn-sm{padding:6px 14px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)saturate(1.3);transition:all var(--transition-normal);padding:24px;position:relative}.card:before{content:"";border-radius:var(--radius-lg);background:var(--gradient-card);pointer-events:none;position:absolute;inset:0}.card-glow{overflow:hidden}.card-glow:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:40px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal);padding:20px 24px;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.stat-card:before{content:"";background:var(--gradient-brand);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.stat-card:first-child:before{background:var(--accent)}.stat-card:nth-child(2):before{background:var(--emerald)}.stat-card:nth-child(3):before{background:var(--violet)}.stat-card:nth-child(4):before{background:var(--amber)}.stat-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{letter-spacing:-1.5px;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:36px;font-weight:800}.stat-card:first-child .stat-value{color:var(--accent)}.stat-card:nth-child(2) .stat-value{color:var(--emerald)}.stat-card:nth-child(3) .stat-value{color:var(--violet)}.stat-card:nth-child(4) .stat-value{color:var(--amber)}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.agent-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);padding:24px;position:relative;overflow:hidden}.agent-card:before{content:"";opacity:0;width:100%;height:100%;transition:opacity var(--transition-normal);pointer-events:none;background:radial-gradient(circle,#63e6e20d,#0000 70%);position:absolute;top:-50%;right:-50%}.agent-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow-teal);transform:translateY(-3px)}.agent-card:hover:before{opacity:1}.agent-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.agent-card-name{letter-spacing:-.3px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.agent-card-desc{color:var(--text-secondary);margin-bottom:16px;font-size:13px;line-height:1.5}.agent-card-meta{border-top:1px solid var(--border-primary);gap:16px;padding-top:14px;display:flex}.agent-card-meta-item{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.8px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-draft{color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff14}.badge-trained{background:var(--amber-dim);color:var(--amber);border:1px solid #fbbf2426}.badge-deployed{background:var(--emerald-dim);color:var(--emerald);border:1px solid #34d39926}.badge-failed{background:var(--rose-dim);color:var(--rose);border:1px solid #fb718526}.form-group{margin-bottom:20px}.label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim),var(--shadow-glow-teal)}.textarea{resize:vertical;min-height:100px;line-height:1.6}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:85vh;box-shadow:var(--shadow-lg),var(--shadow-glow-teal);padding:32px;position:relative;overflow-y:auto}.modal:before{content:"";background:var(--gradient-brand);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:20%;right:20%}.modal-title{letter-spacing:-.5px;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.modal-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.list-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.list-item:hover{border-color:var(--border-hover);background:#0e111ad9}.list-item-title{letter-spacing:-.2px;margin-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.list-item-subtitle{color:var(--text-muted);font-size:12px}.list-item-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}.empty-state-icon{opacity:.5;filter:grayscale(.5);margin-bottom:20px;font-size:48px}.empty-state-title{color:var(--text-secondary);margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.empty-state-text{color:var(--text-muted);max-width:320px;margin-bottom:20px;font-size:14px}.story-canvas-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);position:relative;overflow:hidden}.node-palette{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;right:16px}.node-palette-item{background:var(--bg-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.node-palette-item:hover{border-color:var(--border-accent);background:var(--accent-dim);color:var(--text-primary);box-shadow:var(--shadow-glow-teal)}.node-palette-item:active{cursor:grabbing}.story-node{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);border-style:solid;border-width:1px;min-width:180px;padding:14px 20px;font-size:13px;position:relative}.story-node-intent{background:var(--accent-dim);border-color:var(--border-accent);box-shadow:0 0 12px #63e6e214}.story-node-action{background:var(--violet-dim);border-color:#a78bfa40;box-shadow:0 0 12px #a78bfa14}.story-node-label{text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px;font-size:9px;font-weight:700}.story-node-intent .story-node-label{color:var(--accent)}.story-node-action .story-node-label{color:var(--violet)}.story-node-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.react-flow__background{background:var(--bg-primary)!important}.react-flow__controls{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.react-flow__controls-button{border-color:var(--border-primary)!important;fill:var(--text-secondary)!important;background:0 0!important}.react-flow__controls-button:hover{background:var(--bg-hover)!important;fill:var(--text-primary)!important}.react-flow__minimap{background:var(--bg-elevated)!important;border:1px solid var(--border-primary)!important;border-radius:var(--radius-md)!important}.react-flow__handle{background:var(--accent)!important;border:2px solid var(--bg-elevated)!important;width:8px!important;height:8px!important}.react-flow__edge-path{stroke:var(--accent)!important;stroke-width:2px!important}.training-console{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);max-height:280px;padding:20px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400;line-height:1.8;position:relative;overflow-y:auto}.training-console:after{content:"";pointer-events:none;border-radius:var(--radius-lg);background:repeating-linear-gradient(0deg,#0000,#0000 2px,#63e6e202 2px 4px);position:absolute;inset:0}.training-console-line{color:var(--text-muted);padding:1px 0}.training-console-line.info{color:var(--emerald)}.training-console-line.error{color:var(--rose)}.flex{display:flex}.gap-3{gap:12px}.gap-2{gap:8px}.transcript-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.transcript-panel{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:85vh;box-shadow:0 25px 60px #00000080,var(--shadow-glow-teal);flex-direction:column;display:flex;overflow:hidden}.transcript-header{border-bottom:1px solid var(--border-primary);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.transcript-header-info{align-items:center;gap:10px;min-width:0;display:flex}.transcript-header-title{letter-spacing:-.3px;color:var(--text-primary);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.transcript-header-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.transcript-close{border-radius:var(--radius-sm);border:1px solid var(--border-primary);background:var(--bg-card);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.transcript-close:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-hover)}.transcript-chat{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.transcript-turn{flex-direction:column;max-width:85%;display:flex}.transcript-turn-ai{align-self:flex-start}.transcript-turn-user{align-self:flex-end}.transcript-role{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.transcript-turn-ai .transcript-role{color:var(--accent)}.transcript-turn-user .transcript-role{color:var(--violet);justify-content:flex-end}.transcript-bubble{border-radius:var(--radius-lg);color:var(--text-primary);padding:12px 16px;font-size:14px;line-height:1.6;position:relative}.transcript-turn-ai .transcript-bubble{background:var(--bg-elevated);border:1px solid var(--border-primary);border-left:3px solid var(--accent);border-top-left-radius:4px}.transcript-turn-user .transcript-bubble{border:1px solid #a78bfa26;border-right:3px solid var(--violet);background:#a78bfa14;border-top-right-radius:4px}.transcript-time{color:var(--text-muted);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.transcript-turn-user .transcript-time{text-align:right}.transcript-btn{border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #63e6e21f;justify-content:center;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.transcript-btn:hover{background:#63e6e21f;border-color:#63e6e240;transform:translateY(-1px);box-shadow:0 2px 8px #63e6e226}.transcript-btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.transcript-footer{border-top:1px solid var(--border-primary);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.transcript-footer-stat{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.transcript-footer-stat-value{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-weight:600}audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0000}[data-theme=light] audio{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}audio::-webkit-media-controls-enclosure{background-color:var(--bg-elevated)}audio::-webkit-media-controls-panel{background-color:var(--bg-elevated)}[data-theme=light] audio::-webkit-media-controls-enclosure{background-color:var(--bg-elevated)}[data-theme=light] audio::-webkit-media-controls-panel{background-color:var(--bg-elevated)}.ai-group{border:1px solid var(--border-accent);border-radius:var(--radius-lg);background:linear-gradient(135deg,#63e6e20d 0%,#a78bfa0d 100%);margin-bottom:20px;padding:16px;position:relative;overflow:hidden;box-shadow:0 0 20px #63e6e20d}.ai-group:before{content:"";background:var(--gradient-brand);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.ai-label{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;display:flex}.ai-badge{background:var(--accent);color:var(--text-inverse);text-transform:uppercase;letter-spacing:.02em;box-shadow:0 0 10px var(--accent-glow);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:800}.ai-textarea{transition:all .3s var(--ease-out);background:#05060a99!important;border:1px solid #ffffff14!important}.ai-textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 15px var(--accent-dim)!important}[data-theme=light] .ai-group{background:linear-gradient(135deg,#14b8b40d 0%,#7c3aed0d 100%);border-color:#14b8b433}[data-theme=light] .ai-textarea{background:#fffc!important}