:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--accent: #3b82f6;--accent-hover: #2563eb;--border: #e0e0e0;--code-bg: #1e1e1e;--code-text: #d4d4d4;--shadow: rgba(0, 0, 0, .1);--tooltip-bg: #333333;--tooltip-text: #ffffff;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-code: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--color-autograd: #ef4444;--color-embedding: #22c55e;--color-attention: #3b82f6;--color-mlp: #a855f7;--color-training: #f59e0b;--color-inference: #06b6d4;--color-setup: #64748b;--color-tokenizer: #ec4899;--color-output: #f97316;--color-directory: #f59e0b;--color-file: #3b82f6;--color-function: #22c55e;--color-class: #a855f7;--color-method: #06b6d4;--color-import: #64748b;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #22c55e;--color-info: #3b82f6;--track-demo: #3b82f6;--track-byok: #f59e0b;--track-bridge: #22c55e;--track-webgpu: #a855f7;--modal-backdrop: rgba(0, 0, 0, .5);--surface-elevated: var(--bg-tertiary);--glass-bg: rgba(245, 245, 245, .85);--glass-blur: 20px;--glass-border: rgba(0, 0, 0, .08);--ghost-border: rgba(0, 0, 0, .06);--accent-muted: color-mix(in srgb, var(--accent) 15%, transparent);--accent-subtle: color-mix(in srgb, var(--accent) 8%, transparent);--accent-bg: rgba(59, 130, 246, .08);--accent-secondary: #2563eb;--accent-tertiary: #7c3aed;--accent-secondary-dim: #1d4ed8;--bg-lowest: #f0f0f0;--bg-highest: #e0e0e0;--bg-bright: #e8e8e8;--sidebar-icon-bg: var(--bg-secondary);--sidebar-content-bg: var(--bg-primary);--header-height: 48px;--diagram-height: 220px;--transition: .2s ease;--landing-max-width: 1152px;--landing-card-bg: rgba(0, 0, 0, .03);--landing-card-border: rgba(0, 0, 0, .06);--landing-dropzone-border: rgba(59, 130, 246, .3)}[data-theme=dark]{--bg-primary: #0a0e14;--bg-secondary: #151a21;--bg-tertiary: #1b2028;--bg-lowest: #000000;--bg-highest: #20262f;--bg-bright: #262c36;--text-primary: #f1f3fc;--text-secondary: #a8abb3;--text-muted: #72757d;--accent: #a3a6ff;--accent-hover: #8b8eff;--accent-secondary: #53ddfc;--accent-tertiary: #ac8aff;--accent-secondary-dim: #40ceed;--border: #1b2028;--code-bg: #000000;--code-text: #e6edf3;--shadow: rgba(0, 0, 0, .4);--tooltip-bg: #20262f;--tooltip-text: #f1f3fc;--color-directory: #fbbf24;--color-file: #a3a6ff;--color-function: #4ade80;--color-class: #ac8aff;--color-method: #53ddfc;--color-import: #72757d;--color-error: #ff6e84;--color-warning: #f2c478;--color-success: #7ad4a0;--color-info: #a3a6ff;--track-demo: #a3a6ff;--track-byok: #fbbf24;--track-bridge: #4ade80;--track-webgpu: #ac8aff;--modal-backdrop: rgba(0, 0, 0, .6);--surface-elevated: var(--bg-highest);--glass-bg: rgba(27, 32, 40, .7);--glass-blur: 24px;--glass-border: rgba(255, 255, 255, .1);--ghost-border: rgba(255, 255, 255, .08);--accent-muted: color-mix(in srgb, var(--accent) 15%, transparent);--accent-subtle: color-mix(in srgb, var(--accent) 8%, transparent);--accent-bg: rgba(163, 166, 255, .12);--sidebar-icon-bg: #0f141a;--sidebar-content-bg: #151a21;--landing-card-bg: #1b2028;--landing-card-border: rgba(255, 255, 255, .1);--landing-dropzone-border: rgba(163, 166, 255, .27)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition),color var(--transition);overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display)}code,pre,.code-font{font-family:var(--font-code)}#app{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--sidebar-icon-bg, var(--bg-secondary))}::-webkit-scrollbar-thumb{background:var(--bg-highest, var(--text-muted));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;font-size:20px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border, rgba(68, 72, 79, .15));border-radius:12px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 24px 48px #00000080}:root .modal-card{background:var(--bg-primary);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);box-shadow:0 8px 32px #00000026}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-secondary);border-bottom:none}[data-theme=dark] .modal-header{background:transparent;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{margin:0;font-size:16px;font-weight:700;color:var(--text-primary);font-family:var(--font-display)}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:20px;display:flex;flex-direction:column;gap:16px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){opacity:.85}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-secondary{background:var(--bg-bright, var(--bg-tertiary));color:var(--text-secondary)}.btn-danger{background:var(--color-error);color:var(--bg-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:8px 12px}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);opacity:1}.input,.select{padding:8px 12px;background:var(--bg-primary);border:1px solid transparent;border-radius:6px;color:var(--text-primary);font-size:13px;font-family:inherit;outline:none;transition:border-color .15s ease}.input:focus,.select:focus{border-color:#44484f66}[data-theme=dark] .input:focus,[data-theme=dark] .select:focus{border-color:#44484f66}.select{cursor:pointer}.form-label{font-size:12px;font-weight:500;color:var(--text-secondary)}.form-row{display:flex;align-items:center;gap:8px}.form-row .input{flex:1}.toggle{width:44px;height:24px;border-radius:12px;border:none;background:var(--bg-tertiary);position:relative;cursor:pointer;transition:background .2s;padding:0}.toggle.active{background:var(--accent)}.toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.toggle.active .toggle-knob{transform:translate(20px)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;line-height:1.4}.badge-success{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.badge-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.badge-error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.badge-accent{background:var(--accent-muted);color:var(--accent)}.card{border:none;border-radius:10px;background:var(--bg-secondary);transition:background-color .2s}.card:hover:not(.disabled){background:var(--bg-tertiary)}.card.active{background:var(--surface-elevated, var(--bg-tertiary))}.card.disabled{opacity:.5}.section-label{font-family:var(--font-display);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot-success{background:var(--color-success)}.status-dot-warning{background:var(--color-warning)}.status-dot-error{background:var(--color-error)}.status-dot-muted{background:var(--text-muted)}.hint{font-size:11px;color:var(--text-secondary);margin:0;opacity:.7;line-height:1.5}.notice{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:6px}.notice-warning{background:color-mix(in srgb,var(--color-warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 20%,transparent)}.notice-success{background:color-mix(in srgb,var(--color-success) 10%,transparent);border-left:3px solid var(--color-success)}.notice-icon{font-size:16px;flex-shrink:0}.notice-text{font-size:12px;color:var(--text-secondary);line-height:1.5}kbd{display:inline-block;padding:2px 6px;font-size:11px;font-family:inherit;color:var(--text-primary);background:var(--bg-tertiary);border:none;border-radius:4px;min-width:20px;text-align:center}[data-theme=dark] kbd{background:var(--bg-lowest);color:var(--text-muted)}.chat-float-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--shadow);z-index:1000;transition:transform var(--transition),background-color var(--transition)}.chat-float-btn:hover{transform:scale(1.1);background:var(--accent-hover)}.chat-popup{position:fixed;bottom:96px;right:24px;width:380px;height:520px;background:var(--glass-bg, var(--bg-primary));backdrop-filter:blur(var(--glass-blur, 0px));-webkit-backdrop-filter:blur(var(--glass-blur, 0px));border:none;border-radius:12px;box-shadow:0 8px 32px var(--shadow);z-index:999;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:none;background:transparent}.chat-header-title{font-family:var(--font-display, inherit);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.chat-close-btn{font-size:18px;color:var(--text-secondary);padding:4px}.chat-close-btn:hover{color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--bg-lowest, var(--bg-primary))}.chat-message{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}.chat-message.user{align-self:flex-end;background:var(--bg-tertiary, #1b2028);color:var(--text-primary);border-bottom-right-radius:4px}.chat-message.assistant{align-self:flex-start;background:var(--bg-secondary, #151a21);color:var(--text-primary);border-bottom-left-radius:4px}.chat-related-link{display:inline-block;margin-top:6px;font-size:12px;color:var(--accent);cursor:pointer}.chat-related-link:hover{text-decoration:underline}.chat-input-area{display:flex;gap:8px;padding:12px 16px;border-top:none;background:transparent}.chat-input{flex:1;padding:8px 12px;border:none;border-radius:8px;background:var(--bg-lowest, var(--bg-primary));color:var(--text-primary);font-size:13px;outline:none;font-family:inherit}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{box-shadow:0 0 0 1px var(--accent)}.chat-send-btn{padding:8px 16px;background:var(--accent);color:#fff;border-radius:8px;font-size:13px;font-weight:500;transition:background-color var(--transition)}.chat-send-btn:hover{background:var(--accent-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-loading{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:var(--text-secondary)}.chat-loading-dots span{animation:dot-blink 1.4s infinite;display:inline-block}.chat-loading-dots span:nth-child(2){animation-delay:.2s}.chat-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:0}40%{opacity:1}}@media(max-width:768px){.chat-popup{width:calc(100vw - 32px);height:60vh;right:16px;bottom:80px}}