#ripple-stipple-canvas[data-astro-cid-nes6sg72]{position:fixed;inset:0;z-index:-2;pointer-events:none;width:100%;height:100%}#graph-stage-canvas[data-astro-cid-ts2bnhvs]{position:fixed;inset:0;z-index:-1;pointer-events:none}:root{--color-black: #000000;--color-white: #FFFFFF;--gray-50: rgba(255, 255, 255, .03);--gray-100: rgba(255, 255, 255, .05);--gray-200: rgba(255, 255, 255, .08);--gray-300: rgba(255, 255, 255, .12);--gray-400: rgba(255, 255, 255, .2);--gray-500: rgba(255, 255, 255, .35);--gray-600: rgba(255, 255, 255, .5);--gray-700: rgba(255, 255, 255, .65);--gray-800: rgba(255, 255, 255, .8);--gray-900: rgba(255, 255, 255, .95);--glass-light: rgba(255, 255, 255, .08);--glass-medium: rgba(255, 255, 255, .12);--glass-strong: rgba(255, 255, 255, .18);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(255, 255, 255, .06);--accent-primary: #FFFFFF;--accent-success: rgba(255, 255, 255, .9);--accent-error: rgba(255, 100, 100, .9);--bg-primary: #000000;--bg-secondary: #0A0A0A;--bg-elevated: #111111;--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--radius-pill: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--blur-light: 10px;--blur-medium: 20px;--blur-strong: 40px;--zone-perfect: #4ADE80;--zone-great: #FACC15;--zone-off: #FB923C;--zone-miss: #F87171;--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--duration-hero: .8s;--ease-out: ease-out;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--stagger-1: .3s;--stagger-2: 1.2s;--stagger-3: 2.5s;--stagger-4: 3.8s;--stagger-5: 4.6s;--stagger-header: 5.2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100dvh;line-height:1.5;overflow-x:clip}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3{text-wrap:balance}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--space-lg)}.glass-card{background:var(--glass-light);border:1px solid var(--glass-border);border-radius:var(--radius-xl);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium))}.section{padding-block:5rem}@media(max-width:768px){.section{padding-block:3rem}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.ex{padding-block:var(--space-2xl);display:flex;flex-direction:column;align-items:center;text-align:center}.ex-eyebrow{font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-md)}.ex-title{font-size:clamp(1.5rem,3.5vw,2.125rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;text-wrap:balance;margin:0}.ex-lead{max-width:420px;margin:var(--space-md) auto 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.ex-lead strong{color:var(--text-primary);font-weight:600}.ex-green{color:var(--zone-perfect);font-weight:600}.ex-card{margin:var(--space-xl) auto 0;width:100%;max-width:380px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.ex-stage{position:relative;width:100%;height:168px}.ex-canvas{width:100%;height:100%;display:block}.ex-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none;text-align:center}.ex-overlay-big{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-primary);text-shadow:0 2px 14px rgba(0,0,0,.85)}.ex-overlay-small{font-size:.75rem;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ex-status{font-size:.9375rem;color:var(--text-secondary);line-height:1.4;min-height:2.5em;margin:0;max-width:300px}.ex-status .ex-good{color:var(--zone-perfect);font-weight:600}.ex-status .ex-bad{color:var(--zone-miss);font-weight:600}.ex-status strong{color:var(--text-primary);font-weight:600}.ex-btn{width:100%;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-black);font-family:var(--font-sans);font-weight:600;font-size:.9375rem;cursor:pointer;transition:opacity .2s,transform .2s}.ex-btn:hover{transform:translateY(-1px)}.ex-btn:disabled{opacity:.4;cursor:default;transform:none}.ex-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%}.ex-choices[hidden],.ex-notes[hidden],.ex-meter[hidden]{display:none}.ex-choice{padding:.75rem .5rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--gray-50);color:var(--text-primary);font-family:var(--font-sans);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s,transform .2s,border-color .2s,opacity .2s}.ex-choice:hover:not(:disabled){background:var(--glass-medium);transform:translateY(-2px)}.ex-choice:disabled{cursor:default;opacity:.5}.ex-choice.correct{border-color:var(--zone-perfect);background:#4ade8024;opacity:1}.ex-choice.wrong{border-color:var(--zone-miss);background:#f8717124;opacity:1}.ex-meter{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);width:100%;padding-top:var(--space-sm);border-top:1px solid var(--glass-border-light)}.ex-meter-item{display:flex;flex-direction:column;align-items:center;gap:2px}.ex-meter-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}.ex-meter-label{font-size:.5625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.ex-meter-divider{width:1px;height:1.75rem;background:var(--glass-border)}.ex-notes{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;width:100%}.ex-notes-lead{font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.ex-notes-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.ex-note{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:44px;padding:.4rem .6rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--gray-50);color:var(--text-primary);cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s}.ex-note:hover{background:var(--glass-medium);transform:translateY(-2px)}.ex-note.lit{border-color:var(--zone-perfect);background:#4ade802e;box-shadow:0 0 18px #4ade8059;transform:translateY(-2px) scale(1.05)}.ex-note-sol{font-size:.8125rem;font-weight:600}.ex-note-deg{font-size:.5rem;color:var(--text-tertiary)}.ex-ref{font-size:.6875rem;color:var(--text-tertiary);margin:0;line-height:1.5}.ex-ref a{color:var(--text-tertiary);text-decoration:underline;text-decoration-color:#ffffff26;text-underline-offset:2px;transition:color .2s}.ex-ref a:hover{color:var(--text-secondary)}.ex-split{text-align:left;align-items:stretch}.ex-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;max-width:1040px}.ex-split .ex-col{display:flex;flex-direction:column;align-items:flex-start}.ex-split .ex-lead{margin-left:0}.ex-split .ex-card{margin:var(--space-xl) 0 0;max-width:400px;align-items:stretch}.ex-split .ex-anchor{min-height:44vh}@media(max-width:860px){.ex-split{text-align:center;align-items:center}.ex-split-grid{grid-template-columns:1fr}.ex-split .ex-col{align-items:center}.ex-split .ex-lead,.ex-split .ex-card{margin-inline:auto}.ex-split .ex-anchor{display:none}}@media(max-width:480px){.ex-choices{grid-template-columns:1fr}.ex-card{padding:var(--space-md)}}