*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#121212;--bg-secondary:#171717;--bg-card:#1e1e1e;--bg-card-hover:#262626;--border:#2e2e2e;--border-subtle:#232323;--text-primary:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#6b6b6b;--gold:#ff6b6b;--gold-bright:#ff8585;--gold-dim:#ff6b6b1f;--gold-border:#ff6b6b52;--color-foundations:#a78bfa;--color-rag:#2dd4bf;--color-mcp:#fb923c;--color-agentic:#f472b6;--navbar-bg:#121212e0;--surface-micro:#ffffff08;--surface-overlay:#ffffff0d;--surface-hover:#fff1;--hero-dot-color:#a78bfa24;--cta-glow-color:#ff6b6b1a;--selection-bg:#a78bfa47;--code-inline-color:#b9a6f7;--btn-on-gold:#1a0a0a;--btn-on-topic:#121212;--code-block-bg:#0f0f0f;--code-block-border:#a78bfa1f;--code-header-bg:#a78bfa0f;--code-header-border:#a78bfa1a;--code-header-color:#8a8a8a;--code-text-color:#d4d4d4;--font-sans:"Nunito", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Nunito", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--transition:.2s ease}[data-theme=light]{--bg-primary:#f8f7ff;--bg-secondary:#f0eeff;--bg-card:#fff;--bg-card-hover:#f5f3ff;--border:#d8d0f5;--border-subtle:#e8e3ff;--text-primary:#1e1b3a;--text-secondary:#5c5580;--text-muted:#9d96be;--gold:#7c3aed;--gold-bright:#6d28d9;--gold-dim:#7c3aed14;--gold-border:#7c3aed40;--color-foundations:#7c3aed;--color-rag:#0d9488;--color-mcp:#ea580c;--color-agentic:#db2777;--navbar-bg:#f8f7ffeb;--surface-micro:#7c3aed05;--surface-overlay:#7c3aed0a;--surface-hover:#7c3aed0f;--hero-dot-color:#7c3aed1a;--cta-glow-color:#7c3aed14;--selection-bg:#7c3aed26;--code-inline-color:#6d28d9;--btn-on-gold:#fff;--btn-on-topic:#fff;--code-block-bg:#f1eeff;--code-block-border:#7c3aed1a;--code-header-bg:#7c3aed0f;--code-header-border:#7c3aed1a;--code-header-color:#7c6fa8;--code-text-color:#1e1b3a}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(80% 50% at 50% -10%,#a78bfa17 0%,#0000 70%),radial-gradient(40% 30% at 80% 80%,#2dd4bf0f 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--selection-bg);color:var(--text-primary)}code{font-family:var(--font-mono);background:var(--surface-hover);color:var(--code-inline-color);border-radius:3px;padding:2px 6px;font-size:.875em}pre{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-style:italic;font-weight:800}hr{border:none;border-top:1px solid var(--border)}.btn-gold{background:linear-gradient(135deg, var(--color-agentic) 0%, var(--color-foundations) 50%, var(--color-rag) 100%);color:var(--btn-on-gold);border-radius:var(--radius-md);letter-spacing:.01em;cursor:pointer;background-size:200%;border:none;align-items:center;gap:8px;padding:11px 24px;font-size:.875rem;font-weight:700;transition:background-position .4s,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex}.btn-gold:hover{background-position:100%;transform:translateY(-1.5px);box-shadow:0 4px 15px #818cf838}.btn-gold:active{transform:translateY(0)}.btn-gold-lg{padding:13px 30px;font-size:.95rem}.btn-ghost{color:var(--text-secondary);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:11px 22px;font-size:.875rem;font-weight:500;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:var(--color-rag);background:#2dd4bf0d;transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.container{max-width:1160px;margin:0 auto;padding:0 28px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home,.topics-page,.projects-page,.topic-detail,.lesson-page,.lesson-not-found,.not-found{animation:.8s cubic-bezier(.16,1,.3,1) forwards page-fade-in}@keyframes page-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.navbar{z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:58px;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1160px;height:100%;margin:0 auto;padding:0 28px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.navbar-logo{justify-content:center;align-items:center;display:flex}.navbar-name{color:var(--text-primary);letter-spacing:.01em;font-size:.875rem;font-weight:600}.navbar-links{align-items:center;gap:2px;margin-left:auto;display:flex}.navbar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:color var(--transition), background var(--transition);letter-spacing:.01em;padding:5px 13px;font-size:.845rem;font-weight:500}.navbar-link:hover{color:var(--text-primary);background:var(--surface-hover)}.navbar-link.active{color:var(--text-primary)}.navbar-github{border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;margin-left:10px;font-size:.8rem;display:flex}.navbar-github:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.navbar-theme-toggle{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);border:1px solid var(--border);background:var(--surface-overlay);transition:color var(--transition), border-color var(--transition), background var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-theme-toggle:hover{color:var(--gold);border-color:var(--gold-border);background:var(--gold-dim)}.navbar-toggle{color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--transition);padding:6px;display:none}.navbar-toggle:hover{color:var(--text-primary)}@media (width<=640px){.navbar-toggle{justify-content:center;align-items:center;display:flex}.navbar-links{background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:2px;padding:10px;display:none;position:fixed;top:58px;left:0;right:0}.navbar-links.open{display:flex}.navbar-link{padding:10px 13px}}.topic-card{background:var(--bg-card);border:1px solid var(--border);border-left:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition), background var(--transition), transform var(--transition);flex-direction:column;gap:14px;padding:22px 24px 20px;animation:.45s both fadeUp;display:flex;position:relative;overflow:hidden}.topic-card:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb, var(--topic-color) 28%, transparent);border-left-color:var(--topic-color);transform:translateY(-3px)}.topic-card-file-row{font-family:var(--font-mono);justify-content:space-between;align-items:baseline;gap:8px;display:flex}.topic-card-path{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.topic-card-prompt{color:var(--topic-color);font-weight:700}.topic-card-path:after{content:"";background:var(--topic-color);opacity:0;vertical-align:-1px;width:6px;height:11px;transition:opacity var(--transition);margin-left:4px;display:inline-block}.topic-card:hover .topic-card-path:after{opacity:1;animation:1s step-end infinite cursor-blink}.topic-card-index{color:var(--text-muted);flex-shrink:0;font-size:.72rem;font-weight:500}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.topic-card-comment{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-style:italic;overflow:hidden}.topic-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.topic-card-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.2rem;font-weight:700;line-height:1.25}.topic-card-description{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.845rem;line-height:1.65;display:-webkit-box;overflow:hidden}.topic-card-footer{border-top:1px dashed var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.topic-card-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.topic-card-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:.75rem;display:flex}.topic-card-status{font-weight:600}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.difficulty-beginner{background:#059669;box-shadow:0 0 0 2px #0596692e}.status-dot.difficulty-intermediate{background:#d97706;box-shadow:0 0 0 2px #d977062e}.status-dot.difficulty-advanced{background:#db2777;box-shadow:0 0 0 2px #db27772e}.topic-card-run{font-family:var(--font-mono);color:var(--text-muted);transition:color var(--transition), border-color var(--transition), gap var(--transition);border-bottom:1px solid #0000;align-items:center;gap:5px;padding-bottom:1px;font-size:.75rem;font-weight:600;display:flex}.topic-card:hover .topic-card-run{color:var(--topic-color);border-color:var(--topic-color);gap:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.home{padding-top:58px}.hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 65% 55% at 18% 35%, #a78bfa26 0%, transparent 70%), radial-gradient(ellipse 80% 45% at 50% 105%, #2dd4bf21 0%, transparent 65%), var(--bg-primary);flex-direction:column;justify-content:center;min-height:72vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(48px);pointer-events:none;z-index:0;background:radial-gradient(#a78bfa33 0%,#5b3c9c14 45%,#0000 75%);border-radius:50%;width:55%;height:75%;animation:14s ease-in-out infinite alternate orb-left;position:absolute;top:-10%;left:-8%}.hero:after{content:"";filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(#2dd4bf38 0%,#14b8a61a 40%,#0000 72%);border-radius:50%;width:80%;height:70%;animation:18s ease-in-out infinite alternate orb-bottom;position:absolute;bottom:-30%;left:10%;right:10%}@keyframes orb-left{0%{opacity:.75;transform:translate(0)scale(1)}33%{opacity:.9;transform:translate(3%,-4%)scale(1.06)}66%{opacity:.8;transform:translate(-2%,3%)scale(.96)}to{opacity:.95;transform:translate(4%,2%)scale(1.04)}}@keyframes orb-bottom{0%{opacity:.65;transform:translate(0)scale(1)}33%{opacity:.8;transform:translate(-2%,-3%)scale(1.06)}66%{opacity:.72;transform:translate(3%,-1%)scale(.96)}to{opacity:.85;transform:translate(-1%,-4%)scale(1.05)}}.hero-grid-bg{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#a78bfa12 1px,#0000 1px),linear-gradient(#a78bfa12 1px,#0000 1px);background-size:42px 42px;animation:44s linear infinite grid-panning;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 10%,#0000 80%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 10%,#0000 80%)}@keyframes grid-panning{0%{background-position:0 0}to{background-position:84px 84px}}.hero-content{z-index:2;grid-template-columns:1fr;align-items:center;gap:40px;max-width:1160px;margin:0 auto;padding:40px 28px;animation:1s cubic-bezier(.16,1,.3,1) forwards hero-fade-in;display:grid;position:relative}@media (width>=860px){.hero-content{grid-template-columns:1.15fr .85fr;gap:60px;padding-top:44px;padding-bottom:44px}}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero-left{flex-direction:column;gap:24px;display:flex}.hero-right{z-index:1;flex-direction:column;justify-content:center;width:100%;display:flex;position:relative}.hero-right:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-foundations) 8%, transparent) 0%, color-mix(in srgb, var(--color-rag) 5%, transparent) 60%, transparent 100%);filter:blur(40px);pointer-events:none;z-index:0;width:120%;height:120%;animation:12s ease-in-out infinite alternate glow-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glow-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1.05)}}.hero-path{z-index:2;flex-direction:column;gap:10px;display:flex;position:relative}.hero-path:before{content:"";background:linear-gradient(to bottom, var(--color-foundations) 0%, var(--color-rag) 33%, var(--color-mcp) 66%, var(--color-agentic) 100%);opacity:.4;z-index:0;width:2px;position:absolute;top:20px;bottom:20px;left:19px}.hero-path-item{border-radius:var(--radius-md);cursor:pointer;opacity:0;align-items:center;gap:16px;padding:9px 14px 9px 4px;transition:background .3s;animation:.8s cubic-bezier(.16,1,.3,1) forwards hero-card-slide-in;display:flex;position:relative}.hero-path-item:first-child{animation-delay:.15s}.hero-path-item:nth-child(2){animation-delay:.25s}.hero-path-item:nth-child(3){animation-delay:.35s}.hero-path-item:nth-child(4){animation-delay:.45s}.hero-path-item:hover{background:var(--surface-micro)}@keyframes hero-card-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.hero-path-node{background:var(--bg-primary);border:1.5px solid color-mix(in srgb, var(--card-color) 45%, var(--border));width:40px;height:40px;color:var(--card-color);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .3s,background .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.hero-path-node-badge{background:var(--card-color);width:17px;height:17px;color:var(--btn-on-topic);border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:800;display:flex;position:absolute;bottom:-3px;right:-3px}.hero-path-content{flex:1;min-width:0}.hero-path-content h3{color:var(--text-primary);margin-bottom:2px;font-size:.92rem;font-weight:700;transition:color .3s}.hero-path-content p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;line-height:1.35;overflow:hidden}.hero-path-go{color:var(--card-color);opacity:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .3s,transform .3s;display:flex;transform:translate(-6px,4px)}.hero-path-item:hover .hero-path-node{background:color-mix(in srgb, var(--card-color) 16%, var(--bg-primary));border-color:var(--card-color);transform:scale(1.08)}.hero-path-item:hover .hero-path-content h3{color:var(--card-color)}.hero-path-item:hover .hero-path-go{opacity:1;transform:translate(0)}.hero-terminal-tag{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);scrollbar-width:none;cursor:default;opacity:0;flex-wrap:nowrap;align-self:flex-start;align-items:center;gap:8px;max-width:100%;margin-bottom:4px;padding:7px 14px;font-size:.76rem;transition:border-color .3s;animation:.8s cubic-bezier(.16,1,.3,1) forwards hero-fade-in;display:inline-flex;overflow-x:auto}.hero-terminal-tag::-webkit-scrollbar{display:none}.hero-terminal-tag:hover{border-color:var(--color-rag)}.hero-terminal-prompt,.hero-terminal-sep,.hero-terminal-text{white-space:nowrap;flex-shrink:0}.hero-terminal-prompt{color:var(--color-rag);font-weight:600}.hero-terminal-sep{color:var(--text-muted)}.hero-terminal-cursor{background:var(--color-foundations);width:6px;height:13px;animation:1s step-end infinite cursor-blink;display:inline-block}.hero-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;max-width:720px;font-size:clamp(3rem,6.5vw,5rem);font-weight:400;line-height:1.05}.hero-title-highlight{display:inline-block;position:relative}.hero-title-highlight em{z-index:1;color:var(--text-primary);font-style:italic;position:relative}.hero-title-highlight:before{content:"";background:linear-gradient(100deg, var(--color-agentic), var(--color-foundations) 55%, var(--color-rag));opacity:.9;z-index:0;transform-origin:0;border-radius:2px;height:.13em;animation:.7s cubic-bezier(.65,0,.35,1) .6s forwards marker-sweep;position:absolute;bottom:.02em;left:-3px;right:-5px;transform:scaleX(0)}@keyframes marker-sweep{to{transform:scaleX(1)}}.hero-subtitle{color:var(--text-secondary);max-width:500px;font-size:1rem;line-height:1.75}.hero-subtitle strong{color:var(--text-primary);font-weight:600}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-stat-strip{border-top:1px solid var(--border);z-index:2;margin-top:auto;display:flex;position:relative}.hero-stat{border-right:1px solid var(--border);transition:background var(--transition);flex-direction:column;flex:1;gap:2px;padding:22px 28px;display:flex}.hero-stat:hover{background:var(--surface-micro)}.hero-stat-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;transition:color var(--transition);font-size:2rem;font-weight:400;line-height:1}.hero-stat:hover .hero-stat-value{color:var(--color-rag)}.hero-stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem}.home-topics{padding:88px 0 72px}.home-section-head{margin-bottom:52px}.home-section-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:10px;font-size:.7rem;font-weight:700}.home-section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:400;line-height:1.15}.home-section-title em{color:var(--text-secondary);font-style:italic}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;display:grid}.home-why{padding:0 0 88px}.why-list{border-top:1px solid var(--border);flex-direction:column;display:flex}.why-row{border-bottom:1px solid var(--border);grid-template-columns:64px 1fr;align-items:baseline;gap:24px;padding:26px 4px;transition:background .3s,padding-left .3s;display:grid}.why-row:hover{background:var(--surface-micro);padding-left:12px}.why-index{font-family:var(--font-mono);color:var(--color-foundations);opacity:.55;font-size:1.5rem;font-weight:700;line-height:1;transition:opacity .3s}.why-row:hover .why-index{opacity:1}.why-row-text h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:6px;font-size:1rem;font-weight:700}.why-row-text p{color:var(--text-secondary);max-width:540px;font-size:.85rem;line-height:1.65}@media (width<=640px){.why-row{grid-template-columns:40px 1fr;gap:14px}.why-index{font-size:1.15rem}}.home-reality{padding:0 0 44px}.reality-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);grid-template-columns:.85fr 1px 1.15fr;align-items:center;display:grid;overflow:hidden}.reality-divider{background:var(--border);align-self:stretch}.reality-bait{background:radial-gradient(ellipse 90% 80% at 30% 20%, #ff6b6b0f 0%, transparent 70%), var(--bg-secondary);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:22px 28px;display:flex;position:relative}.reality-tag{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);background:var(--surface-overlay);border:1px solid var(--border);border-radius:9999px;padding:2px 9px;font-size:.6rem;font-weight:700}.reality-headline{font-family:var(--font-display);color:var(--text-muted);text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);max-width:280px;font-size:1.05rem;font-weight:700;line-height:1.3}.reality-stamp{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.07em;color:var(--gold);border:1.5px solid var(--gold);border-radius:var(--radius-sm);opacity:.85;align-self:flex-start;margin-top:2px;padding:2px 10px;font-size:.65rem;font-weight:800;transform:rotate(-6deg)}.reality-punch{flex-direction:column;justify-content:center;gap:8px;padding:22px 30px;display:flex}.reality-punch p{color:var(--text-secondary);font-size:.82rem;line-height:1.6}.reality-punch strong{color:var(--text-primary);font-weight:700}@media (width<=860px){.reality-card{grid-template-columns:1fr}.reality-divider{height:1px}.reality-bait,.reality-punch{padding:22px 24px}}.home-cta{padding:0 0 64px}.cta-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:32px;padding:36px 40px;display:flex;position:relative;overflow:hidden}.cta-inner:after{content:"";background:radial-gradient(circle, var(--cta-glow-color) 0%, transparent 70%);pointer-events:none;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.cta-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.55rem;font-weight:400;line-height:1.15}.cta-title em{color:var(--gold);font-style:italic}.cta-sub{color:var(--text-secondary);max-width:380px;margin-top:8px;font-size:.83rem;line-height:1.6}@media (width<=860px){.cta-inner{flex-direction:column;align-items:flex-start;padding:28px 26px}}@media (width<=640px){.hero-stat-strip{flex-wrap:wrap}.hero-stat{border-bottom:1px solid var(--border);flex:50%}.hero-stat:nth-child(2){border-right:none}.home-topics{padding:56px 0 48px}}@media (width<=480px){.hero-terminal-tag{gap:6px;padding:6px 10px;font-size:.62rem}.hero-content{padding-left:20px;padding-right:20px}.hero-title{letter-spacing:-.01em;font-size:clamp(1.9rem,9.2vw,3rem)}}.topics-page{min-height:100vh;padding-top:58px}.topics-page-header{max-width:580px;padding:64px 0 40px}.topics-page-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:2.6rem;font-weight:400;line-height:1.1}.topics-page-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.topics-page-subtitle strong{color:var(--text-primary);font-weight:600}.learning-path{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:40px;padding:14px 20px;display:flex}.path-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);flex-shrink:0;font-size:.68rem;font-weight:700}.path-items{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.path-item{align-items:center;gap:6px;display:flex}.path-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.path-name{color:var(--text-secondary);font-size:.8rem;font-weight:500}.path-arrow{color:var(--text-muted);margin-left:2px;font-size:.8rem}.topics-full-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-bottom:88px;display:grid}@media (width<=640px){.topics-page-header{padding-top:44px}.learning-path{flex-direction:column;align-items:flex-start}}.topic-detail{min-height:100vh;padding-top:58px}.not-found{min-height:100vh;padding-top:100px}.topic-detail-hero{border-bottom:1px solid var(--border);background:var(--bg-secondary);max-width:100%;padding:52px 28px 40px;position:relative;overflow:hidden}.topic-hero-glow{background:color-mix(in srgb, var(--topic-color) 7%, transparent);filter:blur(100px);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;left:-100px}.topic-hero-inner{max-width:1160px;margin:0 auto;padding:0 28px}.back-link{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:5px;margin-bottom:28px;font-size:.78rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text-secondary)}.topic-hero-content{align-items:flex-start;gap:22px;display:flex}.topic-hero-icon{border:1px solid color-mix(in srgb, var(--topic-color) 35%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--topic-color) 10%, transparent);width:52px;height:52px;color:var(--topic-color);flex-shrink:0;justify-content:center;align-items:center;display:flex}.topic-hero-tagline{text-transform:uppercase;letter-spacing:.1em;color:var(--topic-color);margin-bottom:7px;font-size:.68rem;font-weight:700}.topic-hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:2rem;font-weight:400;line-height:1.15}.topic-hero-desc{color:var(--text-secondary);max-width:580px;margin-bottom:18px;font-size:.875rem;line-height:1.72}.topic-hero-meta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.topic-hero-meta span{color:var(--text-muted);align-items:center;gap:5px;font-size:.78rem;display:flex}.topic-hero-difficulty{text-transform:uppercase;letter-spacing:.07em;border-radius:3px;padding:2px 9px!important;font-size:.65rem!important;font-weight:700!important}.difficulty-beginner{background:#0596691a;color:#059669!important}.difficulty-intermediate{background:#d977061a;color:#d97706!important}.difficulty-advanced{background:#db27771a;color:#db2777!important}.topic-detail-body{max-width:1160px;margin:0 auto;padding:0 28px}.topic-detail-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:44px;padding:44px 0 88px;display:grid}.lessons-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px;font-size:.72rem;font-weight:700}.lessons-list{flex-direction:column;gap:6px;display:flex}.lesson-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition);align-items:center;gap:14px;padding:15px 18px;display:flex}.lesson-item:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb, var(--topic-color) 28%, transparent);transform:translate(2px)}.lesson-number{border:1px solid color-mix(in srgb, var(--topic-color) 25%, transparent);background:color-mix(in srgb, var(--topic-color) 8%, transparent);width:26px;height:26px;color:var(--topic-color);font-size:.72rem;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lesson-body{flex:1;min-width:0}.lesson-item-title{color:var(--text-primary);margin-bottom:2px;font-size:.875rem;font-weight:600}.lesson-item-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.775rem;overflow:hidden}.lesson-meta{flex-shrink:0;align-items:center;gap:10px;display:flex}.lesson-arrow{color:var(--text-muted);opacity:0;transition:opacity var(--transition), transform var(--transition)}.lesson-item:hover .lesson-arrow{opacity:1;transform:translate(2px)}.topic-sidebar{flex-direction:column;gap:14px;display:flex;position:sticky;top:78px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px}.sidebar-card-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px;font-size:.68rem;font-weight:700}.prereq-list{flex-direction:column;gap:8px;list-style:none;display:flex}.prereq-link{color:var(--text-secondary);transition:color var(--transition);align-items:center;gap:8px;font-size:.82rem;display:flex}.prereq-link svg{color:#2dd4bf;flex-shrink:0}.prereq-link:hover{color:var(--text-primary)}.sidebar-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sidebar-stat{background:var(--bg-secondary);border-radius:var(--radius-sm);flex-direction:column;align-items:center;padding:12px 8px;display:flex}.sidebar-stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:400}.sidebar-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.65rem}.sidebar-start-card{background:0 0;border:none;padding:0}.sidebar-start-btn{background:var(--topic-color);width:100%;color:var(--btn-on-topic);border-radius:var(--radius-md);transition:filter var(--transition), transform var(--transition);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:700;display:flex}.sidebar-start-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (width<=900px){.topic-detail-layout{grid-template-columns:minmax(0,1fr)}.topic-sidebar{order:-1;position:static}.topic-hero-content{flex-direction:column}}@media (width<=640px){.topic-detail-hero{padding:32px 16px 28px}.lesson-item-desc{display:none}.topic-detail-layout{padding-left:16px;padding-right:16px}}.fd{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.fd-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 14px;display:flex}.fd-header-left{color:var(--text-muted);flex:1;align-items:center;gap:7px;min-width:0;display:flex}.fd-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.65rem;font-weight:700}.fd-step-badge{font-size:.68rem;font-family:var(--font-mono);color:var(--fd-accent);background:color-mix(in srgb, var(--fd-accent) 12%, transparent);border-radius:100px;padding:1px 7px}.fd-header-right{flex-shrink:0;align-items:center;gap:5px;display:flex}.fd-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:.7rem;font-weight:600;font-family:var(--font-sans);border-radius:4px;align-items:center;gap:4px;padding:4px 12px;transition:all .15s;display:inline-flex}.fd-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--text-muted)}.fd-btn-play{color:var(--fd-accent);border-color:color-mix(in srgb, var(--fd-accent) 40%, var(--border))}.fd-btn-play:hover{background:color-mix(in srgb, var(--fd-accent) 10%, var(--bg-card));border-color:var(--fd-accent)}.fd-body{flex-direction:column;padding:16px 16px 20px;display:flex}.fd-connector{flex-direction:column;align-items:center;gap:0;padding:2px 0;display:flex}.fd-connector-line{background:var(--border);width:1.5px;height:14px;transition:background .3s}.fd-connector--done .fd-connector-line{background:color-mix(in srgb, var(--fd-accent) 50%, var(--border))}.fd-connector-arrow{color:var(--border);transition:color .3s}.fd-connector--done .fd-connector-arrow{color:color-mix(in srgb, var(--fd-accent) 50%, var(--border))}.fd-step{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);transition:border-color .25s,background .25s,box-shadow .25s,opacity .25s;overflow:hidden}.fd-step--preview{cursor:pointer;opacity:.75}.fd-step--preview:hover{border-color:color-mix(in srgb, var(--step-accent) 45%, var(--border));background:var(--bg-card-hover);opacity:1}.fd-step--done{border-color:color-mix(in srgb, var(--step-accent) 22%, var(--border));background:color-mix(in srgb, var(--step-accent) 4%, var(--bg-card));opacity:.7}.fd-step--active{border-color:var(--step-accent);background:color-mix(in srgb, var(--step-accent) 7%, var(--bg-card));box-shadow:0 0 0 1px var(--step-accent), 0 8px 36px #00000059;opacity:1}.fd-step--pending{opacity:.3}.fd-step-row{align-items:center;gap:12px;padding:11px 14px;display:flex}.fd-step-row--clickable{cursor:pointer}.fd-step-collapse-hint{color:var(--text-muted);font-size:.6rem;font-family:var(--font-mono);opacity:.6;flex-shrink:0;transition:opacity .15s}.fd-step-row--clickable:hover .fd-step-collapse-hint{opacity:1}.fd-step-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fd-step-emoji{font-size:1.2rem;line-height:1}.fd-step-emoji--active{filter:drop-shadow(0 0 8px color-mix(in srgb, var(--step-accent) 60%, transparent));font-size:1.4rem}.fd-step-check{color:var(--step-accent)}.fd-step-preview-dot{color:var(--text-muted);flex-shrink:0}.fd-step-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fd-step-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.84rem;font-weight:700;line-height:1.3}.fd-step--active .fd-step-title{color:color-mix(in srgb, var(--step-accent) 60%, var(--text-primary));font-size:.9rem}.fd-step-sub{color:var(--text-muted);font-size:.66rem;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;line-height:1.3;overflow:hidden}.fd-step-done-label{text-transform:uppercase;letter-spacing:.1em;color:var(--step-accent);opacity:.7;flex-shrink:0;font-size:.6rem;font-weight:700}.fd-step-expanded{padding:0 14px 14px;animation:.25s fd-expand}@keyframes fd-expand{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.fd-step-subtitle{font-size:.72rem;font-family:var(--font-mono);color:var(--step-accent);background:color-mix(in srgb, var(--step-accent) 10%, transparent);border-radius:4px;margin-bottom:10px;padding:3px 8px;display:inline-block}.fd-step-divider{background:color-mix(in srgb, var(--step-accent) 20%, var(--border));height:1px;margin-bottom:12px}.fd-step-details{color:var(--text-secondary);margin-bottom:16px;font-size:.84rem;line-height:1.72}.fd-step-nav{align-items:center;gap:8px;display:flex}.fd-nav-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-card-hover);color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:var(--font-sans);align-items:center;padding:6px 14px;transition:all .15s;display:inline-flex}.fd-nav-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted);background:color-mix(in srgb, var(--step-accent) 8%, var(--bg-card-hover))}.fd-nav-btn:disabled{opacity:.3;cursor:default}.fd-nav-btn--next{background:color-mix(in srgb, var(--step-accent) 12%, var(--bg-card-hover));border-color:color-mix(in srgb, var(--step-accent) 40%, var(--border));color:var(--step-accent);margin-left:auto}.fd-nav-btn--next:hover{background:color-mix(in srgb, var(--step-accent) 20%, var(--bg-card-hover))!important;border-color:var(--step-accent)!important}.fd-nav-btn--done{background:color-mix(in srgb, var(--step-accent) 12%, var(--bg-card-hover));border-color:color-mix(in srgb, var(--step-accent) 40%, var(--border));color:var(--step-accent);margin-left:auto}.fd-nav-counter{font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.ps-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);grid-template-columns:280px 1fr;gap:20px;margin:20px 0;padding:20px;display:grid;box-shadow:0 4px 20px #0003}@media (width<=768px){.ps-container{grid-template-columns:1fr}}.ps-settings{border-right:1px solid var(--border);flex-direction:column;gap:20px;padding-right:15px;display:flex}@media (width<=768px){.ps-settings{border-right:none;border-bottom:1px solid var(--border);padding-bottom:20px;padding-right:0}}.ps-section-title{letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.ps-icon-indigo{color:var(--color-foundations)}.ps-setting-group{flex-direction:column;gap:10px;display:flex}.ps-setting-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.ps-help-trigger{color:var(--text-muted);cursor:pointer;transition:color var(--transition);align-items:center;display:inline-flex}.ps-help-trigger:hover{color:var(--color-foundations)}.ps-slider{-webkit-appearance:none;border-radius:var(--radius-sm);cursor:pointer;outline:none;width:100%;height:6px;transition:opacity .2s}.ps-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--color-foundations);cursor:pointer;width:16px;height:16px;transition:transform var(--transition);border-radius:50%;box-shadow:0 0 8px #8b8cff80}.ps-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ps-slider-labels{color:var(--text-muted);justify-content:space-between;font-size:.7rem;display:flex}.ps-setting-help{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:8px 12px;font-size:.75rem;line-height:1.4}.ps-presets{flex-direction:column;gap:8px;display:flex}.ps-presets-title{color:var(--text-secondary);font-size:.8rem;font-weight:600}.ps-presets-list{flex-wrap:wrap;gap:6px;display:flex}.ps-preset-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;padding:5px 10px;font-size:.75rem}.ps-preset-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--surface-overlay)}.ps-preset-btn.active{background:var(--color-foundations);color:var(--btn-on-topic);border-color:var(--color-foundations);font-weight:600}.ps-terminal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 2px 8px #0006}.ps-terminal-header{background:var(--bg-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.ps-terminal-dots{gap:6px;display:flex}.ps-terminal-dots .dot{border-radius:50%;width:10px;height:10px;display:inline-block}.ps-terminal-dots .dot.red{background-color:#ff5f56}.ps-terminal-dots .dot.yellow{background-color:#ffbd2e}.ps-terminal-dots .dot.green{background-color:#27c93f}.ps-terminal-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.05em;font-size:.7rem}.ps-reset-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition);align-items:center;gap:4px;font-size:.7rem;display:flex}.ps-reset-btn:hover{color:var(--color-foundations)}.ps-terminal-body{flex-direction:column;gap:20px;min-height:250px;padding:16px;display:flex}.ps-input-area{align-items:flex-start;gap:10px;display:flex}.ps-prompt-symbol{font-family:var(--font-mono);color:var(--color-foundations);margin-top:4px;font-weight:700}.ps-textarea{resize:none;font-family:var(--font-mono);color:var(--text-primary);caret-color:var(--color-foundations);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.95rem;line-height:1.5}.ps-textarea::placeholder{color:var(--text-muted)}.ps-prediction-results{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-top:16px;display:flex}.ps-results-header{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:flex}.ps-icon-gold{color:#ff984d}.ps-candidates{flex-direction:column;gap:10px;display:flex}.ps-candidate-row{font-family:var(--font-mono);grid-template-columns:130px 1fr;align-items:center;gap:12px;display:grid}@media (width<=520px){.ps-candidate-row{grid-template-columns:100px 1fr}}.ps-candidate-word-btn{font-family:var(--font-mono);color:var(--color-foundations);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;transition:all var(--transition);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;font-size:.85rem;font-weight:600;overflow:hidden}.ps-candidate-word-btn:hover{background:var(--color-foundations);color:var(--btn-on-topic);border-color:var(--color-foundations);transform:translate(2px)}.ps-bar-container{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);align-items:center;gap:10px;height:28px;display:flex;position:relative;overflow:hidden}.ps-probability-bar{height:100%;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s}.ps-bar-percent{color:var(--text-primary);text-shadow:0 1px 2px #000c;font-size:.75rem;font-weight:600;position:absolute;right:10px}.ps-logit-details{color:var(--text-muted);grid-column:1/-1;margin-top:-8px;padding-left:142px;font-size:.7rem}@media (width<=520px){.ps-logit-details{padding-left:112px}}.ps-terminal-footer{background:var(--bg-primary);border-top:1px solid var(--border);color:var(--text-muted);text-align:center;padding:8px 16px;font-size:.75rem}.ps-completed-area{border-top:1px solid var(--border-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 16px;animation:.4s ease-out fadeIn;display:flex}.ps-completed-banner{background:color-mix(in srgb, var(--color-foundations) 12%, transparent);border:1px solid var(--color-foundations);color:var(--text-primary);border-radius:var(--radius-md);align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:flex}.ps-completed-desc{color:var(--text-secondary);max-width:380px;font-size:.8rem;line-height:1.4}.ps-completed-restart-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.ps-completed-restart-btn:hover{opacity:.9;transform:translateY(-1px)}@media (width<=640px){.ps-container{gap:14px;padding:14px}.ps-settings{border-right:none;border-bottom:1px solid var(--border);padding-bottom:14px;padding-right:0}.ps-section-title{font-size:.82rem}}:root{--token-c1:#a78bfa40;--token-c2:#2dd4bf40;--token-c3:#fb923c40;--token-c4:#f43f5e40;--token-c5:#eab30840}[data-theme=light]{--token-c1:#8b5cf62e;--token-c2:#0d94882e;--token-c3:#ea580c2e;--token-c4:#e11d482e;--token-c5:#ca8a042e}.tok-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;margin:20px 0;padding:20px;display:flex;box-shadow:0 4px 20px #0003}.tok-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.tok-tab-btn{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.tok-tab-btn:hover{color:var(--text-primary);background:var(--surface-overlay)}.tok-tab-btn.active{color:var(--color-foundations);background:var(--surface-hover);border-color:var(--border)}.tok-sandbox-layout{grid-template-columns:1fr;gap:20px;display:grid}.tok-box-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:10px;font-size:.85rem;font-weight:700;display:block}.tok-input-box{flex-direction:column;display:flex}.tok-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);resize:none;transition:border-color var(--transition);outline:none;padding:12px;font-size:.95rem}.tok-textarea:focus{border-color:var(--color-foundations)}.tok-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.tok-metric-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex}.tok-metric-card.highlight-metric{border-color:var(--color-foundations);background:color-mix(in srgb, var(--color-foundations) 4%, var(--bg-secondary))}.tok-metric-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;margin-bottom:2px;font-size:.7rem}.tok-metric-val{color:var(--text-primary);font-size:1.2rem;font-weight:700}.tok-metric-card.highlight-metric .tok-metric-val{color:var(--color-foundations)}.tok-metric-subtext{color:var(--text-muted);font-size:.7rem;font-weight:400}.tok-output-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;min-height:200px;padding:16px;display:flex}.tok-output-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;display:flex}.tok-color-legend{color:var(--text-secondary);align-items:center;gap:10px;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.legend-dot.space{background-color:#64748b}.legend-dot.word{background-color:var(--token-c1)}.legend-dot.subword{background-color:var(--token-c3)}.legend-dot.byte{background-color:var(--token-c4)}.tok-blocks-area{flex-wrap:wrap;flex:1;align-content:flex-start;gap:5px;display:flex}.tok-blocks-area.mini{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:4px;padding:10px}.tok-placeholder-text{color:var(--text-muted);font-size:.85rem;font-style:italic}.tok-block{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;padding:4px 8px;font-size:.85rem;display:inline-flex;position:relative}.tok-block:hover{z-index:10;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.tok-block.static{cursor:default;pointer-events:none}.tok-tooltip{visibility:hidden;border:1px solid var(--border);border-radius:var(--radius-md);z-index:100;opacity:0;background:#0b0d10;flex-direction:column;gap:4px;width:180px;padding:8px 12px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000080}.tok-block:hover .tok-tooltip{visibility:visible;opacity:1;transform:translate(-50%)translateY(-2px)}.tok-tooltip-row{justify-content:space-between;font-size:.72rem;display:flex}.tooltip-label{color:var(--text-muted)}.tooltip-val{color:var(--text-primary);font-weight:600}.tok-details-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:6px;margin-top:14px;padding-top:10px;font-size:.75rem;display:flex}.tok-game-container{flex-direction:column;gap:15px;display:flex}.tok-game-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.tok-game-title{color:var(--text-primary);font-size:1rem;font-weight:700}.tok-game-score{color:var(--text-secondary);font-size:.85rem}.tok-game-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.tok-phrase-container{margin-bottom:20px}.phrase-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;display:block}.phrase-text{font-family:var(--font-mono);color:var(--color-foundations);background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:10px 14px;font-size:1.15rem;font-weight:700;display:inline-block}.tok-guess-form{flex-direction:column;gap:10px;display:flex}.guess-input-label{color:var(--text-secondary);font-size:.85rem}.guess-input-row{gap:10px;display:flex}.tok-guess-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);width:140px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-mono);outline:none;padding:8px 12px}.tok-guess-input:focus{border-color:var(--color-foundations)}.tok-submit-guess-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.tok-submit-guess-btn:hover{opacity:.9;transform:translateY(-1px)}.tok-guess-result{flex-direction:column;gap:16px;display:flex}.result-banner{border-radius:var(--radius-sm);padding:12px}.result-msg{align-items:center;gap:10px;font-size:.9rem;display:flex}.result-msg.correct{color:var(--color-rag)}.result-msg.incorrect{color:#ff5d52}.circle-check,.circle-cross{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.circle-check{background-color:var(--color-rag)}.circle-cross{background-color:#ff5d52}.breakdown-title{color:var(--text-secondary);margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.result-explanation{color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);border-left:3px solid var(--color-foundations);padding:10px 14px;font-size:.8rem;line-height:1.4}.result-actions{margin-top:10px}.tok-next-btn{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.tok-next-btn:hover{opacity:.9;transform:translateY(-1px)}.tok-next-btn.reset{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.tok-next-btn.reset:hover{color:var(--text-primary);border-color:var(--text-muted)}.game-over-row{color:var(--text-secondary);align-items:center;gap:15px;font-size:.85rem;display:flex}.tok-challenge-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.5}.target-input-area{flex-direction:column;gap:16px;display:flex}.tok-target-textarea{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--text-primary);resize:none;transition:border-color var(--transition);outline:none;padding:12px;font-size:.95rem}.tok-target-textarea:focus{border-color:var(--color-foundations)}.target-progress-bar{flex-direction:column;gap:6px;display:flex}.target-counter{color:var(--text-secondary);font-size:.8rem}.progress-bg{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);height:8px;overflow:hidden}.progress-fill{background:var(--color-foundations);width:0;height:100%;transition:width .3s,background-color .3s}.progress-fill.success{background:var(--color-rag)}.progress-fill.over{background:#ff5d52}.target-success-banner{background:color-mix(in srgb, var(--color-rag) 12%, transparent);border:1px solid var(--color-rag);border-radius:var(--radius-sm);color:var(--color-rag);align-items:center;gap:8px;padding:12px;font-size:.85rem;font-weight:600;display:flex}@media (width<=640px){.tok-container{padding:14px 12px}.tok-tab-btn{padding:6px 10px;font-size:.78rem}.tok-metrics{grid-template-columns:repeat(3,1fr);gap:8px}.tok-metric-val{font-size:1rem}.tok-metric-label{font-size:.62rem}.tok-output-box{padding:12px}.phrase-text{font-size:.95rem}.guess-input-row{flex-wrap:wrap}.tok-guess-input{width:100%}}.emb-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;margin:20px 0;padding:20px;display:flex;box-shadow:0 4px 20px #0003}.emb-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex;overflow-x:auto}.emb-tab-btn{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.emb-tab-btn:hover{color:var(--text-primary);background:var(--surface-overlay)}.emb-tab-btn.active{color:var(--color-foundations);background:var(--surface-hover);border-color:var(--border)}.emb-layout{grid-template-columns:1.1fr 1fr;gap:24px;display:grid}@media (width<=820px){.emb-layout{grid-template-columns:1fr}}.emb-math-panel{flex-direction:column;justify-content:flex-start;gap:15px;display:flex}.emb-section-header{letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.emb-icon-indigo{color:var(--color-foundations)}.emb-help-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.emb-equation-visual{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;display:flex}.emb-equation-step{flex-direction:column;flex:1;gap:6px;min-width:110px;display:flex}.step-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;font-size:.7rem;font-weight:700}.emb-operator-col{justify-content:center;align-items:center;padding-bottom:10px;display:flex}.equation-sign{font-family:var(--font-mono);color:var(--text-muted);font-size:1.1rem;font-weight:700}.emb-select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:8px 12px;font-size:.85rem}.emb-select:focus{border-color:var(--color-foundations)}.emb-select.full-width{width:100%}.emb-compute-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;border:none;margin-left:auto;padding:8px 16px;font-size:.85rem;font-weight:700}.emb-compute-btn:hover{opacity:.9;transform:translateY(-1px)}.emb-compute-btn:disabled{opacity:.6;cursor:not-allowed}.emb-math-result-card{background:var(--bg-secondary);border:1px solid var(--color-foundations);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px;display:flex}.result-word-title{color:var(--text-primary);font-size:.95rem}.text-royal{color:var(--color-foundations)}.result-stats{color:var(--text-secondary);font-size:.8rem}.result-stats span{font-family:var(--font-mono);color:var(--color-foundations);font-weight:700}.result-explanation{color:var(--text-secondary);border-left:2px solid var(--border);padding-left:10px;font-size:.8rem;line-height:1.4}.emb-visual-space{flex-direction:column;gap:12px;display:flex}.svg-wrapper{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:inset 0 2px 8px #0000004d}.emb-svg-canvas{aspect-ratio:1;width:100%;max-width:320px;height:auto}.grid-line{stroke:var(--border-subtle);stroke-width:.5px;stroke-dasharray:2 4}.grid-line.axis{stroke:var(--border);stroke-width:1px;stroke-dasharray:none}.grid-circle{fill:none;stroke:var(--border-subtle);stroke-width:.5px;stroke-dasharray:4 6}.svg-word-node{transition:opacity .3s}.node-dot{stroke:#0006;stroke-width:1px;transition:r .2s,stroke-width .2s}.cat-royalty{fill:var(--color-foundations)}.cat-technology{fill:var(--color-rag)}.cat-fruit{fill:var(--color-mcp)}.cat-action{fill:var(--color-agentic)}.pulsing-node{stroke-width:1.5px;stroke:#fff;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%{r:6;opacity:.8}50%{r:9;opacity:1}to{r:6;opacity:.8}}.node-label{font-size:9px;font-family:var(--font-sans);fill:var(--text-secondary);pointer-events:none;text-shadow:0 1px 2px #0b0d10;font-weight:500}.node-label.highlight-label{fill:var(--text-primary);font-size:11px;font-weight:700}.vector-arrow{stroke-width:1.5px;stroke-linecap:round;fill:none;stroke-dasharray:4 4}.vector-a{stroke:var(--color-foundations);stroke-width:2px;stroke-dasharray:none}.vector-b{stroke:var(--color-agentic)}.vector-c{stroke:var(--color-rag)}.animate-dash{stroke-dasharray:4 4;animation:1s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-20px}}.result-node{fill:#fff;stroke:var(--color-foundations);stroke-width:2px;animation:1s ease-in-out infinite pulse}.result-node-label{font-size:10px;font-family:var(--font-mono);fill:#fff;text-shadow:0 1px 3px #000c;font-weight:700}.emb-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:12px;font-size:.75rem;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.color-royalty{background-color:var(--color-foundations)}.color-technology{background-color:var(--color-rag)}.color-fruit{background-color:var(--color-mcp)}.color-action{background-color:var(--color-agentic)}.emb-similarity-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.emb-similarity-layout{grid-template-columns:1fr}}.sim-selection-panel{flex-direction:column;gap:16px;display:flex}.sim-dropdowns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sim-dropdown-col{flex-direction:column;gap:6px;display:flex}.sim-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.sim-result-feedback{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:16px;display:flex}.vibe-label{color:var(--text-muted);font-size:.7rem}.vibe-text{color:var(--color-foundations);font-size:1rem;font-weight:700}.vibe-desc{color:var(--text-secondary);margin-top:4px;font-size:.8rem;line-height:1.4}.sim-meter-panel{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;padding:16px;display:flex}.sim-gauge-container{width:100%;max-width:160px;margin:10px 0}.sim-gauge-svg{width:100%;height:auto}.gauge-progress{stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.16,1,.3,1)}.gauge-score-num{font-family:var(--font-mono);fill:var(--text-primary);font-size:24px;font-weight:700}.gauge-score-percent{fill:var(--text-secondary);font-size:11px;font-weight:600}.sim-vectors-preview{border-top:1px solid var(--border-subtle);flex-direction:column;gap:6px;width:100%;margin-top:10px;padding-top:12px;display:flex}.preview-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.7rem;display:block}.vector-code{color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 10px;font-size:.7rem;overflow-x:auto}.vector-code .word{color:var(--color-foundations);margin-right:4px;font-weight:700}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.emb-container{padding:14px 12px}.emb-tab-btn{padding:6px 10px;font-size:.78rem}.emb-vector-space-wrapper{height:220px}.emb-controls-panel{gap:10px}.emb-word-btn{padding:5px 9px;font-size:.75rem}}.ctx-subtle-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #00000026}.ctx-subtle-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.ctx-subtle-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.ctx-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cff99)}.ctx-subtle-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-foundations) 12%, transparent);color:var(--color-foundations);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.ctx-subtle-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.ctx-slider-wrapper{flex-direction:column;gap:8px;margin:8px 0;display:flex}.ctx-slider-labels{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;font-size:.72rem;font-weight:600;display:flex}.ctx-gradient-track-container{align-items:center;width:100%;height:24px;display:flex;position:relative}.ctx-gradient-track{background:linear-gradient(to right, var(--color-foundations) 0%, color-mix(in srgb, var(--color-foundations) 12%, var(--bg-primary)) 50%, var(--color-foundations) 100%);border:1px solid var(--border-subtle);border-radius:5px;width:100%;height:10px;box-shadow:inset 0 1px 3px #0006}.ctx-subtle-range{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:24px;margin:0;position:absolute;top:0;left:0}.ctx-subtle-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--color-foundations);background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .1s,background-color .2s;box-shadow:0 0 10px #8b8cffcc,0 2px 4px #0000004d}.ctx-subtle-range::-webkit-slider-thumb:hover{background:color-mix(in srgb, var(--color-foundations) 10%, #fff);transform:scale(1.15)}.ctx-subtle-range::-webkit-slider-thumb:active{background:var(--color-foundations);border-color:#fff;transform:scale(1.05)}.ctx-subtle-range::-moz-range-thumb{border:2px solid var(--color-foundations);cursor:pointer;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .1s,background-color .2s;box-shadow:0 0 10px #8b8cffcc,0 2px 4px #0000004d}.ctx-subtle-range::-moz-range-thumb:hover{background:color-mix(in srgb, var(--color-foundations) 10%, #fff);transform:scale(1.15)}.ctx-subtle-range::-moz-range-thumb:active{background:var(--color-foundations);border-color:#fff;transform:scale(1.05)}.ctx-status-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px 20px;transition:border-color .3s,border-left-color .3s;display:flex;box-shadow:inset 0 2px 6px #0000001a}.ctx-status-card-header{align-items:center;gap:16px;display:flex}.ctx-metric-circle{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:border-color .3s;display:flex}.status-success .ctx-metric-circle{border-color:var(--color-rag);box-shadow:0 0 10px color-mix(in srgb, var(--color-rag) 20%, transparent)}.status-warning .ctx-metric-circle{border-color:var(--color-mcp);box-shadow:0 0 10px color-mix(in srgb, var(--color-mcp) 20%, transparent)}.status-error .ctx-metric-circle{border-color:#ff5d52;box-shadow:0 0 10px #ff5d5233}.ctx-metric-num{font-family:monospace;font-size:1.15rem;font-weight:800;line-height:1}.status-success .ctx-metric-num{color:var(--color-rag)}.status-warning .ctx-metric-num{color:var(--color-mcp)}.status-error .ctx-metric-num{color:#ff5d52}.ctx-metric-lbl{text-transform:uppercase;color:var(--text-muted);font-size:.6rem;font-weight:700}.ctx-status-info{flex-direction:column;gap:4px;display:flex}.ctx-status-label-row{align-items:center;gap:6px;display:flex}.ctx-status-indicator{border-radius:50%;width:8px;height:8px}.status-success .ctx-status-indicator{background:var(--color-rag);box-shadow:0 0 6px var(--color-rag)}.status-warning .ctx-status-indicator{background:var(--color-mcp);box-shadow:0 0 6px var(--color-mcp)}.status-error .ctx-status-indicator{background:#ff5d52;box-shadow:0 0 6px #ff5d52}.ctx-status-text{letter-spacing:-.01em;font-size:.95rem;font-weight:750}.status-success .ctx-status-text{color:var(--color-rag)}.status-warning .ctx-status-text{color:var(--color-mcp)}.status-error .ctx-status-text{color:#ff5d52}.ctx-region-name{color:var(--text-secondary);font-size:.78rem;font-weight:600}.ctx-status-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.ctx-status-tip{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-primary);border:1px solid var(--border-subtle);align-items:flex-start;gap:8px;padding:10px 14px;font-size:.78rem;line-height:1.4;display:flex}.ctx-status-tip span{flex:1}.icon-info{color:var(--color-foundations);flex-shrink:0;margin-top:2px}.icon-alert{color:var(--color-mcp);flex-shrink:0;margin-top:2px}@media (width<=640px){.ctx-subtle-container{gap:12px;padding:14px 12px}.ctx-subtle-header{flex-direction:column;align-items:flex-start}.ctx-metric-circle{width:52px;height:52px}.ctx-metric-num{font-size:.95rem}.ctx-status-card{padding:12px 14px}.ctx-status-text{font-size:.85rem}}.train-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #0003}.train-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.train-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.train-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cff99)}.train-tabs{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:6px;padding:3px;display:flex}.train-tab-btn{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;display:flex}.train-tab-btn:hover{color:var(--text-primary)}.train-tab-btn.active{color:var(--btn-on-topic);background:var(--color-foundations)}.train-tab-btn:disabled{opacity:.4;cursor:not-allowed}.train-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.train-sandbox-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=820px){.train-sandbox-grid{grid-template-columns:1fr}}.train-left-panel{flex-direction:column;gap:16px;display:flex}.train-control-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:18px;display:flex}.panel-sub-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;font-size:.82rem;font-weight:700}.panel-help-text{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.train-actions-bar{gap:10px;display:flex}.train-btn-primary{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.train-btn-primary:hover{opacity:.9}.train-btn-primary:disabled{opacity:.5;cursor:not-allowed}.train-btn-primary.running{background:var(--color-rag);animation:1.5s ease-in-out infinite pulseBg}.train-btn-secondary{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:600;display:flex}.train-btn-secondary:hover{color:var(--text-primary);border-color:var(--text-muted)}.train-btn-secondary:disabled{opacity:.4;cursor:not-allowed}.train-progress-wrapper{flex-direction:column;gap:6px;display:flex}.train-progress-labels{justify-content:space-between;font-size:.75rem;font-weight:600;display:flex}.train-progress-track{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);height:6px;overflow:hidden}.train-progress-fill{background:var(--color-rag);width:0;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.train-templates-list{flex-wrap:wrap;gap:6px;display:flex}.train-template-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;padding:5px 10px;font-size:.72rem;font-weight:600}.train-template-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.train-template-btn.active{border-color:var(--color-foundations);color:var(--color-foundations);background:color-mix(in srgb, var(--color-foundations) 6%, transparent)}.train-template-btn:disabled{opacity:.5;cursor:not-allowed}.train-input-group{gap:8px;display:flex}.train-query-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);transition:border var(--transition);outline:none;flex:1;padding:8px 12px;font-size:.8rem}.train-query-input:focus{border-color:var(--color-foundations)}.train-query-input:disabled{opacity:.6;cursor:not-allowed}.train-send-btn{background:var(--color-foundations);width:34px;height:34px;color:var(--btn-on-topic);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-items:center;display:flex}.train-send-btn:hover{opacity:.9}.train-send-btn:disabled{opacity:.5;cursor:not-allowed}.train-terminal-output{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:8px;min-height:80px;padding:12px;display:flex}.terminal-header{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.terminal-body{color:var(--text-primary);font-size:.8rem;line-height:1.4}@keyframes blink{0%{opacity:0}to{opacity:1}}.train-right-panel{flex-direction:column;gap:16px;display:flex}.train-network-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:inset 0 2px 6px #0000001a}.train-synapse-visualizer{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;height:160px;display:flex;overflow:hidden}.synapse-svg{display:block}.neural-node{fill:var(--bg-secondary);stroke:var(--color-foundations);stroke-width:2px}.hidden-node{stroke:#a5b4fc}.output-node{stroke:var(--color-rag)}.synapse-line{stroke-width:1.5px;transition:stroke .3s,opacity .3s}.line-training-static{stroke:#a5b4fc40}.line-training-pulsing{stroke:var(--color-foundations);stroke-dasharray:6 4;opacity:.9;animation:1s linear infinite trainingMove}@keyframes trainingMove{to{stroke-dashoffset:-10px}}.line-inference-static{stroke:#2dd4bf33}.line-inference-active{stroke:var(--color-rag);stroke-dasharray:8 8;opacity:.95;animation:.4s linear infinite inferenceMove}@keyframes inferenceMove{to{stroke-dashoffset:-16px}}.train-network-legend{color:var(--text-muted);justify-content:space-around;font-size:.65rem;font-weight:700;display:flex}.train-stats-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:18px;display:flex}.train-stats-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.train-stat-box{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:10px 14px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:750}.text-cyan{color:var(--color-rag)!important}.text-amber{color:var(--color-mcp)!important}.text-green{color:var(--color-rag)!important}.text-red{color:#ff5d52!important}.animate-pulse{animation:1s ease-in-out infinite alternate textPulse}@keyframes textPulse{0%{opacity:.8}to{opacity:1}}@keyframes pulseBg{0%{box-shadow:0 0 #2dd4bf66}70%{box-shadow:0 0 0 6px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}@media (width<=640px){.train-container{gap:12px;padding:14px 12px}.train-header{flex-direction:column;align-items:flex-start}.train-tabs{width:100%;overflow-x:auto}.train-tab-btn{white-space:nowrap;padding:5px 9px;font-size:.72rem}.train-control-card{padding:12px}.train-actions-bar{flex-wrap:wrap}.train-btn-primary,.train-btn-secondary{padding:7px 12px;font-size:.75rem}.train-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-value{font-size:.9rem}}.prompt-sandbox-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #0003}.prompt-sandbox-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.prompt-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.prompt-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cff99)}.prompt-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-foundations) 12%, transparent);color:var(--color-foundations);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.prompt-intro-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.prompt-grid{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}@media (width<=820px){.prompt-grid{grid-template-columns:1fr}}.panel-header-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.prompt-toggle-list{flex-direction:column;gap:10px;display:flex}.prompt-toggle-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:12px;padding:14px;display:flex}.prompt-toggle-card:hover{background:var(--surface-overlay);border-color:var(--text-muted)}.prompt-toggle-card.active{border-color:var(--color-foundations);background:color-mix(in srgb, var(--color-foundations) 4%, var(--bg-secondary))}.toggle-icon{color:var(--text-muted);margin-top:2px}.text-active{color:var(--color-foundations)!important}.toggle-info{flex-direction:column;gap:2px;display:flex}.toggle-name{color:var(--text-primary);font-size:.85rem;font-weight:700}.toggle-desc{color:var(--text-muted);font-size:.72rem}.prompt-preview-panel{flex-direction:column;gap:14px;display:flex}.prompt-editor-preview{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);height:180px;padding:16px;overflow-y:auto;box-shadow:inset 0 2px 6px #0003}.compiled-text{white-space:pre-wrap;color:var(--text-secondary);font-size:.78rem;line-height:1.4}.prompt-eval-metric{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:12px;display:flex}.eval-metric-header{justify-content:space-between;font-size:.75rem;font-weight:600;display:flex}.eval-metric-track{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);height:6px;overflow:hidden}.eval-metric-fill{width:0;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s}.status-error .eval-metric-fill{background:#ff5d52}.status-warning .eval-metric-fill{background:var(--color-mcp)}.status-success .eval-metric-fill{background:var(--color-rag)}.status-error{border-left:3px solid #ff5d52}.status-warning{border-left:3px solid var(--color-mcp)}.status-success{border-left:3px solid var(--color-rag)}.prompt-test-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;font-weight:700;display:flex}.prompt-test-btn:hover{opacity:.9}.prompt-test-btn:disabled{opacity:.5;cursor:not-allowed}.prompt-terminal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:8px;min-height:80px;padding:12px;display:flex}.terminal-lbl{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:.65rem;display:flex}@media (width<=640px){.prompt-sandbox-container{gap:12px;padding:14px 12px}.prompt-editor-preview{height:140px}.prompt-toggle-card{gap:8px;padding:10px}.toggle-name{font-size:.8rem}}.hallucinate-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #0003}.hallucinate-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.hallucinate-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.hallucinate-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cff99)}.hallucinate-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-foundations) 12%, transparent);color:var(--color-foundations);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.hallucinate-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.hallucinate-grid{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}@media (width<=820px){.hallucinate-grid{grid-template-columns:1fr}}.panel-sub-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.hallucinate-controls{flex-direction:column;gap:16px;display:flex}.control-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.panel-desc-small{color:var(--text-secondary);font-size:.75rem;line-height:1.4}.query-selector-list{flex-direction:column;gap:8px;display:flex}.query-select-btn{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;padding:8px 12px;font-size:.76rem;font-weight:600}.query-select-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.query-select-btn.active{border-color:var(--color-foundations);color:var(--color-foundations);background:color-mix(in srgb, var(--color-foundations) 6%, transparent)}.query-select-btn:disabled{opacity:.5;cursor:not-allowed}.rag-toggle-row{background:var(--bg-primary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.rag-toggle-label{font-size:.8rem;font-weight:600}.rag-toggle-switch{cursor:pointer;border:none;border-radius:11px;outline:none;width:44px;height:22px;padding:0;transition:background-color .3s;position:relative}.rag-toggle-switch.off{background-color:var(--border)}.rag-toggle-switch.on{background-color:var(--color-rag)}.switch-handle{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.rag-toggle-switch.on .switch-handle{transform:translate(22px)}.rag-toggle-switch:disabled{opacity:.5;cursor:not-allowed}.rag-context-preview{background:color-mix(in srgb, var(--color-rag) 5%, var(--bg-primary));border:1px solid color-mix(in srgb, var(--color-rag) 30%, transparent);border-radius:var(--radius-sm);color:var(--color-rag);align-items:flex-start;gap:8px;padding:10px 12px;font-size:.72rem;line-height:1.45;animation:.3s ease-out slideDown;display:flex}.db-icon{flex-shrink:0;margin-top:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hallucinate-run-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);color:var(--btn-on-topic);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:700;display:flex}.hallucinate-run-btn.hallucinate-btn{background:var(--color-mcp)}.hallucinate-run-btn.grounded-btn{background:var(--color-rag)}.hallucinate-run-btn:hover{opacity:.9}.hallucinate-run-btn:disabled{opacity:.5;cursor:not-allowed}.hallucinate-output-panel{flex-direction:column;gap:14px;display:flex}.hallucinate-terminal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);min-height:140px;color:var(--text-primary);padding:18px;font-size:.8rem;line-height:1.5;box-shadow:inset 0 2px 6px #0003}.terminal-cursor{background:var(--color-foundations);width:6px;height:12px;margin-left:3px;animation:.8s steps(2,end) infinite blink;display:inline-block}.status-banner{border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:16px;animation:.4s ease-out fadeIn;display:flex}.banner-header{align-items:center;gap:8px;font-size:.85rem;font-weight:700;display:flex}.banner-explanation{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.banner-hallucinated{color:#ff5d52;background:#ff5d5214;border:1px solid #ff5d52}.banner-grounded{border:1px solid var(--color-rag);color:var(--color-rag);background:#2dd4bf14}@media (width<=640px){.hallucinate-container{gap:12px;padding:14px 12px}.hallucinate-terminal{min-height:100px;padding:12px}.query-select-btn{padding:7px 10px;font-size:.72rem}}.knowledge-sandbox-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #0003}.knowledge-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.knowledge-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.knowledge-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cff99)}.knowledge-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-foundations) 12%, transparent);color:var(--color-foundations);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.knowledge-intro-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.knowledge-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=820px){.knowledge-grid{grid-template-columns:1fr}}.knowledge-scenario-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:14px;padding:20px;display:flex}.scenario-meta{color:var(--text-muted);justify-content:space-between;font-size:.72rem;font-weight:700;display:flex}.scenario-title{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:750}.scenario-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.strategies-btn-grid{flex-direction:column;gap:8px;margin-top:10px;display:flex}.strat-choice-btn{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.8rem;font-weight:600;display:flex}.strat-choice-btn:hover{background:var(--surface-overlay);border-color:var(--text-muted)}.strat-choice-btn.correct-choice{border-color:var(--color-rag);color:var(--color-rag);background:#2dd4bf14;font-weight:700}.strat-choice-btn.wrong-choice{color:#ff5d52;background:#ff5d5214;border-color:#ff5d52;font-weight:700}.strat-choice-btn.correct-unselected{border-color:var(--color-rag);color:var(--color-rag);opacity:.7}.strat-choice-btn.disabled-choice{opacity:.4;cursor:not-allowed}.choice-check-icon{flex-shrink:0}.knowledge-explanation-panel{flex-direction:column;justify-content:center;display:flex}.explanation-card{background:var(--bg-secondary);border-radius:var(--radius-md);border-style:solid;border-width:1px;flex-direction:column;gap:12px;padding:20px;animation:.4s ease-out slideRight;display:flex}.exp-correct{border-color:var(--color-rag);background:#2dd4bf08}.exp-wrong{background:#ff5d5208;border-color:#ff5d52}.exp-header{align-items:center;gap:8px;font-size:.88rem;display:flex}.exp-reason{color:var(--text-secondary);font-size:.8rem;line-height:1.5}.next-scenario-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;align-self:flex-start;padding:8px 16px;font-size:.8rem;font-weight:700}.next-scenario-btn:hover{opacity:.9}.idle-explanation-card{border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex}.idle-explanation-card p{margin:0;font-size:.8rem;line-height:1.45}.icon-info{color:var(--color-foundations)}.game-over-screen{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px;animation:.4s ease-out fadeIn;display:flex}.game-over-screen h3{margin:0;font-size:1.2rem;font-weight:800}.game-over-screen p{color:var(--text-secondary);margin:0;font-size:.88rem}.reset-game-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;padding:10px 20px;font-weight:700}.reset-game-btn:hover{opacity:.9}@keyframes slideRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (width<=640px){.knowledge-sandbox-container{gap:12px;padding:14px 12px}.knowledge-scenario-card{gap:10px;padding:14px}.strat-choice-btn{padding:8px 12px;font-size:.76rem}.idle-explanation-card{padding:20px}.game-over-screen{padding:24px}}.tool-calling-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #0003}.tool-calling-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.tool-calling-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.tool-calling-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cff99)}.tool-calling-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-foundations) 12%, transparent);color:var(--color-foundations);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.tool-calling-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.tool-calling-settings{flex-direction:column;display:flex}.settings-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:12px;padding:16px;display:flex}.settings-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;font-size:.8rem;font-weight:700}.settings-options{flex-direction:column;gap:10px;display:flex}.description-radio-label{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:flex-start;gap:12px;padding:12px;display:flex}.description-radio-label:hover{border-color:var(--text-muted)}.description-radio-label.selected{border-color:var(--color-foundations);background:color-mix(in srgb, var(--color-foundations) 4%, var(--bg-primary))}.description-radio-label input[type=radio]{margin-top:4px}.radio-info{flex-direction:column;gap:4px;display:flex}.radio-info strong{font-size:.85rem}.radio-info span{color:var(--text-muted);font-size:.75rem}.tool-calling-board{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:18px;display:flex;box-shadow:inset 0 2px 6px #0000001a}.board-query-bar{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.board-query-bar span{color:var(--text-primary);font-size:.8rem;font-weight:700}.tool-run-btn{background:var(--color-foundations);color:var(--btn-on-topic);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:flex}.tool-run-btn:hover{opacity:.9}.tool-run-btn:disabled{opacity:.5;cursor:not-allowed}.flow-steps-grid{grid-template-columns:1fr 20px 1fr 20px 1fr;align-items:center;gap:10px;display:grid}@media (width<=820px){.flow-steps-grid{grid-template-columns:1fr;justify-items:center}.flow-arrow-col{padding:6px 0;transform:rotate(90deg)}}.flow-step-card{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);text-align:center;opacity:.4;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 12px;transition:all .4s;display:flex;position:relative}.flow-step-card.active{opacity:1;border-color:var(--border)}.flow-step-card.current{border-color:var(--color-foundations);box-shadow:0 0 12px color-mix(in srgb, var(--color-foundations) 40%, transparent)}.flow-step-card.failed{border-color:#ff5d52;box-shadow:0 0 10px #ff5d5233}.flow-step-card.disabled{opacity:.2}.step-badge{color:var(--text-muted);text-transform:uppercase;font-size:8px;font-weight:700;position:absolute;top:6px;left:6px}.step-icon{color:var(--text-muted);transition:color .3s}.flow-step-card.active .step-icon{color:var(--color-foundations)}.flow-step-card.active.current .step-icon{filter:drop-shadow(0 0 4px #8b8cff99)}.flow-step-card.failed .step-icon{color:#ff5d52;filter:none}.flow-step-card h5{margin:0;font-size:.8rem;font-weight:700}.step-text{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.4}.text-error{color:#ff5d52!important}.text-success{color:var(--color-rag)!important}.flow-arrow-col{justify-content:center;display:flex}.arrow-icon{color:var(--border-subtle);transition:color .3s}.arrow-icon.active{color:var(--color-foundations)}.flow-terminal-output{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:8px;min-height:80px;padding:12px;display:flex}.terminal-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.65rem}.terminal-txt{color:var(--text-primary);font-size:.78rem;line-height:1.45}.cursor-blink{background:var(--color-foundations);width:6px;height:12px;margin-left:3px;animation:.8s steps(2,end) infinite blink;display:inline-block}.flow-explanation-banner{border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:10px 14px;font-size:.78rem;line-height:1.4;animation:.4s ease-out fadeIn;display:flex}.flow-explanation-banner span{flex:1}.flow-banner-success{border:1px solid var(--color-rag);color:var(--color-rag);background:#2dd4bf0f}.flow-banner-error{color:#ff5d52;background:#ff5d520f;border:1px solid #ff5d52}@media (width<=640px){.tool-calling-container{gap:12px;padding:14px 12px}.tool-calling-board{gap:10px;padding:12px}.board-query-bar{flex-direction:column;align-items:flex-start;gap:8px}.tool-run-btn{justify-content:center;width:100%}.flow-step-card{padding:12px 10px}.settings-card{padding:12px}}.tf-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:18px;margin:20px 0;padding:24px;animation:.4s ease-out tfFadeIn;display:flex;box-shadow:0 4px 20px #00000026}@keyframes tfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tf-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.tf-title{color:var(--text-primary);align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.tf-icon-glow{color:var(--color-foundations);filter:drop-shadow(0 0 6px #8b8cffb3)}.tf-badge{text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--color-foundations) 14%, transparent);color:var(--color-foundations);border-radius:4px;padding:3px 8px;font-size:.68rem;font-weight:700}.tf-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.55}.tf-intro strong{color:var(--text-primary)}.tf-head-tabs{flex-wrap:wrap;gap:8px;display:flex}.tf-head-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:.76rem;font-weight:600;transition:all .2s;display:flex}.tf-head-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.tf-head-btn.active{color:#0c0906;font-weight:700}.tf-word-row{flex-wrap:wrap;justify-content:center;gap:8px;padding:4px 0;display:flex}.tf-word-chip{background:var(--bg-secondary);color:var(--text-secondary);border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:5px;padding:8px 14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;position:relative}.tf-word-chip:hover{color:var(--text-primary);border-color:var(--text-muted);background:var(--bg-card-hover);transform:translateY(-1px)}.tf-word-chip.selected{transform:translateY(-2px);box-shadow:0 4px 16px #8b8cff40}.tf-word-chip.weight-high{background:color-mix(in srgb, var(--color-foundations) 12%, var(--bg-secondary));border-color:color-mix(in srgb, var(--color-foundations) 45%, transparent);color:var(--text-primary)}.tf-word-chip.weight-mid{background:color-mix(in srgb, var(--color-foundations) 6%, var(--bg-secondary));border-color:color-mix(in srgb, var(--color-foundations) 22%, transparent);color:var(--text-secondary)}.tf-word-chip.weight-low{opacity:.6}.tf-word-chip.weight-none{opacity:.35}.tf-word-text{line-height:1}.tf-weight-badge{border-radius:3px;padding:1px 5px;font-size:.6rem;font-weight:800;line-height:1.4}.tf-selected-badge{color:#0c0906;letter-spacing:.04em;border-radius:3px;padding:1px 5px;font-size:.58rem;font-weight:800}.tf-arc-area{border-radius:var(--radius-sm);width:100%;overflow:hidden}.tf-arc-svg{width:100%;height:110px;display:block}.tf-arc-path{transition:stroke-width .3s,stroke-opacity .3s}.tf-anchor-dot{transition:r .2s,fill .2s}.tf-info-panel{flex-direction:column;min-height:100px;display:flex}.tf-hint{background:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:10px;padding:14px 16px;font-size:.83rem;line-height:1.45;display:flex}.tf-hint-icon{flex-shrink:0;font-size:1.2rem}.tf-result-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:3px solid;flex-direction:column;gap:12px;padding:16px 18px;animation:.25s ease-out tfFadeIn;display:flex}.tf-result-header{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.tf-top-words{flex-direction:column;gap:8px;display:flex}.tf-top-word-row{align-items:center;gap:10px;display:flex}.tf-top-word-name{color:var(--text-primary);flex-shrink:0;width:72px;font-size:.82rem;font-weight:700}.tf-bar-track{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:3px;flex:1;height:6px;overflow:hidden}.tf-bar-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.tf-top-word-pct{font-size:.75rem;font-weight:700;font-family:var(--font-mono);text-align:right;flex-shrink:0;width:36px}.tf-head-desc{color:var(--text-secondary);border-top:1px solid var(--border-subtle);padding-top:4px;font-size:.8rem;line-height:1.5}@media (width<=640px){.tf-container{gap:14px;padding:16px 14px}.tf-head-tabs{gap:6px}.tf-head-btn{padding:5px 9px;font-size:.7rem}.tf-word-chip{padding:7px 10px;font-size:.82rem}.tf-arc-svg{height:90px}.tf-top-word-name{width:60px;font-size:.78rem}}.chunk-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;display:flex;box-shadow:0 4px 20px #0003}.chunk-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.chunk-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.chunk-icon-glow{color:var(--color-rag);filter:drop-shadow(0 0 6px #2dd4bf80)}.chunk-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-rag) 12%, transparent);color:var(--color-rag);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.chunk-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.chunk-controls{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:16px;padding:16px;display:flex}.chunk-strategy-toggle{gap:8px;display:flex}.chunk-strategy-btn{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:600;display:flex}.chunk-strategy-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.chunk-strategy-btn.active{border-color:var(--color-rag);color:var(--color-rag);background:color-mix(in srgb, var(--color-rag) 8%, transparent)}.chunk-slider-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=640px){.chunk-slider-row{grid-template-columns:1fr}}.chunk-slider-group{flex-direction:column;gap:8px;display:flex}.chunk-slider-label{color:var(--text-secondary);font-size:.78rem}.chunk-slider-label strong{color:var(--color-rag);font-family:var(--font-mono)}.chunk-slider{width:100%;accent-color:var(--color-rag);cursor:pointer}.chunk-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=640px){.chunk-stats{grid-template-columns:1fr}}.chunk-stat-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.chunk-stat-label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);font-size:.68rem}.chunk-stat-val{color:var(--color-rag);font-size:1.1rem;font-weight:700;font-family:var(--font-mono)}.chunk-list,.chunk-item-wrap{flex-direction:column;display:flex}.chunk-connector{justify-content:center;align-items:center;padding:4px 0;display:flex}.chunk-connector span{color:var(--text-muted);background:var(--bg-primary);border:1px dashed var(--border);border-radius:999px;padding:2px 10px;font-size:.68rem}.chunk-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px}.chunk-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chunk-card-num{color:var(--text-primary);font-size:.75rem;font-weight:700}.chunk-card-len{color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.chunk-card-text{color:var(--text-secondary);font-size:.82rem;line-height:1.55}.chunk-overlap-mark{background:color-mix(in srgb, var(--color-rag) 30%, transparent);color:var(--text-primary);border-radius:3px;padding:0 1px}@media (width<=640px){.chunk-container{gap:12px;padding:14px 12px}}.hs-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;display:flex;box-shadow:0 4px 20px #0003}.hs-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.hs-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.hs-icon-glow{color:var(--color-rag);filter:drop-shadow(0 0 6px #2dd4bf80)}.hs-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-rag) 12%, transparent);color:var(--color-rag);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.hs-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.hs-query-list{flex-direction:column;gap:8px;display:flex}.hs-query-btn{text-align:left;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:9px 12px;font-size:.78rem;font-weight:600}.hs-query-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.hs-query-btn.active{border-color:var(--color-rag);color:var(--color-rag);background:color-mix(in srgb, var(--color-rag) 6%, transparent)}.hs-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=700px){.hs-columns{grid-template-columns:1fr}}.hs-column{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px;display:flex}.hs-column-header{text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;margin-bottom:4px;padding-bottom:8px;font-size:.72rem;font-weight:700;display:flex}.hs-column-header.bm25{color:var(--color-mcp)}.hs-column-header.vector{color:var(--color-foundations)}.hs-column-header.fused{color:var(--color-rag)}.hs-doc-row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:6px 4px;font-size:.8rem;display:flex}.hs-rank{font-family:var(--font-mono);color:var(--text-muted);min-width:24px;font-size:.72rem;font-weight:700}.hs-doc-title{color:var(--text-primary);flex:1}.hs-k-control{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:12px 16px;display:flex}.hs-k-label{color:var(--text-secondary);font-size:.78rem}.hs-k-label strong{color:var(--color-rag);font-family:var(--font-mono)}.hs-k-slider{width:100%;accent-color:var(--color-rag);cursor:pointer}.hs-k-hint{color:var(--text-muted);font-size:.7rem}.hs-explain{color:var(--text-secondary);background:var(--bg-primary);border-left:3px solid var(--color-rag);border-radius:var(--radius-sm);padding:10px 14px;font-size:.78rem;line-height:1.5}.hs-fused{background:var(--bg-secondary);border:1px solid var(--color-rag);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px;display:flex}.hs-fused-row{border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 6px;display:flex}.hs-fused-row.top{background:color-mix(in srgb, var(--color-rag) 10%, transparent)}.hs-fused-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.hs-both-badge{color:#0b0d10;background:var(--color-rag);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.66rem;font-weight:700;display:flex}.hs-source-rank{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono)}.hs-rrf-score{color:var(--color-rag);font-size:.75rem;font-weight:700;font-family:var(--font-mono);text-align:right;min-width:60px}@media (width<=640px){.hs-container{gap:12px;padding:14px 12px}.hs-fused-meta{gap:8px;margin-left:0}}.rr-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;display:flex;box-shadow:0 4px 20px #0003}.rr-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.rr-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.rr-icon-glow{color:var(--color-rag);filter:drop-shadow(0 0 6px #2dd4bf80)}.rr-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-rag) 12%, transparent);color:var(--color-rag);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.rr-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.rr-query-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:.8rem;display:flex}.rr-actions{gap:8px;display:flex}.rr-run-btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--color-rag);color:#0b0d10;transition:all var(--transition);border:none;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:700;display:flex}.rr-run-btn:hover{opacity:.9}.rr-run-btn:disabled{opacity:.6;cursor:not-allowed}.rr-reset-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 12px;font-size:.75rem;font-weight:600}.rr-reset-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.rr-list{flex-direction:column;gap:8px;transition:opacity .3s;display:flex}.rr-list-loading{opacity:.5}.rr-cutline{color:var(--color-rag);font-size:.66rem;font-family:var(--font-mono);border-top:1px dashed var(--color-rag);justify-content:center;align-items:center;gap:6px;margin-top:4px;padding-top:8px;display:flex}.rr-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.rr-card-selected{border-color:var(--color-rag);background:color-mix(in srgb, var(--color-rag) 6%, var(--bg-secondary))}.rr-card-rank{font-family:var(--font-mono);color:var(--text-muted);min-width:28px;font-size:.85rem;font-weight:700}.rr-card-body{flex-direction:column;flex:1;gap:8px;display:flex}.rr-card-text{color:var(--text-primary);font-size:.82rem;line-height:1.45}.rr-score-row{align-items:center;gap:10px;display:flex}.rr-score-track{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:999px;flex:1;height:6px;overflow:hidden}.rr-score-fill{background:var(--color-rag);height:100%;transition:width .5s}.rr-score-label{color:var(--text-muted);font-size:.68rem;font-family:var(--font-mono);white-space:nowrap}.rr-moved{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-top:2px;padding:3px 8px;font-size:.68rem;font-weight:700;display:flex}.rr-moved.up{color:var(--color-rag);background:color-mix(in srgb, var(--color-rag) 15%, transparent)}.rr-moved.down{color:#ff5d52;background:#ff5d521f}.rr-moved.same{color:var(--text-muted);background:var(--bg-primary)}.rr-explain{color:var(--text-secondary);background:var(--bg-primary);border-left:3px solid var(--color-rag);border-radius:var(--radius-sm);padding:10px 14px;font-size:.8rem;line-height:1.5}@media (width<=640px){.rr-container{gap:12px;padding:14px 12px}.rr-card{flex-wrap:wrap}.rr-moved{margin-left:40px}}.mcp-inspector-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out mcp-fade-in;display:flex;box-shadow:0 4px 20px #0003}.mcp-inspector-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.mcp-inspector-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.mcp-inspector-icon-glow{color:var(--color-mcp);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-mcp) 60%, transparent))}.mcp-inspector-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-mcp) 12%, transparent);color:var(--color-mcp);font-size:.7rem;font-weight:700;font-family:var(--font-mono,monospace);border-radius:4px;padding:4px 8px}.mcp-inspector-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.mcp-inspector-intro code{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;font-size:.8em}.mcp-inspector-lanes{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:18px;display:grid}.mcp-lane{text-align:center;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-primary);color:var(--text-muted);opacity:.55;flex-direction:column;align-items:center;gap:4px;padding:12px;transition:all .3s;display:flex}.mcp-lane span{color:var(--text-primary);font-size:.8rem;font-weight:700}.mcp-lane small{color:var(--text-muted);font-size:.65rem}.mcp-lane.lane-active{opacity:1;border-color:var(--color-mcp);box-shadow:0 0 14px color-mix(in srgb, var(--color-mcp) 30%, transparent);color:var(--color-mcp)}.mcp-lane-arrow{flex-direction:column;align-items:center;gap:6px;min-width:90px;display:flex}.arrow-flow{color:var(--color-mcp);animation:1.2s ease-in-out infinite mcp-pulse}.mcp-lane-method{font-family:var(--font-mono,monospace);color:var(--text-secondary);text-align:center;word-break:break-word;font-size:.68rem}@keyframes mcp-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@media (width<=640px){.mcp-inspector-lanes{grid-template-columns:1fr}.mcp-lane-arrow{padding:8px 0;transform:rotate(90deg)}.mcp-lane-method{transform:rotate(-90deg)}}.mcp-inspector-json-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:#0d1117;overflow:hidden}.mcp-json-header{background:color-mix(in srgb, var(--color-mcp) 10%, #0d1117);border-bottom:1px solid var(--border-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.7rem;display:flex}.mcp-json-content{color:#d1d5db;font-size:.78rem;line-height:1.5;font-family:var(--font-mono,"Fira Code", monospace);margin:0;padding:14px;overflow-x:auto}.mcp-inspector-note{color:var(--text-secondary);background:color-mix(in srgb, var(--color-mcp) 6%, var(--bg-secondary));border:1px solid color-mix(in srgb, var(--color-mcp) 25%, var(--border));border-radius:var(--radius-sm);padding:12px 14px;font-size:.82rem;line-height:1.5}.mcp-inspector-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mcp-nav-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:7px 14px;font-size:.78rem;font-weight:700;display:flex}.mcp-nav-btn:hover:not(:disabled){border-color:var(--color-mcp);color:var(--color-mcp)}.mcp-nav-btn:disabled{opacity:.4;cursor:not-allowed}.mcp-nav-btn.mcp-nav-primary{background:var(--color-mcp);color:#1a1206;border-color:var(--color-mcp)}.mcp-nav-btn.mcp-nav-primary:hover{opacity:.9}.mcp-inspector-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.mcp-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .25s}.mcp-dot:hover{background:color-mix(in srgb, var(--color-mcp) 60%, var(--border))}.mcp-dot.active{background:var(--color-mcp);transform:scale(1.3)}@keyframes mcp-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.mcp-inspector-container{gap:12px;padding:14px 12px}.mcp-inspector-controls{flex-direction:column}.mcp-nav-btn{justify-content:center;width:100%}}.mem-sandbox-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out mem-fade-in;display:flex;box-shadow:0 4px 20px #0003}.mem-sandbox-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.mem-sandbox-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.mem-sandbox-icon-glow{color:var(--color-agentic);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-agentic) 60%, transparent))}.mem-sandbox-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-agentic) 12%, transparent);color:var(--color-agentic);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.mem-sandbox-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.mem-sandbox-slider-row{flex-direction:column;gap:6px;display:flex}.mem-slider-label{color:var(--text-secondary);font-size:.8rem}.mem-slider-label strong{color:var(--text-primary)}.mem-slider{width:100%;accent-color:var(--color-agentic)}.mem-charts{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.mem-charts{grid-template-columns:1fr}}.mem-chart-col{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:14px;display:flex}.mem-chart-label{text-transform:uppercase;letter-spacing:.02em;font-size:.72rem;font-weight:700}.mem-chart-label.naive{color:#ff8a65}.mem-chart-label.external{color:var(--color-rag)}.mem-chart-bars{border-bottom:1px solid var(--border-subtle);align-items:flex-end;gap:2px;height:100px;padding-bottom:2px;display:flex}.mem-bar{border-radius:2px 2px 0 0;flex:1;min-width:3px;transition:height .25s}.naive-bar{background:linear-gradient(#ff8a65,#ff5d52)}.external-bar{background:linear-gradient(180deg, var(--color-rag), #14b8a6)}.mem-chart-final{color:var(--text-muted);font-size:.75rem}.mem-chart-final strong{color:var(--text-primary)}.mem-cost-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=640px){.mem-cost-row{grid-template-columns:1fr}}.mem-cost-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-primary);align-items:center;gap:10px;padding:12px 14px;display:flex}.mem-cost-card.naive{color:#ff8a65;border-color:color-mix(in srgb, #ff8a65 30%, var(--border))}.mem-cost-card.external{color:var(--color-rag);border-color:color-mix(in srgb, var(--color-rag) 30%, var(--border))}.mem-cost-value{font-size:1.1rem;font-weight:800;font-family:var(--font-mono,monospace)}.mem-cost-sub{color:var(--text-muted);font-size:.68rem}.mem-explain-banner{color:var(--text-secondary);background:color-mix(in srgb, var(--color-agentic) 6%, var(--bg-secondary));border:1px solid color-mix(in srgb, var(--color-agentic) 25%, var(--border));border-radius:var(--radius-sm);padding:12px 14px;font-size:.82rem;line-height:1.5}.mem-explain-banner strong{color:var(--color-agentic)}.mem-warning-banner{color:#ff5d52;border-radius:var(--radius-sm);background:#ff5d520f;border:1px solid #ff5d52;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.8rem;line-height:1.5;display:flex}@keyframes mem-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.mem-sandbox-container{gap:12px;padding:14px 12px}}.fail-sandbox-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);flex-direction:column;gap:16px;margin:20px 0;padding:24px;animation:.4s ease-out fail-fade-in;display:flex;box-shadow:0 4px 20px #0003}.fail-sandbox-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;display:flex}.fail-sandbox-title{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.fail-sandbox-icon-glow{color:var(--color-agentic);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--color-agentic) 60%, transparent))}.fail-sandbox-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--color-agentic) 12%, transparent);color:var(--color-agentic);border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.fail-sandbox-intro{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.fail-mode-tabs{flex-wrap:wrap;gap:8px;display:flex}.fail-mode-tab{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);padding:7px 14px;font-size:.78rem;font-weight:700}.fail-mode-tab:hover{border-color:var(--color-agentic)}.fail-mode-tab.active{background:var(--color-agentic);color:#2b0620;border-color:var(--color-agentic)}.fail-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.fail-guard-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:all var(--transition);background:var(--bg-secondary);color:var(--text-muted);align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:700;display:flex}.fail-guard-toggle.off{color:#ff5d52;border-color:#ff5d52}.fail-guard-toggle.on{border-color:var(--color-rag);color:var(--color-rag);background:color-mix(in srgb, var(--color-rag) 8%, var(--bg-secondary))}.fail-run-btn{background:var(--color-agentic);color:#2b0620;border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.78rem;font-weight:700;display:flex}.fail-run-btn:hover:not(:disabled){opacity:.9}.fail-run-btn:disabled{opacity:.5;cursor:not-allowed}.fail-trace-console{border:1px solid var(--border);border-radius:var(--radius-md);min-height:140px;font-family:var(--font-mono,"Fira Code", monospace);background:#0d1117;flex-direction:column;gap:6px;padding:14px;font-size:.78rem;display:flex}.fail-trace-placeholder{color:var(--text-muted);margin:0}.fail-trace-line{color:#d1d5db;align-items:flex-start;gap:6px;line-height:1.5;animation:.25s ease-out fail-line-in;display:flex}.fail-trace-line.tone-error{color:#ff8a80}.fail-trace-line.tone-success{color:#6ee7b7}.fail-trace-line.tone-guard{color:#fbbf24}.fail-summary-banner{border-radius:var(--radius-sm);padding:12px 14px;font-size:.82rem;line-height:1.5;animation:.4s ease-out fail-fade-in}.fail-summary-banner.guard-off{color:#ff5d52;background:#ff5d520f;border:1px solid #ff5d52}.fail-summary-banner.guard-on{background:color-mix(in srgb, var(--color-rag) 6%, transparent);border:1px solid var(--color-rag);color:var(--color-rag)}@keyframes fail-line-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes fail-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.fail-sandbox-container{gap:12px;padding:14px 12px}.fail-controls-row{flex-direction:column;align-items:stretch}.fail-run-btn,.fail-guard-toggle{justify-content:center}}.lesson-page{min-height:100vh;padding-top:58px}.lesson-not-found{padding-top:100px}.lesson-topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:16px;padding:10px 28px;display:flex;position:sticky;top:58px}.lesson-back{color:var(--text-muted);transition:color var(--transition);flex-shrink:0;align-items:center;gap:5px;font-size:.78rem;font-weight:500;display:flex}.lesson-back:hover{color:var(--text-secondary)}.lesson-progress{flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.progress-dot{background:var(--border);width:5px;height:5px;transition:background var(--transition), transform var(--transition);border-radius:50%}.progress-dot.done{background:color-mix(in srgb, var(--topic-color) 45%, transparent)}.progress-dot.active{background:var(--topic-color);transform:scale(1.6)}.lesson-count{font-size:.72rem;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0}.lesson-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:52px;max-width:1160px;margin:0 auto;padding:44px 28px 88px;display:grid}.lesson-article{min-width:0;max-width:700px}.lesson-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:28px}.lesson-header-meta{align-items:center;gap:12px;margin-bottom:14px;display:flex}.lesson-topic-tag{text-transform:uppercase;letter-spacing:.1em;border-radius:3px;padding:3px 9px;font-size:.65rem;font-weight:700}.lesson-duration{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.lesson-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-size:1.9rem;font-weight:400;line-height:1.2}.lesson-subtitle{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.lesson-byline{color:var(--text-muted);margin-top:10px;font-size:.78rem}.lesson-body{flex-direction:column;gap:22px;display:flex}.lesson-body>*{animation:.4s ease-out both blockFadeIn}.lesson-body>:first-child{animation-delay:40ms}.lesson-body>:nth-child(2){animation-delay:80ms}.lesson-body>:nth-child(3){animation-delay:.12s}.lesson-body>:nth-child(4){animation-delay:.16s}.lesson-body>:nth-child(5){animation-delay:.2s}.lesson-body>:nth-child(6){animation-delay:.24s}.lesson-body>:nth-child(7){animation-delay:.28s}.lesson-body>:nth-child(8){animation-delay:.3s}.lesson-body>:nth-child(n+9){animation-delay:.32s}@keyframes blockFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesson-text{color:var(--text-secondary);overflow-wrap:break-word;font-size:.94rem;line-height:1.82}.lesson-text strong{color:var(--text-primary);font-weight:600}.lesson-analogy{border:1px solid #ff5d5233;border-left:2px solid var(--gold);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#ff5d520f;padding:18px 20px}.analogy-header{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);align-items:center;gap:6px;margin-bottom:9px;font-size:.65rem;font-weight:700;display:flex}.lesson-analogy p{color:var(--text-secondary);overflow-wrap:break-word;font-size:.875rem;line-height:1.72}.lesson-callout{border-radius:0 var(--radius-md) var(--radius-md) 0;background:#8b82f00d;border:1px solid #8b82f033;border-left:2px solid #8b82f0;padding:18px 20px}.callout-header{text-transform:uppercase;letter-spacing:.1em;color:#8b82f0;align-items:center;gap:6px;margin-bottom:9px;font-size:.65rem;font-weight:700;display:flex}.lesson-callout div{color:var(--text-secondary);overflow-wrap:break-word;font-size:.875rem;line-height:1.72}.lesson-callout strong{color:var(--text-primary)}.lesson-code-block{background:var(--code-block-bg);border:1px solid var(--code-block-border);border-radius:var(--radius-md);min-width:0;overflow:hidden}.code-header{background:var(--code-header-bg);border-bottom:1px solid var(--code-header-border);text-transform:uppercase;letter-spacing:.1em;color:var(--code-header-color);align-items:center;gap:6px;padding:9px 16px;font-size:.65rem;font-weight:700;display:flex}.code-copy-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border-radius:3px;align-items:center;gap:4px;margin-left:auto;padding:3px 8px;font-size:.62rem;font-weight:600;transition:all .2s;display:flex}.code-copy-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.code-copy-btn.copied{color:#2ac38a;background:#2ac38a14;border-color:#2ac38a66}.code-content{color:var(--code-text-color);font-size:.82rem;line-height:1.72;font-family:var(--font-mono);white-space:pre;overflow-wrap:normal;word-break:normal;padding:20px;overflow-x:auto}.lesson-diagram{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;overflow:hidden}.diagram-header{border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:6px;padding:9px 16px;font-size:.65rem;font-weight:700;display:flex}.diagram-content{color:var(--text-muted);font-size:.78rem;line-height:1.65;font-family:var(--font-mono);white-space:pre;overflow-wrap:normal;word-break:normal;-webkit-overflow-scrolling:touch;padding:20px;overflow-x:auto}.lesson-coming-soon{text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:60px 32px}.coming-soon-icon{margin-bottom:16px;font-size:2.5rem}.lesson-coming-soon h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:1.2rem;font-weight:400}.lesson-coming-soon p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.lesson-nav{border-top:1px solid var(--border);justify-content:space-between;gap:12px;margin-top:48px;padding-top:28px;display:flex}.lesson-nav-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--transition), border-color var(--transition);max-width:260px;color:var(--text-primary);align-items:center;gap:12px;padding:13px 16px;display:flex}.lesson-nav-btn:hover{background:var(--bg-card-hover);border-color:var(--text-muted)}.lesson-nav-next,.lesson-nav-finish{text-align:right;margin-left:auto}.lesson-nav-next div,.lesson-nav-finish div{text-align:right}.nav-btn-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px;font-size:.65rem}.nav-btn-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:.82rem;font-weight:600;overflow:hidden}.lesson-nav-finish{background:color-mix(in srgb, var(--topic-color) 8%, transparent);border-color:color-mix(in srgb, var(--topic-color) 25%, transparent)}.lesson-sidebar{position:sticky;top:110px}.toc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.toc-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 14px 10px;font-size:.65rem;font-weight:700}.toc-item{border-bottom:1px solid var(--border-subtle);transition:background var(--transition);cursor:pointer;align-items:flex-start;gap:9px;padding:9px 14px;display:flex}.toc-item:last-child{border-bottom:none}.toc-item:hover{background:#ffffff05}.toc-item.toc-active{background:color-mix(in srgb, var(--topic-color) 7%, transparent)}.toc-num{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;width:14px;margin-top:1px;font-weight:700}.toc-item.toc-active .toc-num{color:var(--topic-color)}.toc-text{color:var(--text-secondary);font-size:.775rem;line-height:1.4}.toc-item.toc-active .toc-text{color:var(--text-primary);font-weight:500}.project-hint{background:color-mix(in srgb, var(--hint-color) 5%, var(--bg-card));border:1px solid color-mix(in srgb, var(--hint-color) 22%, transparent);border-radius:var(--radius-lg);margin-top:44px;padding:22px 24px}.project-hint-header{color:var(--hint-color);align-items:center;gap:7px;margin-bottom:16px;display:flex}.project-hint-header>svg{flex-shrink:0}.project-hint-header>span:first-of-type{text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700}.project-hint-subtext{text-transform:none;letter-spacing:0;color:var(--text-muted);margin-left:2px;font-size:.75rem;font-weight:400}.project-hint-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.project-hint-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--transition), border-color var(--transition);padding:14px 16px;text-decoration:none;display:block}.project-hint-card:hover{background:var(--bg-card-hover);border-color:color-mix(in srgb, var(--hint-color) 35%, transparent)}.project-hint-card-top{align-items:center;gap:8px;margin-bottom:6px;display:flex}.project-hint-topic{text-transform:uppercase;letter-spacing:.09em;border-radius:3px;padding:2px 7px;font-size:.6rem;font-weight:700}.project-hint-difficulty{color:var(--text-muted);font-size:.65rem;font-weight:600}.project-hint-difficulty.difficulty-beginner{color:#10b981}.project-hint-difficulty.difficulty-intermediate{color:#f59e0b}.project-hint-difficulty.difficulty-advanced{color:#ec4899}.project-hint-title{color:var(--text-primary);margin-bottom:4px;font-size:.88rem;font-weight:600;line-height:1.35}.project-hint-desc{color:var(--text-muted);margin-bottom:10px;font-size:.8rem;line-height:1.6}.project-hint-link{color:var(--hint-color);opacity:.85;transition:opacity var(--transition);align-items:center;gap:4px;font-size:.72rem;font-weight:600;display:inline-flex}.project-hint-card:hover .project-hint-link{opacity:1}.project-hint-browse{color:var(--hint-color);opacity:.7;transition:opacity var(--transition);font-size:.75rem;font-weight:500;display:inline-block}.project-hint-browse:hover{opacity:1}@media (width<=900px){.lesson-layout{grid-template-columns:minmax(0,1fr)}.lesson-sidebar{display:none}}@media (width<=640px){.lesson-topbar{padding:9px 16px}.lesson-layout{padding:24px 16px 60px}.lesson-title{font-size:1.5rem}.lesson-subtitle{font-size:.85rem}.lesson-nav{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lesson-nav-btn{max-width:100%;margin-left:0!important}.nav-btn-title{white-space:normal;max-width:100%;text-overflow:unset;overflow:visible}.diagram-content{padding:14px 16px;font-size:.68rem;line-height:1.55}.code-content{padding:14px 16px;font-size:.72rem}.project-hint{padding:16px}.project-hint-list{gap:8px}}.projects-page{min-height:100vh;padding-top:58px}.projects-header{padding:64px 0 36px}.projects-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:12px;font-size:2.6rem;font-weight:400;line-height:1.1}.projects-subtitle{color:var(--text-secondary);max-width:520px;margin-bottom:20px;font-size:.9rem;line-height:1.7}.github-repo-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition);font-size:.78rem;font-weight:500;font-family:var(--font-mono);align-items:center;gap:7px;padding:7px 14px;display:inline-flex}.github-repo-link:hover{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}.projects-filter{flex-wrap:wrap;gap:5px;margin-bottom:32px;display:flex}.filter-btn{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);transition:all var(--transition);text-transform:uppercase;letter-spacing:.06em;padding:6px 16px;font-size:.78rem;font-weight:600}.filter-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.filter-btn.active{color:var(--gold);background:var(--gold-dim);border-color:var(--gold-border)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding-bottom:88px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), background var(--transition), transform var(--transition);flex-direction:column;gap:14px;padding:22px;animation:.4s both fadeUp;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--project-color);opacity:0;height:1.5px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:color-mix(in srgb, var(--project-color) 28%, transparent);background:var(--bg-card-hover);transform:translateY(-2px)}.project-card:hover:before{opacity:1}.project-card-top{justify-content:space-between;align-items:center;display:flex}.project-card-topic{text-transform:uppercase;letter-spacing:.1em;border-radius:3px;padding:3px 8px;font-size:.65rem;font-weight:700}.project-difficulty{text-transform:uppercase;letter-spacing:.06em;border-radius:3px;padding:2px 8px;font-size:.65rem;font-weight:600}.difficulty-beginner{color:#059669;background:#0596691a}.difficulty-intermediate{color:#d97706;background:#d977061a}.difficulty-advanced{color:#db2777;background:#db27771a}.project-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:.975rem;font-weight:700;line-height:1.3}.project-card-desc{color:var(--text-secondary);font-size:.825rem;line-height:1.66}.project-highlights{background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex-direction:column;gap:5px;padding:11px 13px;display:flex}.project-highlight{color:var(--text-secondary);align-items:center;gap:8px;font-size:.775rem;display:flex}.highlight-bullet{background:var(--project-color);border-radius:50%;flex-shrink:0;width:3px;height:3px}.project-tags{flex-wrap:wrap;gap:5px;display:flex}.project-tag{font-size:.68rem;font-family:var(--font-mono);background:var(--surface-overlay);border:1px solid var(--border);color:var(--text-muted);border-radius:3px;padding:2px 7px}.project-card-footer{border-top:1px solid var(--border-subtle);margin-top:auto;padding-top:12px}.project-github-btn{color:var(--text-muted);background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition);align-items:center;gap:6px;padding:7px 13px;font-size:.78rem;font-weight:600;display:inline-flex}.project-github-btn:hover{color:var(--gold);border-color:var(--gold);background:var(--gold-dim)}.logo-preview{background:var(--bg-primary);min-height:100vh;padding-top:58px}.logo-preview-inner{max-width:1100px;margin:0 auto;padding:48px 28px 80px}.logo-preview-inner h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:2rem}.logo-preview-inner>p{color:var(--text-secondary);margin-bottom:40px;font-size:.9rem}.logo-preview-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.logo-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 24px;display:flex}.logo-preview-big{justify-content:center;align-items:center;height:96px;margin-bottom:8px;display:flex}.logo-preview-card h3{color:var(--text-primary);font-size:.95rem;font-weight:700}.logo-preview-card p{color:var(--text-secondary);min-height:42px;font-size:.8rem;line-height:1.5}.logo-preview-navmock{border-radius:var(--radius-md);background:var(--navbar-bg);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:12px 16px;display:flex}.logo-preview-navmock span{color:var(--text-primary);font-size:.875rem;font-weight:600}.bg-preview{background:var(--bg-primary);min-height:100vh;padding-top:58px}.bg-preview-inner{max-width:1200px;margin:0 auto;padding:48px 28px 80px}.bg-preview-inner h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:2rem}.bg-preview-inner>p{color:var(--text-secondary);margin-bottom:40px;font-size:.9rem}.bg-preview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.bg-swatch-wrap h3{color:var(--text-primary);margin-top:14px;font-size:.95rem;font-weight:700}.bg-swatch-wrap>p{color:var(--text-secondary);margin-top:4px;font-size:.8rem;line-height:1.5}.bg-swatch-panel{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-primary);position:relative;overflow:hidden;box-shadow:0 12px 30px #00000059}.bg-swatch-navbar{z-index:2;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg-primary) 88%, transparent);align-items:center;gap:8px;padding:12px 16px;display:flex;position:relative}.bg-swatch-navbar span{color:var(--text-primary);font-size:.75rem;font-weight:700}.bg-swatch-hero{padding:28px 16px 22px;position:relative;overflow:hidden}.bg-swatch-orb{filter:blur(28px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.bg-swatch-orb-a{background:radial-gradient(circle, color-mix(in srgb, var(--accent-a) 45%, transparent) 0%, transparent 70%);width:60%;height:90%;top:-30%;left:-10%}.bg-swatch-orb-b{background:radial-gradient(circle, color-mix(in srgb, var(--accent-b) 40%, transparent) 0%, transparent 70%);width:60%;height:90%;bottom:-40%;right:-10%}.bg-swatch-hero h4{z-index:1;font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:1.3rem;font-weight:400;position:relative}.bg-swatch-hero p{z-index:1;background:linear-gradient(120deg, var(--accent-a), var(--accent-b));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:.85rem;font-style:italic;position:relative}.bg-swatch-card{z-index:1;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;margin:0 16px 20px;padding:14px 16px;display:flex;position:relative}.bg-swatch-dot{background:linear-gradient(120deg, var(--accent-a), var(--accent-b));border-radius:50%;flex-shrink:0;width:20px;height:20px}.bg-swatch-lines{flex-direction:column;flex:1;gap:6px;display:flex}.bg-swatch-lines .line-a,.bg-swatch-lines .line-b{background:var(--text-secondary);opacity:.5;border-radius:3px;height:6px;display:block}.bg-swatch-lines .line-a{width:70%}.bg-swatch-lines .line-b{width:45%}