@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/mastery/fonts/inter-variable.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/mastery/fonts/space-grotesk-variable.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);overflow-x:hidden;background-color:var(--color-bg);transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}img,video{display:block;max-width:100%;height:auto}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}:root{--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem, .76rem + .26vw, .9375rem);--text-base: clamp(.9375rem, .875rem + .31vw, 1.0625rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.375rem);--text-xl: clamp(1.375rem, 1.15rem + 1.125vw, 2rem);--text-2xl: clamp(1.75rem, 1.35rem + 2vw, 2.75rem);--text-3xl: clamp(2.25rem, 1.5rem + 3.75vw, 4.5rem);--text-4xl: clamp(3rem, 2rem + 5vw, 6.5rem);--leading-tight: 1.15;--leading-snug: 1.3;--leading-normal: 1.6;--leading-loose: 1.8;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--container-max: 72rem;--content-max: 48rem;--card-max: 64rem;--gutter: clamp(1rem, .5rem + 2.5vw, 2rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--color-bg: #fafaf8;--color-surface: #ffffff;--color-surface-raised: #f5f5f3;--color-text: #1c1917;--color-text-secondary: #57534e;--color-text-muted: #a8a29e;--color-border: #e7e5e4;--color-border-subtle: #f0eeec;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-cat-game: #7c3aed;--color-cat-language: #0891b2;--color-cat-instrument: #d97706;--color-cat-sport: #16a34a;--color-cat-trade: #dc2626;--color-cat-academic: #2563eb;--color-cat-physical: #db2777;--color-cat-performance: #9333ea;--color-cat-survival: #65a30d;--color-cat-technology: #ea580c;--color-score-low: #22c55e;--color-score-mid: #eab308;--color-score-high: #ef4444}[data-theme=dark]{--color-bg: #0c0a09;--color-surface: #1c1917;--color-surface-raised: #292524;--color-text: #fafaf9;--color-text-secondary: #d6d3d1;--color-text-muted: #78716c;--color-border: #292524;--color-border-subtle: #1c1917;--color-accent: #60a5fa;--color-accent-hover: #93bbfd;--color-cat-game: #a78bfa;--color-cat-language: #22d3ee;--color-cat-instrument: #fbbf24;--color-cat-sport: #4ade80;--color-cat-trade: #f87171;--color-cat-academic: #60a5fa;--color-cat-physical: #f472b6;--color-cat-performance: #c084fc;--color-cat-survival: #a3e635;--color-cat-technology: #fb923c}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:65ch}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}.content-width{max-width:var(--content-max)}.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}::selection{background:var(--color-accent);color:#fff}.hero[data-astro-cid-bbe6dxrz]{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-inner[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8);padding-top:var(--space-24);min-height:100vh;min-height:100dvh}.hero-label[data-astro-cid-bbe6dxrz]{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted)}.hero-title[data-astro-cid-bbe6dxrz]{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--color-text)}.hero-body[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;gap:var(--space-4);margin-inline:auto}.hero-body[data-astro-cid-bbe6dxrz] p[data-astro-cid-bbe6dxrz]{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-loose);max-width:55ch;margin-inline:auto;text-wrap:balance}.hero-scroll-cue[data-astro-cid-bbe6dxrz]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-muted);animation:float 2.5s ease-in-out infinite;margin-top:auto;padding-bottom:var(--space-8)}.hero-scroll-text[data-astro-cid-bbe6dxrz]{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em}.hero-scroll-arrow[data-astro-cid-bbe6dxrz]{width:1rem;height:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media(max-width:640px){.hero-inner[data-astro-cid-bbe6dxrz]{gap:var(--space-6);padding-top:var(--space-16);padding-inline:var(--space-4)}.hero-title[data-astro-cid-bbe6dxrz]{font-size:var(--text-3xl)}.hero-body[data-astro-cid-bbe6dxrz] p[data-astro-cid-bbe6dxrz]{font-size:var(--text-base)}}@media(prefers-reduced-motion:reduce){.hero-scroll-cue[data-astro-cid-bbe6dxrz]{animation:none}}.sticky-nav[data-astro-cid-wzp5s7a5]{position:sticky;top:0;z-index:50;background:transparent;transition:background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out),backdrop-filter var(--duration-normal) var(--ease-out);border-bottom:1px solid transparent}.sticky-nav[data-astro-cid-wzp5s7a5].scrolled{background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--color-border-subtle)}.sticky-nav-inner[data-astro-cid-wzp5s7a5]{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-3)}.nav-filters[data-astro-cid-wzp5s7a5]{display:flex;gap:var(--space-1);flex:1;min-width:0;flex-wrap:wrap}@media(max-width:768px){.nav-filters[data-astro-cid-wzp5s7a5]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-1)}.nav-filters[data-astro-cid-wzp5s7a5]::-webkit-scrollbar{display:none}}.nav-pill[data-astro-cid-wzp5s7a5]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.nav-pill[data-astro-cid-wzp5s7a5]:hover{color:var(--color-text);background:var(--color-surface-raised)}.nav-pill[data-astro-cid-wzp5s7a5].active{color:var(--color-text);background:var(--color-surface);box-shadow:0 1px 3px #00000014}.nav-pill[data-astro-cid-wzp5s7a5][data-category]:not([data-category=all]).active{background:color-mix(in srgb,var(--pill-color) 15%,transparent);color:var(--pill-color)}.nav-actions[data-astro-cid-wzp5s7a5]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.nav-search-btn[data-astro-cid-wzp5s7a5],.nav-theme-btn[data-astro-cid-wzp5s7a5]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out)}.nav-search-btn[data-astro-cid-wzp5s7a5]:hover,.nav-theme-btn[data-astro-cid-wzp5s7a5]:hover{color:var(--color-text);background:var(--color-surface-raised)}.search-shortcut[data-astro-cid-wzp5s7a5] kbd[data-astro-cid-wzp5s7a5]{font-family:var(--font-mono);font-size:.65rem;padding:1px 5px;border-radius:3px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}@media(max-width:640px){.search-shortcut[data-astro-cid-wzp5s7a5]{display:none}}.icon-moon[data-astro-cid-wzp5s7a5],[data-astro-cid-wzp5s7a5][data-theme=dark] .icon-sun[data-astro-cid-wzp5s7a5]{display:none}[data-astro-cid-wzp5s7a5][data-theme=dark] .icon-moon[data-astro-cid-wzp5s7a5]{display:block}.palette-backdrop[data-astro-cid-wozhyvwc]{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out)}.palette-backdrop[data-astro-cid-wozhyvwc].open{opacity:1;pointer-events:auto}.palette[data-astro-cid-wozhyvwc]{position:fixed;top:15vh;left:50%;transform:translate(-50%) scale(.96);width:min(90vw,560px);max-height:60vh;z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000026;overflow:hidden;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.palette[data-astro-cid-wozhyvwc][hidden]{display:flex}.palette[data-astro-cid-wozhyvwc].open{opacity:1;pointer-events:auto;transform:translate(-50%) scale(1)}.palette-inner[data-astro-cid-wozhyvwc]{display:flex;flex-direction:column;overflow:hidden}.palette-header[data-astro-cid-wozhyvwc]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.palette-search-icon[data-astro-cid-wozhyvwc]{flex-shrink:0;color:var(--color-text-muted)}.palette-input[data-astro-cid-wozhyvwc]{flex:1;background:none;border:none;outline:none;font-size:16px;font-family:var(--font-body);color:var(--color-text);min-width:0}.palette-input[data-astro-cid-wozhyvwc]::placeholder{color:var(--color-text-muted)}.palette-esc[data-astro-cid-wozhyvwc]{font-family:var(--font-mono);font-size:.625rem;padding:2px 6px;border-radius:3px;border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text-muted);flex-shrink:0}@media(max-width:640px){.palette-esc[data-astro-cid-wozhyvwc]{display:none}}.palette-results[data-astro-cid-wozhyvwc]{overflow-y:auto;max-height:calc(60vh - 56px);padding:var(--space-2)}.palette-results[data-astro-cid-wozhyvwc]:empty{display:none}@media(max-width:640px){.palette[data-astro-cid-wozhyvwc]{top:0;left:0;transform:none;width:100%;max-height:100vh;border-radius:0}.palette[data-astro-cid-wozhyvwc].open{transform:none}}.result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);transition:background-color 80ms}.result-item:hover,.result-item.highlighted{background:var(--color-surface-raised)}.result-rank{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);min-width:2rem}.result-name{font-weight:500;color:var(--color-text);flex:1}.result-cat{font-size:var(--text-xs);color:var(--color-text-muted)}.result-score{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-accent)}.badge[data-astro-cid-a4lqos7z]{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;background-color:color-mix(in srgb,var(--badge-color) 12%,transparent);color:var(--badge-color);white-space:nowrap;line-height:1.4}.composite-score[data-astro-cid-unuktb3y]{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-ring[data-astro-cid-unuktb3y]{position:absolute;inset:0}.score-ring-progress[data-astro-cid-unuktb3y]{transition:stroke-dashoffset .8s var(--ease-out)}.score-number[data-astro-cid-unuktb3y]{font-family:var(--font-heading);font-size:calc(var(--text-lg) * .9);font-weight:700;line-height:1}.radar-wrap[data-astro-cid-jzeivsjr]{aspect-ratio:1;flex-shrink:0;width:100%;max-width:340px}.radar-svg[data-astro-cid-jzeivsjr]{width:100%;height:100%}.radar-label[data-astro-cid-jzeivsjr]{font-family:var(--font-body);font-size:8.5px;fill:var(--color-text-muted);user-select:none}.radar-dot[data-astro-cid-jzeivsjr]{transition:r .15s var(--ease-out);cursor:default}.radar-dot[data-astro-cid-jzeivsjr]:hover{r:5}.radar-polygon[data-astro-cid-jzeivsjr]{transition:fill-opacity .2s var(--ease-out)}.radar-wrap[data-astro-cid-jzeivsjr]:hover .radar-polygon[data-astro-cid-jzeivsjr]{fill-opacity:.2}.methodology[data-astro-cid-qtnqqdps]{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.methodology-toggle[data-astro-cid-qtnqqdps]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-out)}.methodology-toggle[data-astro-cid-qtnqqdps]:hover{background-color:var(--color-surface-raised)}.methodology-chevron[data-astro-cid-qtnqqdps]{transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.methodology[data-astro-cid-qtnqqdps][open] .methodology-chevron[data-astro-cid-qtnqqdps]{transform:rotate(180deg)}.methodology-content[data-astro-cid-qtnqqdps]{padding:0 var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.methodology-notes[data-astro-cid-qtnqqdps]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);font-style:italic}.axis-scores-heading[data-astro-cid-qtnqqdps],.sources-heading[data-astro-cid-qtnqqdps]{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.axis-grid[data-astro-cid-qtnqqdps]{display:flex;flex-direction:column;gap:var(--space-4)}.axis-row[data-astro-cid-qtnqqdps]{display:flex;flex-direction:column;gap:var(--space-1)}.axis-meta[data-astro-cid-qtnqqdps]{display:flex;justify-content:space-between;align-items:baseline}.axis-name[data-astro-cid-qtnqqdps]{font-size:var(--text-xs);font-weight:500;color:var(--color-text)}.axis-value[data-astro-cid-qtnqqdps]{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary)}.axis-bar-track[data-astro-cid-qtnqqdps]{height:3px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.axis-bar-fill[data-astro-cid-qtnqqdps]{height:100%;background:var(--color-accent);border-radius:var(--radius-full)}.axis-details[data-astro-cid-qtnqqdps]{display:flex;flex-direction:column;gap:var(--space-1)}.axis-notes[data-astro-cid-qtnqqdps]{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.axis-confidence[data-astro-cid-qtnqqdps]{font-size:.6875rem;color:var(--color-text-muted);opacity:.7}.sources-list[data-astro-cid-qtnqqdps]{display:flex;flex-direction:column;gap:var(--space-2);list-style:decimal;padding-left:var(--space-6)}.source-item[data-astro-cid-qtnqqdps]{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal)}.source-link[data-astro-cid-qtnqqdps]{color:var(--color-accent)}.source-author[data-astro-cid-qtnqqdps],.source-year[data-astro-cid-qtnqqdps]{color:var(--color-text-muted)}.media-list[data-astro-cid-qtnqqdps]{display:flex;flex-direction:column;gap:var(--space-2)}.media-link[data-astro-cid-qtnqqdps]{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-accent);transition:opacity var(--duration-fast)}.media-link[data-astro-cid-qtnqqdps]:hover{text-decoration:underline}.media-icon[data-astro-cid-qtnqqdps]{flex-shrink:0;opacity:.7}.auto-video[data-astro-cid-qt2rlp4x]{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface-raised)}.auto-video-el[data-astro-cid-qt2rlp4x]{width:100%;height:100%;object-fit:cover;display:block}.auto-video-unmute[data-astro-cid-qt2rlp4x]{position:absolute;bottom:var(--space-3);right:var(--space-3);padding:var(--space-2);border-radius:var(--radius-full);background:#00000080;color:#fff;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.auto-video[data-astro-cid-qt2rlp4x]:hover .auto-video-unmute[data-astro-cid-qt2rlp4x]{opacity:.7}.auto-video-unmute[data-astro-cid-qt2rlp4x]:hover{opacity:1!important}.auto-video-attribution[data-astro-cid-qt2rlp4x]{position:absolute;bottom:var(--space-2);left:var(--space-3);font-size:.625rem;color:#fff9;pointer-events:none}.breath-retry{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:transparent}#breath-hold{background:linear-gradient(175deg,var(--color-surface) 0%,var(--color-surface-raised) 100%)}.breath-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.breath-guide{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.breath-guide-ring{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-accent);opacity:.5;animation:breathe 4s ease-in-out infinite}.breath-guide-label{font-size:var(--text-sm);color:var(--color-text-muted);animation:breathe-text 4s ease-in-out infinite}.breath-guide.hidden{display:none}@keyframes breathe{0%,to{transform:scale(.7);opacity:.3}50%{transform:scale(1.15);opacity:.6}}@keyframes breathe-text{0%,to{opacity:.4}50%{opacity:.8}}.breath-ring-wrap{position:relative;width:200px;height:200px;display:none}.breath-ring-wrap.active{display:block}.breath-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--color-border);stroke-width:6}.ring-fill{fill:none;stroke:var(--color-accent);stroke-width:6;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48;transition:stroke .5s ease;filter:drop-shadow(0 0 6px rgba(37,99,235,.3))}.breath-timer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.breath-time{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent);line-height:1;transition:color .5s ease}.breath-time.glow{text-shadow:0 0 20px rgba(37,99,235,.35);animation:timer-pulse 2s ease-in-out infinite}.breath-unit{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@keyframes timer-pulse{0%,to{text-shadow:0 0 20px rgba(37,99,235,.2)}50%{text-shadow:0 0 32px rgba(37,99,235,.5)}}.breath-track-wrap{width:100%;max-width:640px;padding:var(--space-10) var(--space-2) var(--space-12)}.breath-track{width:100%;height:14px;background:var(--color-border);border-radius:var(--radius-full);position:relative;overflow:visible}.breath-fill{height:100%;width:0%;border-radius:var(--radius-full);background:linear-gradient(90deg,#2563eb,#3b82f6,#eab308 60%,#ef4444);transition:width .1s linear;position:relative;z-index:1}.breath-cursor{position:absolute;top:-5px;width:4px;height:24px;background:var(--color-text);border-radius:2px;z-index:3;transform:translate(-50%);box-shadow:0 1px 4px #0003}.breath-cursor:after{content:"You";position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:600;color:var(--color-text);white-space:nowrap}.breath-markers{position:absolute;inset:0;pointer-events:none;z-index:2}.marker{position:absolute;transform:translate(-50%)}.marker.above{bottom:100%;padding-bottom:4px}.marker.below{top:100%;padding-top:4px}.marker-line{display:block;width:2px;background:var(--color-text-muted);opacity:.5;margin:0 auto}.marker.above .marker-line{height:20px;margin-bottom:2px}.marker.below .marker-line{height:20px;margin-top:2px}.marker-label{display:block;font-size:.65rem;font-weight:500;color:var(--color-text-secondary);text-align:center;white-space:nowrap;line-height:1.3}.marker.above .marker-label{order:-1}.marker.above,.marker.below{display:flex;flex-direction:column;align-items:center}.marker.passed .marker-label{color:var(--color-accent);font-weight:600}.marker.passed .marker-line{opacity:.8;background:var(--color-accent)}.breath-ticks{position:relative;width:100%;height:6px;margin-top:1px}.tick{position:absolute;width:1px;height:4px;background:var(--color-text-muted);opacity:.2;top:0;transform:translate(-50%)}.breath-btn{padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-lg);font-weight:600;font-family:var(--font-heading);letter-spacing:-.01em;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 14px #2563eb40}.breath-btn:hover{transform:scale(1.03);box-shadow:0 6px 20px #2563eb59}.breath-btn:active{transform:scale(.98)}.breath-btn.holding{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 20px #ef444459;animation:btn-pulse 2s ease-in-out infinite}@keyframes btn-pulse{0%,to{box-shadow:0 4px 20px #ef444440}50%{box-shadow:0 4px 32px #ef444480}}.breath-result{text-align:center;margin-top:var(--space-8);animation:result-enter .5s var(--ease-out) both}@keyframes result-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-badge{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.result-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1;font-variant-numeric:tabular-nums}.result-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.result-comparison{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}@media(max-width:640px){#breath-hold{padding:var(--space-6)}.breath-ring-wrap{width:160px;height:160px}.breath-time{font-size:var(--text-2xl)}.breath-btn{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.marker-label{font-size:.575rem}}.interactive-wrap[data-astro-cid-vtuhubn5]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}.interactive-header[data-astro-cid-vtuhubn5]{margin-bottom:var(--space-6)}.interactive-title[data-astro-cid-vtuhubn5]{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.interactive-subtitle[data-astro-cid-vtuhubn5]{font-size:var(--text-sm);color:var(--color-text-muted)}.flash-area[data-astro-cid-vtuhubn5]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.flash-levels[data-astro-cid-vtuhubn5]{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:640px}.flash-level[data-astro-cid-vtuhubn5]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);border:none;border-right:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);position:relative}.flash-level[data-astro-cid-vtuhubn5]:last-child{border-right:none}.flash-level[data-astro-cid-vtuhubn5]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background var(--duration-fast) var(--ease-out)}.flash-level[data-astro-cid-vtuhubn5]:nth-child(1).active:after{background:var(--color-score-low)}.flash-level[data-astro-cid-vtuhubn5]:nth-child(2).active:after{background:#65a30d}.flash-level[data-astro-cid-vtuhubn5]:nth-child(3).active:after{background:var(--color-score-mid)}.flash-level[data-astro-cid-vtuhubn5]:nth-child(4).active:after{background:#f97316}.flash-level[data-astro-cid-vtuhubn5]:nth-child(5).active:after{background:var(--color-score-high)}.flash-level[data-astro-cid-vtuhubn5]:hover,.flash-level[data-astro-cid-vtuhubn5].active{background:var(--color-surface-raised)}.level-name[data-astro-cid-vtuhubn5]{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text);line-height:1.2}.flash-level[data-astro-cid-vtuhubn5].active .level-name[data-astro-cid-vtuhubn5]{color:var(--color-text)}.level-meta[data-astro-cid-vtuhubn5]{font-size:.625rem;color:var(--color-text-muted);white-space:nowrap}.flash-level--comp[data-astro-cid-vtuhubn5] .level-name[data-astro-cid-vtuhubn5]{color:var(--color-score-high)}.flash-level--comp[data-astro-cid-vtuhubn5].active{background:color-mix(in srgb,var(--color-score-high) 6%,var(--color-surface))}.flash-speed[data-astro-cid-vtuhubn5]{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.speed-label[data-astro-cid-vtuhubn5]{font-weight:500;text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.speed-track[data-astro-cid-vtuhubn5]{position:relative;width:80px;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:visible}.speed-dot[data-astro-cid-vtuhubn5]{position:absolute;top:50%;left:0;width:8px;height:8px;background:var(--color-accent);border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:left var(--duration-normal) var(--ease-out)}.speed-dot[data-astro-cid-vtuhubn5].animating{animation:speed-bounce .6s var(--ease-out) infinite}@keyframes speed-bounce{0%,to{left:0%}50%{left:100%}}.speed-value[data-astro-cid-vtuhubn5]{font-variant-numeric:tabular-nums;min-width:130px}.flash-display[data-astro-cid-vtuhubn5]{position:relative;width:100%;max-width:400px;height:220px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;transition:background var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.flash-display[data-astro-cid-vtuhubn5].active,.flash-display[data-astro-cid-vtuhubn5].awaiting{background:#1c1917;border-color:#1c1917}.flash-ready-text[data-astro-cid-vtuhubn5]{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.flash-display[data-astro-cid-vtuhubn5].active .flash-ready-text[data-astro-cid-vtuhubn5],.flash-display[data-astro-cid-vtuhubn5].awaiting .flash-ready-text[data-astro-cid-vtuhubn5]{display:none}.flash-number[data-astro-cid-vtuhubn5]{font-family:var(--font-heading);font-size:clamp(3rem,8vw,5rem);font-weight:700;font-variant-numeric:tabular-nums;color:#1c1917;line-height:1;opacity:0;transform:scale(.8);transition:none}.flash-display[data-astro-cid-vtuhubn5].active .flash-number[data-astro-cid-vtuhubn5]{color:#fff}.flash-display[data-astro-cid-vtuhubn5].awaiting .flash-number[data-astro-cid-vtuhubn5]{color:#fff;opacity:1;transform:scale(1);text-shadow:0 0 40px rgba(255,255,255,.3),0 0 80px rgba(255,255,255,.1);animation:question-pulse 2s ease-in-out infinite}.flash-number[data-astro-cid-vtuhubn5].flash-in{animation:flash-pop .12s var(--ease-out) forwards}@keyframes flash-pop{0%{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes question-pulse{0%,to{text-shadow:0 0 40px rgba(255,255,255,.3),0 0 80px rgba(255,255,255,.1)}50%{text-shadow:0 0 60px rgba(255,255,255,.5),0 0 120px rgba(255,255,255,.2)}}.flash-start-btn[data-astro-cid-vtuhubn5]{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;font-family:var(--font-body);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.flash-start-btn[data-astro-cid-vtuhubn5]:hover{opacity:.9;transform:translateY(-1px)}.flash-start-btn[data-astro-cid-vtuhubn5]:active{transform:translateY(0)}.flash-answer[data-astro-cid-vtuhubn5]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:fade-up .3s var(--ease-out)}.flash-answer[data-astro-cid-vtuhubn5][hidden]{display:none}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flash-label[data-astro-cid-vtuhubn5]{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.flash-input-row[data-astro-cid-vtuhubn5]{display:flex;align-items:center;gap:var(--space-3)}.flash-input[data-astro-cid-vtuhubn5]{width:220px;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;text-align:center;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);-moz-appearance:textfield}.flash-input[data-astro-cid-vtuhubn5]::-webkit-outer-spin-button,.flash-input[data-astro-cid-vtuhubn5]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flash-input[data-astro-cid-vtuhubn5]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.flash-submit[data-astro-cid-vtuhubn5]{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;font-family:var(--font-body);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.flash-submit[data-astro-cid-vtuhubn5]:hover{background:var(--color-accent-hover)}.flash-result[data-astro-cid-vtuhubn5]{text-align:center;max-width:400px;animation:fade-up .3s var(--ease-out)}.result-icon[data-astro-cid-vtuhubn5]{font-size:2.5rem;margin-bottom:var(--space-3);line-height:1}.result-heading[data-astro-cid-vtuhubn5]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);line-height:1.3}.result-heading[data-astro-cid-vtuhubn5].correct{color:var(--color-score-low)}.result-heading[data-astro-cid-vtuhubn5].incorrect{color:var(--color-score-high)}.result-detail[data-astro-cid-vtuhubn5]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:1.5;font-variant-numeric:tabular-nums}.result-context[data-astro-cid-vtuhubn5]{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-5);line-height:1.5}.flash-retry-btn[data-astro-cid-vtuhubn5]{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);background:transparent;color:var(--color-accent);font-size:var(--text-sm);font-weight:500;font-family:var(--font-body);border:1px solid var(--color-accent);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.flash-retry-btn[data-astro-cid-vtuhubn5]:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}@media(max-width:600px){.interactive-wrap[data-astro-cid-vtuhubn5]{padding:var(--space-5)}.flash-levels[data-astro-cid-vtuhubn5]{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.flash-levels[data-astro-cid-vtuhubn5]::-webkit-scrollbar{display:none}.flash-level[data-astro-cid-vtuhubn5]{min-width:90px;padding:var(--space-2)}.flash-display[data-astro-cid-vtuhubn5]{height:180px}.flash-number[data-astro-cid-vtuhubn5]{font-size:clamp(2.5rem,12vw,4rem)}.flash-input-row[data-astro-cid-vtuhubn5]{flex-direction:column;width:100%}.flash-input[data-astro-cid-vtuhubn5]{width:100%;max-width:220px}}#pitch-matcher[data-astro-cid-jwilkdhr]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}#pitch-matcher[data-astro-cid-jwilkdhr] .interactive-header[data-astro-cid-jwilkdhr]{margin-bottom:var(--space-8)}#pitch-matcher[data-astro-cid-jwilkdhr] .interactive-title[data-astro-cid-jwilkdhr]{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}#pitch-matcher[data-astro-cid-jwilkdhr] .interactive-subtitle[data-astro-cid-jwilkdhr]{font-size:var(--text-sm);color:var(--color-text-muted);max-width:52ch}.pm-body[data-astro-cid-jwilkdhr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.pm-panel[data-astro-cid-jwilkdhr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:540px}.pm-panel-label[data-astro-cid-jwilkdhr]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.pm-waveform[data-astro-cid-jwilkdhr]{width:100%;max-width:500px;height:120px;border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border)}.pm-play-btn[data-astro-cid-jwilkdhr]{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;overflow:hidden;transition:all var(--duration-fast) var(--ease-out);animation:pm-pulse-idle 2.5s ease-in-out infinite}.pm-play-btn[data-astro-cid-jwilkdhr]:hover{opacity:.92;transform:scale(1.03)}.pm-play-btn[data-astro-cid-jwilkdhr].playing{animation:none;background:var(--color-accent-hover);pointer-events:none}@keyframes pm-pulse-idle{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 40%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-accent) 0%,transparent)}}.pm-play-icon[data-astro-cid-jwilkdhr]{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.pm-icon-play[data-astro-cid-jwilkdhr]{display:block}.pm-play-btn[data-astro-cid-jwilkdhr].playing .pm-icon-play[data-astro-cid-jwilkdhr]{display:none}.pm-play-btn[data-astro-cid-jwilkdhr].playing .pm-eq-bars[data-astro-cid-jwilkdhr]{display:flex!important}.pm-eq-bars[data-astro-cid-jwilkdhr]{display:flex;align-items:flex-end;gap:3px;height:18px}.pm-eq-bar[data-astro-cid-jwilkdhr]{width:3px;background:#fff;border-radius:1px;animation:pm-eq .8s ease-in-out infinite alternate}.pm-eq-bar[data-astro-cid-jwilkdhr]:nth-child(1){height:6px;animation-delay:0s}.pm-eq-bar[data-astro-cid-jwilkdhr]:nth-child(2){height:14px;animation-delay:.15s}.pm-eq-bar[data-astro-cid-jwilkdhr]:nth-child(3){height:10px;animation-delay:.3s}.pm-eq-bar[data-astro-cid-jwilkdhr]:nth-child(4){height:16px;animation-delay:.45s}@keyframes pm-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.pm-play-progress[data-astro-cid-jwilkdhr]{position:absolute;bottom:0;left:0;height:3px;width:0%;background:#ffffff80;transition:none}.pm-play-btn[data-astro-cid-jwilkdhr].playing .pm-play-progress[data-astro-cid-jwilkdhr]{width:100%;transition:width 1.5s linear}.pm-freq-display[data-astro-cid-jwilkdhr]{display:flex;align-items:baseline;gap:var(--space-2)}.pm-freq-value[data-astro-cid-jwilkdhr]{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);line-height:1}.pm-freq-unit[data-astro-cid-jwilkdhr]{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.pm-note-name[data-astro-cid-jwilkdhr]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.pm-slider-section[data-astro-cid-jwilkdhr]{width:100%;max-width:540px}.pm-slider-wrap[data-astro-cid-jwilkdhr]{position:relative;width:100%;height:8px}.pm-slider[data-astro-cid-jwilkdhr]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-border);outline:none;position:relative;z-index:2;cursor:pointer}.pm-slider-fill[data-astro-cid-jwilkdhr]{position:absolute;top:0;left:0;height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 70%,#818cf8));pointer-events:none;z-index:1;transition:width .05s linear}.pm-slider[data-astro-cid-jwilkdhr]::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-full);background:transparent}.pm-slider[data-astro-cid-jwilkdhr]::-moz-range-track{height:8px;border-radius:var(--radius-full);background:transparent;border:none}.pm-slider[data-astro-cid-jwilkdhr]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-surface);box-shadow:0 1px 4px #00000026,0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,transparent);margin-top:-8px;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);position:relative;z-index:3}.pm-slider[data-astro-cid-jwilkdhr]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-surface);box-shadow:0 1px 4px #00000026,0 0 0 1px color-mix(in srgb,var(--color-accent) 20%,transparent);cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.pm-slider[data-astro-cid-jwilkdhr]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003,0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.pm-slider[data-astro-cid-jwilkdhr]::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003,0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}.pm-slider[data-astro-cid-jwilkdhr]:active::-webkit-slider-thumb{cursor:grabbing}.pm-slider[data-astro-cid-jwilkdhr]:active::-moz-range-thumb{cursor:grabbing}.pm-tick-marks[data-astro-cid-jwilkdhr]{position:relative;width:100%;height:36px;margin-top:var(--space-3)}.pm-tick[data-astro-cid-jwilkdhr]{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.pm-tick-line[data-astro-cid-jwilkdhr]{display:block;width:1px;height:8px;background:var(--color-text-muted);opacity:.35}.pm-tick-label[data-astro-cid-jwilkdhr]{font-size:.6rem;line-height:1.25;color:var(--color-text-muted);text-align:center;margin-top:2px;white-space:nowrap}.pm-check-btn[data-astro-cid-jwilkdhr]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-text);color:var(--color-surface);font-size:var(--text-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.pm-check-btn[data-astro-cid-jwilkdhr]:hover{opacity:.88;transform:scale(1.02)}.pm-check-btn[data-astro-cid-jwilkdhr][hidden]{display:none}.pm-check-arrow[data-astro-cid-jwilkdhr]{transition:transform var(--duration-fast) var(--ease-out)}.pm-check-btn[data-astro-cid-jwilkdhr]:hover .pm-check-arrow[data-astro-cid-jwilkdhr]{transform:translate(2px)}.pm-result[data-astro-cid-jwilkdhr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:540px;animation:pm-result-in .5s var(--ease-out)}.pm-result[data-astro-cid-jwilkdhr][hidden]{display:none}@keyframes pm-result-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.pm-result-gauge[data-astro-cid-jwilkdhr]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pm-gauge-bg[data-astro-cid-jwilkdhr]{stroke:var(--color-border)}.pm-gauge-fill[data-astro-cid-jwilkdhr]{stroke:url(#pitch-gauge-grad);stroke-dasharray:252;stroke-dashoffset:252;transition:stroke-dashoffset .8s var(--ease-out)}.pm-gauge-needle[data-astro-cid-jwilkdhr]{stroke:var(--color-text);transform-origin:100px 95px;transition:transform .8s var(--ease-out)}.pm-result-cents[data-astro-cid-jwilkdhr]{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.pm-result-verdict[data-astro-cid-jwilkdhr]{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pm-result-comparison[data-astro-cid-jwilkdhr]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:360px}.pm-comp-row[data-astro-cid-jwilkdhr]{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.pm-comp-label[data-astro-cid-jwilkdhr]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.pm-comp-freq[data-astro-cid-jwilkdhr]{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums}.pm-comp-divider[data-astro-cid-jwilkdhr]{width:1px;height:36px;background:var(--color-border);flex-shrink:0}.pm-result-context[data-astro-cid-jwilkdhr]{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:50ch;line-height:var(--leading-normal)}.pm-result-actions[data-astro-cid-jwilkdhr]{display:flex;gap:var(--space-3)}.pm-listen-btn[data-astro-cid-jwilkdhr]{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-accent);color:var(--color-accent);font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out)}.pm-listen-btn[data-astro-cid-jwilkdhr]:hover{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.pm-retry-btn[data-astro-cid-jwilkdhr]{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out)}.pm-retry-btn[data-astro-cid-jwilkdhr]:hover{background:var(--color-surface-raised)}@media(max-width:600px){#pitch-matcher[data-astro-cid-jwilkdhr]{padding:var(--space-6) var(--space-4)}.pm-waveform[data-astro-cid-jwilkdhr]{height:80px}.pm-freq-value[data-astro-cid-jwilkdhr]{font-size:var(--text-xl)}.pm-result-comparison[data-astro-cid-jwilkdhr]{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.pm-result-actions[data-astro-cid-jwilkdhr]{flex-direction:column;width:100%}.pm-listen-btn[data-astro-cid-jwilkdhr],.pm-retry-btn[data-astro-cid-jwilkdhr]{width:100%;text-align:center}.pm-tick-label[data-astro-cid-jwilkdhr]{font-size:.55rem}}.interactive-wrap[data-astro-cid-daemrkxy]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}.interactive-header[data-astro-cid-daemrkxy]{margin-bottom:var(--space-6)}.interactive-title[data-astro-cid-daemrkxy]{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.interactive-subtitle[data-astro-cid-daemrkxy]{font-size:var(--text-sm);color:var(--color-text-muted)}.layer-area[data-astro-cid-daemrkxy]{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.layer-controls[data-astro-cid-daemrkxy]{display:flex;gap:var(--space-10)}.layer-stat[data-astro-cid-daemrkxy]{text-align:center;position:relative}.layer-stat-number[data-astro-cid-daemrkxy]{display:block;font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1.1;transition:color var(--duration-normal) var(--ease-out)}.layer-stat-label[data-astro-cid-daemrkxy]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.palette-selector[data-astro-cid-daemrkxy]{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.palette-btn[data-astro-cid-daemrkxy]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.palette-btn[data-astro-cid-daemrkxy]:hover{border-color:var(--color-border);background:var(--color-surface-raised)}.palette-btn[data-astro-cid-daemrkxy].active{border-color:var(--color-text-muted);background:var(--color-surface-raised);color:var(--color-text)}.palette-swatch[data-astro-cid-daemrkxy]{display:inline-block;width:20px;height:12px;border-radius:3px;overflow:hidden;flex-shrink:0}.copper-silver-swatch[data-astro-cid-daemrkxy]{background:linear-gradient(90deg,#b87333 50%,silver 50%)}.gold-shakudo-swatch[data-astro-cid-daemrkxy]{background:linear-gradient(90deg,#d4a847 50%,#2a2a3a 50%)}.copper-shibuichi-swatch[data-astro-cid-daemrkxy]{background:linear-gradient(90deg,#b87333 50%,#8a9a7a 50%)}.canvas-container[data-astro-cid-daemrkxy]{width:100%;max-width:640px;position:relative;border-radius:var(--radius-lg);background:#00000008;padding:var(--space-3);box-shadow:inset 0 1px 3px #0000000f;transition:box-shadow var(--duration-normal) var(--ease-out)}.canvas-container[data-astro-cid-daemrkxy]:hover{box-shadow:inset 0 1px 3px #0000000f,0 0 20px #b8733314,0 0 40px #c0c0c00d}#layer-canvas[data-astro-cid-daemrkxy]{display:block;width:100%;height:auto;aspect-ratio:2 / 1;border-radius:calc(var(--radius-lg) - 4px);border:1px solid rgba(0,0,0,.08);box-shadow:0 0 0 1px #ffffff80,0 1px 4px #0000000a}.layer-buttons[data-astro-cid-daemrkxy]{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.layer-btn[data-astro-cid-daemrkxy]{display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;line-height:1.4}.layer-btn[data-astro-cid-daemrkxy].primary{background:linear-gradient(180deg,#3b7dff,#2563eb);color:#fff;box-shadow:0 1px 2px #2563eb4d,inset 0 1px #ffffff26}.layer-btn[data-astro-cid-daemrkxy].primary:hover{background:linear-gradient(180deg,#4a8aff,#3070f5);box-shadow:0 2px 6px #2563eb59,inset 0 1px #ffffff26;transform:translateY(-1px)}.layer-btn[data-astro-cid-daemrkxy].primary:active{transform:translateY(0);box-shadow:0 1px 2px #2563eb33,inset 0 1px 2px #0000001a}.layer-btn[data-astro-cid-daemrkxy].secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:0 1px 2px #0000000a}.layer-btn[data-astro-cid-daemrkxy].secondary:hover{background:var(--color-surface-raised);border-color:var(--color-text-muted);color:var(--color-text);transform:translateY(-1px);box-shadow:0 2px 4px #0000000f}.layer-btn[data-astro-cid-daemrkxy].secondary:active{transform:translateY(0);box-shadow:none}.layer-btn[data-astro-cid-daemrkxy].tertiary{background:transparent;color:var(--color-text-muted);padding:var(--space-3) var(--space-4)}.layer-btn[data-astro-cid-daemrkxy].tertiary:hover{color:var(--color-text-secondary);background:var(--color-surface-raised)}.btn-label[data-astro-cid-daemrkxy]{font-weight:600}.btn-hint[data-astro-cid-daemrkxy]{font-size:.6rem;opacity:.6;font-weight:400}.layer-btn[data-astro-cid-daemrkxy].primary .btn-hint[data-astro-cid-daemrkxy]{opacity:.75}.layer-explanation[data-astro-cid-daemrkxy]{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:55ch;line-height:1.65;transition:opacity var(--duration-normal) var(--ease-out)}.layer-explanation[data-astro-cid-daemrkxy].fading{opacity:0}.layer-btn[data-astro-cid-daemrkxy].primary[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:640px){.layer-area[data-astro-cid-daemrkxy]{gap:var(--space-5)}.palette-selector[data-astro-cid-daemrkxy]{gap:var(--space-1)}.palette-btn[data-astro-cid-daemrkxy]{font-size:.65rem;padding:var(--space-1) var(--space-2)}.palette-swatch[data-astro-cid-daemrkxy]{width:16px;height:10px}.layer-controls[data-astro-cid-daemrkxy]{gap:var(--space-6)}.layer-stat-number[data-astro-cid-daemrkxy]{font-size:var(--text-2xl)}.layer-buttons[data-astro-cid-daemrkxy]{gap:var(--space-2)}.layer-btn[data-astro-cid-daemrkxy]{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}.poly-controls{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-6) 0}.poly-levels{display:flex;gap:var(--space-3)}.plvl{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface);transition:all .2s var(--ease-out);cursor:pointer}.plvl-ratio{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-text-secondary);letter-spacing:.05em}.plvl-desc{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.plvl:hover{border-color:var(--color-accent);background:var(--color-surface-raised)}.plvl.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 10%,transparent)}.plvl.active .plvl-ratio{color:var(--color-accent)}.plvl.active .plvl-desc{color:var(--color-accent);opacity:.8}.poly-hint{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-width:36ch;line-height:1.6}.poly-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;transition:all .2s var(--ease-out);cursor:pointer;border:none}.poly-btn:hover{opacity:.92;transform:scale(1.02)}.poly-metro{display:flex;justify-content:center;gap:var(--space-10);margin-bottom:var(--space-3)}.poly-metro[hidden]{display:none}.metro-side{text-align:center}.metro-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.06em}.metro-left .metro-label{color:#b45309}.metro-right .metro-label{color:#4338ca}.metro-dots{display:flex;gap:var(--space-2);justify-content:center}.metro-dots .dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border);transition:all .06s ease-out}.metro-left .dot.on{background:#d97706;border-color:#d97706;box-shadow:0 0 8px #d9770666;transform:scale(1.15)}.metro-right .dot.on{background:#4f46e5;border-color:#4f46e5;box-shadow:0 0 8px #4f46e566;transform:scale(1.15)}.live-timeline-wrap{margin-bottom:var(--space-3)}.live-timeline{width:100%;height:56px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.live-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--color-accent);z-index:3;box-shadow:0 0 6px #2563eb80;transition:left 50ms linear}.live-targets{position:absolute;inset:0;pointer-events:none}.live-target-mark{position:absolute;width:1px;opacity:.25}.live-targets-l .live-target-mark{top:4px;height:20px;background:#d97706}.live-targets-r .live-target-mark{bottom:4px;height:20px;background:#4f46e5}.live-tap-dot{position:absolute;width:8px;height:8px;border-radius:var(--radius-full);transform:translate(-50%,-50%);z-index:2;animation:tapPop .3s var(--ease-out)}.live-tap-dot.tap-left{top:14px;background:#d97706;box-shadow:0 0 6px #d9770680}.live-tap-dot.tap-right{bottom:6px;top:auto;background:#4f46e5;box-shadow:0 0 6px #4f46e580}@keyframes tapPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.5);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.live-legend{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-2)}.live-legend-item{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full)}.dot-left{background:#d97706}.dot-right{background:#4f46e5}.poly-stage{display:flex;gap:var(--space-3);position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}.poly-stage[hidden]{display:none}.tap-zone{flex:1;height:140px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);cursor:pointer;position:relative;overflow:hidden;transition:transform .08s ease-out,box-shadow .08s ease-out}.tap-zone:active{transform:scale(.97)}.tap-zone-left{background:linear-gradient(135deg,#fffbeb,#fef3c7,#fde68a);border:2px solid #f59e0b;box-shadow:inset 0 1px #fff9,0 2px 8px #f59e0b14}.tap-zone-right{background:linear-gradient(135deg,#eef2ff,#e0e7ff,#c7d2fe);border:2px solid #6366f1;box-shadow:inset 0 1px #fff9,0 2px 8px #6366f114}.tap-key{font-family:var(--font-heading);font-weight:600;font-size:var(--text-2xl);pointer-events:none;z-index:1}.tap-zone-left .tap-key{color:#92400e}.tap-zone-right .tap-key{color:#3730a3}.tap-ripple{position:absolute;inset:0;pointer-events:none;z-index:0}.tap-zone-left.flash{background:linear-gradient(135deg,#fef3c7,#fde68a,#fbbf24);box-shadow:inset 0 1px #fff9,0 2px 16px #f59e0b4d}.tap-zone-right.flash{background:linear-gradient(135deg,#e0e7ff,#c7d2fe,#a5b4fc);box-shadow:inset 0 1px #fff9,0 2px 16px #6366f14d}.beat-ctr{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.poly-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center;padding:var(--space-6) 0}.poly-result[hidden]{display:none}.res-score-main{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;line-height:1;color:var(--color-text);font-variant-numeric:tabular-nums}.res-score-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.res-breakdown{display:flex;justify-content:center;gap:var(--space-8)}.res-hand{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:120px}.res-hand-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.res-hand-pct{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600}.res-hand-left .res-hand-pct{color:#b45309}.res-hand-right .res-hand-pct{color:#4338ca}.res-bar{width:100%;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.res-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out);width:0%}.res-bar-left{background:#d97706}.res-bar-right{background:#4f46e5}.res-detail{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:520px;line-height:1.6}.breath-retry{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all .2s var(--ease-out);background:transparent;cursor:pointer}.breath-retry:hover{background:var(--color-surface-raised)}@media(max-width:640px){.interactive-wrap{padding:var(--space-5)}.poly-levels{flex-direction:row;gap:var(--space-2)}.plvl{padding:var(--space-2) var(--space-4)}.plvl-ratio{font-size:var(--text-base)}.tap-zone{height:120px}.tap-key{font-size:var(--text-xl)}.res-breakdown{gap:var(--space-4)}.res-score-main{font-size:2.5rem}.live-timeline{height:44px}}.interactive-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}.interactive-header{margin-bottom:var(--space-6)}.interactive-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}.interactive-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.pm-area{display:flex;flex-direction:column;align-items:center;position:relative;min-height:200px}.pm-phase{display:none;flex-direction:column;align-items:center;gap:var(--space-8);width:100%;opacity:0;transition:opacity .4s var(--ease-out)}.pm-phase--active{display:flex;opacity:1}.pm-phase--fading{opacity:0}.pm-intro-text{max-width:58ch;text-align:center;display:flex;flex-direction:column;gap:var(--space-5);font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary)}.pm-intro-text em{font-style:italic;color:var(--color-text);font-weight:500}.pm-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.pm-btn:hover{opacity:.9;transform:translateY(-1px)}.pm-btn:active{transform:translateY(0)}.pm-btn--secondary{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.pm-btn--secondary:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.pm-study-label{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);letter-spacing:.02em}.pm-countdown-ring{position:relative;width:72px;height:72px}.pm-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.pm-ring-track{fill:none;stroke:var(--color-border);stroke-width:5}.pm-ring-fill{fill:none;stroke:var(--color-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.pm-countdown-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.pm-board-container{box-shadow:inset 0 2px 8px #00000014;border-radius:var(--radius-md);padding:4px;background:var(--color-surface-raised)}.pm-board{display:grid;grid-template-columns:repeat(8,1fr);border:2px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;user-select:none}.pm-board--study{width:min(420px,85vw);height:min(420px,85vw)}.pm-board--choice{width:min(200px,42vw);height:min(200px,42vw);cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),border-color .25s var(--ease-out);border-color:transparent}.pm-board--choice:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #0000001f;border-color:var(--color-accent)}.pm-board--choice.pm-sel-correct{border-color:var(--color-score-low);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-score-low) 25%,transparent);transform:scale(1.02)}.pm-board--choice.pm-sel-wrong{border-color:var(--color-score-high);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-score-high) 25%,transparent);transform:scale(.98)}.pm-board--choice.pm-reveal-correct{border-color:var(--color-score-low);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-score-low) 25%,transparent)}.pm-board--choice.pm-disabled{pointer-events:none;opacity:.7}.pm-board--choice.pm-sel-correct,.pm-board--choice.pm-sel-wrong,.pm-board--choice.pm-reveal-correct{opacity:1}.pm-sq{aspect-ratio:1;display:flex;align-items:center;justify-content:center;line-height:1}.pm-sq--l{background:#f0d9b5}.pm-sq--d{background:#b58863}.pm-board--study .pm-sq{font-size:min(4.2vw,2.4rem)}.pm-board--choice .pm-sq{font-size:min(2vw,1.1rem)}.pm-prompt{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-align:center}.pm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.pm-choice-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.pm-choice-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border);font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);transition:all .25s var(--ease-out)}.pm-choice-wrap:hover .pm-choice-badge{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.pm-verdict-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);animation:pm-pop-in .5s var(--ease-out)}.pm-verdict-icon{font-size:3rem;line-height:1}.pm-verdict{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700}.pm-verdict--correct{color:var(--color-score-low)}.pm-verdict--wrong{color:var(--color-score-high)}.pm-explain{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);text-align:center;max-width:44ch}@keyframes pm-pop-in{0%{opacity:0;transform:scale(.85) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.pm-comp-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.pm-score-cards{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:540px;justify-content:center}.pm-score-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);flex:1}.pm-score-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-align:center}.pm-score-ring-wrap{position:relative;width:100px;height:100px}.pm-score-ring{width:100%;height:100%;transform:rotate(-90deg)}.pm-score-ring-track{fill:none;stroke:var(--color-border);stroke-width:6}.pm-score-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:263.89;stroke-dashoffset:263.89;transition:stroke-dashoffset .8s var(--ease-out),stroke .4s}.pm-score-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700}.pm-score-sub{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.pm-score-divider{width:1px;height:100px;background:var(--color-border);flex-shrink:0}.pm-insight{max-width:50ch;text-align:center;margin:var(--space-4) 0 0 0;padding:var(--space-5) var(--space-6);border-left:3px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 4%,transparent);border-radius:0 var(--radius-md) var(--radius-md) 0}.pm-insight p{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.pm-insight cite{font-size:var(--text-xs);color:var(--color-text-muted);font-style:normal}@media(max-width:480px){.pm-score-cards{flex-direction:column;gap:var(--space-4)}.pm-score-divider{width:80px;height:1px}.pm-grid{gap:var(--space-3)}.pm-intro-text{font-size:var(--text-xs)}}#beat-detector{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}#beat-detector .interactive-header{margin-bottom:var(--space-6)}#beat-detector .interactive-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}#beat-detector .interactive-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);max-width:56ch}.beat-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.beat-round-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.beat-canvas{width:100%;max-width:560px;height:140px;border-radius:var(--radius-lg);background:#0f1117;border:1px solid var(--color-border)}.beat-slider-sec{width:100%;max-width:540px}.beat-slider-wrap{position:relative;width:100%;height:8px}.beat-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-border);outline:none;position:relative;z-index:2;cursor:pointer}.beat-slider:disabled{opacity:.4;cursor:not-allowed}.beat-slider-fill{position:absolute;top:0;left:0;height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 70%,#818cf8));pointer-events:none;z-index:1;transition:width .05s linear}.beat-slider::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-full);background:transparent}.beat-slider::-moz-range-track{height:8px;border-radius:var(--radius-full);background:transparent;border:none}.beat-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-surface);box-shadow:0 1px 4px #00000026;margin-top:-8px;cursor:grab;transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);position:relative;z-index:3}.beat-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-accent);border:3px solid var(--color-surface);box-shadow:0 1px 4px #00000026;cursor:grab}.beat-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.beat-slider:disabled::-webkit-slider-thumb,.beat-slider:disabled::-moz-range-thumb{cursor:not-allowed}.beat-actions{display:flex;gap:var(--space-3);align-items:center}.beat-play-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out);animation:beat-pulse 2.5s ease-in-out infinite;cursor:pointer;border:none}.beat-play-btn:hover{opacity:.92;transform:scale(1.03)}.beat-play-btn.playing{animation:none;background:var(--color-accent-hover, var(--color-accent))}@keyframes beat-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 40%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-accent) 0%,transparent)}}.beat-play-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.beat-svg-play{display:block}.beat-play-btn.playing .beat-svg-play{display:none}.beat-play-btn.playing .beat-eq{display:flex!important}.beat-eq{display:flex;align-items:flex-end;gap:3px;height:16px}.beat-eq span{width:3px;background:#fff;border-radius:1px;animation:beat-eqa .8s ease-in-out infinite alternate}.beat-eq span:nth-child(1){height:6px}.beat-eq span:nth-child(2){height:12px;animation-delay:.15s}.beat-eq span:nth-child(3){height:8px;animation-delay:.3s}@keyframes beat-eqa{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.beat-check-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-text);color:var(--color-surface);font-size:var(--text-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none}.beat-check-btn:hover{opacity:.88;transform:scale(1.02)}.beat-check-btn[hidden]{display:none}.beat-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);width:100%;max-width:540px;animation:beat-in .5s var(--ease-out)}.beat-result[hidden]{display:none}@keyframes beat-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.beat-score{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.beat-cents{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.beat-verdict{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.beat-comp{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:360px}.beat-comp-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.beat-comp-lbl{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.beat-comp-val{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;font-variant-numeric:tabular-nums}.beat-comp-div{width:1px;height:36px;background:var(--color-border);flex-shrink:0}.beat-ctx{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:52ch;line-height:var(--leading-normal)}.beat-btns{display:flex;gap:var(--space-3)}.beat-next-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none}.beat-next-btn:hover{opacity:.92;transform:scale(1.02)}.beat-next-btn[hidden]{display:none}.beat-retry-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:transparent}.beat-retry-btn:hover{background:var(--color-surface-raised)}@media(max-width:600px){#beat-detector{padding:var(--space-6) var(--space-4)}.beat-canvas{height:100px}.beat-comp{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.beat-btns{flex-direction:column;width:100%}.beat-next-btn,.beat-retry-btn{width:100%;text-align:center}}#balance-sim[data-astro-cid-cfwiupmc]{background:linear-gradient(175deg,var(--color-surface) 0%,var(--color-surface-raised) 100%)}.bal-stage[data-astro-cid-cfwiupmc]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.bal-timer-row[data-astro-cid-cfwiupmc]{display:flex;align-items:baseline;gap:var(--space-2)}.bal-time[data-astro-cid-cfwiupmc]{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent);line-height:1}.bal-unit[data-astro-cid-cfwiupmc]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.bal-canvas-wrap[data-astro-cid-cfwiupmc]{width:100%;max-width:600px;border-radius:var(--radius-lg);background:#00000008;padding:var(--space-2);box-shadow:inset 0 1px 3px #0000000f}#bal-canvas[data-astro-cid-cfwiupmc]{display:block;width:100%;height:auto;aspect-ratio:3/2;border-radius:calc(var(--radius-lg) - 4px);border:1px solid rgba(0,0,0,.06);cursor:default}#bal-canvas[data-astro-cid-cfwiupmc].active{cursor:crosshair}.bal-btn[data-astro-cid-cfwiupmc]{padding:var(--space-3) var(--space-10);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-lg);font-weight:600;font-family:var(--font-heading);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:0 4px 14px #2563eb40}.bal-btn[data-astro-cid-cfwiupmc]:hover{transform:scale(1.03);box-shadow:0 6px 20px #2563eb59}.bal-btn[data-astro-cid-cfwiupmc]:active{transform:scale(.98)}.bal-btn[data-astro-cid-cfwiupmc][hidden]{display:none}.bal-result[data-astro-cid-cfwiupmc]{text-align:center;animation:bal-enter .5s var(--ease-out) both}@keyframes bal-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.bal-result-badge[data-astro-cid-cfwiupmc]{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);margin-bottom:var(--space-4)}.bal-result-value[data-astro-cid-cfwiupmc]{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1;font-variant-numeric:tabular-nums}.bal-result-label[data-astro-cid-cfwiupmc]{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.bal-result-text[data-astro-cid-cfwiupmc]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:480px;margin-inline:auto;line-height:1.6}.bal-retry[data-astro-cid-cfwiupmc]{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:transparent;transition:all var(--duration-fast) var(--ease-out)}.bal-retry[data-astro-cid-cfwiupmc]:hover{background:var(--color-surface-raised)}@media(max-width:640px){#balance-sim[data-astro-cid-cfwiupmc]{padding:var(--space-6)}.bal-time[data-astro-cid-cfwiupmc]{font-size:var(--text-xl)}.bal-btn[data-astro-cid-cfwiupmc]{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}}.star-area{display:flex;flex-direction:column;align-items:center;position:relative;min-height:200px}.star-phase{display:none;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;opacity:0;transition:opacity .4s var(--ease-out)}.star-phase--active{display:flex;opacity:1}.star-phase--fading{opacity:0}.star-intro-text{max-width:58ch;text-align:center;display:flex;flex-direction:column;gap:var(--space-5);font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary)}.star-intro-text em{font-style:italic;color:var(--color-text);font-weight:500}.star-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.star-btn:hover{opacity:.9;transform:translateY(-1px)}.star-btn:active{transform:translateY(0)}.star-btn--secondary{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.star-btn--secondary:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}.star-sky-wrap{width:100%;max-width:800px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 4px 24px #0000004d}.star-sky{width:100%;height:auto;display:block}.star-mission{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--color-text);text-align:center}.star-label{font-family:Inter,system-ui,sans-serif;font-size:10px;fill:#89b;pointer-events:none}.star-label--bright{fill:#abd;font-weight:500}.star-dot{transition:r .3s var(--ease-out),opacity .3s var(--ease-out)}.star-dot--highlight{filter:drop-shadow(0 0 6px #ffffffaa)}.star-prompt{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);text-align:center;min-height:1.5em}.star-choices{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;min-height:48px}.star-choice{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface-raised);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:all .2s var(--ease-out)}.star-choice:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface-raised));transform:translateY(-1px)}.star-choice--correct{border-color:var(--color-score-low);background:color-mix(in srgb,var(--color-score-low) 12%,var(--color-surface-raised));color:var(--color-score-low);pointer-events:none}.star-choice--wrong{border-color:var(--color-score-high);background:color-mix(in srgb,var(--color-score-high) 12%,var(--color-surface-raised));color:var(--color-score-high);pointer-events:none}.star-choice--disabled{opacity:.4;pointer-events:none}.star-feedback{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:50ch;line-height:1.6;min-height:1.5em}.star-result-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:480px;width:100%;animation:star-pop .5s var(--ease-out)}.star-result-icon{font-size:2.5rem;line-height:1}.star-result-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;text-align:center}.star-result-body{font-size:var(--text-sm);line-height:1.6;color:var(--color-text-secondary);text-align:center}@keyframes star-pop{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.star-insight{max-width:50ch;text-align:center;margin:0;padding:var(--space-5) var(--space-6);border-left:3px solid var(--color-accent);background:color-mix(in srgb,var(--color-accent) 4%,transparent);border-radius:0 var(--radius-md) var(--radius-md) 0}.star-insight p{font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary);margin:0}.star-insight em{font-style:italic;color:var(--color-text);font-weight:500}@media(max-width:640px){#star-navigation{padding:var(--space-6)}.star-sky-wrap{aspect-ratio:4/3}.star-sky{height:100%;object-fit:cover}.star-choices{flex-direction:column;align-items:center}.star-choice{width:100%;max-width:280px;text-align:center}.star-intro-text{font-size:var(--text-xs)}.star-route-title{font-size:var(--text-lg)}.star-prompt{font-size:var(--text-sm)}}#pattern-builder[data-astro-cid-ceb73g3u]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}#zpat-game[data-astro-cid-ceb73g3u]{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}#zpat-info[data-astro-cid-ceb73g3u]{display:flex;justify-content:space-between;width:100%;max-width:560px;font-size:var(--text-sm);color:var(--color-text-muted)}#zpat-best[data-astro-cid-ceb73g3u]{font-weight:600;color:var(--color-text-secondary)}#zpat-layout[data-astro-cid-ceb73g3u]{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.zpat-panel[data-astro-cid-ceb73g3u]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.zpat-panel-label[data-astro-cid-ceb73g3u]{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}#zpat-gap[data-astro-cid-ceb73g3u],#zpat-cut[data-astro-cid-ceb73g3u],#zpat-overlay[data-astro-cid-ceb73g3u]{width:240px;height:240px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}#zpat-cut[data-astro-cid-ceb73g3u]{cursor:crosshair;touch-action:none}#zpat-cut[data-astro-cid-ceb73g3u].drawing{border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f626}#zpat-hint[data-astro-cid-ceb73g3u]{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;min-height:1.5em}#zpat-result-row[data-astro-cid-ceb73g3u]{display:flex;align-items:center;gap:var(--space-6);animation:zpat-in .4s var(--ease-out)}#zpat-result-row[data-astro-cid-ceb73g3u][hidden]{display:none}#zpat-score-col[data-astro-cid-ceb73g3u]{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.zpat-pct[data-astro-cid-ceb73g3u]{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;line-height:1}.zpat-verdict[data-astro-cid-ceb73g3u]{font-size:var(--text-sm);font-weight:500}#zpat-next[data-astro-cid-ceb73g3u]{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}#zpat-next[data-astro-cid-ceb73g3u]:hover{opacity:.9;transform:translateY(-1px)}#zpat-next[data-astro-cid-ceb73g3u][hidden]{display:none}#zpat-final[data-astro-cid-ceb73g3u]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;animation:zpat-in .5s var(--ease-out)}#zpat-final[data-astro-cid-ceb73g3u][hidden]{display:none}@keyframes zpat-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.zpat-final-score[data-astro-cid-ceb73g3u]{font-family:var(--font-heading);font-size:4rem;font-weight:700;line-height:1;color:var(--color-text)}.zpat-final-label[data-astro-cid-ceb73g3u]{font-size:var(--text-sm);color:var(--color-text-muted)}.zpat-final-text[data-astro-cid-ceb73g3u]{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:50ch;line-height:1.7}.zpat-retry[data-astro-cid-ceb73g3u]{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:transparent;transition:all var(--duration-fast) var(--ease-out);margin-top:var(--space-2)}.zpat-retry[data-astro-cid-ceb73g3u]:hover{background:var(--color-surface-raised)}@media(max-width:560px){#zpat-layout[data-astro-cid-ceb73g3u]{flex-direction:column;align-items:center;gap:var(--space-4)}#zpat-gap[data-astro-cid-ceb73g3u],#zpat-cut[data-astro-cid-ceb73g3u],#zpat-overlay[data-astro-cid-ceb73g3u]{width:min(280px,80vw);height:min(280px,80vw)}#zpat-result-row[data-astro-cid-ceb73g3u]{flex-direction:column}}#phoneme-challenge{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}#phon-game{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-4) 0}#phon-info{display:flex;justify-content:space-between;width:100%;max-width:480px;font-size:var(--text-sm);color:var(--color-text-muted)}#phon-score-display{font-weight:600;color:var(--color-text-secondary)}.phon-play-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.phon-play-btn:hover{opacity:.9;transform:translateY(-1px)}.phon-play-btn.playing{pointer-events:none;opacity:.7}#phon-hint{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;min-height:1.4em}#phon-cards{display:flex;gap:var(--space-5);flex-wrap:wrap;justify-content:center;padding:var(--space-6) 0}.phon-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);border:2px solid var(--color-border);background:var(--color-surface-raised);transition:all .2s var(--ease-out);min-width:120px;user-select:none;-webkit-user-select:none;box-shadow:0 2px 8px #0000000a}.phon-card:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,transparent);box-shadow:0 6px 20px #00000014}.phon-card-letter{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--color-text);line-height:1}.phon-card-name{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.phon-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-1)}.phon-card-listen,.phon-card-place{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all .15s var(--ease-out);border:none}.phon-card-listen{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.phon-card-listen:hover{color:var(--color-text);border-color:var(--color-text-muted)}.phon-card-place{background:var(--color-accent);color:#fff}.phon-card-place:hover{opacity:.85;transform:translateY(-1px)}.phon-card.used .phon-card-actions{visibility:hidden}.phon-card.used{opacity:.2;pointer-events:none;border-style:dashed;transform:scale(.93);box-shadow:none}.phon-card.correct{border-color:#1a7a52;background:#1a7a5214}.phon-card.wrong{border-color:#b53030;background:#b5303014}.phon-card.revealed{pointer-events:none}#phon-order{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center;padding:var(--space-4) 0}.phon-order-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}#phon-order-slots{display:flex;gap:var(--space-3)}.phon-slot{width:44px;height:44px;border-radius:var(--radius-lg);border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-text-muted);transition:all .2s var(--ease-out)}.phon-slot.filled{border-style:solid;border-color:var(--color-accent);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 8%,transparent)}.phon-slot.correct{border-color:#1a7a52;color:#1a7a52;background:#1a7a521a}.phon-slot.wrong{border-color:#b53030;color:#b53030;background:#b530301a}.phon-small-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;background:transparent}.phon-small-btn:hover{background:var(--color-surface-raised)}.phon-small-btn[hidden]{display:none}.phon-check-btn{padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-text);color:var(--color-surface);font-size:var(--text-base);font-weight:500;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.phon-check-btn:hover{opacity:.88}.phon-check-btn[hidden]{display:none}#phon-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:phon-in .4s var(--ease-out)}#phon-feedback[hidden]{display:none}@keyframes phon-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#phon-fb-score{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700}#phon-fb-text{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:45ch;line-height:1.6}#phon-final{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0;animation:phon-in .5s var(--ease-out)}#phon-final[hidden]{display:none}.phon-final-score{font-family:var(--font-heading);font-size:4rem;font-weight:700;line-height:1;color:var(--color-text)}.phon-final-label{font-size:var(--text-sm);color:var(--color-text-muted)}.phon-final-text{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:50ch;line-height:1.7}.phon-retry-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;background:transparent;margin-top:var(--space-2)}.phon-retry-btn:hover{background:var(--color-surface-raised)}@media(max-width:480px){#phoneme-challenge{padding:var(--space-6)}#phon-cards{gap:var(--space-3);flex-direction:row;padding:var(--space-3) 0}.phon-card{min-width:0;flex:1;padding:var(--space-4) var(--space-3)}.phon-card-letter{font-size:var(--text-xl)}.phon-card-name{font-size:var(--text-xs)}.phon-card-actions{flex-direction:column;gap:var(--space-1)}.phon-card-listen,.phon-card-place{padding:var(--space-1) var(--space-3);font-size:.6rem}}#foley-match{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-8) 0}#foley-match .interactive-header{margin-bottom:var(--space-6)}#foley-match .interactive-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2)}#foley-match .interactive-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);max-width:56ch}.foley-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-4) 0}.foley-round-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500}.foley-play-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:500;transition:all var(--duration-fast) var(--ease-out);animation:foley-pulse 2.5s ease-in-out infinite;cursor:pointer;border:none}.foley-play-btn:hover{opacity:.92;transform:scale(1.03)}.foley-play-btn:disabled{opacity:.5;cursor:not-allowed;animation:none;transform:none}.foley-play-btn.playing{animation:none;background:var(--color-accent-hover, var(--color-accent))}@keyframes foley-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 40%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--color-accent) 0%,transparent)}}.foley-play-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.foley-play-btn.playing .foley-svg-play{display:none}.foley-play-btn.playing .foley-eq{display:flex!important}.foley-eq{display:flex;align-items:flex-end;gap:3px;height:16px}.foley-eq span{width:3px;background:#fff;border-radius:1px;animation:foley-eqa .8s ease-in-out infinite alternate}.foley-eq span:nth-child(1){height:6px}.foley-eq span:nth-child(2){height:12px;animation-delay:.15s}.foley-eq span:nth-child(3){height:8px;animation-delay:.3s}@keyframes foley-eqa{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.foley-prompt{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary);text-align:center}.foley-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%;max-width:520px}.foley-opt-btn{padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);border:1.5px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s var(--ease-out);text-align:center;line-height:1.5;box-shadow:0 1px 4px #0000000a}.foley-opt-btn:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.foley-opt-btn:disabled{cursor:default;transform:none}.foley-opt-btn.foley-correct{border-color:var(--color-score-low, #22c55e);background:color-mix(in srgb,var(--color-score-low, #22c55e) 10%,transparent);color:var(--color-score-low, #22c55e)}.foley-opt-btn.foley-wrong{border-color:var(--color-score-high, #ef4444);background:color-mix(in srgb,var(--color-score-high, #ef4444) 10%,transparent);color:var(--color-score-high, #ef4444)}.foley-opt-btn.foley-dimmed{opacity:.45}.foley-feedback{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:foley-in .4s var(--ease-out);width:100%;max-width:480px}.foley-feedback[hidden]{display:none}.foley-answer-line{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;text-align:center}.foley-answer-line.foley-verdict-correct{color:var(--color-score-low, #22c55e)}.foley-answer-line.foley-verdict-wrong{color:var(--color-score-high, #ef4444)}.foley-explanation{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;line-height:1.7;max-width:50ch}.foley-next-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:500;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:none}.foley-next-btn:hover{opacity:.92;transform:scale(1.02)}@keyframes foley-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.foley-final{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-8) 0;animation:foley-in .5s var(--ease-out);width:100%;max-width:480px}.foley-final[hidden]{display:none}.foley-score-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.foley-score-num{font-family:var(--font-heading);font-size:4rem;font-weight:700;color:var(--color-text);line-height:1}.foley-score-of{font-size:var(--text-sm);color:var(--color-text-muted)}.foley-score-ctx{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;line-height:1.7;max-width:52ch}.foley-restart-btn{padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.foley-restart-btn:hover{background:color-mix(in srgb,var(--color-accent) 6%,transparent)}@media(max-width:600px){#foley-match{padding:var(--space-6) var(--space-4)}.foley-options{grid-template-columns:1fr;max-width:320px}}.skill-card[data-astro-cid-u5aykeor]{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-subtle)}.skill-card[data-astro-cid-u5aykeor]:last-child{border-bottom:none}.card-header[data-astro-cid-u5aykeor]{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.card-rank-wrap[data-astro-cid-u5aykeor]{flex-shrink:0}.card-rank[data-astro-cid-u5aykeor]{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-muted);line-height:1;opacity:.4}.card-title-block[data-astro-cid-u5aykeor]{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0}.card-name[data-astro-cid-u5aykeor]{font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug)}.card-description[data-astro-cid-u5aykeor]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-loose);max-width:70ch;margin-bottom:var(--space-6)}.card-media[data-astro-cid-u5aykeor]{aspect-ratio:16 / 9;max-width:640px;margin-bottom:var(--space-6);border-radius:var(--radius-lg);overflow:hidden}.card-body[data-astro-cid-u5aykeor]{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8);align-items:start}.card-chart[data-astro-cid-u5aykeor]{width:340px}.card-details[data-astro-cid-u5aykeor]{min-width:0}@media(max-width:768px){.card-header[data-astro-cid-u5aykeor]{flex-wrap:wrap}.card-body[data-astro-cid-u5aykeor]{grid-template-columns:1fr}.card-chart[data-astro-cid-u5aykeor]{width:100%;max-width:340px;margin-inline:auto}.card-rank[data-astro-cid-u5aykeor]{font-size:var(--text-xl)}}.footer[data-astro-cid-sz7xmlte]{border-top:1px solid var(--color-border);padding-block:var(--space-16);margin-top:var(--space-24)}.footer-inner[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-8)}.footer-content[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--content-max)}.footer-note[data-astro-cid-sz7xmlte]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.footer-meta[data-astro-cid-sz7xmlte]{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.footer-bottom[data-astro-cid-sz7xmlte]{padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.footer-copyright[data-astro-cid-sz7xmlte]{font-size:var(--text-xs);color:var(--color-text-muted)}.ranking[data-astro-cid-j7pv25f6]{padding-block:var(--space-16)}.ranking-header[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-12)}.ranking-header[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-2)}.ranking-subtitle[data-astro-cid-j7pv25f6]{font-size:var(--text-lg);color:var(--color-text-muted)}.skill-list[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column}