:root{--font-heading: "ABC Diatype", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Egyptienne", Georgia, serif;--color-text: #1a1a1a;--color-text-muted: #555;--line-height-body: 1.65;--line-height-heading: 1.2}.attention-section{margin-bottom:4rem}.attention-section h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;line-height:var(--line-height-heading)}.attention-section p{font-family:var(--font-body);font-size:1rem;color:var(--color-text);line-height:var(--line-height-body);margin-bottom:1rem}.attention-section strong{font-weight:600}.attention-section em{font-style:italic}.formula-block{margin:1.5rem 0;padding:1rem;background:#fff;border-radius:6px;text-align:center;overflow-x:auto}.formula-block .katex-display{margin:0}.formula-block-sm .katex{font-size:.85em}.interaction-hint{font-family:var(--font-heading);font-size:.8rem;color:#888;margin-bottom:.75rem}.visualization-container{margin:2rem 0;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.visualization-title{font-family:var(--font-heading);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:1rem}canvas.game-canvas{display:block;width:100%;aspect-ratio:16 / 9;border-radius:4px;outline:none}.step-navigator{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.step-controls{display:flex;gap:.5rem;flex-shrink:0}.step-btn{width:40px;height:40px;padding:0;font-size:18px;border:none;border-radius:50%;cursor:pointer;background:#333;color:#fff;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s}.step-btn:hover:not(:disabled){background:#555;transform:scale(1.05)}.step-btn:active:not(:disabled){background:#222;transform:scale(.95)}.step-btn:disabled{background:#ddd;color:#999;cursor:not-allowed}.step-info{flex:1;min-width:0}.step-counter{font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:.25rem}.step-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#333;margin-bottom:.25rem;line-height:1.3}.step-description{font-size:.875rem;color:#666;line-height:1.4}.katex *{vertical-align:initial}.katex .vlist{vertical-align:bottom}.katex .vlist-t{vertical-align:baseline}.katex-inline{font-size:1em}.token-input{color:#2d5a8a;font-weight:600}.token-nn{color:#3d4852;font-weight:600}.token-output{color:#b85a2d;font-weight:600}.token-embedding{color:#6b4c8a;font-weight:600}.concept-query{color:var(--color-query);border-color:var(--color-query);font-weight:600}.concept-key{color:var(--color-key);border-color:var(--color-key);font-weight:600}.concept-value{color:var(--color-value);border-color:var(--color-value);font-weight:600}.concept-attention{color:var(--color-attention);border-color:var(--color-attention);font-weight:600}a.newsletter-cta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25em;margin-top:2.5rem;padding:1.25rem 1.5rem;max-width:100%;box-sizing:border-box;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-height:3.5rem;font-family:var(--font-heading);font-size:.95rem;color:#1d1d1f;text-decoration:none;cursor:pointer;text-align:center;transition:box-shadow .15s ease,transform .15s ease}a.newsletter-cta:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}a.newsletter-cta span{font-weight:600;border-bottom:1px solid currentColor;margin-left:.3em}a.newsletter-cta:after{content:" →";display:inline-block;margin-left:.2em;transition:transform .15s ease}a.newsletter-cta:hover:after{transform:translate(2px)}