:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f3f5ff;background:#060d19;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f3f5ff;--muted: #9da9c4;--muted-2: #6e7b99;--navy: #071120;--panel: #0a182c;--panel-2: #0c2038;--line: rgba(155, 183, 225, .18);--cyan: #57d5ff;--violet: #a477ff;--orange: #ffac65;--lime: #c3e65a;--paper: #f1d9b3}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#060d19}body{margin:0;min-width:320px;min-height:100vh;background:#060d19;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-columns:274px minmax(0,1fr);background:#071120}.sidebar{min-height:100vh;padding:32px 20px 22px;border-right:1px solid rgba(137,176,229,.14);background:#071221;display:flex;flex-direction:column}.brand-lockup{display:flex;align-items:flex-start;gap:12px;padding:0 6px 36px;font-family:Georgia,Times New Roman,serif;letter-spacing:.01em}.brand-lockup>div{display:flex;flex-direction:column;font-size:21px;line-height:1.03}.brand-lockup strong{color:#fff;font-size:28px;font-weight:600}.brand-star{color:var(--orange);font-size:21px;line-height:1;text-shadow:0 0 14px rgba(255,172,101,.85)}.chapter-heading{display:flex;justify-content:space-between;align-items:center;padding:0 7px 14px;border-bottom:1px solid var(--line);color:var(--muted-2);font-size:10px;font-weight:750;letter-spacing:.17em}.chapter-heading strong{color:var(--orange);font-size:11px;letter-spacing:.05em}.chapter-nav{display:flex;flex-direction:column;gap:7px;padding-top:14px}.chapter-link{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:9px;width:100%;border:0;padding:10px 7px;background:transparent;text-align:left;cursor:pointer;border-radius:10px;transition:background .2s ease,transform .2s ease}.chapter-link:hover{background:#7da0db17;transform:translate(2px)}.chapter-link.is-active{background:#1b3a5eb8}.chapter-link.is-active:after{content:"";position:absolute;right:-21px;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--orange);box-shadow:0 0 12px #ffac65bf}.chapter-number{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(154,176,214,.35);border-radius:50%;color:var(--muted);font-family:Georgia,serif;font-size:15px}.chapter-link.is-active .chapter-number{border-color:var(--orange);color:var(--orange);box-shadow:0 0 16px #ffac6538}.chapter-link.is-visited:not(.is-active) .chapter-number{border-color:#57d5ff80;color:var(--cyan)}.chapter-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.chapter-copy strong{color:#dce5f7;font-size:13px;font-weight:650}.chapter-copy small{color:var(--muted-2);font-size:10px;line-height:1.3}.chapter-link.is-active .chapter-copy strong{color:#fff}.sidebar-footer{margin-top:auto;padding:13px 8px 0 27px;position:relative;color:#7f8da9;font-size:10px;line-height:1.45}.sidebar-footer small{display:block;margin-top:5px;color:#5e6b87}.save-dot{position:absolute;top:17px;left:8px;width:8px;height:8px;border-radius:50%;background:#8fd56b;box-shadow:0 0 12px #8fd56bbf}.main-stage{min-width:0;padding:26px clamp(24px,4vw,68px) 44px;background:#071120}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:32px;color:var(--muted-2);font-size:10px;letter-spacing:.15em}.topbar>div{display:flex;align-items:center;gap:15px}.topbar-kicker{white-space:nowrap}.topbar-line{display:block;width:82px;height:1px;background:#29405c}.status-pill{display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(122,168,212,.2);border-radius:999px;color:#8fa1bd;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.status-pill span{width:6px;height:6px;border-radius:50%;background:#8fd56b;box-shadow:0 0 8px #8fd56bcc}.stage-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:52px 2px 28px}.eyebrow,.section-label,.board-caption,.notebook-kicker{margin:0;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.stage-heading h1{max-width:880px;margin:10px 0;font-family:Georgia,Times New Roman,serif;color:#fff;font-size:clamp(35px,4vw,62px);font-weight:500;line-height:.99;letter-spacing:-.035em}.stage-subtitle{max-width:730px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}.progress-orbit{flex:0 0 auto;display:flex;flex-direction:column;align-items:end;padding:9px 0 3px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.progress-orbit strong{margin-top:3px;color:var(--cyan);font-family:Georgia,serif;font-size:28px;font-weight:500;letter-spacing:0}.stage-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px}.experiment-surface{min-width:0;overflow:hidden;border:1px solid rgba(138,178,224,.2);border-radius:17px;background:#0a182c;box-shadow:0 24px 70px #0000003d}.chapter-body{padding:clamp(22px,3.4vw,40px)}.paper-note{position:relative;display:flex;flex-direction:column;gap:9px;width:min(100%,500px);padding:16px 20px 15px;background:var(--paper);color:#1b2b40;box-shadow:0 8px 16px #0000002b;transform:rotate(-.6deg)}.paper-note:after{content:"";position:absolute;top:-6px;right:21px;width:10px;height:17px;border:1px solid rgba(31,54,76,.45);border-radius:50%;transform:rotate(12deg)}.paper-note span{font-family:Georgia,serif;font-size:11px}.paper-note strong{font-family:Georgia,serif;font-size:clamp(24px,2.5vw,35px);font-weight:500;line-height:1}.experiment-intro{padding:42px 0 26px}.experiment-intro h2{max-width:700px;margin:10px 0;color:#f4f7ff;font-family:Georgia,serif;font-size:clamp(25px,2.6vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.08}.experiment-intro p{max-width:690px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.sentence-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.token-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 15px;border:1px solid rgba(255,255,255,.25);border-radius:11px;color:#f7fbff;font-family:Georgia,serif;font-size:18px;line-height:1;box-shadow:inset 0 1px #ffffff2b,0 6px 12px #00000029}.token-chip.is-small{min-height:29px;padding:6px 10px;border-radius:8px;font-size:13px}.token-blue{background:#176ca1}.token-lime{background:#718c25}.token-orange{background:#b96f2f}.token-violet{background:#65519a}.token-cyan{background:#267e91}.token-gold{background:#a98324}.token-chip.is-selected{border-color:#fff;box-shadow:0 0 0 2px #57d5ff80,0 7px 16px #00000040}.token-board{padding:24px;border:1px solid rgba(139,176,220,.18);border-radius:13px;background:#0c2038}.compact-board{min-height:180px}.human-sentence{margin:16px 0 21px;color:#fff4df;font-family:Georgia,serif;font-size:clamp(28px,3.3vw,44px);line-height:1.1}.board-divider{height:1px;margin:0 0 18px;background:#8bb0dc2e}.board-footnote{margin-top:18px;color:var(--muted-2);font-size:11px;line-height:1.4}.token-placeholder{min-height:42px;display:flex;align-items:center;gap:10px;color:var(--muted-2);font-size:13px;font-style:italic}.token-placeholder span{width:33px;height:33px;display:grid;place-items:center;border:1px dashed #63718f;border-radius:9px;color:#bcc8de;font-family:Georgia,serif;font-size:18px}.primary-cta{display:flex;align-items:center;justify-content:center;min-height:54px;width:min(100%,440px);margin:24px auto 0;border:1px solid #ffd19e;border-radius:999px;background:var(--orange);color:#271a17;box-shadow:0 9px 25px #ffac652e;cursor:pointer;font-family:Georgia,serif;font-size:18px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-cta:hover{background:#ffc48a;transform:translateY(-2px);box-shadow:0 13px 27px #ffac6545}.primary-cta:disabled{cursor:wait;opacity:.7;transform:none}.compact-cta{width:100%;min-height:46px;margin-top:18px;font-size:15px}.insight-strip,.warning-strip{margin-top:22px;padding:14px 16px;border-left:2px solid var(--cyan);background:#15365373;color:#c0cce1;font-size:12px;line-height:1.55}.insight-strip strong{color:var(--cyan)}.warning-strip{border-color:var(--orange);background:#57312347}.warning-strip strong{color:var(--orange)}.intro-hero{padding:42px 0 28px}.intro-hero h2{max-width:760px;margin:10px 0 13px;color:#f4f7ff;font-family:Georgia,serif;font-size:clamp(30px,3.3vw,48px);font-weight:500;letter-spacing:-.03em;line-height:1.06}.intro-hero>p{max-width:730px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.intro-question{max-width:700px;margin-top:24px;padding:18px 20px;border:1px solid rgba(255,172,101,.32);background:#5731233b}.intro-question span{display:block;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.intro-question strong{display:block;margin:8px 0 7px;color:#fff3df;font-family:Georgia,serif;font-size:25px;font-weight:500}.intro-question small{display:block;color:#c2cde0;font-size:11px;line-height:1.5}.intro-columns{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:13px}.intro-route,.intro-rules{padding:20px;border:1px solid rgba(139,176,220,.18);border-radius:13px;background:#0c2038}.intro-route-step{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(139,176,220,.12)}.intro-route-step:last-child{border-bottom:0;padding-bottom:0}.intro-route-step>span{flex:0 0 auto;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(87,213,255,.5);border-radius:50%;color:var(--cyan);font-family:Georgia,serif;font-size:13px}.intro-route-step strong,.intro-rules strong{display:block;color:#fff;font-family:Georgia,serif;font-size:16px;font-weight:500}.intro-route-step small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.intro-rules>div:not(.board-caption){padding:15px 0;border-bottom:1px solid rgba(139,176,220,.12)}.intro-rules>div:last-child{border-bottom:0}.intro-rules p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.vector-explainer{margin-top:14px;padding:21px;border:1px solid rgba(87,213,255,.24);border-radius:13px;background:#0c2038}.vector-explainer-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.vector-explainer-head h3{max-width:500px;margin:8px 0 0;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:500;line-height:1.1}.lookup-badge{padding:6px 9px;border:1px solid rgba(87,213,255,.3);color:var(--cyan);font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.vector-steps{display:flex;align-items:center;gap:8px;margin-top:22px}.vector-steps>div:not(.step-arrow){flex:1 1 0;min-width:0;padding:12px 10px;border:1px solid rgba(139,176,220,.16);background:#102c49}.vector-steps>div>span{display:inline-grid;place-items:center;width:23px;height:23px;margin-bottom:9px;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-family:Georgia,serif;font-size:11px}.vector-steps strong{display:block;color:#eaf4ff;font-size:11px}.vector-steps code{display:block;margin-top:7px;color:#a9eefe;font-family:ui-monospace,monospace;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vector-steps .step-arrow{flex:0 0 auto;color:var(--orange);font-size:17px}.vector-result{border-color:#c3e65a6b!important;background:#203c39!important}.vector-result code{color:var(--lime)}.vector-explainer-copy{margin:17px 0 0;color:#c4d1e3;font-size:12px;line-height:1.6}.vector-explainer-copy strong{color:#fff}.vector-formula{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:baseline;margin-top:18px;padding:14px 16px;border:1px solid rgba(117,231,255,.18);border-radius:14px;background:#050f1f6b}.vector-formula>span{color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.vector-formula code{color:#f4f7ff;font-size:.95rem}.vector-formula p{grid-column:1 / -1;margin:2px 0 0;color:#c4d1e3;line-height:1.55}.vector-formula p strong{color:#f4f7ff}.vector-warning{margin-top:15px;padding:12px 13px;border-left:2px solid var(--violet);background:#4a307038;color:#c7c1e5;font-size:11px;line-height:1.5}.vector-warning strong{color:#d3bdff}.vector-visual-section{margin-top:14px;padding:21px;border:1px solid rgba(195,230,90,.28);border-radius:13px;background:#0c2038}.vector-visual-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.vector-visual-head h3{margin:8px 0 9px;color:#fff;font-family:Georgia,serif;font-size:24px;font-weight:500;line-height:1.1}.vector-visual-head p{max-width:600px;margin:0;color:#c4d1e3;font-size:12px;line-height:1.55}.vector-visual-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr);gap:14px;margin-top:20px}.vector-map-panel{min-width:0;padding:12px;border:1px solid rgba(139,176,220,.18);border-radius:11px;background:#081a2e}.vector-map-svg{display:block;width:100%;height:auto;overflow:visible}.vector-map-svg rect{fill:#081a2e}.map-grid-line{stroke:#8bb0dc1a;stroke-width:1}.map-axis{stroke:#57d5ff6b;stroke-width:1.2}.map-axis-label{fill:#718aa8;font:8px ui-monospace,monospace}.map-link{stroke:#ffac65d1;stroke-width:1.8;stroke-dasharray:4 4}.map-ray{stroke:#c3e65a73;stroke-width:1.4}.map-distance-label{fill:#ffd19d;font:8px ui-monospace,monospace}.map-point circle{fill:#6282a7;stroke:#9fb9d7;stroke-width:1;opacity:.75}.map-point-selected circle{fill:#ffac65;stroke:#fff0d9;stroke-width:2;opacity:1}.map-point-compared circle{fill:#75e7ff;stroke:#e2fbff;stroke-width:2;opacity:1}.map-token-label{fill:#c8d8ed;font:9px ui-monospace,monospace}.map-point-selected .map-token-label{fill:#fff0d9;font-weight:700}.map-point-compared .map-token-label{fill:#dffbff;font-weight:700}.vector-map-legend{display:flex;flex-wrap:wrap;gap:10px 15px;margin-top:5px;color:#91a5bf;font-size:9px}.vector-map-legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-selected{background:var(--orange)}.legend-compared{background:var(--cyan)}.legend-line{display:inline-block;width:14px;border-top:2px dashed var(--orange)}.vector-address-card{padding:19px;border:1px solid rgba(139,176,220,.18);border-radius:11px;background:#102c49}.vector-address-card h3{margin:8px 0 17px;color:#fff;font-family:Georgia,serif;font-size:22px;font-weight:500;line-height:1.1}.coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.coordinate-grid>div{padding:10px;border:1px solid rgba(87,213,255,.18);background:#050f1f5c}.coordinate-grid span{display:block;color:var(--cyan);font:9px ui-monospace,monospace}.coordinate-grid strong{display:block;margin-top:5px;color:#f3fbff;font:15px ui-monospace,monospace;font-weight:500}.address-route{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:17px;color:#b9cbe0;font:9px ui-monospace,monospace}.address-route b{color:var(--orange)}.address-route strong{color:var(--lime);font-weight:500}.vector-address-card>p{margin:17px 0 0;color:#c4d1e3;font-size:11px;line-height:1.55}.dimension-note{margin-top:14px;padding:11px 12px;border-left:2px solid var(--lime);background:#c3e65a12;color:#c9d8e5;font-size:10px;line-height:1.5}.dimension-note strong{color:var(--lime)}.vector-why-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;margin-top:14px}.vector-why-card{padding:21px;border:1px solid rgba(139,176,220,.18);border-radius:13px;background:#0c2038}.vector-why-card h3{margin:8px 0 10px;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:500;line-height:1.1}.vector-why-card>p{margin:0;color:#c4d1e3;font-size:12px;line-height:1.6}.vector-comparison{margin-top:19px;padding-top:15px;border-top:1px solid var(--line)}.vector-comparison label{display:block;color:#dce9f9;font-size:11px}.vector-comparison select{width:100%;margin-top:8px;padding:9px 10px;border:1px solid rgba(87,213,255,.3);border-radius:7px;background:#102c49;color:#fff;font:inherit}.distance-readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:15px}.distance-readout strong{color:var(--cyan);font-family:Georgia,serif;font-size:28px;font-weight:500}.distance-readout span,.vector-comparison small{color:var(--muted);font-size:10px}.distance-track{height:7px;margin-top:8px;overflow:hidden;border-radius:99px;background:#07182a}.distance-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--lime));transition:width .25s ease}.vector-comparison small{display:block;margin-top:9px;line-height:1.45}.vector-use{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid rgba(139,176,220,.12)}.vector-use:last-child{border-bottom:0}.vector-use>span{flex:0 0 auto;color:var(--orange);font-family:ui-monospace,monospace;font-size:10px}.vector-use strong{display:block;color:#fff;font-family:Georgia,serif;font-size:16px;font-weight:500}.vector-use p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.training-explainer{margin-top:14px;padding:21px;border:1px solid rgba(255,172,101,.25);border-radius:13px;background:#0c2038}.training-explainer-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.training-explainer-head h3{margin:8px 0 0;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:500}.gradient-path{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:20px}.gradient-path span{padding:10px 12px;border:1px solid rgba(139,176,220,.18);border-radius:7px;background:#102c49;color:#eaf4ff;font-size:11px}.gradient-path b{color:var(--orange);font-size:17px}.gradient-path code{color:var(--lime);font-family:ui-monospace,monospace}.training-explainer>p{margin:18px 0 0;color:#c4d1e3;font-size:12px;line-height:1.6}.parameter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.parameter-grid>div{padding:12px 10px;border:1px solid rgba(255,172,101,.18);background:#5731233b}.parameter-grid strong{display:block;color:#fff3df;font-family:ui-monospace,monospace;font-size:14px}.parameter-grid span{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.35}.training-warning{margin-top:17px;padding:13px 14px;border-left:2px solid var(--orange);background:#ffac650f;color:#c7d2e3;font-size:11px;line-height:1.55}.training-warning strong{color:#fff3df}.architecture-flow{margin-bottom:14px;padding:17px 19px;border:1px solid rgba(87,213,255,.2);border-radius:13px;background:#0c20389e}.architecture-flow-track{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.architecture-flow-track span{padding:8px 10px;border:1px solid rgba(139,176,220,.2);border-radius:99px;color:#dce9f9;font-size:10px}.architecture-flow-track .flow-highlight{border-color:#57d5ff6b;color:var(--cyan)}.architecture-flow-track b{color:var(--orange);font-size:14px}.architecture-flow p{margin:13px 0 0;color:var(--muted);font-size:11px;line-height:1.5;text-align:center}.architecture-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.architecture-notes>div{padding:17px;border:1px solid rgba(139,176,220,.16);background:#0c2038}.architecture-notes strong{display:block;margin-top:8px;color:#fff;font-family:Georgia,serif;font-size:16px;font-weight:500}.architecture-notes p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.notebook{position:relative;min-height:520px;padding:26px 22px 22px;border:1px solid rgba(212,180,124,.38);border-radius:9px;background:#10223b;box-shadow:0 12px 34px #00000038}.notebook:before{content:"";position:absolute;top:0;left:15px;bottom:0;width:1px;background:#e1b98130;box-shadow:10px 0 #e1b98114,20px 0 #e1b98114}.notebook-tab{margin:-42px 7px 12px;padding:8px 12px;border:1px solid rgba(220,185,125,.35);background:#dec18b;color:#2c3441;font-family:Georgia,serif;font-size:13px;transform:rotate(1.2deg);box-shadow:0 6px 11px #00000029}.notebook-tab span{float:right;color:#8d6f38}.mascot{display:block;width:min(100%,190px);aspect-ratio:1;margin:15px auto 10px;border:1px solid rgba(87,213,255,.22);border-radius:50%;object-fit:cover;box-shadow:0 0 28px #2888c93b}.notebook-rule{height:1px;margin:15px 0 19px;background:#d0b37f3d}.notebook h2{margin:8px 0 10px;color:#fff1d5;font-family:Georgia,serif;font-size:24px;font-weight:500;line-height:1.1}.notebook-body{margin:0;color:#c7d0df;font-size:12px;line-height:1.55}.tip-note{display:flex;gap:9px;margin-top:20px;padding:11px 10px;background:#d3b47b21;color:#e7d2ac}.tip-note p{margin:0;font-size:11px;line-height:1.5}.tip-mark{color:var(--lime);font-size:16px}.objective-note{margin-top:20px;padding-top:14px;border-top:1px solid rgba(208,179,127,.24)}.objective-note span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.objective-note p{margin:7px 0 0;color:#c5d0df;font-size:11px;line-height:1.5}.surface-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 24px;border-top:1px solid rgba(139,176,220,.16);color:#74829d;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.surface-footer button{border:0;background:transparent;color:#98aac8;cursor:pointer;font-size:10px;text-transform:uppercase}.surface-footer button:hover{color:var(--cyan)}.surface-footer button:disabled{color:#45536c;cursor:default}.vocabulary-layout,.training-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:14px}.vocab-card,.loss-card{padding:22px;border:1px solid rgba(139,176,220,.18);border-radius:13px;background:#0c2038}.vocab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:17px}.vocab-token{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:8px;border:1px solid rgba(139,176,220,.16);border-radius:7px;background:#102c49;color:#dbe8f8;cursor:pointer;font-family:Georgia,serif}.vocab-token small{color:var(--muted-2);font-family:inherit;font-size:9px}.vocab-token.is-selected{border-color:var(--cyan);background:#18496b}.vector-preview{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-top:23px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.vector-preview div:first-child{display:flex;flex-direction:column;gap:8px}.vector-preview strong{color:#dcf5ff;font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.vector-bars{display:flex;align-items:end;gap:4px;min-height:65px}.vector-bars i{display:block;width:8px;border-radius:5px 5px 0 0;background:var(--cyan);box-shadow:0 0 8px #57d5ff59}.context-picker,.generation-picker{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.context-choice{flex:1 1 145px;min-width:0;padding:11px;border:1px solid rgba(139,176,220,.18);border-radius:10px;background:#0c2038;cursor:pointer;text-align:left}.context-choice:hover,.context-choice.is-selected{border-color:var(--cyan);background:#10314e}.context-choice .sentence-tokens{gap:5px}.prediction-card,.generation-card{padding:23px;border:1px solid rgba(139,176,220,.18);border-radius:13px;background:#0c2038}.prediction-header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:28px}.prediction-header .sentence-tokens{margin-top:12px}.memory-badge,.loss-chip{padding:6px 9px;border:1px solid rgba(255,172,101,.35);color:var(--orange);font-size:10px;white-space:nowrap}.probability-list{min-width:0}.micro-heading{display:flex;justify-content:space-between;margin-bottom:13px;color:var(--muted-2);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.probability-row{display:grid;grid-template-columns:75px minmax(0,1fr) 45px;gap:10px;align-items:center;margin:12px 0;color:#dfe8f7;font-size:12px}.probability-token{color:#eff5ff;font-family:Georgia,serif}.probability-track{height:8px;overflow:hidden;border-radius:99px;background:#172d47}.probability-track span{display:block;height:100%;border-radius:inherit;background:var(--cyan);box-shadow:0 0 9px #57d5ff59}.accent-orange .probability-track span{background:var(--orange);box-shadow:0 0 9px #ffac654d}.accent-violet .probability-track span{background:var(--violet);box-shadow:0 0 9px #a477ff4d}.probability-row strong{color:var(--muted);font-size:11px;font-weight:500;text-align:right}.attention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.attention-panel{padding:19px;border:1px solid rgba(87,213,255,.22);border-radius:13px;background:#0c2038}.attention-panel.tone-violet{border-color:#a477ff40}.attention-panel-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px;color:#eff7ff;font-family:Georgia,serif;font-size:19px}.attention-status{color:var(--cyan);font-family:inherit;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.tone-violet .attention-status{color:var(--violet)}.attention-canvas{display:block;width:100%;height:170px;margin:9px 0 -7px}.attention-legend{display:flex;justify-content:space-between;gap:10px;margin:2px 0 18px;color:var(--muted-2);font-size:10px}.attention-legend strong{color:var(--cyan);font-weight:600}.tone-violet .attention-legend strong{color:var(--violet)}.training-loop{display:flex;flex-direction:column;justify-content:center;padding:20px;border:1px solid rgba(139,176,220,.18);border-radius:13px;background:#0c2038}.loop-step{display:flex;align-items:center;gap:13px}.loop-step>span{flex:0 0 auto;width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--orange);border-radius:50%;color:var(--orange);font-family:Georgia,serif}.loop-step strong{color:#fff;font-family:Georgia,serif;font-size:18px;font-weight:500}.loop-step p{margin:3px 0 0;color:var(--muted);font-size:11px}.loop-arrow{padding:6px 0 6px 11px;color:var(--orange);font-size:18px}.loss-card-header{display:flex;align-items:end;justify-content:space-between;gap:10px}.loss-card-header>div{display:flex;flex-direction:column;gap:5px}.loss-card-header strong{color:#fff;font-family:Georgia,serif;font-size:34px;font-weight:500}.loss-chart{width:100%;height:150px;margin:20px 0 0;border-bottom:1px solid rgba(139,176,220,.18)}.loss-card-footer{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted-2);font-size:10px}.sample-prediction{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;padding:14px 15px;border:1px solid rgba(139,176,220,.13);background:#0c203873;color:var(--muted);font-size:11px}.sample-prediction strong{color:var(--lime);font-family:Georgia,serif;font-size:15px;font-weight:500}.sample-arrow{color:var(--orange);font-size:18px}.sample-score{margin-left:auto;color:var(--muted-2)}.architecture-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.architecture-step{min-height:126px;padding:14px;border:1px solid rgba(139,176,220,.18);border-radius:11px;background:#0c2038;color:#dae7f7;cursor:pointer;text-align:left}.architecture-step:hover,.architecture-step.is-active{border-color:var(--cyan);background:#10314e}.architecture-step>span{color:var(--orange);font-family:ui-monospace,monospace;font-size:10px}.architecture-step strong{display:block;margin-top:13px;color:#fff;font-family:Georgia,serif;font-size:16px;font-weight:500}.architecture-step small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.35}.architecture-detail{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(150px,.7fr);gap:15px;align-items:center;margin-top:14px;padding:20px;border:1px solid rgba(87,213,255,.2);background:#0c2038}.detail-index{color:var(--cyan);font-family:Georgia,serif;font-size:25px}.architecture-detail h3{margin:7px 0;color:#fff;font-family:Georgia,serif;font-size:24px;font-weight:500}.architecture-detail p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.architecture-detail code{padding:10px;border:1px solid rgba(87,213,255,.2);color:#b5efff;font-family:ui-monospace,monospace;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.generation-card{text-align:center}.generated-line{min-height:66px;display:flex;align-items:center;justify-content:center;padding:20px 10px;border-bottom:1px solid var(--line)}.generated-line .sentence-tokens{justify-content:center}.generation-trace{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:16px 0 0;color:var(--muted-2);font-size:11px}.generation-trace strong{color:var(--cyan);font-weight:500}.intro-definitions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}.intro-definitions>div{padding:18px;border:1px solid rgba(87,213,255,.16);border-radius:12px;background:#0c2038c7}.intro-definitions strong{display:block;margin-top:8px;color:#fff;font-family:Georgia,serif;font-size:18px;font-weight:500;line-height:1.12}.intro-definitions p{margin:8px 0 0;color:#bdcae0;font-size:11px;line-height:1.55}.attention-recipe,.transformer-walkthrough{margin-top:14px;padding:22px;border:1px solid rgba(87,213,255,.22);border-radius:13px;background:linear-gradient(135deg,#0f314d7a,#0c2038e6)}.attention-recipe h3,.transformer-walkthrough h3{max-width:690px;margin:8px 0 0;color:#fff;font-family:Georgia,serif;font-size:24px;font-weight:500;line-height:1.15}.attention-recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:19px}.attention-recipe-grid>div{position:relative;padding:15px 13px 13px;border:1px solid rgba(139,176,220,.18);border-radius:9px;background:#0a1e35}.attention-recipe-grid>div>span{color:var(--orange);font:11px ui-monospace,monospace}.attention-recipe-grid strong{display:block;margin-top:10px;color:var(--cyan);font-family:Georgia,serif;font-size:17px;font-weight:500}.attention-recipe-grid p{margin:7px 0 0;color:#bdcae0;font-size:10px;line-height:1.48}.causal-note{margin:14px 0 0;padding:12px 13px;border-left:2px solid var(--violet);background:#a477ff14;color:#cfd6e9;font-size:11px;line-height:1.5}.causal-note strong{color:#d3c3ff}.transformer-walkthrough>div>p{max-width:700px;margin:9px 0 0;color:#c0cce0;font-size:12px;line-height:1.55}.transformer-stops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px}.transformer-stop{display:flex;align-items:flex-start;min-width:0;gap:8px;padding:13px;border:1px solid rgba(139,176,220,.16);border-radius:9px;background:#091b2fa3}.transformer-stop>span{flex:0 0 auto;align-self:flex-start;padding:6px 7px;border:1px solid rgba(255,172,101,.36);border-radius:6px;color:var(--orange);font:10px ui-monospace,monospace}.transformer-stop>div{min-width:0}.transformer-stop strong{display:block;color:#fff;font-family:Georgia,serif;font-size:15px;font-weight:500;line-height:1.2}.transformer-stop p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.4}.transformer-stop>b{display:none}.transformer-repeat{margin-top:17px;padding:13px 14px;border-left:2px solid var(--lime);background:#c3e65a12}.transformer-repeat strong{color:var(--lime);font-size:11px}.transformer-repeat p{margin:5px 0 0;color:#cbd8e6;font-size:11px;line-height:1.5}.learning-studio{margin:30px -2px 4px;padding:25px;border:1px solid rgba(255,172,101,.34);border-radius:15px;background:linear-gradient(145deg,#3e31386b,#0b1d31f2 42%)}.studio-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.studio-heading h2{max-width:650px;margin:9px 0 0;color:#fff3df;font-family:Georgia,serif;font-size:clamp(23px,2.4vw,31px);font-weight:500;line-height:1.08}.studio-status{flex:0 0 auto;padding:7px 9px;border:1px solid rgba(255,172,101,.42);border-radius:999px;color:#efb783;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.studio-status.is-mastered{border-color:#c3e65a80;color:var(--lime)}.studio-before{margin:18px 0 0;padding:13px 14px;border-left:2px solid var(--orange);background:#ffac6512;color:#cad4e3;font-size:12px;line-height:1.55}.studio-before strong{color:#fff1d5}.studio-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.studio-step{display:flex;gap:10px;padding:14px;border:1px solid rgba(139,176,220,.17);border-radius:10px;background:#091b2fb8}.studio-step>span{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(87,213,255,.4);border-radius:50%;color:var(--cyan);font:11px Georgia,serif}.studio-step strong{display:block;color:#eaf5ff;font-family:Georgia,serif;font-size:16px;font-weight:500}.studio-step p{margin:5px 0 0;color:#aebdd3;font-size:11px;line-height:1.45}.studio-check{margin-top:14px;padding:19px;border:1px solid rgba(255,172,101,.25);border-radius:11px;background:#0a1e35}.studio-check h3{max-width:730px;margin:8px 0 5px;color:#fff;font-family:Georgia,serif;font-size:22px;font-weight:500;line-height:1.17}.studio-check>div:first-child>p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.studio-choices{display:grid;gap:8px;margin-top:15px}.studio-choice{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid rgba(139,176,220,.2);border-radius:8px;background:#102c49;color:#e4edf9;cursor:pointer;text-align:left;font-size:11px;line-height:1.4;transition:border-color .18s ease,background .18s ease}.studio-choice:hover,.studio-choice.is-selected{border-color:var(--orange);background:#193a56}.studio-choice.is-correct{border-color:var(--lime);background:#4b683773}.studio-choice.is-wrong{border-color:#fa8a78;background:#64312f6b}.studio-choice>span{flex:0 0 auto;width:21px;height:21px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;color:var(--orange);font:10px ui-monospace,monospace}.studio-feedback{margin-top:13px;padding:13px 14px;border-left:2px solid var(--lime);background:#c3e65a14}.studio-feedback.is-retry{border-color:var(--orange);background:#ffac6514}.studio-feedback strong{color:var(--lime);font-size:12px}.studio-feedback.is-retry strong{color:var(--orange)}.studio-feedback p{margin:5px 0 0;color:#d2ddeb;font-size:11px;line-height:1.5}.studio-retry{margin-top:9px;border:0;border-bottom:1px solid var(--orange);background:transparent;color:#ffd2a4;cursor:pointer;font-size:11px}.studio-close{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.studio-close>div{padding:14px;border:1px solid rgba(139,176,220,.16);background:#0c2038ad}.studio-close p{margin:7px 0 0;color:#c3d0e1;font-size:11px;line-height:1.5}.studio-glossary{margin-top:12px;border-top:1px solid rgba(139,176,220,.16);color:#c2d2e3;font-size:11px}.studio-glossary summary{padding:12px 0 0;color:#a9cde5;cursor:pointer}.studio-glossary>div{display:grid;gap:7px;margin-top:10px}.studio-glossary p{display:grid;grid-template-columns:minmax(90px,.35fr) 1fr;gap:10px;margin:0;padding:10px;background:#0c2038b3}.studio-glossary strong{color:var(--cyan);font-family:Georgia,serif;font-size:13px;font-weight:500}.progress-orbit small{margin-top:4px;color:var(--lime);font-size:8px;letter-spacing:.07em;text-transform:none}@media(max-width:1120px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.main-stage{padding-inline:28px}.stage-content{grid-template-columns:minmax(0,1fr) 260px}.notebook{padding-inline:17px}.chapter-copy small{display:none}}@media(max-width:980px){.intro-definitions,.studio-steps{grid-template-columns:1fr}.attention-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transformer-stops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.transformer-stop>b{display:none}}@media(max-width:860px){.app-shell{display:block}.sidebar{min-height:auto;padding:18px 18px 13px;border-right:0;border-bottom:1px solid rgba(137,176,229,.14)}.brand-lockup{padding-bottom:17px}.brand-lockup>div{font-size:18px}.brand-lockup strong{font-size:24px}.chapter-heading{display:none}.chapter-nav{flex-direction:row;overflow-x:auto;padding-top:0;scrollbar-width:none}.chapter-nav::-webkit-scrollbar{display:none}.chapter-link{flex:0 0 auto;width:auto;padding:6px}.chapter-link.is-active:after{right:7px;left:7px;top:auto;bottom:-1px;width:auto;height:2px}.chapter-copy,.sidebar-footer{display:none}.main-stage{padding:20px 18px 32px}.stage-heading{align-items:start;padding:36px 0 24px}.stage-content{grid-template-columns:1fr}.notebook{min-height:auto;display:grid;grid-template-columns:120px 1fr;grid-template-areas:"tab tab" "mascot kicker" "mascot title" "mascot body" "tip tip" "objective objective";gap:0 18px}.notebook-tab{grid-area:tab;margin-top:-35px}.mascot{grid-area:mascot;width:120px;margin:8px auto}.notebook-rule{display:none}.notebook-kicker{grid-area:kicker;align-self:end;margin:14px 0 0}.notebook h2{grid-area:title;margin-top:7px}.notebook-body{grid-area:body}.tip-note{grid-area:tip}.objective-note{grid-area:objective}.topbar-line{width:35px}}@media(max-width:620px){.topbar{font-size:8px}.status-pill{display:none}.stage-heading{display:block}.progress-orbit{align-items:start;flex-direction:row;gap:9px;margin-top:16px}.stage-heading h1{font-size:39px}.chapter-body{padding:20px 16px}.paper-note strong{font-size:26px}.experiment-intro{padding-top:33px}.experiment-intro h2{font-size:28px}.token-board,.vocab-card,.prediction-card,.generation-card{padding:17px}.human-sentence{font-size:31px}.token-chip{min-height:37px;padding-inline:12px;font-size:16px}.vocabulary-layout,.training-layout,.attention-grid,.intro-columns{grid-template-columns:1fr}.architecture-board{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-detail{grid-template-columns:38px minmax(0,1fr)}.architecture-detail code{grid-column:1 / -1}.notebook{grid-template-columns:90px 1fr;gap:0 13px}.mascot{width:90px}.notebook h2{font-size:21px}.sample-score{width:100%;margin-left:0}.surface-footer{padding-inline:16px;font-size:8px}.surface-footer button{font-size:8px}.vector-explainer{padding:17px}.vector-explainer-head{display:block}.lookup-badge{display:inline-block;margin-top:12px}.vector-steps{flex-wrap:wrap}.vector-steps>div:not(.step-arrow){flex:1 1 calc(50% - 8px)}.vector-steps .step-arrow{display:none}.vector-explainer-head h3{font-size:21px}}@media(max-width:620px){.vector-why-grid,.architecture-notes,.vector-visual-layout{grid-template-columns:1fr}.vector-visual-head,.training-explainer-head{display:block}.gradient-path{justify-content:start}.gradient-path b{transform:rotate(90deg)}.parameter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-flow-track{justify-content:start}.architecture-flow p{text-align:left}}@media(max-width:620px){.learning-studio{margin-top:22px;padding:18px}.studio-heading{display:block}.studio-status{display:inline-block;margin-top:12px}.studio-close,.attention-recipe-grid,.transformer-stops{grid-template-columns:1fr}.attention-recipe,.transformer-walkthrough{padding:18px}.attention-recipe h3,.transformer-walkthrough h3{font-size:21px}.studio-check h3{font-size:20px}.studio-glossary p{grid-template-columns:1fr;gap:4px}.progress-orbit small{align-self:center}.transformer-stop{padding:12px;border:1px solid rgba(139,176,220,.16);border-radius:8px;background:#091b2f8c}}@media(max-width:400px){.vector-formula{grid-template-columns:1fr}.vector-formula code{overflow-wrap:anywhere}}@media(max-width:400px){.architecture-board{grid-template-columns:1fr}.chapter-nav{gap:2px}.chapter-link{padding-inline:4px}.chapter-number{width:29px;height:29px}.probability-row{grid-template-columns:65px minmax(0,1fr) 40px;gap:7px}.notebook{display:block}.notebook-tab{margin-bottom:10px}.mascot{float:left;width:92px;margin:3px 13px 7px 0}.notebook-rule{display:block;clear:both;padding-top:8px}}.model-journey{padding:22px;border:1px solid rgba(87,213,255,.22);border-radius:14px;background:linear-gradient(145deg,#0f314d8a,#091b2ff0)}.model-journey-heading h3{max-width:680px;margin:8px 0 0;color:#fff;font-family:Georgia,serif;font-size:clamp(23px,2.4vw,30px);font-weight:500;line-height:1.12}.model-journey-heading p{max-width:690px;margin:9px 0 0;color:#bdcae0;font-size:12px;line-height:1.55}.model-journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.model-journey-step{display:flex;gap:13px;min-height:138px;padding:15px;border:1px solid rgba(139,176,220,.16);border-radius:10px;background:#091b2fb8}.model-journey-step>span{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,172,101,.55);border-radius:50%;color:var(--orange);font:11px ui-monospace,monospace}.model-journey-step small{display:block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.model-journey-step strong{display:block;margin-top:7px;color:#fff;font-family:Georgia,serif;font-size:17px;font-weight:500;line-height:1.18}.model-journey-step p{margin:7px 0 0;color:#aebdd3;font-size:11px;line-height:1.48}.intro-destination{margin-top:14px;padding:15px 17px;border-left:2px solid var(--violet);background:#a477ff14}.intro-destination p{margin:7px 0 0;color:#c9d3e4;font-size:12px;line-height:1.55}.tokenization-purpose,.token-granularity,.tokenizer-training{margin:0 0 14px;padding:21px;border:1px solid rgba(87,213,255,.2);border-radius:13px;background:linear-gradient(145deg,#0f314d6b,#0c2038e6)}.tokenization-purpose h3,.token-granularity h3,.tokenizer-training h3{max-width:690px;margin:8px 0 0;color:#fff;font-family:Georgia,serif;font-size:23px;font-weight:500;line-height:1.13}.tokenization-purpose-grid,.token-granularity-grid,.tokenizer-training-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.tokenization-purpose-grid>div,.token-granularity-grid>article,.tokenizer-training-steps>div{padding:15px;border:1px solid rgba(139,176,220,.17);border-radius:9px;background:#091b2fb8}.tokenization-purpose-grid span,.token-granularity-grid article>span{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.tokenization-purpose-grid strong,.token-granularity-grid strong,.tokenizer-training-steps strong{display:block;margin-top:9px;color:#fff;font-family:Georgia,serif;font-size:17px;font-weight:500}.tokenization-purpose-grid p,.token-granularity-grid p,.tokenizer-training-steps p{margin:7px 0 0;color:#b6c4d8;font-size:11px;line-height:1.5}.token-id-divider{height:1px;margin:20px 0 17px;background:#8bb0dc26}.token-id-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.token-id-row>div{min-width:52px;padding:8px 10px;border:1px solid rgba(87,213,255,.2);border-radius:8px;background:#102c49;text-align:center}.token-id-row span{display:block;color:#aebed4;font-size:9px}.token-id-row strong{display:block;margin-top:4px;color:var(--cyan);font:13px ui-monospace,monospace}.token-granularity{margin-top:24px;border-color:#ffac6538}.token-granularity>div:first-child>p{max-width:650px;margin:8px 0 0;color:#bdcae0;font-size:12px;line-height:1.5}.token-granularity-grid>article.is-selected{border-color:#c3e65a73;background:#40522e52}.token-granularity-grid>article.is-selected>span{color:var(--lime)}.tokenizer-training{margin-bottom:0}.tokenizer-training-steps>div{display:grid;grid-template-columns:27px 1fr;column-gap:10px}.tokenizer-training-steps>div>span{grid-row:1 / 3;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(87,213,255,.45);border-radius:50%;color:var(--cyan);font:10px ui-monospace,monospace}.tokenizer-training-steps strong{margin-top:4px}.tokenizer-training-steps p{grid-column:2}.tokenizer-toy-note{margin:14px 0 0;padding:13px 14px;border-left:2px solid var(--orange);background:#ffac6512;color:#cad4e3;font-size:11px;line-height:1.55}.tokenizer-toy-note strong{color:#fff1d5}@media(max-width:620px){.model-journey-grid,.tokenization-purpose-grid,.token-granularity-grid,.tokenizer-training-steps{grid-template-columns:1fr}.model-journey,.tokenization-purpose,.token-granularity,.tokenizer-training{padding:17px}.model-journey-step{min-height:0}}.course-project{margin-bottom:14px;padding:22px;border:1px solid rgba(255,172,101,.3);border-radius:14px;background:linear-gradient(145deg,#4a302657,#091b2ff5 52%)}.course-project-heading h3{max-width:690px;margin:8px 0 0;color:#fff3df;font-family:Georgia,serif;font-size:clamp(23px,2.4vw,30px);font-weight:500;line-height:1.12}.course-project-heading p{max-width:700px;margin:9px 0 0;color:#c3cede;font-size:12px;line-height:1.58}.course-project-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:19px}.course-project-scenes article{display:flex;flex-direction:column;min-height:168px;padding:16px;border:1px solid rgba(139,176,220,.18);border-radius:10px;background:#091b2fc2}.course-project-scenes article>span{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.course-project-scenes code{margin-top:15px;color:#fff;font:18px Georgia,serif}.course-project-scenes strong{display:block;margin-top:7px;color:var(--cyan);font:18px Georgia,serif;font-weight:500}.course-project-scenes p{margin:auto 0 0;padding-top:14px;color:#acbad0;font-size:11px;line-height:1.48}.course-project-promise{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:baseline;margin-top:11px;padding:13px 14px;border-left:2px solid var(--lime);background:#c3e65a12}.course-project-promise span{color:var(--lime);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.course-project-promise p{margin:0;color:#cbd7e6;font-size:11px;line-height:1.5}.chapter-mission{margin:clamp(22px,3.4vw,40px) clamp(22px,3.4vw,40px) 0;padding:22px;border:1px solid rgba(255,172,101,.32);border-radius:14px;background:linear-gradient(145deg,#432c2763,#0b1d31f5 48%)}.chapter-mission+.chapter-body{padding-top:22px}.mission-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mission-heading h2{max-width:650px;margin:8px 0 0;color:#fff3df;font-family:Georgia,serif;font-size:clamp(23px,2.5vw,31px);font-weight:500;line-height:1.08}.mission-status{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,172,101,.4);border-radius:999px;color:#efb783;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mission-status.is-complete{border-color:#c3e65a80;color:var(--lime)}.mission-setup{max-width:750px;margin:17px 0 0;color:#cbd5e4;font-size:12px;line-height:1.6}.mission-contract{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}.mission-contract>div{padding:14px;border:1px solid rgba(139,176,220,.16);border-radius:9px;background:#091b2fb3}.mission-contract span,.mission-trace>span{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mission-contract p{margin:7px 0 0;color:#b8c5d8;font-size:11px;line-height:1.5}.mission-trace{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;margin-top:10px;padding:13px 14px;border-left:2px solid var(--orange);background:#ffac6512}.mission-trace code{min-width:0;color:#fff0da;font:12px ui-monospace,monospace;overflow-wrap:anywhere}.studio-next{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin-top:11px;padding:8px 13px;border:1px solid rgba(195,230,90,.55);border-radius:999px;background:#c3e65a1f;color:#e8ff9e;cursor:pointer;font-size:11px;font-weight:700}.studio-next:hover{background:#c3e65a33}@media(max-width:620px){.course-project,.chapter-mission{padding:17px}.chapter-mission{margin:16px 16px 0}.chapter-mission+.chapter-body{padding-top:16px}.course-project-scenes,.mission-contract{grid-template-columns:1fr}.mission-heading{display:block}.mission-status{display:inline-block;margin-top:12px}.mission-trace,.course-project-promise{grid-template-columns:1fr;gap:7px}.course-project-scenes article{min-height:0}}