:root{--nav-h:122px;--bg-dark:var(--la-page);--bg-section:var(--la-raised);--bg-card:var(--la-card);--border:var(--la-hairline);--border-strong:var(--la-hairline-strong);--la-instrument:#10b981;--primary:var(--la-instrument);--primary-soft:#34d399;--secondary:#0d9488;--accent:#5eead4;--success:#10b981;--success-soft:#34d399;--warning:#f59e0b;--error:#ef4444;--text:var(--la-ink);--text-muted:var(--la-ink-dim);--gradient-1:linear-gradient(135deg, #047857 0%, #0d9488 100%);--gradient-2:linear-gradient(135deg, #0f766e 0%, #047857 100%);--gradient-bright:linear-gradient(135deg, #34d399 0%, #5eead4 100%);--la-font-display:'Space Grotesk',var(--la-font-ui);--font-body:var(--la-font-ui);--font-display:var(--la-font-display);--font-mono:var(--la-font-mono)}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em}.skip-link{position:absolute;top:-100px;left:50%;transform:translateX(-50%);background:#047857;color:#fff;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;z-index:9999;text-decoration:none;font-weight:600;transition:top .2s ease}.skip-link:focus{top:0;outline:2px solid var(--accent);outline-offset:2px}.site-nav{overflow-x:clip;position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,15,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(16,185,129,.2);display:flex;flex-direction:column}.site-nav>.nav-content{padding:1rem 2rem}.nav-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{white-space:nowrap;margin-right:1.75rem;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#6ee7b7 0,#5eead4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{color:var(--text-muted);text-decoration:none;white-space:nowrap;font-size:.9rem;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s}.nav-links a.active,.nav-links a:hover{color:var(--accent);background:rgba(94,234,212,.1)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:calc(var(--nav-h) + 2.5rem) 2rem 5rem;background:radial-gradient(circle at 30% 50%,rgba(16,185,129,.15) 0,transparent 50%),radial-gradient(circle at 70% 50%,rgba(13,148,136,.15) 0,transparent 50%)}.hero h1{font-size:clamp(2.75rem, 6.5vw, 4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:1.25rem;color:#f7f9fc}.hero h1 .hero-accent{color:var(--primary-soft)}.hero p{font-size:clamp(1.05rem, 1.5vw, 1.25rem);color:var(--text-muted);max-width:620px;margin-bottom:2rem;line-height:1.7}.hero-features{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-bottom:3rem}.hero-feature{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-size:.95rem}.hero-feature-label{display:inline}.start-btn{background:#047857;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 3px rgba(0,0,0,.4);padding:.95rem 2.4rem;font-size:1.05rem;font-weight:600;font-family:var(--font-body);border-radius:.65rem;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}.start-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 28px rgba(16,185,129,.35)}section{padding:5rem 2rem;max-width:var(--content-band,56rem);margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-number{display:inline-block;background:rgba(94,234,212,.1);color:var(--accent);padding:.4rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:600;margin-bottom:1rem}.section-title{font-size:clamp(1.9rem, 4vw, 2.6rem);font-weight:700;letter-spacing:-.025em;margin-bottom:.75rem}.section-desc{color:var(--text-muted);max-width:600px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 0 rgba(255,255,255,.03) inset}.card h3{color:var(--text);font-size:1.2rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}.card h3::before{content:'';width:4px;height:1.05em;border-radius:2px;background:linear-gradient(180deg,var(--primary-soft),var(--accent));flex-shrink:0}.tokenizer-input{width:100%;background:rgba(0,0,0,.3);border:2px solid rgba(16,185,129,.3);border-radius:.75rem;padding:1rem;color:var(--text);font-size:1.1rem;resize:none;transition:border-color .3s}.tokenizer-input:focus{outline:0;border-color:var(--primary)}.token-display{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;min-height:60px;padding:1rem;background:rgba(0,0,0,.2);border-radius:.75rem}.token{display:inline-flex;flex-direction:column;align-items:center;background:var(--gradient-1);padding:.5rem .75rem;border-radius:.5rem;animation:tokenPop .3s ease}.token-char{font-size:1.1rem;font-weight:600}.token-id{font-size:.7rem;opacity:.8}@keyframes tokenPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.matrix-container{overflow-x:auto;padding:1rem 0}.embedding-matrix{display:grid;gap:2px;background:rgba(0,0,0,.3);padding:1rem;border-radius:.75rem;font-family:var(--font-mono);font-size:.75rem}.matrix-row{display:flex;gap:2px}.matrix-cell{flex:1 1 45px;min-width:45px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:all .3s}.matrix-header{background:rgba(16,185,129,.3);font-weight:600}.matrix-label{background:rgba(94,234,212,.2);font-weight:600;min-width:30px}.training-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.control-group{background:rgba(0,0,0,.2);padding:1.25rem;border-radius:.75rem}.control-group label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.1);appearance:none;cursor:pointer}.control-group input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);cursor:pointer}.control-value{text-align:right;font-family:var(--font-mono);color:var(--accent);margin-top:.25rem}.training-buttons{display:flex;gap:1rem;flex-wrap:wrap}.train-btn{background:var(--gradient-2);color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:.75rem;cursor:pointer;flex:2;min-width:200px;transition:all .2s}.train-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(94,234,212,.3)}.train-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.reset-btn{background:0 0;color:var(--text-muted);border:2px solid rgba(255,255,255,.2);padding:1rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:.75rem;cursor:pointer;flex:1;min-width:150px;transition:all .2s}.reset-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(94,234,212,.1)}.reset-btn:active{transform:scale(.98)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.stat-card{background:rgba(0,0,0,.3);padding:1rem;border-radius:.75rem;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;font-family:var(--font-mono);background:var(--gradient-bright);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.chart-container{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.chart-canvas{width:100%;height:200px}.prob-container{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.prob-bar-container{margin:.5rem 0}.prob-bar-label{display:flex;justify-content:space-between;margin-bottom:.25rem;font-family:var(--font-mono)}.prob-bar-char{color:var(--accent);font-weight:600}.prob-bar-value{color:var(--text-muted)}.prob-bar{height:24px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.prob-bar-fill{height:100%;background:var(--gradient-bright);transition:width .3s ease;display:flex;align-items:center;padding-left:.5rem;font-size:.75rem}.prob-bar-fill.top{background:var(--gradient-bright)}.generation-area{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.generation-input{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.generation-input input{flex:1;min-width:150px;background:rgba(0,0,0,.3);border:2px solid rgba(16,185,129,.3);border-radius:.5rem;padding:.75rem 1rem;color:var(--text);font-size:1rem}.generation-input input:focus{outline:0;border-color:var(--primary)}.generate-btn{background:var(--gradient-1);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;white-space:nowrap}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.generated-output{font-family:var(--font-mono);font-size:1.2rem;line-height:1.8;min-height:100px;padding:1rem;background:rgba(0,0,0,.2);border-radius:.5rem}.generated-char{display:inline;animation:charFade .3s ease}.generated-char.new{color:var(--accent);font-weight:600}@keyframes charFade{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.cursor{display:inline-block;width:2px;height:1.2em;background:var(--accent);animation:blink 1s infinite;vertical-align:text-bottom}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}.concept-hierarchy{display:flex;align-items:center;justify-content:center;margin:1.5rem auto;max-width:520px}.ch-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;width:100%;aspect-ratio:1/1;border:1px solid var(--border-strong)}.ch-ai{background:rgba(16,185,129,.06)}.ch-ml{width:82%;background:rgba(16,185,129,.1)}.ch-dl{width:78%;background:rgba(52,211,153,.14)}.ch-llm{width:66%;background:rgba(94,234,212,.2)}.ch-tag{position:absolute;top:.55rem;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-size:.76rem;font-weight:600;color:var(--text);white-space:nowrap}.ch-llm>.ch-tag{position:static;transform:none;color:#a7f3d0;font-size:.95rem}@media (max-width:480px){.ch-tag{font-size:.68rem}.ch-llm>.ch-tag{font-size:.8rem}}.hierarchy-legend{display:flex;flex-direction:column;gap:.6rem;margin-top:1.5rem}.hl-row{display:grid;grid-template-columns:minmax(140px,1fr) 2.4fr;grid-template-areas:"name def" "name eg";gap:.1rem 1rem;padding:.85rem 1rem;background:rgba(0,0,0,.2);border-radius:.6rem;border-left:3px solid var(--border-strong)}.hl-ai{border-left-color:rgba(16,185,129,.4)}.hl-ml{border-left-color:var(--primary)}.hl-dl{border-left-color:var(--primary-soft)}.hl-llm{border-left-color:var(--accent);background:rgba(94,234,212,.08)}.hl-name{grid-area:name;align-self:center;font-family:var(--font-display);font-weight:600;color:var(--text);font-size:.95rem}.hl-def{grid-area:def;color:var(--text-muted);font-size:.92rem}.hl-eg{grid-area:eg;color:var(--accent);font-size:.82rem;opacity:.85}@media (max-width:560px){.hl-row{grid-template-columns:1fr;grid-template-areas:"name" "def" "eg";gap:.25rem}}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:.75rem;margin:1.5rem 0}.tl-item{position:relative;background:rgba(0,0,0,.2);border-radius:.6rem;padding:1rem .85rem;border-top:3px solid var(--primary)}.tl-year{font-family:var(--font-mono);font-size:.95rem;font-weight:700;color:var(--accent)}.tl-title{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:.9rem;margin:.35rem 0 .5rem}.tl-desc{color:var(--text-muted);font-size:.82rem;line-height:1.5}.pipeline-stages{display:flex;align-items:stretch;gap:.5rem;margin:1.25rem 0}.stage-card{flex:1 1 0;background:rgba(0,0,0,.2);border-radius:.75rem;padding:1.1rem;border-top:3px solid var(--border-strong);position:relative}.stage-done{border-top-color:var(--primary);background:rgba(16,185,129,.07)}.stage-head{font-family:var(--font-display);font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.stage-head-label{display:inline}.stage-num{background:var(--primary);color:#05140e;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.stage-sub{color:var(--accent);font-size:.78rem;margin:.35rem 0 .6rem}.stage-card p{color:var(--text-muted);font-size:.88rem}.stage-result{margin-top:.7rem;font-size:.82rem;color:var(--text);opacity:.85}.stage-badge{margin-top:.7rem;display:inline-block;font-size:.72rem;font-weight:600;color:var(--primary-soft);background:rgba(16,185,129,.12);border-radius:.4rem;padding:.2rem .5rem}.stage-arrow{align-self:center;color:var(--text-muted);font-size:1.4rem;flex-shrink:0}.pipeline-stages{flex-direction:column}.stage-arrow{transform:rotate(90deg);align-self:center;line-height:1}@media (min-width:700px){.stage-card{display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:1.5rem;align-items:start}.stage-sub{margin-bottom:0}.stage-body>.stage-result:first-of-type{margin-top:.5rem}}.hero .la-kicker{justify-content:center}.hero-course-label{flex-basis:100%;color:var(--accent);font-size:.85rem}.hero-course-next{margin:.35rem 0 0;color:var(--text-muted)}.next-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.25rem}.next-tile{display:flex;flex-direction:column;background:rgba(0,0,0,.2);border-radius:.75rem;padding:1rem;border-top:3px solid var(--primary)}.next-tile h3{display:block;font-family:var(--font-display);font-weight:600;color:var(--text);font-size:1rem;margin-bottom:.4rem}.next-tile p{color:var(--text-muted);font-size:.88rem;margin-bottom:.6rem}.next-tile .stage-badge{margin-top:auto;align-self:flex-start}.next-closing{color:var(--text-muted);font-size:.9rem}.paradigm-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.pc-body,.pc-head,.stage-body,.stage-rail{min-width:0}@media (min-width:700px){.paradigm-card{display:grid;grid-template-columns:12rem minmax(0,1fr);column-gap:1.5rem;align-items:start}.pc-tag{margin-bottom:0}}.paradigm-card{background:rgba(0,0,0,.2);border-radius:.75rem;padding:1.25rem;border-top:3px solid var(--secondary)}.pc-icon{font-size:1.6rem;line-height:1}.pc-name{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:1.05rem;margin-top:.5rem}.pc-tag{color:var(--accent);font-size:.8rem;margin-bottom:.6rem}.paradigm-card p{color:var(--text-muted);font-size:.9rem}.pc-cost{margin-top:.7rem;font-size:.8rem;color:var(--warning);opacity:.9}.selfsup-example{margin:1.25rem 0}.selfsup-example:empty{display:none}.ss-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;background:rgba(0,0,0,.25);border-radius:.75rem;padding:1.25rem}.ss-block{text-align:center}.ss-cap{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.5rem}.ss-question .ss-cap{color:var(--text-muted)}.ss-answer .ss-cap{color:var(--accent)}.ss-chars{display:flex;gap:.35rem;justify-content:center}.ss-ch{font-family:var(--font-mono);font-size:1.4rem;font-weight:600;min-width:1.9rem;padding:.4rem .5rem;border-radius:.4rem;white-space:pre}.ss-ctx-ch{background:rgba(148,163,184,.12);color:var(--text);border:1px solid var(--border-strong)}.ss-label-ch{background:rgba(94,234,212,.18);color:var(--accent);border:1px solid var(--accent)}.ss-arrow{color:var(--text-muted);font-size:1.5rem}.ss-note{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:.85rem}.dataprep-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}@media (max-width:620px){.dataprep-toggles{grid-template-columns:1fr}}.dataprep-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;background:rgba(0,0,0,.2);border:1px solid var(--border-strong);border-radius:.6rem;padding:.75rem .9rem;cursor:pointer;color:var(--text);transition:border-color .15s,background .15s}.dataprep-btn:hover{border-color:var(--primary)}.dataprep-btn.active{border-color:var(--primary);background:rgba(16,185,129,.12)}.dp-name{font-weight:600;font-size:.92rem}.dataprep-btn.active .dp-name::before{content:"✓ ";color:var(--primary-soft)}.dp-hint{color:var(--text-muted);font-size:.8rem}.dp-sample-btn{background:0 0;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font:inherit;padding:0}.dp-sample-btn:hover{color:var(--primary-soft)}.dataprep-preview{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;background:rgba(0,0,0,.25);border-radius:.75rem;padding:1.1rem 1.25rem}.dp-metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.3rem}.dp-metric-row{display:flex;align-items:baseline;gap:.6rem;font-family:var(--font-mono);font-size:1.3rem;font-weight:700}.dp-before{color:var(--text-muted)}.dp-arrow{color:var(--text-muted);font-size:1rem}.dp-after{color:var(--text)}.dp-after.dp-changed{color:var(--primary-soft)}.dp-apply-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;min-width:200px}.dp-apply-btn{background:var(--primary);color:#05140e;border:none;border-radius:.5rem;padding:.55rem 1.1rem;font-weight:600;cursor:pointer;font-family:var(--font-display)}.dp-apply-btn:disabled{background:rgba(148,163,184,.15);color:var(--text-muted);cursor:not-allowed}.dp-summary{font-size:.82rem;color:var(--text-muted);text-align:right}@media (max-width:620px){.dp-apply-wrap{margin-left:0;align-items:flex-start;min-width:0}.dp-summary{text-align:left}}.challenge-list{display:flex;flex-direction:column;gap:.6rem}.challenge{display:flex;align-items:flex-start;gap:.75rem;background:rgba(0,0,0,.2);border:1px solid var(--border-strong);border-radius:.6rem;padding:.8rem 1rem;transition:border-color .15s,background .15s}.challenge.done{border-color:var(--primary);background:rgba(16,185,129,.08)}.challenge-check{font-size:1.1rem;line-height:1.4;color:var(--text-muted);flex-shrink:0}.challenge.done .challenge-check{color:var(--primary-soft)}.challenge-title{font-weight:600;color:var(--text);font-size:.95rem}.challenge.done .challenge-title{color:var(--primary-soft)}.challenge-how{color:var(--text-muted);font-size:.86rem;margin-top:.15rem}.math-block{background:rgba(0,0,0,.18);border-radius:.75rem;padding:1.1rem 1.25rem;margin-bottom:1rem}.math-block h4{color:var(--accent);margin-bottom:.5rem}.math-block p{color:var(--text-muted);font-size:.92rem;line-height:1.6}.math-block .formula{margin:.5rem 0 .9rem;font-size:1.25rem;color:var(--text);overflow-x:auto}.inline-formula{color:var(--text);font-size:1.02em}.rm-a,.rm-q{display:block;line-height:1.55;overflow-wrap:anywhere}.rm-q{color:var(--text-muted);margin-bottom:.5rem}.rm-a{color:var(--text)}.rm-role{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:rgba(148,163,184,.14);border-radius:.3rem;padding:.05rem .4rem;margin-right:.5rem;vertical-align:middle}.rm-role-model{color:var(--primary-soft);background:rgba(16,185,129,.14)}.prompt-examples{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.prompt-chip{background:rgba(0,0,0,.25);border:1px solid var(--border-strong);color:var(--text-muted);border-radius:1rem;padding:.25rem .7rem;font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.prompt-chip:hover{border-color:var(--primary);color:var(--text)}.section-icon{font-size:2rem;line-height:1;margin-bottom:.6rem;filter:drop-shadow(0 2px 6px rgba(16, 185, 129, .25))}.tblock-viz{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr);gap:1.25rem;align-items:start;margin:1.25rem 0}@media (max-width:640px){.tblock-viz{grid-template-columns:1fr}}.tblock{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;text-align:center}.tb-io{background:rgba(0,0,0,.25);border-radius:.5rem;padding:.55rem;font-size:.82rem;color:var(--text-muted)}.tb-arrow{color:var(--text-muted);font-size:1.1rem;line-height:1}.tb-block{border:1px solid var(--border-strong);border-radius:.6rem;padding:.7rem .6rem;display:flex;flex-direction:column;gap:.4rem;position:relative;background:rgba(16,185,129,.04)}.tb-block-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.tb-sub{border-radius:.45rem;padding:.5rem;font-weight:600;font-size:.9rem;color:var(--text);display:flex;flex-direction:column;gap:.15rem}.tb-attn{background:rgba(94,234,212,.16)}.tb-ffn{background:rgba(16,185,129,.16)}.tb-tag{font-size:.7rem;font-weight:500;color:var(--text-muted)}.tb-mini{font-size:.72rem;color:var(--text-muted)}.attn-viz{display:flex;flex-direction:column}.attn-title{font-size:.82rem;color:var(--accent);margin-bottom:.5rem;text-align:center}.attn-viz{min-width:0}.attn-grid-scroll{overflow-x:auto;max-width:100%}.attn-grid{display:grid;gap:3px}.attn-grid .attn-cell{min-width:11px;min-height:11px}.attn-grid .attn-head,.attn-grid .attn-row-label{font-size:.65rem}.attn-head,.attn-row-label{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:2px}.attn-row-label{justify-content:flex-end;padding-right:.35rem}.attn-cell{aspect-ratio:1/1;border-radius:3px;min-width:14px}.attn-masked{background:rgba(148,163,184,.06)}.attn-note{font-size:.8rem;color:var(--text-muted);margin-top:.6rem;line-height:1.5}.attn-intro{font-size:.88rem;color:var(--text-muted);line-height:1.55;margin:0 0 .75rem}.tt-suggestions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-muted);margin-bottom:.6rem}.tt-try{background:0 0;border:1px dashed rgba(94,234,212,.4);color:var(--accent);border-radius:999px;padding:.25rem .7rem;font:inherit;font-size:.75rem;cursor:pointer}.tt-try:hover{background:rgba(94,234,212,.08)}.tt-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.tt-controls input{flex:1 1 220px}.tt-status{font-size:.8rem;color:var(--text-muted);min-height:1.2em;margin-bottom:.6rem}.tt-heads{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.tt-head-chip{background:0 0;border:1px solid rgba(255,255,255,.15);color:var(--text-muted);border-radius:999px;padding:.25rem .7rem;font:inherit;font-size:.75rem;cursor:pointer}.tt-head-chip:hover{border-color:rgba(94,234,212,.5)}.tt-head-chip.active{border-color:rgba(94,234,212,.8);color:var(--accent);background:rgba(94,234,212,.08)}.tt-prediction{margin-top:.75rem}.tt-pred-title{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.explode-demo{margin-top:1.5rem}.explode-demo>h4{margin-bottom:.5rem}.xp-intro{color:var(--text-muted);margin-bottom:.75rem}.xp-controls{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin:.9rem 0 .5rem}.xp-chips{display:flex;gap:.4rem;flex-wrap:wrap}.xp-chip{background:0 0;border:1px dashed rgba(94,234,212,.4);color:var(--accent);border-radius:999px;padding:.25rem .7rem;font:inherit;font-size:.75rem;cursor:pointer}.xp-chip:hover{background:rgba(94,234,212,.08)}.xp-chip.selected{border-style:solid;border-color:rgba(94,234,212,.8);background:rgba(94,234,212,.08)}.xp-log{font-family:"SF Mono",Monaco,monospace;font-size:.78rem;display:grid;gap:2px;margin:.5rem 0}.xp-row{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;padding:.15rem .5rem;background:rgba(255,255,255,.03);border-radius:4px}.xp-row span:first-child{min-width:4.5rem}.xp-row.xp-dead{color:var(--error);background:rgba(239,68,68,.08)}.xp-gap{justify-content:center;color:var(--text-muted);background:0 0}.xp-verdict{font-size:.9rem;margin:.5rem 0;min-height:1.2em}.xp-verdict strong{color:var(--accent)}.explode-demo .xp-note{color:var(--text-muted);font-size:.95rem;margin-top:.75rem}.distill-controls{margin:.9rem 0 .5rem}.distill-dark{margin:.75rem 0;font-size:.85rem}.distill-dark-title{color:var(--accent);font-weight:600;margin-bottom:.3rem}.distill-dark-row{color:var(--text-muted);background:rgba(255,255,255,.03);border-radius:6px;padding:.5rem .7rem}.distill-ctx{color:var(--accent);font-family:"SF Mono",Monaco,monospace}.distill-table-scroll{overflow-x:auto}.distill-results table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.5rem 0}.distill-results caption{color:var(--text-muted);font-size:.78rem;text-align:left;padding-bottom:.4rem}.distill-results td,.distill-results th{text-align:left;padding:.35rem .6rem;border-bottom:1px solid rgba(255,255,255,.08)}.distill-results thead th{color:var(--accent);font-weight:600}.distill-samples{display:grid;gap:.4rem;margin:.75rem 0;font-size:.85rem}.distill-sample{background:rgba(255,255,255,.03);border-radius:6px;padding:.45rem .7rem;font-family:"SF Mono",Monaco,monospace;overflow-wrap:anywhere}.distill-sample-label{color:var(--accent);font-family:inherit;font-weight:600;margin-right:.4rem}.onnx-manifest{margin-top:.9rem;display:grid;gap:3px;font-size:.82rem}.onnx-manifest-title{color:var(--accent);font-weight:600;margin-bottom:.25rem}.onnx-file{display:flex;gap:.7rem;flex-wrap:wrap;align-items:baseline;background:rgba(255,255,255,.03);border-radius:6px;padding:.35rem .6rem}.onnx-file-name{font-family:"SF Mono",Monaco,monospace;color:var(--text)}.onnx-file-size{color:var(--accent);white-space:nowrap}.onnx-file-tag{color:var(--text-muted);flex:1 1 14rem}.share-panel{margin:1rem 0 .75rem;border:1px solid rgba(94,234,212,.25);border-radius:10px;padding:.9rem 1rem;background:linear-gradient(160deg,rgba(94,234,212,.06),rgba(94,234,212,.015))}.share-panel-title{font-weight:600;color:var(--accent);margin-bottom:.7rem}.share-panel-row{display:flex;gap:.6rem;flex-wrap:wrap}.share-btn{flex:1 1 14rem;display:flex;align-items:center;gap:.65rem;background:rgba(255,255,255,.03);border:1px solid rgba(94,234,212,.35);border-radius:8px;padding:.6rem .8rem;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease}.share-btn:hover{background:rgba(94,234,212,.1);border-color:rgba(94,234,212,.7);transform:translateY(-1px)}.share-btn-icon{font-size:1.3rem}.share-btn-body{display:flex;flex-direction:column;gap:.1rem}.share-btn-body strong{font-size:.9rem}.share-btn-body small{color:var(--text-muted);font-size:.75rem}.lab-confirm-overlay{position:fixed;inset:0;background:rgba(4,8,7,.72);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.lab-confirm{background:var(--bg-card,#101816);border:1px solid rgba(94,234,212,.3);border-radius:12px;padding:1.25rem 1.4rem;max-width:26rem;width:100%;box-shadow:0 12px 40px rgba(0,0,0,.5)}.lab-confirm h4{margin-bottom:.5rem;color:var(--accent)}.lab-confirm p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.lab-confirm-row{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap}.sync-dialog{margin:auto;background:var(--bg-card,#101816);color:var(--text);border:1px solid rgba(94,234,212,.3);border-radius:12px;padding:1.25rem 1.4rem;max-width:26rem;width:calc(100% - 2rem);max-height:calc(100vh - 2rem);overflow-y:auto;box-shadow:0 12px 40px rgba(0,0,0,.5)}.sync-dialog::backdrop{background:rgba(4,8,7,.72)}.sync-dialog h3{margin:0 0 .9rem;color:var(--accent)}.sync-explainer p{color:var(--text-muted);font-size:.85rem;margin:0 0 .7rem}.sync-explainer strong{color:var(--text)}.sync-how-details{margin:.8rem 0}.sync-how-details summary{cursor:pointer;color:var(--accent);font-size:.85rem;margin-bottom:.5rem}#syncMakeLinkBtn{width:100%}.sync-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1rem;min-height:3rem}.sync-qr-host{width:176px;height:176px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.sync-qr-host svg{width:100%;height:100%;display:block}.sync-qr-caption{font-size:.8rem;color:var(--text-muted);margin:0;text-align:center}.sync-link-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.3rem}.sync-link-row{display:flex;gap:.5rem;margin-bottom:.8rem}.sync-link-input{flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid rgba(94,234,212,.25);border-radius:8px;color:var(--text);font:inherit;font-size:.8rem;padding:.45rem .6rem}#syncShareBtn{width:100%;margin-bottom:.8rem}.sync-note{color:var(--text-muted);font-size:.8rem;margin:0 0 .6rem}.sync-note.sync-error{color:#f87171}.sync-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.sync-switch-confirm{background:rgba(94,234,212,.08);border:1px solid rgba(94,234,212,.25);border-radius:8px;padding:.8rem;margin-bottom:.8rem}.sync-switch-confirm p{font-size:.85rem;margin:0 0 .6rem}.sync-switch-confirm .sync-switch-row{display:flex;gap:.5rem}.sync-dialog [data-role=sync-close]{width:100%}.carry-card{border-color:rgba(94,234,212,.28)}.carry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:1.25rem 0}.carry-point{background:rgba(0,0,0,.2);border-radius:.75rem;border-top:3px solid var(--accent);padding:1rem}.carry-point h4{color:var(--accent);font-size:.95rem;margin-bottom:.4rem}.carry-point p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.carry-point code{font-family:var(--font-mono);color:var(--text)}.carry-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.carry-note{color:var(--text-muted);font-size:.85rem}.prob-bar-logit{font-family:"SF Mono",Monaco,monospace;font-size:.72rem;color:var(--text-muted);margin-left:.5rem}.pb-tag{font-size:.7rem;color:var(--warning,#f59e0b);border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:.05rem .45rem;margin-left:.5rem;white-space:nowrap}.prob-bar-container.pb-cut{opacity:.45}.prob-bar-container.pb-cut .prob-bar-fill{filter:grayscale(.8)}.temp-viz-cut{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;min-height:1.2em}#comeback .cb-item{margin-bottom:1rem}#comeback .cb-q{font-weight:600;margin-bottom:.4rem}.personal-records{margin-top:.75rem;font-size:.85rem;color:var(--text-muted)}.personal-records .pr-title{color:var(--accent);font-weight:600}.personal-records .pr-entry{font-family:"SF Mono",Monaco,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gd-bowl-wrap{margin-top:1rem}.gd-bowl{width:100%;height:200px;display:block;background:rgba(0,0,0,.25);border-radius:.6rem}.gd-bowl-caption{font-size:.9rem;color:var(--text-muted);margin-top:.6rem;line-height:1.5}.gd-state{font-weight:700;margin-right:.4rem}.gd-state.gd-ok{color:var(--primary-soft)}.gd-state.gd-warn{color:var(--warning)}.gd-state.gd-bad{color:var(--error)}.gd-bowl-hint{font-size:.82rem;color:var(--text-muted);margin-top:.4rem;opacity:.85}.gradient-demo{margin:1rem 0 .5rem;background:rgba(0,0,0,.25);border-radius:.6rem;padding:.9rem 1rem}.gradient-demo:empty{display:none}.grad-caption{font-size:.86rem;color:var(--text-muted);margin-bottom:.6rem}.grad-example{font-family:var(--font-mono);color:var(--text);background:rgba(148,163,184,.14);padding:.05rem .35rem;border-radius:.3rem}.grad-example.grad-target{color:var(--accent);background:rgba(94,234,212,.15)}.grad-row{display:grid;grid-template-columns:2rem repeat(3,minmax(64px,1fr)) 2fr;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:.35rem;font-size:.85rem}.grad-row.grad-correct{background:rgba(94,234,212,.08)}.grad-ch{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text)}.grad-cell{font-family:var(--font-mono);color:var(--text-muted)}.grad-val.neg{color:var(--primary-soft)}.grad-val.pos{color:#e88}.grad-dir{color:var(--text-muted);font-size:.8rem}@media (max-width:620px){.grad-row{grid-template-columns:1.6rem repeat(3,1fr)}.grad-dir{grid-column:1/-1}}.canned-traces{background:rgba(0,0,0,.2);border-radius:.75rem;padding:1.1rem 1.25rem;margin-bottom:1.5rem}.canned-head{font-size:.88rem;color:var(--text-muted);margin-bottom:1rem}.canned-trace{border-left:2px solid var(--border-strong);padding-left:.9rem;margin-bottom:.9rem}.canned-prompt{color:var(--text);font-size:.92rem;margin-bottom:.35rem}.canned-reply{color:var(--text-muted);font-size:.92rem;line-height:1.55;overflow-wrap:anywhere}.canned-role{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:rgba(148,163,184,.14);border-radius:.3rem;padding:.1rem .4rem;margin-right:.5rem}.canned-role.reply{color:var(--primary-soft);background:rgba(16,185,129,.14)}.canned-note{font-size:.82rem;color:var(--text-muted);margin-top:.5rem}.bias-note{font-size:.86rem;color:var(--accent);margin-top:.75rem}.bias-note:empty{display:none}.compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width:620px){.compare-cols{grid-template-columns:1fr}}.compare-col{background:rgba(0,0,0,.2);border-radius:.75rem;padding:1rem}.compare-head{font-family:var(--font-display);font-weight:600;font-size:.9rem}.compare-low{color:var(--primary-soft)}.compare-high{color:var(--warning)}.compare-tag{font-size:.78rem;color:var(--text-muted);margin-bottom:.6rem}.compare-output{font-family:var(--font-mono);font-size:.95rem;line-height:1.7;color:var(--text);overflow-wrap:anywhere;white-space:pre-wrap;min-height:4rem}.compare-seed{color:var(--text-muted)}.compare-note{font-size:.84rem;color:var(--text-muted);margin-top:.75rem}.share-config{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.share-config-btn{background:rgba(0,0,0,.25);border:1px solid var(--border-strong);color:var(--text);border-radius:.5rem;padding:.5rem .9rem;cursor:pointer;font-size:.88rem;transition:border-color .15s}.share-config-btn:hover{border-color:var(--primary)}.share-config-status{font-size:.82rem;color:var(--accent);overflow-wrap:anywhere}.matrix-label-click{cursor:pointer;transition:outline .12s}.matrix-label-click:focus-visible,.matrix-label-click:hover{outline:2px solid var(--accent);outline-offset:-2px}.emb-neighbors{margin-top:1rem}.emb-neighbors:not(.active){display:none}.emb-neighbors.active{display:block;background:rgba(94,234,212,.08);border-left:3px solid var(--accent);border-radius:0 .5rem .5rem 0;padding:.9rem 1.1rem}.nn-head{font-size:.95rem;color:var(--text);margin-bottom:.6rem}.nn-selected{font-family:var(--font-mono);font-weight:700;color:var(--accent);background:rgba(94,234,212,.15);padding:.1rem .45rem;border-radius:.3rem}.nn-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.6rem}.nn-chip{display:flex;align-items:baseline;gap:.4rem;background:rgba(0,0,0,.25);border:1px solid var(--border-strong);border-radius:.5rem;padding:.35rem .7rem}.nn-ch{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--text)}.nn-cos{font-size:.78rem;color:var(--text-muted)}.nn-note{font-size:.84rem;color:var(--text-muted);line-height:1.5}.overfit-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .5rem;border-radius:.4rem;margin-right:.4rem;background:rgba(239,68,68,.18);color:#fca5a5;vertical-align:middle}.overfit-warning.warning .overfit-badge{background:rgba(245,158,11,.18);color:#fcd34d}.hallucination-note{margin-top:1rem;padding:.85rem 1.1rem;background:rgba(245,158,11,.1);border-left:3px solid var(--warning);border-radius:0 .5rem .5rem 0;font-size:.9rem;color:var(--text);line-height:1.55}.sw-update-banner{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.75rem;background:var(--bg-card,#10201a);border:1px solid rgba(94,234,212,.5);border-radius:999px;padding:.6rem 1.1rem;font-size:.88rem;color:var(--text);z-index:1000;box-shadow:0 8px 30px rgba(0,0,0,.45);max-width:calc(100vw - 2rem);flex-wrap:wrap;justify-content:center}.sw-update-btn{background:0 0;border:1px solid rgba(94,234,212,.4);color:var(--accent);border-radius:999px;padding:.3rem .9rem;font:inherit;font-size:.8rem;cursor:pointer}.sw-update-btn:hover{background:rgba(94,234,212,.08)}.sw-update-reload{background:rgba(94,234,212,.15);font-weight:600}.viz-table-toggle{margin-top:.6rem;background:0 0;border:1px solid rgba(94,234,212,.4);color:var(--accent);border-radius:999px;padding:.3rem .9rem;font:inherit;font-size:.8rem;cursor:pointer}.viz-table-toggle:hover{background:rgba(94,234,212,.08)}.viz-table{margin-top:.6rem;overflow-x:auto;max-height:320px;overflow-y:auto}.viz-table table{width:100%;border-collapse:collapse;font-size:.82rem}.viz-table caption{text-align:left;color:var(--text-muted);font-size:.8rem;padding-bottom:.4rem}.viz-table td,.viz-table th{padding:.3rem .55rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);color:var(--text-muted)}.viz-table tbody th,.viz-table thead th{color:var(--accent);font-weight:600}.viz-table-empty{color:var(--text-muted);font-size:.85rem}.y26-block{margin-bottom:1.25rem}.y26-block:last-child{margin-bottom:0}.y26-block h4{margin:0 0 .5rem;color:var(--accent)}.y26-block p{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin:0 0 .6rem}.y26-compare{display:flex;gap:.75rem}@media (max-width:640px){.y26-compare{flex-direction:column}.y26-compare .y26-col{flex:1 1 auto}}.y26-col{flex:1 1 0;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.6rem .8rem}.y26-col-head{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin-bottom:.3rem}.y26-col-body{font-size:.85rem;color:var(--text);line-height:1.55}.y26-dim{color:var(--text-muted);font-size:.78rem}.y26-moe{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.y26-idle{opacity:.45}.sys-demo{margin:1rem 0;padding:1rem 1.1rem;background:rgba(0,0,0,.25);border:1px solid rgba(94,234,212,.25);border-radius:.75rem}.sys-demo-title{font-weight:700;color:var(--accent);margin-bottom:.4rem}.sys-demo-q{color:var(--text);font-size:.95rem;margin:0 0 .9rem}.sys-rows{display:flex;flex-direction:column;gap:.9rem}.sys-row{border-left:3px solid rgba(94,234,212,.35);padding-left:.8rem}.sys-row-head{font-weight:600;font-size:.9rem;margin-bottom:.4rem}.sys-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.45rem}.sys-chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.15rem .6rem;font-size:.75rem;color:var(--text-muted);white-space:nowrap}.sys-chip-model{border-color:rgba(94,234,212,.6);color:var(--accent)}.sys-chip-sys{border-color:rgba(16,185,129,.5);color:#34d399}.sys-chip-tool{border-color:rgba(245,158,11,.55);color:var(--warning,#f59e0b)}.sys-arrow{color:var(--text-muted);font-size:.8rem}.sys-out{color:var(--text-muted);font-size:.88rem;line-height:1.55}.sys-out code{font-size:.8rem}.sys-verdict{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.12rem .55rem;margin-right:.45rem;vertical-align:middle}.sys-bad{background:rgba(248,113,113,.16);color:#f87171}.sys-good{background:rgba(52,211,153,.16);color:var(--accent)}.sys-note{color:var(--text-muted);font-size:.88rem;line-height:1.55;margin:.9rem 0 0;font-style:italic}.hero-demo{margin:2.25rem auto 0;width:100%;max-width:760px;background:rgba(0,0,0,.25);border:2px solid rgba(16,185,129,.35);border-radius:.75rem;padding:1.1rem 1.2rem;text-align:left}.hero-demo-head{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.85rem}.hero-demo-title{font-weight:700;color:var(--accent)}.hero-demo-sub{color:var(--text-muted);font-size:.85rem;line-height:1.45}.hero-demo-samples{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.hero-demo-sample{display:flex;flex-direction:column;gap:.3rem;min-width:0}.hero-demo-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.hero-demo-sample code{display:block;background:rgba(0,0,0,.35);border-radius:.5rem;padding:.6rem .7rem;font-size:.8rem;line-height:1.5;height:4.8rem;overflow-y:auto;overflow-wrap:anywhere;color:var(--text)}#heroDemoChart{display:block;width:100%;height:90px;margin-top:.85rem}.hero-demo-stats{display:flex;gap:1.5rem;color:var(--text-muted);font-size:.85rem;margin-top:.35rem}.hero-demo-stats strong{color:var(--accent);font-variant-numeric:tabular-nums}.hero-demo-status{color:var(--text-muted);font-size:.85rem;line-height:1.5;margin-top:.6rem;height:3.9rem;overflow-y:auto}.hero-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.85rem}.hero-demo-actions button{width:100%;padding:.8rem 1rem;font-size:.95rem;line-height:1.3;white-space:nowrap}.hero-demo-replay{display:block;width:100%;margin-top:.85rem;padding:.8rem 1rem;font:inherit;font-size:.95rem;font-weight:600;line-height:1.3;color:var(--accent);background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.4);border-radius:.5rem;cursor:pointer;white-space:nowrap}.hero-demo-replay:hover{background:rgba(16,185,129,.15)}@media (max-width:640px){.hero-demo-samples{grid-template-columns:1fr}.hero-demo-sub{display:none}}@media (max-width:480px){.hero-demo-actions{grid-template-columns:1fr}.hero-demo-status{height:5.2rem}}.path-picker{margin:2.25rem auto 0;max-width:760px}.path-picker-title{color:var(--text-muted);font-size:.95rem;margin-bottom:.85rem}.path-picker-hint{font-size:.8rem;opacity:.75}.path-options{display:flex;gap:.85rem}@media (max-width:640px){.path-options{flex-direction:column}.path-options .path-btn{flex:1 1 auto}}.path-btn{flex:1 1 0;display:flex;flex-direction:column;gap:.35rem;text-align:left;background:rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.95rem 1.1rem;cursor:pointer;transition:all .2s;color:var(--text);font:inherit}.path-btn:hover{border-color:rgba(16,185,129,.5)}.path-btn.active{border-color:rgba(94,234,212,.8);background:rgba(94,234,212,.07)}.path-name{font-weight:700}.path-time{color:var(--accent);font-size:.8rem;font-weight:600}.path-desc{color:var(--text-muted);font-size:.8rem;line-height:1.45}.path-note{color:var(--text-muted);font-size:.85rem;margin-top:.85rem;min-height:1.2em}.hero-cta{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.resume-btn{background:rgba(94,234,212,.12)}body.path-tour .math-details{display:none}body.path-tour .extra-credit{display:none}.predict-widget{margin:1.25rem 0;padding:1rem 1.1rem;background:rgba(0,0,0,.25);border:1px dashed rgba(94,234,212,.35);border-radius:.75rem}.predict-widget h4{margin:0 0 .4rem;color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.predict-q{color:var(--text);font-size:.95rem;line-height:1.5;margin:0 0 .75rem}.predict-options{display:flex;flex-direction:column;gap:.5rem}.predict-option{background:rgba(0,0,0,.2);border:2px solid transparent;border-radius:.5rem;padding:.6rem .9rem;cursor:pointer;transition:all .2s;color:var(--text);font-size:.92rem}.predict-option:hover{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.1)}.predict-option.picked{border-color:rgba(94,234,212,.7);background:rgba(94,234,212,.08)}.predict-option.correct{border-color:rgba(16,185,129,.8);background:rgba(16,185,129,.12)}.predict-feedback{display:none;margin-top:.75rem;font-size:.9rem;line-height:1.55;color:var(--text-muted)}.predict-feedback.show{display:block}.predict-feedback.correct{color:var(--accent)}.predict-feedback.incorrect{color:var(--warning,#f59e0b)}.confab-demo{margin-top:1.25rem;padding:1rem 1.1rem;background:rgba(0,0,0,.25);border:1px solid rgba(248,113,113,.25);border-radius:.75rem}.confab-demo h4{margin:0 0 .5rem}.confab-desc{color:var(--text-muted);font-size:.92rem;line-height:1.55;margin:0 0 .75rem}.confab-note{color:var(--text-muted);font-size:.9rem;line-height:1.55;margin:.75rem 0}.confab-note:last-child{margin-bottom:0}.confab-tag{font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:999px;margin-left:.35rem;vertical-align:middle}.confab-tag.wrong{background:rgba(248,113,113,.18);color:#f87171}.confab-tag.actual{background:rgba(52,211,153,.18);color:var(--accent)}.prob-bar-fill.wrong{background:linear-gradient(90deg,rgba(248,113,113,.9),rgba(248,113,113,.55))}.prob-bar-fill.actual{background:var(--gradient-bright)}.hallucination-note:empty{display:none}.hn-icon{margin-right:.15rem}.hyperparam-caption{margin-top:1rem;padding:.75rem 1rem;background:rgba(94,234,212,.08);border-left:3px solid var(--accent);border-radius:0 .5rem .5rem 0;font-size:.88rem;color:var(--text-muted)}.not-bridge{margin-top:1.25rem;padding:1rem 1.1rem;background:rgba(0,0,0,.25);border:1px solid rgba(52,211,153,.25);border-radius:.75rem}.not-bridge h4{margin:0 0 .5rem;color:var(--emerald,#34d399)}.not-bridge-intro{color:var(--text-muted);font-size:.92rem;line-height:1.55;margin:0 0 .75rem}.not-table-wrap{overflow-x:auto}.not-table{width:100%;border-collapse:collapse;font-size:.88rem}.not-table td,.not-table th{padding:.45rem .6rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08)}.not-table thead th{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.not-table tbody th{color:var(--emerald,#34d399);font-weight:600;white-space:nowrap}.not-table td{color:var(--text-muted);line-height:1.45}.not-table tbody tr:last-child td,.not-table tbody tr:last-child th{border-bottom:none}@media (max-width:640px){.not-table thead{display:none}.not-table,.not-table tbody,.not-table tbody th,.not-table td,.not-table tr{display:block;width:100%}.not-table tbody tr{border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:.5rem .65rem;margin-bottom:.6rem}.not-table tbody tr:last-child{margin-bottom:0}.not-table tbody th{white-space:normal;padding:0 0 .35rem;border-bottom:none}.not-table td{padding:.15rem 0 .35rem;border-bottom:none}.not-table td:last-child{padding-bottom:0}.not-table td[data-label]::before{content:attr(data-label);display:block;color:var(--accent);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.1rem}}.not-list{margin:0;padding-left:1.2rem;color:var(--text-muted);font-size:.92rem;line-height:1.6}.not-list li{margin-bottom:.45rem}.not-list li:last-child{margin-bottom:0}.scale-gap-callout{display:flex;align-items:stretch;gap:1rem;margin:1.5rem 0 .75rem}.sg-side{flex:1 1 0;background:rgba(0,0,0,.25);border-radius:.75rem;padding:1.1rem;text-align:center}.sg-yours{border-top:3px solid var(--accent)}.sg-theirs{border-top:3px solid var(--primary)}.sg-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.sg-num{font-family:var(--font-mono);font-size:1.6rem;font-weight:700;color:var(--text);line-height:1.1;overflow-wrap:anywhere}.sg-yours .sg-num{color:var(--accent)}.sg-theirs .sg-num{color:var(--primary-soft)}.sg-unit{font-size:.8rem;color:var(--text-muted)}.sg-sub{font-size:.82rem;color:var(--text-muted);margin-top:.5rem}.sg-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:0 0 auto;padding:0 .25rem}.sg-factor{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--warning);overflow-wrap:anywhere}.sg-vs-label{font-size:.75rem;color:var(--text-muted)}.scale-gap-note{color:var(--text-muted);font-size:.88rem}@media (max-width:680px){.scale-gap-callout{flex-direction:column}.sg-vs{flex-direction:row;gap:.5rem}}.reco-note{margin-top:1rem;padding:.85rem 1.1rem;background:rgba(16,185,129,.08);border-left:3px solid var(--primary);border-radius:0 .5rem .5rem 0;font-size:.9rem;color:var(--text);line-height:1.55}.reco-note:empty{display:none}.reco-icon{color:var(--primary-soft);font-weight:700}.reco-why{color:var(--text-muted)}.reco-tweak{color:var(--accent);font-size:.85rem}.step-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}@media (max-width:768px){.step-container{grid-template-columns:1fr}}.step-box{background:rgba(0,0,0,.2);border-radius:.75rem;padding:1.5rem}.step-box h4{color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.step-number{background:var(--primary);color:var(--bg-dark);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.math-display{background:rgba(0,0,0,.3);padding:1rem;border-radius:.5rem;font-family:var(--font-mono);overflow-x:auto;margin:.5rem 0}.info-box{background:rgba(94,234,212,.1);border-left:3px solid var(--accent);padding:1rem 1.5rem;border-radius:0 .5rem .5rem 0;margin:1.5rem 0}.info-box p{color:var(--text-muted);font-size:.95rem}.info-box-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.info-box-header h4{color:var(--accent);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.info-box-toggle{color:var(--accent);font-size:1.2rem;transition:transform .3s}.info-box-toggle.open{transform:rotate(180deg)}.info-box-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.info-box-content.open{max-height:500px;padding-top:1rem}.explain-box{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:.75rem;padding:1.25rem;margin:1rem 0}.explain-box h4{color:var(--success);font-size:1rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.explain-box p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.analogy{background:rgba(245,158,11,.1);border-left:3px solid var(--warning);padding:.75rem 1rem;margin-top:.75rem;border-radius:0 .5rem .5rem 0;font-style:italic;color:var(--text-muted)}.training-data{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;background:rgba(0,0,0,.25);border:1px solid var(--border);padding:.75rem;border-radius:.6rem;font-family:var(--font-mono);margin:1rem 0}.training-sample{display:flex;gap:1rem;padding:.25rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.training-sample:last-child{border-bottom:none}.sample-input{color:var(--text-muted)}.sample-arrow{color:var(--accent)}.sample-target{color:var(--success)}.preset-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.preset-btn{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4);color:var(--text);padding:.6rem 1.2rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:all .2s}.preset-btn:hover{background:rgba(16,185,129,.3);border-color:var(--primary)}.preset-btn.active{background:#047857;border-color:#10b981}.preset-btn .preset-name{font-weight:600}.preset-btn .preset-desc{font-size:.75rem;color:var(--text-muted);display:block;margin-top:.2rem}.epoch-progress{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.epoch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.epoch-title{font-size:1.2rem;font-weight:600;color:var(--accent)}.epoch-counter{font-family:var(--font-mono);font-size:1.1rem;color:var(--text)}.epoch-bar{height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;margin-bottom:1rem}.epoch-bar-fill{height:100%;background:var(--gradient-bright);border-radius:6px;transition:width .15s linear;position:relative}.epoch-bar-fill.no-transition{transition:none}.epoch-bar-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.epoch-milestone{background:rgba(16,185,129,.2);border:1px solid var(--success);border-radius:.5rem;padding:.75rem 1rem;margin-top:1rem;display:flex;align-items:center;gap:.75rem;animation:slideIn .3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.milestone-icon{font-size:1.5rem}.milestone-text{color:var(--success);font-weight:500}.comparison-panel{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0}@media (max-width:600px){.comparison-panel{grid-template-columns:1fr}}.comparison-box{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.25rem}.comparison-box.before{border:2px solid rgba(239,68,68,.3)}.comparison-box.after{border:2px solid rgba(16,185,129,.3)}.comparison-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.comparison-box.before .comparison-label{color:var(--error)}.comparison-box.after .comparison-label{color:var(--success)}.comparison-text{font-family:var(--font-mono);font-size:1rem;line-height:1.6;min-height:60px}.comparison-seed{color:var(--text-muted)}.comparison-generated{color:var(--text)}.speed-control{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1rem;margin-top:1rem;padding:.75rem;background:rgba(0,0,0,.2);border-radius:.5rem}.speed-label{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.speed-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.speed-btn{background:rgba(16,185,129,.2);border:1px solid transparent;color:var(--text-muted);padding:.4rem .8rem;border-radius:.3rem;cursor:pointer;font-size:.8rem;transition:all .2s}.speed-btn:hover{background:rgba(16,185,129,.3)}.speed-btn.active{background:#047857;color:#fff;border-color:var(--primary)}footer{text-align:left;--control-band:6rem;padding:3rem 2rem var(--control-band);border-top:1px solid rgba(255,255,255,.1);color:var(--text-muted)}footer{padding-inline:max(2rem,calc((100% - var(--content-band))/ 2))}footer>p{max-width:var(--prose-measure);margin-inline:0}.footer-help{margin-top:.75rem;font-size:.9rem}footer .la-footer{margin-inline:0}footer a{color:var(--accent);text-decoration:none}.dataset-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}.dataset-btn{background:rgba(13,148,136,.15);border:1px solid rgba(13,148,136,.3);color:var(--text);padding:.75rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:all .2s;text-align:left}.dataset-btn:hover{background:rgba(13,148,136,.25);border-color:var(--secondary);transform:translateY(-2px)}.dataset-btn.active{background:#0f766e;border-color:#14b8a6}.dataset-btn .dataset-name{font-weight:600;display:block;margin-bottom:.25rem}.dataset-btn .dataset-desc{font-size:.7rem;color:var(--text-muted);display:block}.dataset-btn.active .dataset-desc{color:rgba(255,255,255,.8)}.dataset-size-indicator{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:.5rem;flex-shrink:0}.dataset-size-indicator.tiny{background:#ef4444}.dataset-size-indicator.small{background:#f59e0b}.dataset-size-indicator.medium{background:#5eead4}.dataset-size-indicator.large{background:#10b981}.dataset-size-indicator.xl{background:#10b981}.dataset-size-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-radius:.5rem;font-size:.8rem}.dataset-size-legend .legend-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.tiny{background:#ef4444}.legend-dot.small{background:#f59e0b}.legend-dot.medium{background:#5eead4}.legend-dot.large{background:#10b981}.legend-dot.xl{background:#10b981}.size-badge{font-size:.65rem;padding:.2rem .5rem;border-radius:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle;margin-left:.5rem}.size-badge.size-tiny{background:rgba(239,68,68,.2);color:#f87171}.size-badge.size-small{background:rgba(245,158,11,.2);color:#f59e0b}.size-badge.size-medium{background:rgba(94,234,212,.2);color:#5eead4}.size-badge.size-large{background:rgba(16,185,129,.2);color:#10b981}.size-badge.size-xl{background:rgba(16,185,129,.2);color:#10b981}.data-split-card{background:rgba(0,0,0,.2);border-radius:.75rem;padding:1rem 1.25rem;margin-top:1.5rem}.data-split-card h4{margin:0 0 1rem 0;font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.split-bar-container{margin-bottom:1rem}.split-bar{display:flex;height:32px;border-radius:.5rem;overflow:hidden;background:rgba(0,0,0,.3)}.split-bar-train{background:linear-gradient(90deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;transition:width .3s ease}.split-bar-train span{font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.split-bar-val{background:linear-gradient(90deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;transition:width .3s ease}.split-bar-val span{font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.split-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.split-stat{text-align:center;padding:.5rem;background:rgba(0,0,0,.2);border-radius:.5rem}.split-stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--text)}.split-stat-label{font-size:.75rem;color:var(--text-muted)}.architecture-viz{background:rgba(0,0,0,.4);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0;overflow-x:auto}.architecture-canvas{width:100%;height:280px;min-width:500px}.arch-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.positive{background:#5eead4}.legend-dot.negative{background:#d55e00}.legend-dot.neutral{background:#94a3b8}.achievements-panel{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(234,88,12,.1));border:1px solid rgba(245,158,11,.3);border-radius:.75rem;padding:1.5rem;margin:2rem 0}.achievements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.achievements-header h4{color:var(--warning);display:flex;align-items:center;gap:.5rem}.achievements-count{background:rgba(245,158,11,.2);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;color:var(--warning)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.achievement{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1rem;text-align:center;transition:all .3s;border:2px solid transparent}.achievement.unlocked{border-color:var(--warning);background:rgba(245,158,11,.1)}.achievement.locked{opacity:.4;filter:grayscale(1)}.achievement-icon{font-size:2rem;margin-bottom:.5rem}.achievement-name{font-weight:600;font-size:.85rem;margin-bottom:.25rem}.achievement-desc{font-size:.7rem;color:var(--text-muted)}.achievement.unlocked .achievement-desc{color:var(--warning)}@keyframes achievementUnlock{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.achievement.just-unlocked{animation:achievementUnlock .5s ease}.misconceptions-table{width:100%;border-collapse:collapse;margin:1rem 0}.misconceptions-table th{background:rgba(239,68,68,.2);padding:.75rem 1rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(239,68,68,.3)}.misconceptions-table th:first-child{color:#fca5a5;border-radius:.5rem 0 0 0}.misconceptions-table th:last-child{background:rgba(16,185,129,.2);color:var(--success);border-bottom-color:rgba(16,185,129,.3);border-radius:0 .5rem 0 0}.misconceptions-table td{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:top}.misconceptions-table tr:hover td{background:rgba(255,255,255,.02)}.myth-icon{color:#f87171;margin-right:.5rem}.reality-icon{color:var(--success);margin-right:.5rem}.experiment-box{background:linear-gradient(135deg,rgba(94,234,212,.1),rgba(16,185,129,.1));border:1px solid rgba(94,234,212,.3);border-radius:.75rem;padding:1.5rem;margin:1.5rem 0}.experiment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.experiment-header h4{color:var(--accent);margin:0}.experiment-icon{font-size:1.5rem}.experiment-controls{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.experiment-btn{background:rgba(94,234,212,.2);border:1px solid rgba(94,234,212,.4);color:var(--text);padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:all .2s}.experiment-btn:hover{background:rgba(94,234,212,.3);transform:translateY(-1px)}.experiment-btn:disabled{opacity:.5;cursor:not-allowed}.experiment-result{background:rgba(0,0,0,.3);border-radius:.5rem;padding:1rem;font-family:var(--font-mono);min-height:60px}.experiment-prediction{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem}.scroll-reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4, 0, .2, 1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.scroll-reveal.delay-1{transition-delay:0.1s}.scroll-reveal.delay-2{transition-delay:0.2s}.scroll-reveal.delay-3{transition-delay:0.3s}.highlight-on-scroll{transition:all .3s}.highlight-on-scroll.active{background:rgba(16,185,129,.1);border-left:3px solid var(--primary);padding-left:1rem}.chart-annotation{position:absolute;font-size:.7rem;color:var(--text-muted);background:rgba(0,0,0,.8);padding:.25rem .5rem;border-radius:.25rem;pointer-events:none;white-space:nowrap}html.js .fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}html.js .fade-in.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html.js .fade-in{opacity:1;transform:none;transition:none}}.context-display{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem;font-family:var(--font-mono);font-size:.95rem;padding:.5rem .6rem;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:.45rem;transition:border-color .15s}.context-display:hover{border-color:var(--border-strong)}.context-char{background:rgba(255,255,255,.07);border:1px solid var(--border);min-width:1.7em;text-align:center;padding:.28rem .3rem;border-radius:.3rem;color:var(--text);font-weight:500}.context-arrow{color:var(--text-muted);font-size:.95rem;margin:0 .15rem}.context-target{background:rgba(52,211,153,.16);border:1px solid rgba(52,211,153,.45);min-width:1.7em;text-align:center;padding:.28rem .3rem;border-radius:.3rem;color:#6ee7b7;font-weight:600}.pairs-more{display:flex;align-items:center;justify-content:center;padding:.5rem .6rem;color:var(--text-muted);font-size:.8rem;border:1px dashed var(--border-strong);border-radius:.45rem}.tooltip{position:relative;display:inline-block;cursor:help;border-bottom:1px dotted var(--accent)}.tooltip .tooltip-text{visibility:hidden;width:min(250px,calc(100vw - 2rem));background:var(--bg-card);color:var(--text);text-align:left;border-radius:.5rem;padding:.75rem;position:absolute;z-index:1;bottom:125%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s;font-size:.85rem;line-height:1.4;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px rgba(0,0,0,.3)}.tooltip:focus-visible .tooltip-text,.tooltip:focus-within .tooltip-text,.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.info-badge{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;border:1px solid currentColor;border-radius:50%;font-size:.75em;font-style:italic;font-family:Georgia,serif;line-height:1;vertical-align:.1em;opacity:.8}.tooltip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.checkpoint{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(13,148,136,.1));border:1px solid rgba(16,185,129,.3);border-radius:.75rem;padding:1.5rem;margin:2rem 0}.checkpoint h4{color:var(--primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.checkpoint-question{color:var(--text);font-size:1rem;margin-bottom:1rem}.checkpoint-options{display:flex;flex-direction:column;gap:.5rem}.checkpoint-option{background:rgba(0,0,0,.2);border:2px solid transparent;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;transition:all .2s;color:var(--text)}.checkpoint-option:hover{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.1)}.checkpoint-option.correct{border-color:var(--success);background:rgba(16,185,129,.2)}.checkpoint-option.incorrect{border-color:var(--error);background:rgba(239,68,68,.1)}.checkpoint-feedback{margin-top:1rem;padding:1rem;border-radius:.5rem;display:none}.checkpoint-feedback.show{display:block}.checkpoint-feedback.correct{background:rgba(16,185,129,.2);border:1px solid var(--success);color:var(--success)}.checkpoint-feedback.incorrect{background:rgba(239,68,68,.1);border:1px solid var(--error);color:var(--text)}.quiz-container{display:flex;flex-direction:column;gap:1.5rem}.quiz-question{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.25rem;border-left:3px solid var(--primary);transition:all .3s}.quiz-question.answered{opacity:.7}.quiz-question.answered.correct{border-left-color:var(--success);background:rgba(16,185,129,.1)}.quiz-question.answered.incorrect{border-left-color:var(--error);background:rgba(239,68,68,.1)}.quiz-q-text{margin-bottom:1rem;font-size:1rem}.quiz-feedback{margin-top:.75rem;padding:.75rem;border-radius:.5rem;font-size:.9rem;display:none}.quiz-feedback.show{display:block}.quiz-feedback.correct{background:rgba(16,185,129,.2);color:var(--success)}.quiz-feedback.incorrect{background:rgba(239,68,68,.15);color:var(--text)}.quiz-progress{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:rgba(16,185,129,.1);border-radius:.5rem}.quiz-progress-bar{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--gradient-bright);border-radius:4px;transition:width .3s ease;width:0%}.quiz-progress-text{font-size:.9rem;color:var(--text-muted);min-width:80px;text-align:right}.quiz-results{text-align:center;padding:2rem;background:rgba(16,185,129,.1);border-radius:.75rem;margin-top:1.5rem}.quiz-score{font-size:3rem;font-weight:700;background:var(--gradient-bright);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quiz-message{margin-top:1rem;font-size:1.1rem}.quiz-message.perfect{color:var(--success)}.quiz-message.good{color:var(--accent)}.quiz-message.ok{color:var(--warning)}.quiz-message.retry{color:var(--text-muted)}@keyframes correctPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}.quiz-question.just-answered.correct{animation:correctPulse .3s ease}.comparison-table-container{overflow-x:auto;margin:1rem 0}.scale-comparison-table{width:100%;border-collapse:collapse;font-size:.9rem}.scale-comparison-table td,.scale-comparison-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.scale-comparison-table th{background:rgba(16,185,129,.2);font-weight:600;color:var(--text)}.scale-comparison-table th:first-child{border-radius:.5rem 0 0 0}.scale-comparison-table th:last-child{border-radius:0 .5rem 0 0}.scale-comparison-table td.tiny{color:var(--accent);font-weight:500}.scale-comparison-table td.medium{color:var(--secondary);font-weight:500}.scale-comparison-table td.large{color:var(--success);font-weight:500}.scale-comparison-table tbody tr:hover{background:rgba(255,255,255,.03)}.model-loader{background:rgba(0,0,0,.3);border-radius:.75rem;padding:1.5rem;margin:1rem 0}.loader-initial{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.loader-info{display:flex;align-items:center;gap:1rem}.loader-icon{font-size:2.5rem}.loader-details{display:flex;flex-direction:column;gap:.25rem}.loader-details strong{font-size:1.1rem;color:var(--text)}.loader-details span{color:var(--text-muted);font-size:.9rem}.load-model-btn{background:var(--gradient-1);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.load-model-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(16,185,129,.4)}.load-model-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.loader-progress{text-align:center}.progress-text{font-size:1.1rem;font-weight:600;color:var(--text);margin-bottom:1rem}.progress-bar-container{height:12px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-bar-fill{height:100%;background:var(--gradient-bright);border-radius:6px;transition:width .3s ease;width:0%}.progress-details{font-size:.85rem;color:var(--text-muted)}.loader-ready{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.ready-icon{width:48px;height:48px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;animation:scaleIn .3s ease}.ready-text{font-size:1.2rem;font-weight:600;color:var(--success)}@keyframes scaleIn{from{transform:scale(0)}to{transform:scale(1)}}.loader-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.error-icon{font-size:2rem;color:var(--error)}.error-text{color:var(--error);font-weight:500}.retry-btn{background:rgba(239,68,68,.2);color:var(--error);border:1px solid var(--error);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--error);color:#fff}.comparison-controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:.75rem}.comparison-input-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.comparison-input-group label{font-size:.85rem;color:var(--text-muted);font-weight:500}.text-field{width:100%;padding:.75rem 1rem;background:rgba(0,0,0,.3);border:2px solid rgba(16,185,129,.3);border-radius:.5rem;color:var(--text);font-size:1rem;font-family:var(--font-body);transition:border-color .3s ease,box-shadow .3s ease}.text-field:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.comparison-input-group input[type=range]{flex:1}.generation-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:stretch}@media (max-width:768px){.generation-comparison{grid-template-columns:1fr}.comparison-divider{transform:rotate(90deg)}}.comparison-column{background:rgba(0,0,0,.3);border-radius:.75rem;overflow:hidden}.column-header{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}.tiny-column .column-header{background:rgba(94,234,212,.1);border-bottom-color:rgba(94,234,212,.2)}.real-column .column-header{background:rgba(13,148,136,.1);border-bottom-color:rgba(13,148,136,.2)}.column-icon{font-size:1.25rem}.column-title{font-weight:600;color:var(--text)}.column-params{font-size:.8rem;color:var(--text-muted)}.training-badge{font-size:.7rem;padding:.25rem .5rem;border-radius:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:rgba(239,68,68,.2);color:var(--error);border:1px solid var(--error);margin-left:auto}.training-badge.trained{background:rgba(16,185,129,.2);color:var(--success);border-color:var(--success)}.training-badge.training{background:rgba(245,158,11,.2);color:var(--warning);border-color:var(--warning);animation:badgePulse 1s ease-in-out infinite}@keyframes badgePulse{0%,100%{opacity:1}50%{opacity:.6}}.column-output{padding:1rem;min-height:120px;font-family:Consolas,Monaco,monospace;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.column-output .placeholder{color:var(--text-muted);font-style:italic}.column-output .generating-indicator{color:var(--secondary);font-style:italic;display:flex;align-items:center;gap:.5rem}.dot-animation{display:inline-block;width:8px;height:8px;background:var(--secondary);border-radius:50%;animation:dotPulse 1s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.column-output .prompt-text{color:var(--accent);font-weight:600}.column-output .generated-text{color:var(--text)}.comparison-divider{display:flex;align-items:center;justify-content:center;padding:0 .5rem}.comparison-divider span{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:1.2rem}.token-comparison-input{margin-bottom:1.5rem}.token-comparison-input input{width:100%;padding:.75rem 1rem;background:rgba(0,0,0,.3);border:2px solid rgba(16,185,129,.3);border-radius:.5rem;color:var(--text);font-size:1rem}.token-comparison-input input:focus{outline:0;border-color:var(--primary)}.token-comparison-display{display:flex;flex-direction:column;gap:1rem}.token-comparison-row{display:grid;grid-template-columns:120px 1fr 80px;gap:1rem;align-items:center;padding:1rem;background:rgba(94,234,212,.1);border-radius:.75rem;border:1px solid rgba(94,234,212,.2)}.token-comparison-row.real{background:rgba(13,148,136,.1);border-color:rgba(13,148,136,.2)}.token-row-label{display:flex;flex-direction:column}.label-title{font-weight:600;color:var(--text)}.label-subtitle{font-size:.8rem;color:var(--text-muted)}.token-row-tokens{display:flex;flex-wrap:wrap;gap:.25rem}.token-row-tokens .bpe-token{background:rgba(13,148,136,.3);border:1px solid rgba(13,148,136,.5);padding:.25rem .5rem;border-radius:.25rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text)}.token-row-tokens .char-token{background:rgba(94,234,212,.3);border:1px solid rgba(94,234,212,.5);padding:.25rem .4rem;border-radius:.25rem;font-family:var(--font-mono);font-size:.85rem;color:var(--text);min-width:1.5rem;text-align:center}.token-row-count{text-align:right;font-weight:600;color:var(--text-muted);font-size:.9rem}.final-checklist{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.checklist-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:rgba(16,185,129,.1);border-radius:.5rem;border-left:3px solid var(--success)}.checklist-item .check{color:var(--success);font-weight:700;font-size:1.1rem}.checklist-item span:last-child{color:var(--text)}.achievement-unlock{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.2) 0,rgba(13,148,136,.2) 100%);border:1px solid rgba(13,148,136,.3);border-radius:.75rem;margin-top:1.5rem;animation:achievementSlide .5s ease}@keyframes achievementSlide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.achievement-unlock-icon{font-size:2rem}.achievement-unlock-text{display:flex;flex-direction:column}.achievement-unlock-text strong{color:var(--secondary);font-size:1.1rem}.achievement-unlock-text span{color:var(--text-muted);font-size:.9rem}@media (max-width:600px){.loader-initial{flex-direction:column;align-items:stretch}.load-model-btn{width:100%}.token-comparison-row{grid-template-columns:1fr;text-align:center}.token-row-count{text-align:center}}.not-trained-notice{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:.5rem}.not-trained-notice .notice-icon{font-size:1.5rem;flex-shrink:0}.not-trained-notice .notice-text{display:flex;flex-direction:column;gap:.25rem}.not-trained-notice .notice-text strong{color:var(--warning);font-size:.95rem}.not-trained-notice .notice-text span{color:var(--text-muted);font-size:.85rem}.not-trained-notice .notice-text a{color:var(--accent);text-decoration:underline;cursor:pointer}.not-trained-notice .notice-text a:hover{color:var(--primary)}.generate-btn,.load-model-btn,.start-btn,.train-btn{position:relative;overflow:hidden}.generate-btn::before,.load-model-btn::before,.start-btn::before,.train-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.generate-btn:hover::before,.load-model-btn:hover::before,.start-btn:hover::before,.train-btn:hover::before{width:300px;height:300px}.generate-btn:active,.load-model-btn:active,.start-btn:active,.train-btn:active{transform:scale(.98)}.card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:rgba(16,185,129,.3);box-shadow:0 8px 30px rgba(0,0,0,.3)}.generation-input input,.token-comparison-input input,.tokenizer-input{transition:border-color .3s ease,box-shadow .3s ease}.generation-input input:focus,.token-comparison-input input:focus,.tokenizer-input:focus{box-shadow:0 0 0 3px rgba(16,185,129,.2)}.train-pill{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:900;display:flex;align-items:center;gap:.55rem;max-width:min(24rem,calc(100vw - 12rem));padding:.6rem 1rem .75rem;font:inherit;font-size:.85rem;color:var(--text);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:999px;box-shadow:0 8px 28px rgba(0,0,0,.45);cursor:pointer;overflow:hidden;animation:train-pill-in .22s ease-out}.train-pill:hover{border-color:var(--primary)}.train-pill:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.train-pill-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.train-pill-text strong{color:var(--primary-soft);font-variant-numeric:tabular-nums}.train-pill-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--primary);animation:train-pill-pulse 1.4s ease-in-out infinite}.train-pill-track{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(148,163,184,.18)}.train-pill-fill{display:block;height:100%;width:0;background:var(--gradient-bright);transition:width .15s linear}@keyframes train-pill-in{from{opacity:0;transform:translateX(-50%) translateY(.5rem)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes train-pill-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@media (max-width:700px){.train-pill{bottom:5.25rem;max-width:calc(100vw - 2rem)}}body:has(#swUpdateBanner) .train-pill{bottom:5.5rem}@media (max-width:700px){body:has(#swUpdateBanner) .train-pill{bottom:9rem}}@media (prefers-reduced-motion:reduce){.train-pill,.train-pill-dot{animation:none}.train-pill-fill{transition:none}}#epochProgress{scroll-margin-top:calc(var(--nav-h) + 1rem)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--gradient-1);border:none;border-radius:50%;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999;box-shadow:0 4px 15px rgba(16,185,129,.4)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,.5)}.scroll-to-top:active{transform:scale(.95)}.nav-links a{position:relative}.nav-links a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--accent);transform:translateX(-50%);transition:width .3s ease}.nav-links a.active::after,.nav-links a:hover::after{width:80%}.stat-value{transition:transform .2s ease}.stat-card:hover .stat-value{transform:scale(1.05)}.epoch-bar-fill.pulsing{animation:progressPulse 1s ease-in-out infinite}@keyframes progressPulse{0%,100%{opacity:1}50%{opacity:.7}}.checkpoint-option{transition:all .2s ease}.checkpoint-option:hover:not(.correct):not(.incorrect){transform:translateX(5px)}.dataset-btn{position:relative;overflow:hidden}.dataset-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.dataset-btn:hover::after{left:100%}.preset-btn{position:relative;overflow:hidden}.preset-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.preset-btn:hover::after{left:100%}.experiment-btn:hover{animation:buttonGlow 1s ease-in-out infinite}@keyframes buttonGlow{0%,100%{box-shadow:0 0 5px rgba(94,234,212,.3)}50%{box-shadow:0 0 15px rgba(94,234,212,.5)}}.achievement.unlocked:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(245,158,11,.2)}.token{transition:transform .2s ease,box-shadow .2s ease;cursor:default}.token:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,.4)}@media (max-width:768px){.nav-links a{padding:.75rem 1rem;font-size:.85rem}.dataset-btn,.experiment-btn,.preset-btn,.speed-btn{min-height:44px;padding:.75rem 1rem}.checkpoint-option{min-height:44px;padding:1rem}.hero{padding:calc(var(--nav-h) + 2.25rem) 1.5rem 4rem}section{padding:3rem 1.5rem}.section-title{font-size:2rem}.card{padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.training-controls{grid-template-columns:1fr}.hero-features{flex-direction:column;gap:1rem;align-items:center}.scroll-to-top{bottom:1.5rem;right:1.5rem;width:44px;height:44px}}@media (max-width:1150px){.nav-links{gap:.6rem}.nav-links a{padding:.5rem .55rem;font-size:.85rem}}@media (max-width:840px){.nav-links{display:none}.nav-content{justify-content:center}.site-nav>.nav-content{padding:.55rem 1rem}.journey-label{display:none}}@media (max-width:480px){.hero h1{font-size:2rem}.comparison-panel{gap:1rem}.step-container{gap:1rem}.achievements-grid{grid-template-columns:repeat(2,1fr)}}.tooltip .tooltip-text{box-shadow:0 8px 30px rgba(0,0,0,.4)}.tooltip .tooltip-text::before{content:'';position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:var(--bg-card) transparent transparent transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}section{scroll-margin-top:calc(var(--nav-h) + 12px)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-right:.5rem}.comparison-column{transition:transform .2s ease,box-shadow .2s ease}.comparison-column:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(94,234,212,0.45);text-underline-offset:3px;transition:text-decoration-color .2s ease}a:hover{text-decoration-color:currentColor}.card a{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(94,234,212,0.45);text-underline-offset:3px;transition:text-decoration-color .2s ease}.card a:hover{text-decoration-color:currentColor}.loader-error{animation:errorShake .5s ease}@keyframes errorShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-20px;animation:confettiFall linear forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.phase-hidden{display:none!important}.phase-revealing{animation:phaseReveal .8s ease-out forwards}@keyframes phaseReveal{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}.journey-progress{width:100%;padding:.5rem 2rem .75rem;background:rgba(20,20,28,.95);border-top:1px solid rgba(16,185,129,.15)}.journey-progress-track{height:4px;background:rgba(16,185,129,.2);border-radius:2px;overflow:hidden;margin-bottom:.5rem}.journey-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;transition:width .5s ease-out}.journey-progress-steps{display:flex;justify-content:space-between;padding:0 .25rem}.journey-step{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.journey-label{align-self:center;color:var(--text-muted);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}.journey-step:not(.locked):hover{transform:scale(1.1)}.journey-step.locked{cursor:default;opacity:.3}.step-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;background:var(--bg-card);border:2px solid rgba(16,185,129,.3);color:var(--text-muted);transition:all .3s ease}.journey-step.completed .step-dot{background:var(--success);border-color:var(--success);color:#fff}.journey-step.current .step-dot{background:var(--primary);border-color:var(--primary);color:#fff;animation:currentPulse 2s ease-in-out infinite}@keyframes currentPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 8px rgba(16,185,129,0)}}.section-progress-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;margin-top:2rem;border-top:1px solid rgba(16,185,129,.2);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-complete-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);border-radius:2rem;color:var(--success)}.section-complete-badge.final{padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(13,148,136,.15));border:1px solid rgba(16,185,129,.3);color:var(--text)}.section-complete-badge.final .badge-icon{background:0 0;width:auto;height:auto;font-size:1.5rem}.badge-icon{width:20px;height:20px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700}.badge-text{font-size:.9rem;font-weight:500}.section-todo-prompt{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.05));border:1px solid rgba(251,191,36,.3);border-radius:1rem;width:100%}.todo-icon{font-size:2rem;line-height:1;flex-shrink:0}.todo-content{display:flex;flex-direction:column;gap:.5rem}.todo-action{display:flex;flex-direction:column;gap:.25rem}.todo-label{font-size:.85rem;color:var(--text-muted)}.todo-action strong{font-size:1.1rem;color:#fbbf24}.todo-hint{font-size:.85rem;color:var(--text-muted);font-style:italic}@media (max-width:480px){.section-todo-prompt{flex-direction:column;align-items:center;text-align:center}.todo-action{align-items:center}}.continue-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(16,185,129,.3)}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.continue-arrow{font-size:1.25rem;transition:transform .3s ease}.continue-button:hover .continue-arrow{transform:translateX(5px)}@media (max-width:768px){.journey-progress{padding:.35rem .75rem .45rem}.journey-progress-track{margin-bottom:.35rem}.step-dot{width:18px;height:18px;font-size:.6rem}.journey-label{font-size:.65rem}.continue-button{width:100%;justify-content:center}}.phase-unlock-notification{position:fixed;top:100px;left:50%;transform:translateX(-50%) translateY(-100px);z-index:10000;opacity:0;transition:all .3s ease}.phase-unlock-notification.show{transform:translateX(-50%) translateY(0);opacity:1}.phase-unlock-content{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(94,234,212,.2)),#101613;border:2px solid var(--success);padding:1.1rem 1.5rem;border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.55)}.phase-unlock-notification{max-width:min(440px,calc(100vw - 32px))}.phase-unlock-text{min-width:0;overflow-wrap:anywhere}.phase-unlock-icon{font-size:2.5rem;animation:unlockBounce .5s ease}@keyframes unlockBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.phase-unlock-text{display:flex;flex-direction:column}.phase-unlock-text strong{color:var(--success);font-size:1.1rem}.phase-unlock-text span{color:var(--text);font-size:1.25rem;font-weight:600}.shortcuts-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.shortcuts-content{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;max-width:400px;width:90%}.shortcuts-content h3{color:var(--accent);margin-bottom:1.5rem;font-size:1.3rem}.shortcuts-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:.5rem;background:rgba(0,0,0,.2)}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:var(--gradient-1);border-radius:.35rem;font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:#fff}.shortcut-item span{color:var(--text)}.close-shortcuts{margin-top:1.5rem;width:100%;padding:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text);border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.close-shortcuts:hover{background:rgba(255,255,255,.15);border-color:var(--accent)}.sound-toggle{position:fixed;bottom:2rem;left:2rem;width:44px;height:44px;background:var(--bg-card);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:var(--text);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:998;transition:all .2s}.sound-toggle:hover{border-color:var(--accent);transform:scale(1.1)}.sound-toggle.muted{opacity:.5}.overfit-warning{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;margin-top:1rem;animation:warningSlide .3s ease}@keyframes warningSlide{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overfit-warning.warning{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.4)}.overfit-warning.severe{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.4)}.overfit-warning .warning-icon{font-size:1.25rem}.overfit-warning .warning-text{font-size:.9rem;color:var(--text)}.overfit-warning.warning .warning-text{color:var(--warning)}.overfit-warning.severe .warning-text{color:var(--error)}.loss-trend{display:inline-block;padding:.2rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:600;margin-left:.5rem;transition:all .3s}.loss-trend.improving{background:rgba(16,185,129,.2);color:var(--success)}.loss-trend.worsening{background:rgba(239,68,68,.2);color:var(--error)}.loss-trend.stable{background:rgba(148,163,184,.2);color:var(--text-muted)}.nav-links a.nav-locked{color:rgba(148,163,184,.4);cursor:not-allowed;position:relative}.nav-links a.nav-locked::before{content:'🔒';font-size:.7rem;margin-right:.3rem}.nav-links a.nav-locked:hover{color:rgba(148,163,184,.4);background:0 0}.nav-locked-tooltip{position:fixed;background:var(--bg-card);border:1px solid var(--error);color:var(--error);padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;z-index:10000;transform:translate(-50%,-120%);animation:tooltipFade 2s ease forwards;pointer-events:none}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%,-100%)}20%{opacity:1;transform:translate(-50%,-120%)}80%{opacity:1;transform:translate(-50%,-120%)}100%{opacity:0;transform:translate(-50%,-140%)}}.phase-progress{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.phase-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);transition:all .3s}.phase-dot.completed{background:var(--success)}.phase-dot.current{background:var(--accent);animation:phasePulse 1s ease-in-out infinite}@keyframes phasePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.phase-dot.locked{background:rgba(255,255,255,.1)}.keyboard-hint{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:2rem;font-size:.8rem;color:var(--text-muted);z-index:997;opacity:.7;transition:opacity .3s}.keyboard-hint:hover{opacity:1}.keyboard-hint kbd{background:var(--primary);padding:.2rem .4rem;border-radius:.25rem;font-size:.75rem;color:#fff;margin:0 .2rem}.results-card{background:linear-gradient(135deg,var(--bg-card),rgba(16,185,129,.1));border:2px solid rgba(16,185,129,.3);border-radius:1rem;padding:2rem;margin:2rem 0;text-align:center}.results-card h3{color:var(--accent);margin-bottom:1.5rem}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin-bottom:1.5rem}.result-stat{background:rgba(0,0,0,.3);padding:1rem;border-radius:.75rem}.result-stat-value{font-size:1.5rem;font-weight:700;background:var(--gradient-bright);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result-stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.share-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer;transition:all .2s;font-size:.9rem}.share-btn:hover{background:rgba(255,255,255,.1);border-color:var(--accent);transform:translateY(-2px)}.share-btn.twitter{color:#1da1f2}.share-btn.copy{color:var(--accent)}.training-speed{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .75rem;background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.3);border-radius:2rem;font-size:.8rem;color:var(--accent);font-family:var(--font-mono)}.reset-progress-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:0 0;border:1px solid rgba(239,68,68,.3);color:var(--text-muted);border-radius:.5rem;cursor:pointer;font-size:.8rem;transition:all .2s}.reset-progress-btn:hover{background:rgba(239,68,68,.1);border-color:var(--error);color:var(--error)}.pwa-install-prompt{position:fixed;bottom:0;left:0;right:0;z-index:10001;display:flex;justify-content:center;padding:1rem;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-install-content{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid rgba(16,185,129,.3);border-radius:1rem;padding:1rem 1.5rem;box-shadow:0 -10px 40px rgba(0,0,0,.3);max-width:500px;width:100%}.pwa-install-icon{font-size:2rem;flex-shrink:0}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.pwa-install-text strong{color:var(--text);font-size:1rem}.pwa-install-text span{color:var(--text-muted);font-size:.85rem}.pwa-install-btn{background:var(--gradient-1);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.pwa-install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(16,185,129,.4)}.pwa-install-close{background:0 0;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.pwa-install-close:hover{color:var(--text)}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.site-nav{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.scroll-to-top{right:max(2rem,calc(2rem + env(safe-area-inset-right)));bottom:max(2rem,calc(2rem + env(safe-area-inset-bottom)))}.sound-toggle{left:max(2rem,calc(2rem + env(safe-area-inset-left)));bottom:max(2rem,calc(2rem + env(safe-area-inset-bottom)))}footer{padding-bottom:max(var(--control-band),calc(var(--control-band) + env(safe-area-inset-bottom)))}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (max-width:768px){.checkpoint-option,.dataset-btn,.experiment-btn,.preset-btn,.speed-btn,button{min-height:48px}.train-btn{width:100%;padding:1.25rem;font-size:1.1rem}.reset-btn{width:100%}.training-buttons{flex-direction:column}.card{padding:1.25rem;margin-bottom:1.5rem}section{padding:3rem 1rem}.generation-input input,.text-field,.token-comparison-input input,.tokenizer-input{font-size:16px}.hero{min-height:auto;padding:calc(var(--nav-h) + 1.75rem) 1rem 3rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.generation-input{flex-direction:column}.generate-btn,.generation-input input{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.generation-comparison{grid-template-columns:1fr;gap:.75rem}.comparison-divider{display:none}.keyboard-hint{display:none}.token-display{gap:.35rem}.token{padding:.4rem .5rem}.pwa-install-content{flex-wrap:wrap}.pwa-install-btn{order:3;flex:1 1 100%;margin-top:.5rem}.pwa-install-close{position:absolute;top:.5rem;right:.5rem}.pwa-install-prompt .pwa-install-content{position:relative}.chart-container{padding:1rem}.chart-canvas{height:150px}.matrix-cell{flex-basis:35px;min-width:35px;height:24px;font-size:.65rem}.embedding-canvas{height:200px}.dataset-presets,.preset-buttons{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.dataset-btn,.preset-btn{flex-shrink:0}}@media (max-width:380px){.hero h1{font-size:1.75rem}.section-title{font-size:1.5rem}.stat-value{font-size:1rem}.stats-grid{grid-template-columns:1fr 1fr}.nav-content .logo{font-size:1.1rem}}@media (max-height:500px) and (orientation:landscape){.hero{min-height:auto;padding:2.5rem 1rem 2rem}.hero-features{flex-direction:row;flex-wrap:wrap}.site-nav{position:relative}section{scroll-margin-top:20px}}@media (min-width:769px) and (max-width:1024px){.generation-comparison{gap:.75rem}.comparison-divider{padding:0}section{padding:4rem 1.5rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.architecture-canvas,.chart-canvas,.embedding-canvas{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.confetti-container{display:none}html{scroll-behavior:auto}}@media print{.generate-btn,.keyboard-hint,.pwa-install-prompt,.reset-btn,.scroll-to-top,.site-nav,.sound-toggle,.train-btn{display:none!important}body{background:#fff;color:#000}.card{break-inside:avoid;border:1px solid #ccc}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-container,.matrix-container,.training-data{touch-action:pan-x pan-y}body.pwa-mode{overscroll-behavior-y:contain}.reference-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.reference-list li{color:var(--text-muted);padding-left:1rem;border-left:2px solid rgba(16,185,129,.35);line-height:1.55}.reference-list a{color:var(--accent);text-decoration:none}.reference-list a:hover{text-decoration:underline}.table-footnote{margin-top:.75rem;font-size:.85rem;color:var(--text-muted);line-height:1.5}.table-footnote a{color:var(--accent);text-decoration:none}.table-footnote a:hover{text-decoration:underline}.footer-reset{background:0 0;border:none;padding:0;font:inherit;color:var(--text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.footer-reset:hover{color:var(--text)}@media (prefers-contrast:more){:root{--text-muted:#d4d8d6}.card,.checkpoint,.explain-box,.hero-demo,.info-box,.misconceptions-table td,.not-table td,.path-btn,.quiz-question{border-color:rgba(255,255,255,.45)}.glossary-entry dd,.hero-demo-sub,.section-desc{color:var(--text)}}.build-stamp{color:var(--text-muted);opacity:.75}.whats-new{max-width:640px;margin:.75rem auto 0;font-size:.8rem;color:var(--text-muted);text-align:left}.whats-new summary{cursor:pointer;text-align:center;text-decoration:underline;text-underline-offset:3px}.whats-new ul{margin:.6rem 0 0;padding-left:1.1rem}.whats-new li{margin-bottom:.4rem;line-height:1.5}.whats-new strong{color:var(--text)}.section-desc{max-width:640px}.section-header .section-desc{margin-left:auto;margin-right:auto}@supports (animation-timeline:view()){html.js .fade-in{opacity:1;transform:none;transition:none;animation:fade-rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}@keyframes fade-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}.temp-viz{margin-top:1.25rem;padding:1.25rem;background:rgba(0,0,0,.25);border:1px solid var(--border);border-radius:.75rem}.temp-viz h4{font-size:1rem;margin-bottom:.4rem}.temp-viz-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:.9rem}.temp-viz-note{color:var(--warning);font-size:.82rem;margin-bottom:.75rem}.math-details{margin-top:1rem;border:1px solid var(--border);border-radius:.6rem;background:rgba(0,0,0,.22);overflow:hidden}.math-details summary{cursor:pointer;padding:.7rem 1rem;font-size:.9rem;font-weight:600;color:var(--primary-soft);list-style:none;user-select:none;display:flex;align-items:center;gap:.5rem;transition:background .15s ease}.math-details summary:hover{background:rgba(16,185,129,.07)}.math-details summary::after{content:"expand +";margin-left:auto;font-size:.72rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:.15rem .6rem;white-space:nowrap}.math-details[open] summary::after{content:"collapse \2212"}.math-details summary:hover::after{color:var(--primary-soft);border-color:rgba(16,185,129,.45)}.math-details summary::before{content:'\25B8';display:inline-block;transition:transform .2s}.math-details[open] summary::before{transform:rotate(90deg)}.math-details summary::-webkit-details-marker{display:none}.math-details-body{padding:0 1rem 1rem}.math-details-body p{color:var(--text-muted);font-size:.88rem;margin:.6rem 0}.math-details-body pre{font-family:var(--font-mono);font-size:1.08rem;line-height:1.9;color:var(--text);background:rgba(0,0,0,.35);border:1px solid var(--border);border-left:3px solid rgba(16,185,129,.5);border-radius:.5rem;padding:1.1rem 1.4rem;overflow-x:auto}.math-details-body pre sub,.math-details-body pre sup{font-size:.72em}@media (max-width:600px){.math-details-body pre{font-size:.95rem;padding:.9rem 1rem}}.math-details-body a{color:var(--accent)}.model-upgrade{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}.model-upgrade input{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.model-upgrade strong{color:var(--text)}@media (max-width:600px){.tooltip .tooltip-text{position:fixed;left:1rem;right:1rem;width:auto;top:50%;bottom:auto;transform:translateY(-50%);box-shadow:0 12px 44px rgba(0,0,0,.6)}.tooltip .tooltip-text::before{display:none}}.noscript-note{background:var(--warning);color:#1a1305;padding:.75rem 1.25rem;text-align:center;font-size:.9rem;font-weight:500}.dataset-btn.active .dataset-desc,.preset-btn.active .preset-desc{color:rgba(255,255,255,.92)}.comparison-table-container,.math-details-body pre,.matrix-container,.token-display{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,0.35) transparent}.comparison-table-container::-webkit-scrollbar,.math-details-body pre::-webkit-scrollbar,.matrix-container::-webkit-scrollbar,.token-display::-webkit-scrollbar{height:8px;width:8px}.comparison-table-container::-webkit-scrollbar-thumb,.math-details-body pre::-webkit-scrollbar-thumb,.matrix-container::-webkit-scrollbar-thumb,.token-display::-webkit-scrollbar-thumb{background:rgba(148,163,184,.35);border-radius:4px}.comparison-table-container::-webkit-scrollbar-track,.math-details-body pre::-webkit-scrollbar-track,.matrix-container::-webkit-scrollbar-track,.token-display::-webkit-scrollbar-track{background:0 0}.context-echo{font-family:var(--font-mono);color:#6ee7b7;font-weight:600}.math-details.think summary{color:var(--warning)}.math-details.think summary::before{content:'\1F914';margin-right:.5rem;transform:none!important;font-size:.95em}.math-details.think{border-color:rgba(245,158,11,.25)}.btn-locked{opacity:.8}.btn-locked::after{content:' \1F512';font-size:.85em}.unlock-hint{margin-top:.6rem;font-size:.88rem;color:var(--warning);opacity:0}.unlock-hint.show{animation:hint-in .35s ease-out forwards}@keyframes hint-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.unlock-pulse{animation:unlock-pulse .85s ease-in-out 3;border-radius:.75rem}@keyframes unlock-pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}50%{box-shadow:0 0 0 4px rgba(245,158,11,.55)}}@media (prefers-reduced-motion:reduce){.unlock-hint.show{animation:none;opacity:1}.unlock-pulse{animation:none;outline:2px solid var(--warning);outline-offset:3px}}.glossary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr));gap:1rem}.glossary-entry{padding:.9rem 1rem;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:.6rem}.glossary-entry dt{font-family:var(--font-display);font-weight:600;color:var(--primary-soft);margin-bottom:.35rem}.glossary-entry dd{color:var(--text-muted);font-size:.88rem;line-height:1.55}.glossary-entry dd a{display:inline-block;color:var(--accent);text-decoration:none;white-space:nowrap}.glossary-entry dd a:hover{text-decoration:underline}.analogy a,.glossary-entry dd a,.math-details-body a,.reference-list a,.table-footnote a,dd a,li a,p a,td a{text-decoration:underline;text-decoration-color:rgba(94,234,212,0.45);text-underline-offset:3px}dd a:hover,li a:hover,p a:hover,td a:hover{text-decoration-color:currentColor}.share-row{display:flex;align-items:center;gap:.9rem;margin-top:1.25rem}.share-btn{background:#047857;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);padding:.7rem 1.6rem;font-size:.95rem;font-weight:600;font-family:var(--font-body);border-radius:.55rem;cursor:pointer;transition:background .2s}.share-btn:hover{background:#059669}.share-feedback{color:var(--success-soft);font-size:.9rem;font-weight:500}input[type=range]{appearance:none;-webkit-appearance:none;height:6px;border-radius:3px;background:rgba(255,255,255,.1);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid #0b0d0c;cursor:pointer}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid #0b0d0c;cursor:pointer}input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:rgba(255,255,255,.1)}input[type=range]:focus-visible{outline:2px solid var(--primary-soft);outline-offset:3px}.model-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin-bottom:1rem}.model-option{display:block;cursor:pointer}.model-option input{position:absolute;opacity:0;pointer-events:none}.model-option-body{display:flex;flex-direction:column;gap:.25rem;padding:.8rem .95rem;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:.6rem;transition:border-color .15s,background .15s}.model-option strong{font-family:var(--font-display);font-size:.98rem;color:var(--text)}.model-option-tag{align-self:flex-start;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-soft);background:rgba(16,185,129,.12);padding:.12rem .5rem;border-radius:1rem}.model-option-meta{font-size:.78rem;color:var(--text-muted)}.model-option input:checked+.model-option-body{border-color:#10b981;background:rgba(16,185,129,.08)}.model-option input:focus-visible+.model-option-body{outline:2px solid var(--primary-soft);outline-offset:2px}.model-option.disabled{cursor:not-allowed;opacity:.55}.comparison-controls-row{display:flex;gap:1.25rem;align-items:flex-end;flex-wrap:wrap}.comparison-prompt-group,.comparison-temp-group{display:flex;flex-direction:column;gap:.45rem}.comparison-prompt-group{width:100%}.comparison-temp-group{flex:1;min-width:220px}.comparison-controls label{font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.temp-value-chip{font-family:var(--font-mono);text-transform:none;letter-spacing:0;color:var(--primary-soft);background:rgba(16,185,129,.12);padding:.05rem .5rem;border-radius:1rem;margin-left:.4rem}.comparison-controls .generate-btn{margin-left:auto}@media (max-width:600px){.comparison-controls-row{flex-direction:column;align-items:stretch}.comparison-controls .generate-btn{margin-left:0;width:100%}}.column-output,.comparison-text,.experiment-result,.generated-output,.token-row-tokens{overflow-wrap:anywhere;word-break:break-word}.gen-cap-note{display:block;margin-top:.6rem;font-size:.72rem;color:var(--text-muted);font-style:italic}.ai-term{border-bottom:1px dashed rgba(94,234,212,.55);cursor:help;border-radius:1px;padding-block:4px}.ai-term:focus-visible,.ai-term:hover{border-bottom-color:var(--accent);background:rgba(94,234,212,.07)}.ai-term:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.term-tooltip{position:absolute;z-index:1200;max-width:min(340px,calc(100vw - 2rem));overflow-wrap:anywhere;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:.6rem;padding:.85rem 1rem;box-shadow:0 16px 48px rgba(0,0,0,.55)}.term-tooltip::after{content:'';position:absolute;left:var(--arrow-left,50%);bottom:-7px;margin-left:-7px;border-width:7px 7px 0;border-style:solid;border-color:var(--border-strong) transparent transparent}.term-tooltip--below::after{bottom:auto;top:-7px;border-width:0 7px 7px;border-color:transparent transparent var(--border-strong)}.term-tooltip__label{font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--primary-soft);margin-bottom:.25rem}.term-tooltip__term{font-family:var(--font-display);font-weight:600;color:var(--text);margin-bottom:.3rem}.term-tooltip__def{font-size:.85rem;line-height:1.55;color:var(--text-muted)}.term-tooltip__see{display:inline-block;margin-top:.5rem;font-size:.8rem;color:var(--accent);text-decoration:none}.term-tooltip__see:hover{text-decoration:underline}.stream-cursor{display:inline-block;width:8px;height:1em;margin-left:2px;vertical-align:text-bottom;background:var(--primary-soft);animation:cursor-blink .8s steps(1) infinite}@keyframes cursor-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.stream-cursor{animation:none}}.extra-credit{margin-top:2rem;padding:1.5rem;border:1px dashed var(--border-strong);border-radius:.75rem}.extra-credit h4{color:var(--primary-soft);margin-bottom:.5rem}.extra-credit-intro p{color:var(--text-muted);margin-bottom:1rem}.xq-progress{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-bottom:.9rem}.xq-feedback{margin:.9rem 0;font-size:.92rem;line-height:1.55;color:var(--text-muted)}.xq-feedback.correct{color:var(--success-soft)}.xq-feedback.incorrect{color:#fca5a5}.xq-feedback .xq-why{display:block;margin-top:.35rem;color:var(--text-muted)}.step-btn{border-color:var(--primary);color:var(--primary-soft)}.arch-link-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0}.arch-link{font-family:inherit;font-size:.8rem;padding:.3rem .7rem;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.35);border-radius:999px;color:var(--primary-soft);cursor:pointer;transition:background .15s ease,border-color .15s ease}.arch-link:focus-visible,.arch-link:hover{background:rgba(16,185,129,.18);border-color:var(--primary)}.live-badge{display:inline-flex;align-items:center;gap:.35rem;vertical-align:middle;margin-left:.4rem;padding:.15rem .6rem;font-size:.68rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--primary-soft);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.35);border-radius:999px;white-space:nowrap}.live-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary)}body[data-training="1"] .live-badge{border-color:var(--primary);background:rgba(16,185,129,.18)}body[data-training="1"] .live-badge::before{animation:liveBadgePulse 1s ease-in-out infinite}@keyframes liveBadgePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}@media (prefers-reduced-motion:reduce){.live-badge::before{animation:none!important}}.live-note .live-badge{margin-left:0}.card a[target="_blank"]::after,.math-details-body a[target="_blank"]::after,.reference-list a::after{content:"\2197";font-size:.72em;margin-left:.18em;opacity:.65;display:inline-block}.card a{text-decoration-style:solid;text-decoration-color:rgba(94,234,212,0.8)}.calc-steps{margin:.9rem 0 .3rem;padding:.9rem 1rem;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.25);border-left:3px solid var(--primary);border-radius:.5rem}.calc-steps h5{margin:0 0 .5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-soft)}.calc-steps p{font-size:.86rem}.calc-steps ol{margin:.5rem 0 .5rem 1.2rem;padding:0;color:var(--text-muted);font-size:.95rem;line-height:1.7}.calc-steps li{margin:.3rem 0}.calc-steps .calc-check{color:var(--primary-soft);font-size:.95rem;margin-bottom:0}.math-legend{font-size:.82rem;color:var(--text-muted);font-style:italic}.diploma-controls{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0 .5rem}.diploma-controls .text-field{flex:1 1 260px}.diploma-hint{color:var(--primary-soft);font-size:.9rem;min-height:1.2em;margin:.5rem 0}.diploma-preview{margin-top:1rem}#diplomaCanvas{width:100%;height:auto;border-radius:.6rem;border:1px solid var(--border);display:block}.diploma-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.lab-rank{margin-left:auto;margin-right:.75rem;padding:.2rem .7rem;font-size:.75rem;font-weight:600;color:var(--primary-soft);background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.35);border-radius:999px;white-space:nowrap}.stat-value.stat-warn{color:var(--warning)}.model-inventions{margin-top:1rem;color:var(--text-muted);font-size:.92rem;line-height:2}.invention-chip{display:inline-block;padding:.15rem .65rem;margin:0 .15rem;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);border-radius:999px;color:var(--primary-soft);font-family:var(--font-mono);font-size:.85rem}.stat-sub{font-size:.72rem;color:var(--text-muted);margin-top:.2rem;font-family:var(--font-mono)}.unknown-note{margin-top:.75rem;padding:.6rem .9rem;font-size:.85rem;color:var(--text-muted);background:rgba(239,68,68,.07);border-left:3px solid var(--error);border-radius:.4rem}.phase-unlock-notification{cursor:pointer}math.formula{display:block math;margin:1.1rem auto;padding:1.1rem 1.4rem;font-size:1.35rem;background:rgba(0,0,0,.35);border:1px solid var(--border);border-left:3px solid rgba(16,185,129,.5);border-radius:.5rem;color:var(--text);overflow-x:auto}@media (max-width:600px){math.formula{font-size:1.1rem;padding:.9rem .8rem}}.badge-toast{top:auto;bottom:24px;left:auto;right:24px;transform:translateY(80px);cursor:pointer}.badge-toast.show{transform:translateY(0)}#achievements{scroll-margin-top:calc(var(--nav-h) + 12px)}.split-control{margin:.4rem 0 1rem}.split-control input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#10b981 0,#34d399 78%,#d0a94a 90%,#f59e0b 100%);outline:0;cursor:pointer}.split-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f7f9fc;border:3px solid var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.45);cursor:grab}.split-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f7f9fc;border:3px solid var(--primary);box-shadow:0 2px 8px rgba(0,0,0,.45);cursor:grab}.split-control input[type=range]:focus-visible{box-shadow:0 0 0 3px rgba(16,185,129,.35)}.split-control-caption{margin-top:.5rem;font-size:.78rem;color:var(--text-muted);opacity:.85}.dataset-size-indicator.custom{background:linear-gradient(135deg,#5eead4,#10b981)}.dataset-btn.drag-over,.tokenizer-input.drag-over{border:2px dashed var(--primary)!important;background:rgba(16,185,129,.1)}.badge-toast .phase-unlock-content{padding:.9rem 1.2rem;gap:.75rem}.badge-toast .phase-unlock-icon{font-size:1.6rem}.badge-toast .phase-unlock-text strong{font-size:.95rem}.badge-toast .phase-unlock-text span{font-size:.92rem;font-weight:500;line-height:1.45}:root{--la-measure-wide:1200px}:root{--content-band:56rem}:root{--prose-measure:42rem}body[data-page=notebook] main>.card>h2+p,body[data-page=notebook] main>.card>p+p,body[data-page=notebook] main>.card>ul{margin-top:1rem}body[data-page=notebook] main>.card>h2{color:var(--text);font-size:1.35rem;margin-bottom:.25rem}body[data-page=notebook] main>header.card{max-width:1200px;margin:0 auto 2rem;padding:2rem}body[data-page=notebook] .breadcrumb{flex-direction:row;align-items:center;flex-wrap:wrap}body[data-page=notebook] main>header.card .la-kicker{display:inline-flex;margin-bottom:1rem}.card>ol,.card>p,.card>ul,.reference-list li{max-width:var(--prose-measure)}.card>p.hyperparam-caption,.explode-demo .xp-intro,.math-block>p,.not-list li,.y26-block>p{max-width:none}.checkpoint,.explain-box,.info-box,.math-details,.math-details-body{max-width:none}@media (min-width:700px){.checkpoint,.explain-box,.info-box,.math-block{padding-left:2rem;padding-right:2rem}.card>p.hyperparam-caption,.explain-box>ol,.explain-box>p,.explain-box>ul,.explode-demo .xp-intro,.info-box p,.math-block>p,.math-details-body p,.not-bridge-intro,.not-list,.y26-block>p{font-size:1.0625rem;line-height:1.7}}.math-details-body{padding-left:1rem;padding-right:1rem}body[data-machine=llmlab]{--machine:#98a0f8}