@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap");.toc-page{--toc-bg:#0a0a0f;--toc-amber:#e8c547;--toc-teal:#4ecdc4;--toc-accept:#57cc99;--toc-reject:#e63946;--toc-active:#f4a261;--toc-text:#e2e8f0;--toc-muted:#8892a4;--toc-code:#a8ff78;--toc-surface:#12121a;--toc-surface2:#1a1a2e;--toc-border:#1e1e2e;background-color:var(--toc-bg);color:var(--toc-text);font-family:Inter,sans-serif;min-height:100vh;background-image:radial-gradient(circle,rgba(78,205,196,.07) 1px,transparent 0);background-size:28px 28px}.toc-page h1,.toc-page h2,.toc-page h3{font-family:Space Grotesk,sans-serif;color:var(--toc-text);letter-spacing:-.02em}.toc-page h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.toc-page h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;margin-bottom:1rem}.toc-page h3{font-size:1.25rem;font-weight:600}.toc-mono{font-family:var(--font-jetbrains,"JetBrains Mono",monospace)}.toc-progress-bar{position:sticky;top:0;z-index:50;background:rgba(18,18,26,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--toc-border);padding:.6rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.toc-progress-fill{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--toc-amber),var(--toc-active));transition:width .5s ease;border-radius:0 2px 2px 0}.toc-dot{width:10px;height:10px;border-radius:50%;transition:all .3s ease;cursor:default}.toc-dot-locked{background:#2a2a3a}.toc-dot-unlocked{background:var(--toc-teal)}.toc-dot-active{background:var(--toc-amber);width:13px;height:13px;box-shadow:0 0 8px rgba(232,197,71,.6)}.toc-section{padding:4rem 0;border-bottom:1px solid var(--toc-border);scroll-margin-top:60px}.toc-continue-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;background:var(--toc-amber);color:#0a0a0f;font-weight:700;font-size:.95rem;border:none;border-radius:.625rem;cursor:pointer;transition:filter .2s ease,transform .15s ease;margin-top:2.5rem;letter-spacing:.01em}.toc-continue-btn:hover{filter:brightness(1.12)}.toc-continue-btn:active{transform:scale(.97)}.toc-continue-btn .unlock-icon{opacity:0;transition:opacity .15s}.toc-continue-btn:hover .unlock-icon{opacity:1}.toc-tape-wrapper{position:relative;margin:2rem 0}.toc-tape-head-indicator{display:flex;justify-content:flex-start;height:24px;margin-bottom:4px;position:relative}.toc-tape-head-arrow{position:absolute;font-size:1.1rem;color:var(--toc-amber);transition:left .2s cubic-bezier(.34,1.56,.64,1);user-select:none;line-height:1}.toc-tape-strip{display:flex;overflow:hidden;border:1px solid var(--toc-border);border-radius:.5rem;mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 6%,black 15%,black 85%,rgba(0,0,0,.4) 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 6%,black 15%,black 85%,rgba(0,0,0,.4) 94%,transparent)}.toc-tape-cell{flex-shrink:0;width:48px;height:52px;border-right:1px solid var(--toc-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-jetbrains,monospace);font-size:1rem;background:var(--toc-surface);cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;color:var(--toc-text);user-select:none;position:relative}.toc-tape-cell:last-child{border-right:none}.toc-tape-cell.active{border-color:var(--toc-amber);background:#1d1a0a;box-shadow:inset 0 0 14px rgba(232,197,71,.18),0 0 0 1px var(--toc-amber);color:var(--toc-amber);z-index:1}.toc-tape-cell input{position:absolute;inset:0;width:100%;height:100%;background:#2a240a;border:2px solid var(--toc-amber);text-align:center;font-family:inherit;font-size:1rem;color:var(--toc-amber);outline:none;border-radius:0}.toc-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1.5rem 0}@media (max-width:768px){.toc-card-grid{grid-template-columns:repeat(2,1fr)}}.toc-flip-card{perspective:800px;height:160px;cursor:pointer}.toc-flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.toc-flip-card.flipped .toc-flip-inner{transform:rotateY(180deg)}.toc-flip-back,.toc-flip-front{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.625rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;text-align:center}.toc-flip-front{background:var(--toc-surface);border:1px solid var(--toc-border)}.toc-flip-back{background:var(--toc-surface2);border:1px solid var(--toc-amber);transform:rotateY(180deg)}.toc-flip-symbol{font-family:var(--font-jetbrains,monospace);font-size:2rem;color:var(--toc-amber);line-height:1}.toc-flip-name{font-size:.7rem;color:var(--toc-teal);margin-top:.4rem;font-weight:500;letter-spacing:.03em}.toc-flip-back .toc-flip-symbol{font-size:1rem;margin-bottom:.3rem}.toc-flip-meaning{font-size:.72rem;color:var(--toc-text);line-height:1.4;margin-bottom:.4rem}.toc-flip-example{font-size:.65rem;color:var(--toc-amber);opacity:.85;line-height:1.3}.toc-flip-example,.toc-trace-table{font-family:var(--font-jetbrains,monospace)}.toc-trace-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.625rem;overflow:hidden;border:1px solid var(--toc-border);font-size:.82rem}.toc-trace-table thead tr{background:var(--toc-amber);color:#0a0a0f}.toc-trace-table td,.toc-trace-table th{padding:.6rem 1rem;text-align:left;white-space:nowrap}.toc-trace-table tbody tr:nth-child(odd){background:var(--toc-surface)}.toc-trace-table tbody tr:nth-child(2n){background:rgba(26,26,46,.7)}.toc-trace-table tbody tr{color:var(--toc-text)}.toc-machine-card{background:var(--toc-surface);border:1px solid var(--toc-border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:border-color .25s,transform .2s,box-shadow .25s;position:relative;overflow:hidden}.toc-machine-card:hover{transform:scale(1.02);box-shadow:0 0 20px rgba(0,0,0,.4)}.toc-machine-card.active{box-shadow:0 0 0 1px var(--toc-amber),0 0 24px rgba(232,197,71,.2)}.toc-machine-card.tier-beginner{border-color:rgba(78,205,196,.3)}.toc-machine-card.tier-beginner.active{border-color:var(--toc-teal)}.toc-machine-card.tier-intermediate{border-color:rgba(232,197,71,.3)}.toc-machine-card.tier-intermediate.active{border-color:var(--toc-amber)}.toc-machine-card.tier-advanced{border-color:rgba(230,57,70,.3)}.toc-machine-card.tier-advanced.active{border-color:var(--toc-reject)}.toc-tier-badge{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem;border-radius:.25rem}.toc-tier-badge.beginner{background:rgba(78,205,196,.15);color:var(--toc-teal)}.toc-tier-badge.intermediate{background:rgba(232,197,71,.15);color:var(--toc-amber)}.toc-tier-badge.advanced{background:rgba(230,57,70,.15);color:var(--toc-reject)}.toc-code-block{background:#0d0d14;border:1px solid var(--toc-border);border-radius:0 .5rem .5rem 0;font-family:var(--font-jetbrains,monospace);font-size:.82rem;color:var(--toc-code);overflow-x:auto;white-space:pre}.toc-callout,.toc-code-block{border-left:3px solid var(--toc-amber);padding:1rem 1.25rem;line-height:1.6}.toc-callout{border-radius:.5rem;background:rgba(232,197,71,.07);color:var(--toc-text);font-size:.9rem}.toc-callout.amber{border-color:var(--toc-amber);background:rgba(232,197,71,.07)}.toc-callout.teal{border-color:var(--toc-teal);background:rgba(78,205,196,.07)}.toc-callout.red{border-color:var(--toc-reject);background:rgba(230,57,70,.07)}.toc-accordion details{border-left:3px solid var(--toc-reject);background:rgba(230,57,70,.05);border-radius:0 .5rem .5rem 0;margin-bottom:.5rem;overflow:hidden;transition:background .2s}.toc-accordion details[open]{border-left-color:var(--toc-teal);background:rgba(78,205,196,.05)}.toc-accordion summary{padding:.75rem 1rem;cursor:pointer;font-weight:500;font-size:.9rem;color:var(--toc-text);list-style:none;display:flex;align-items:center;gap:.5rem}.toc-accordion summary::-webkit-details-marker{display:none}.toc-accordion summary:before{content:"▶";font-size:.6rem;color:var(--toc-reject);transition:transform .2s;flex-shrink:0}.toc-accordion details[open] summary:before{transform:rotate(90deg);color:var(--toc-teal)}.toc-accordion .accordion-body{padding:.75rem 1rem 1rem;font-size:.875rem;color:var(--toc-muted);line-height:1.65;border-top:1px solid rgba(78,205,196,.15)}.toc-iframe{width:100%;border:1px solid var(--toc-border);border-radius:.75rem;background:var(--toc-surface);display:block}.toc-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .65rem;border-radius:999px;background:rgba(78,205,196,.15);color:var(--toc-teal);border:1px solid rgba(78,205,196,.25);margin-bottom:1rem}@keyframes toc-pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes toc-tape-enter{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes toc-flash-amber{0%{background-color:rgba(232,197,71,.35)}to{background-color:transparent}}.toc-iframe-wrapper{position:relative;border-radius:.75rem;overflow:hidden}.toc-completion-card{max-width:420px;margin:4rem auto 2rem;background:var(--toc-surface);border:2px solid var(--toc-amber);border-radius:1.25rem;padding:2.5rem;text-align:center;box-shadow:0 0 60px rgba(232,197,71,.12),0 0 0 1px rgba(232,197,71,.08)}.toc-variants-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:.625rem;overflow:hidden;border:1px solid var(--toc-border);font-size:.87rem}.toc-variants-table thead tr{background:rgba(232,197,71,.15);color:var(--toc-amber)}.toc-variants-table td,.toc-variants-table th{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--toc-border)}.toc-variants-table td:last-child{font-style:italic;color:var(--toc-muted)}.toc-variants-table tbody tr:last-child td{border-bottom:none}@media (prefers-reduced-motion:reduce){.toc-continue-btn,.toc-flip-inner,.toc-machine-card,.toc-progress-fill,.toc-tape-head-arrow{transition:none!important;animation:none!important}}@media (max-width:768px){.toc-section{padding:2.5rem 0}.toc-tape-cell{width:36px;height:42px;font-size:.85rem}.toc-flip-card{height:140px}.toc-card-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}