:root{--bg:#f7f5f0;--paper:#fffefb;--ink:#101010;--muted:#6b675f;--line:#d8d3c8;--accent:#e63926;--accent2:#111;--soft:#ece7dc;--green:#1f6b4a;--blue:#2f5f9f;--yellow:#f0c84b;--shadow:0 18px 60px rgba(0,0,0,.08);--radius:22px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}::selection{background:var(--accent);color:#fff}.skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{position:fixed;z-index:1000;left:1rem;top:1rem;width:auto;height:auto;background:#fff;padding:.75rem 1rem;border:2px solid var(--ink)}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:800;letter-spacing:-.04em;font-size:1.1rem;text-decoration:none}.mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:900;font-size:.9rem;letter-spacing:-.08em}.nav-links{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav-links a{font-size:.86rem;text-decoration:none;border:1px solid transparent;padding:.55rem .72rem;border-radius:999px;color:var(--muted)}.nav-links a:hover,.nav-links a.active{border-color:var(--ink);color:var(--ink);background:var(--paper)}main{max-width:1200px;margin:0 auto;padding:0 1.25rem 4rem}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:2rem;align-items:end;padding:5.5rem 0 3rem;border-bottom:1px solid var(--line)}.eyebrow{font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 .8rem}h1{font-size:clamp(3.8rem,12vw,9.6rem);line-height:.84;letter-spacing:-.08em;margin:0;font-weight:900}.hero h1 span{display:block}.lede{font-size:clamp(1.15rem,2vw,1.55rem);letter-spacing:-.035em;max-width:720px;color:#2b2925;margin:1.35rem 0 0}.muted{color:var(--muted)}.hero-card{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);min-height:380px;display:grid;align-content:space-between;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;inset:auto -10% -30% -10%;height:60%;background:linear-gradient(135deg,transparent,rgba(230,57,38,.55));transform:rotate(-6deg)}.diagram-title{font-family:var(--mono);font-size:.77rem;text-transform:uppercase;color:#f6b2aa;letter-spacing:.08em;margin-bottom:1rem}.beat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;position:relative;z-index:1}.beat{border:1px solid rgba(255,255,255,.35);border-radius:17px;min-height:92px;padding:.75rem;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.05)}.beat b{font-size:2rem;letter-spacing:-.06em}.beat small{font-family:var(--mono);color:#c8c3bb}.pulse{height:8px;border-radius:999px;background:#fff;transform-origin:left}.beat:nth-child(2) .pulse{transform:scaleX(.55)}.beat:nth-child(3) .pulse{transform:scaleX(.8)}.beat:nth-child(4) .pulse{transform:scaleX(.42)}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:1}.tag{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:.35rem .65rem;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.section{padding:3rem 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1.2fr);gap:2rem;align-items:end;margin-bottom:1.5rem}.section h2{font-size:clamp(2.3rem,6vw,5.5rem);line-height:.88;letter-spacing:-.075em;margin:0}.section h3{font-size:1.55rem;line-height:1;letter-spacing:-.055em;margin:0 0 .7rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.2rem;box-shadow:0 1px 0 rgba(0,0,0,.03)}.card.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.card.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.card h3,.card h4{margin-top:0}.card p:last-child{margin-bottom:0}.kicker{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}.num{font-family:var(--mono);font-size:.78rem;background:var(--ink);color:#fff;border-radius:999px;padding:.25rem .5rem}.mini-table{display:grid;gap:.55rem}.mini-row{display:grid;grid-template-columns:120px 1fr;gap:.75rem;border-top:1px solid var(--line);padding-top:.55rem}.mini-row b{font-size:.88rem}.source-link{font-family:var(--mono);font-size:.72rem;color:var(--accent);text-decoration:none}.source-link:hover{text-decoration:underline}.module{display:grid;grid-template-columns:70px 1fr;gap:1rem;align-items:start}.module-number{font-size:3rem;line-height:.8;font-weight:900;letter-spacing:-.1em;color:var(--accent)}.visual-box{min-height:200px;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;background:linear-gradient(180deg,#fffefb,var(--soft));position:relative;overflow:hidden}.barline{height:78px;display:grid;grid-template-columns:repeat(16,1fr);gap:2px;align-items:end;margin-top:2rem}.barline span{display:block;background:var(--ink);border-radius:5px 5px 0 0;min-height:12px}.barline span:nth-child(3n){height:70px;background:var(--accent)}.barline span:nth-child(4n){height:52px}.barline span:nth-child(5n){height:35px}.axis{position:absolute;left:1rem;right:1rem;top:50%;height:1px;background:var(--line)}.flow-path{position:absolute;left:8%;right:8%;top:28%;height:44%;border:3px solid var(--accent);border-color:var(--accent) transparent transparent transparent;border-radius:50%;transform:rotate(-5deg)}.pocket-dots{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;margin-top:3rem}.pocket-dots i{display:block;width:16px;height:16px;border-radius:50%;background:var(--ink)}.pocket-dots i:nth-child(2n){transform:translateY(18px);background:var(--accent)}.rhyme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:1rem}.rhyme-grid span{border-radius:12px;padding:.65rem .4rem;text-align:center;font-family:var(--mono);font-size:.75rem;background:var(--soft);border:1px solid var(--line)}.rhyme-grid span.a{background:#ffe1dd;border-color:#f2a39a}.rhyme-grid span.b{background:#e3ebff;border-color:#aebfe9}.rhyme-grid span.c{background:#e0f0e6;border-color:#acd2b9}.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-top:1rem}.timeline div{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:.75rem;min-height:112px}.timeline b{display:block;font-size:.88rem;margin-bottom:.35rem}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.filter-btn{appearance:none;border:1px solid var(--line);background:var(--paper);padding:.55rem .72rem;border-radius:999px;font:inherit;font-size:.86rem;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.artist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.artist-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;min-height:235px;display:flex;flex-direction:column;gap:.75rem}.artist-card h3{font-size:1.35rem}.artist-meta{display:flex;gap:.35rem;flex-wrap:wrap}.pill{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--line);padding:.25rem .5rem;border-radius:999px;color:var(--muted)}.pill.strong{color:#fff;background:var(--ink);border-color:var(--ink)}.listen-list{display:grid;gap:1rem}.listen-card{display:grid;grid-template-columns:180px 1fr;gap:1rem;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.record{aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,var(--ink) 0 5px,#2d2d2d 5px 7px);position:relative}.record:before{content:"";position:absolute;inset:33%;border-radius:50%;background:var(--accent)}.record:after{content:"";position:absolute;inset:46%;border-radius:50%;background:var(--paper)}.verse-map{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:.75rem}.verse-map span{font-family:var(--mono);font-size:.7rem;padding:.45rem;border-radius:10px;border:1px solid var(--line);background:var(--soft);text-align:center}.worksheet{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.textarea{width:100%;min-height:320px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;font:1rem/1.6 var(--sans);resize:vertical}.scoreboard{position:sticky;top:86px}.score-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;border-top:1px solid var(--line);padding:.75rem 0}.toggle{appearance:none;width:44px;height:26px;border-radius:999px;border:1px solid var(--line);background:var(--soft);position:relative;cursor:pointer}.toggle:checked{background:var(--accent);border-color:var(--accent)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s}.toggle:checked:after{left:21px}.footer{max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem;border-top:1px solid var(--line);color:var(--muted);display:grid;grid-template-columns:1fr auto;gap:1rem}.footer a{color:var(--ink)}.callout{padding:1rem;border-left:5px solid var(--accent);background:var(--paper);border-radius:0 var(--radius) var(--radius) 0}.quote-safe{background:#fff3f1;border:1px solid #f2beb7;border-radius:var(--radius);padding:1rem}.source-list{counter-reset:sources;display:grid;gap:.8rem}.source-item{counter-increment:sources;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1rem}.source-item:before{content:"[" counter(sources) "] ";font-family:var(--mono);color:var(--accent);font-weight:700}.glossary{columns:2;column-gap:1rem}.term{break-inside:avoid;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:1rem;margin:0 0 1rem}.term dt{font-weight:800;letter-spacing:-.03em}.term dd{margin:.25rem 0 0;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--ink);color:#fff;border-radius:999px;padding:.75rem 1rem;text-decoration:none;border:1px solid var(--ink);font-weight:700}.btn.secondary{background:transparent;color:var(--ink)}.btn:hover{transform:translateY(-1px)}.print-only{display:none}.source-badge{vertical-align:super;font-size:.7rem;color:var(--accent);text-decoration:none;font-family:var(--mono)}@media (max-width:900px){.hero,.section-head,.grid-2,.grid-3,.grid-4,.worksheet{grid-template-columns:1fr}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listen-card{grid-template-columns:110px 1fr}.nav{grid-template-columns:1fr}.nav-links{justify-content:flex-start}.glossary{columns:1}}@media (max-width:620px){h1{font-size:4rem}.artist-grid{grid-template-columns:1fr}.listen-card{grid-template-columns:1fr}.record{width:120px}.mini-row{grid-template-columns:1fr}.beat-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.verse-map{grid-template-columns:repeat(2,1fr)}}@media print{.site-header,.footer,.filters,.btn,.scoreboard,.quote-safe .btn{display:none!important}body{background:#fff;color:#000}.section{page-break-inside:avoid}.card,.artist-card,.listen-card{box-shadow:none}.print-only{display:block}}.card.dark .btn.secondary,.card.accent .btn.secondary{border-color:#fff;color:#fff}.card.dark .btn.secondary:hover,.card.accent .btn.secondary:hover{background:#fff;color:var(--ink)}.visual-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(300px,1.15fr);gap:1rem;align-items:stretch}.visual-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}.visual-nav a{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.5rem .65rem;background:var(--paper)}.visual-nav a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.diagram-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.diagram-card img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);background:#fff}.diagram-card figcaption{font-size:.92rem;color:var(--muted);margin:.75rem .25rem 0}.diagram-meta{display:grid;grid-template-columns:140px 1fr;gap:.75rem;border-top:1px solid var(--line);padding-top:.75rem;margin-top:.85rem}.diagram-meta b{font-size:.86rem}.lyric-note{background:#101010;color:#fff;border-radius:var(--radius);padding:1.15rem}.lyric-note .kicker{color:#f6b2aa}.short-quote{font-family:var(--mono);font-size:.88rem;background:#fff3f1;border:1px solid #f2beb7;border-radius:16px;padding:.75rem}.micro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.adult-badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--accent);color:#fff;padding:.35rem .6rem;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}@media (max-width:900px){.visual-hero,.micro-grid{grid-template-columns:1fr}.diagram-meta{grid-template-columns:1fr}}.diagram-card{overflow:hidden}.diagram-card img{aspect-ratio:16/9;object-fit:contain;object-position:center;background:#fffefb}.short-quote{min-height:52px;display:flex;align-items:center}.micro-grid .card{display:flex;flex-direction:column}.micro-grid .card p:last-child{margin-top:auto}.v2-hero{grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:clamp(1rem,3vw,2rem);align-items:end;padding-top:clamp(3rem,7vw,6rem)}.hero-copy{min-width:0;overflow:hidden}.split-title{font-size:clamp(4.5rem,14vw,10.5rem);line-height:.82;max-width:100%;overflow-wrap:normal;letter-spacing:-.09em}.split-title span{display:block;white-space:nowrap}.hero-note{min-height:0;padding:clamp(1rem,2vw,1.6rem)}.hero-note h3{font-size:clamp(1.6rem,3vw,2.35rem);line-height:.95;margin-bottom:1rem}.hero-note p{font-size:1rem;line-height:1.45}.compact-head{align-items:start}.tight-nav{margin-top:1rem}.lab-index{padding-top:2rem}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1rem}.guide-panel h3{font-size:1.25rem;line-height:1.05;margin:.35rem 0 .65rem}.guide-panel p{margin:.35rem 0 0}.guide-label{font:800 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.color-key{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.color-key span{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;font:800 .66rem/1 var(--mono);gap:.35rem;letter-spacing:.05em;padding:.42rem .55rem;text-transform:uppercase}.swatch{border-radius:50%;display:inline-block;height:11px;width:11px}.c-red-bg{background:#e63926}.c-blue-bg{background:#2f5f9f}.c-green-bg{background:#1f6b4a}.c-yellow-bg{background:#b88c00}.c-purple-bg{background:#7a3db8}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.example-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;display:grid;gap:.9rem;box-shadow:0 1px 0 rgba(0,0,0,.03);min-width:0}.ex-head{display:grid;grid-template-columns:52px 1fr;gap:.85rem;align-items:start;border-bottom:1px solid var(--line);padding-bottom:.85rem}.ex-num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;font:800 1rem/1 var(--mono)}.ex-cat{margin:0 0 .35rem;font:800 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.example-card h3{font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:.95;margin:0;letter-spacing:-.055em}.example-card h3 span{color:var(--muted);font-weight:700}.lyric-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:.85rem;min-width:0}.panel-label{font:800 .65rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem}.quoted-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:.38rem .42rem;font-size:clamp(1.15rem,2.25vw,1.65rem);line-height:1.15;font-weight:900;letter-spacing:-.04em}.qtok{display:inline-block;padding:.04rem .1rem;border-radius:8px}.c-red{color:#e63926}.c-blue{color:#2f5f9f}.c-green{color:#1f6b4a}.c-yellow{color:#b88c00}.c-purple{color:#7a3db8}.c-ink{color:#101010}.grid-panel{border:1px solid var(--line);border-radius:18px;padding:.75rem;background:linear-gradient(180deg,#fffefb,#f3efe6);overflow-x:auto}.grid-panel:after{content:"Dark cells = visible syllables from the fragment,spaced across this 16-step ruler. Exact pocket needs manual audio/caption timing.";color:var(--muted);display:block;font-size:.76rem;line-height:1.25;margin-top:.55rem;min-width:520px}.grid-labels{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.55rem;min-width:520px}.grid-labels b{font:800 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.grid-labels span{font-size:.76rem;color:var(--muted)}.microbeat{display:grid;grid-template-columns:repeat(16,minmax(24px,1fr));gap:3px;min-width:520px}.sub{height:38px;border:1px solid var(--line);border-radius:10px;background:#f7f5f0;display:grid;place-items:center;position:relative}.sub small{font:700 .62rem/1 var(--mono);color:#9a958b}.sub.hit{background:#101010;border-color:#101010}.sub.hit small{color:#fff}.sub.hit:after{content:"";position:absolute;left:50%;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translateX(-50%)}.ex-analysis{display:grid;gap:.45rem}.ex-analysis p{margin:0;color:#2b2925}.ex-analysis b{color:var(--ink)}.embed-frame,.embed-slot{border:1px solid var(--line);background:#101010;border-radius:18px;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}.embed-frame iframe{width:100%;height:100%;display:block}.embed-slot span{font:800 .85rem/1.2 var(--mono);letter-spacing:.08em;color:#fff;text-align:center;border:1px dashed rgba(255,255,255,.45);border-radius:999px;padding:.7rem 1rem}.analysis-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.analysis-steps .card h3{margin-top:.8rem}@media (max-width:980px){.v2-hero,.guide-grid,.example-grid{grid-template-columns:1fr}.split-title{font-size:clamp(4.2rem,22vw,8rem)}.hero-note{min-height:auto}.analysis-steps{grid-template-columns:1fr}}@media (max-width:560px){.split-title span{white-space:normal}.ex-head{grid-template-columns:42px 1fr}.ex-num{width:42px;height:42px}.quoted-line{font-size:1.15rem}.grid-labels,.microbeat{min-width:420px}.microbeat{grid-template-columns:repeat(16,22px)}}.wave-test-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr);gap:2rem;align-items:end}.wave-test-hero h1{font-size:clamp(3.4rem,9vw,8rem)}.wave-test-hero h1 span{display:block}.wave-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);gap:1rem}.wave-player-card,.wave-now-card,.wave-stage-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.wave-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.wave-title-row h2{font-size:clamp(2.1rem,5vw,5rem);line-height:.86;letter-spacing:-.08em;margin:.2rem 0 .55rem}.wave-now-card{align-self:start;display:grid;gap:.75rem}.wave-now-card h3{font-size:clamp(1.8rem,3vw,3.3rem);line-height:.88;letter-spacing:-.07em;margin:0}.wave-now-card p{color:#5f5a52;margin:0}.wave-section-chips{display:flex;flex-wrap:wrap;gap:.4rem}.wave-section-chips button{appearance:none;background:#fff;border:1px solid var(--line);border-radius:999px;color:#6f6a62;cursor:pointer;font:900 .56rem/1 var(--mono);letter-spacing:.07em;padding:.44rem .52rem;text-transform:uppercase}.wave-section-chips button.is-active,.wave-section-chips button:hover{background:#101010;border-color:#101010;color:#fff}.wave-stage-card{display:grid;gap:1rem;overflow:hidden}.wave-overview{background:#f7f3eb;border:1px solid var(--line);border-radius:999px;height:44px;position:relative}.wave-overview-section{appearance:none;background:transparent;border:0;border-left:1px solid rgba(16,16,16,.14);bottom:0;color:#8a8379;cursor:pointer;font:900 .5rem/1 var(--mono);left:var(--start);letter-spacing:.05em;overflow:hidden;padding:.35rem .25rem;position:absolute;text-align:left;text-transform:uppercase;top:0;width:var(--width)}.wave-overview-section.is-active{background:#101010;border-left:0;border-radius:999px;color:#fff}.wave-overview-needle{background:var(--accent);border-radius:999px;bottom:-7px;box-shadow:0 0 0 6px rgba(230,57,38,.12);position:absolute;top:-7px;transform:translateX(-50%);width:4px;z-index:3}.wave-stack{display:grid;gap:.5rem}.wave-layer-row{background:#fff;border:1px solid var(--line);border-radius:15px;display:grid;grid-template-columns:160px minmax(0,1fr) minmax(118px,148px);gap:.55rem;align-items:center;padding:.55rem .65rem;position:relative;overflow:hidden}.wave-layer-row:before{background:rgb(var(--layer-rgb,16 16 16));content:"";inset:0 auto 0 0;position:absolute;width:5px}.wave-layer-label{display:grid;gap:.18rem;padding-left:.1rem}.wave-layer-label b{font:900 .66rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.wave-layer-label span{color:#77716a;font-size:.76rem;line-height:1.12}.wave-step-grid{background:#f7f3eb;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:repeat(16,minmax(38px,1fr));gap:3px;overflow:auto;padding:.45rem}.wave-step-cell{align-content:space-between;background:rgb(var(--layer-rgb,16 16 16) / calc(.025+var(--level) * .075));border:1px solid rgb(var(--layer-rgb,16 16 16) / calc(.14+var(--level) * .28));border-radius:11px;display:grid;gap:.18rem;height:72px;justify-items:center;min-width:38px;padding:.28rem .18rem;position:relative}.wave-step-cell b{color:#6f6a62;font:900 .55rem/1 var(--mono)}.wave-step-cell svg{height:32px;width:100%}.wavelet-line{fill:none;stroke:rgb(var(--layer-rgb,16 16 16));stroke-linecap:round;stroke-linejoin:round;stroke-width:calc(1.4px+var(--level) * 2.4px)}.wave-step-cell small{color:#8a8379;font:900 .48rem/1 var(--mono)}.wave-step-cell.is-strong{background:rgb(var(--layer-rgb,16 16 16) / calc(.075+var(--level) * .12))}.wave-step-cell.is-current{border-color:var(--accent);box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(230,57,38,.75);z-index:2}.wave-step-cell.is-current:after{background:var(--accent);border-radius:999px;bottom:5px;content:"";height:5px;position:absolute;width:5px}.wave-continuous-wrap{background:#fbf8f1;border:1px solid var(--line);border-radius:14px;height:74px;overflow:hidden}.wave-continuous-wrap svg{display:block;height:100%;width:100%}.wave-guide{stroke:#101010;stroke-opacity:.075;stroke-width:1}.wave-guide-beat{stroke-opacity:.16;stroke-width:1.4}.wave-guide-label{fill:#8a8379;font:900 9px var(--mono);letter-spacing:.04em;text-anchor:middle}.wave-center-line{stroke:rgb(var(--layer-rgb,16 16 16));stroke-opacity:.12;stroke-width:1}.wave-current-band{fill:rgb(var(--layer-rgb,16 16 16) / .08)}.wave-continuous-line{fill:none;stroke:rgb(var(--layer-rgb,16 16 16));stroke-linecap:round;stroke-linejoin:round;stroke-width:4.5;filter:drop-shadow(0 4px 5px rgb(var(--layer-rgb,16 16 16) / .12))}.wave-current-line{stroke:var(--accent);stroke-linecap:round;stroke-width:3.5}.wave-combined-card{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:.75rem;margin-top:.25rem;padding:1rem}.wave-combined-head{display:grid;grid-template-columns:minmax(0,.62fr) minmax(260px,1fr);gap:1rem;align-items:end}.wave-combined-head h3{font-size:clamp(1.6rem,3vw,3rem);line-height:.9;letter-spacing:-.07em;margin:.35rem 0 0}.wave-combined-head p{color:#5f5a52;font-size:.92rem;line-height:1.35;margin:0}.wave-combined-legend{display:flex;flex-wrap:wrap;gap:.45rem}.wave-combined-legend span{align-items:center;border:1px solid var(--line);border-radius:999px;color:#5f5a52;display:inline-flex;font:900 .56rem/1 var(--mono);gap:.35rem;letter-spacing:.07em;padding:.42rem .52rem;text-transform:uppercase}.wave-combined-legend i{background:rgb(var(--layer-rgb,16 16 16));border-radius:999px;display:inline-block;height:8px;width:22px}.wave-combined-wrap{background:linear-gradient(180deg,#fffaf2 0%,#fbf8f1 100%);border:1px solid var(--line);border-radius:16px;height:190px;overflow:hidden}.wave-combined-wrap svg{display:block;height:100%;width:100%}.wave-lane-line{stroke:rgb(var(--layer-rgb,16 16 16));stroke-opacity:.13;stroke-width:1.2}.wave-profile-guide{stroke:#101010;stroke-opacity:.055;stroke-width:1}.wave-profile-guide-beat{stroke-opacity:.14;stroke-width:1.4}.wave-profile-baseline{stroke:#101010;stroke-opacity:.14;stroke-width:1.2}.wave-combined-line{fill:none;stroke:rgb(var(--layer-rgb,16 16 16));stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.82;stroke-width:2}.wave-combined-dot{fill:#fbf8f1;stroke:rgb(var(--layer-rgb,16 16 16));stroke-opacity:.75;stroke-width:1.8}.wave-layer-read{align-content:center;display:grid;justify-items:end;gap:.18rem}.wave-layer-read strong{font:900 .94rem/1 var(--mono)}.wave-layer-read span{color:#77716a;font:900 .5rem/1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.wave-section-read{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.wave-section-card{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:.55rem;padding:.85rem;position:relative;overflow:hidden}.wave-section-card:before{background:rgb(var(--layer-rgb,16 16 16));content:"";height:4px;inset:0 0 auto;position:absolute}.wave-source-strip{align-items:center;border:1px solid var(--line);border-radius:999px;display:flex;flex-wrap:wrap;gap:.55rem 1rem;justify-content:space-between;padding:.55rem .75rem}.wave-source-strip b{font:900 .68rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.wave-source-strip span:last-child{color:#77716a;font:900 .58rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.beat-map .wave-stack{display:grid;gap:.75rem}.beat-map .wave-combined-card{margin-top:0}.wave-section-read-compact{grid-template-columns:repeat(5,minmax(0,1fr))}.wave-section-read-compact .wave-section-card{min-height:0}.wave-section-read-compact .wave-section-card strong{font:900 1.35rem/1 var(--mono)}.wave-section-read-compact .wave-section-card p{font-size:.78rem;line-height:1.25}.wave-section-card.is-leading{box-shadow:inset 0 0 0 2px rgb(var(--layer-rgb,16 16 16) / .28)}.wave-section-card span{color:rgb(var(--layer-rgb,16 16 16));font:900 .58rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.wave-section-card b{font-size:1.1rem;line-height:1}.wave-section-card p{color:#5f5a52;font-size:.86rem;line-height:1.35;margin:0}@media (max-width:980px){.wave-test-hero,.wave-console,.wave-combined-head{grid-template-columns:1fr}.wave-section-read{grid-template-columns:repeat(2,minmax(0,1fr))}.wave-layer-row{grid-template-columns:138px minmax(0,1fr);gap:.45rem;padding:.5rem .58rem}.wave-layer-read{grid-column:1/-1;grid-template-columns:auto auto;justify-content:start;justify-items:start;align-items:center;gap:.45rem}.wave-step-grid{grid-template-columns:repeat(16,minmax(34px,1fr))}.wave-continuous-wrap{height:66px}}@media (max-width:620px){.wave-player-card,.wave-now-card,.wave-stage-card{border-radius:14px;padding:.85rem}.wave-title-row,.wave-layer-row{grid-template-columns:1fr}.wave-layer-read{grid-template-columns:auto auto;justify-items:start}.wave-section-read{grid-template-columns:1fr}.wave-test-hero h1{font-size:clamp(3rem,17vw,5rem)}.wave-step-grid{grid-template-columns:repeat(16,34px)}.wave-step-cell{height:64px}.wave-continuous-wrap{height:62px}}.video-lab-card{border:1px solid var(--line);background:#101010;border-radius:18px;overflow:hidden;display:grid;grid-template-rows:auto auto;color:#fff}.video-poster{aspect-ratio:16/9;background-color:#151515;background-position:center;background-size:cover;border:0;color:inherit;cursor:pointer;display:grid;font:inherit;place-items:center;position:relative;text-decoration:none;width:100%}.video-poster:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.46))}.video-play{position:relative;z-index:1;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--accent);color:#fff;font:900 .78rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 34px rgba(0,0,0,.35)}.video-meta{display:grid;grid-template-columns:1fr auto;gap:.65rem 1rem;align-items:center;padding:.85rem;background:#101010}.video-title,.video-time{margin:0}.video-title{font-weight:800;line-height:1.15}.video-time{font:800 .7rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#c8c3bb;white-space:nowrap}.video-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem}.video-link{appearance:none;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#fff;color:#101010;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font:800 .74rem/1 var(--mono);letter-spacing:.06em;text-decoration:none;text-transform:uppercase;padding:.62rem .78rem}.video-link:hover{background:var(--accent);border-color:var(--accent);color:#fff}.video-embed-button{font-family:var(--mono)}.video-lab-card iframe{aspect-ratio:16/9;border:0;display:block;width:100%;height:auto;background:#101010}.video-lab-card.is-embedded .video-meta{border-top:1px solid rgba(255,255,255,.12)}@media (max-width:560px){.video-meta{grid-template-columns:1fr}.video-time{white-space:normal}.video-link{width:100%}}.element-map-section{padding-top:2.5rem}.element-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.element-map-item{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1rem;min-width:0}.element-map-item b{display:block;font-size:1.35rem;line-height:1;letter-spacing:-.045em;margin-bottom:.35rem}.element-map-item span{display:block;font:800 .68rem/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);min-height:2.7em}.element-map-item p{margin:.75rem 0 0;color:var(--muted)}.element-infographics{display:grid;gap:1rem}.element-infographics>.section-head{margin-bottom:.5rem}.element-sheet{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:0 1px 0 rgba(0,0,0,.03);scroll-margin-top:96px}.element-sheet-head{display:grid;grid-template-columns:64px minmax(0,1fr);gap:1rem;align-items:start;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1rem}.element-number{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;font:900 1rem/1 var(--mono)}.element-sheet h3{font-size:clamp(1.7rem,3vw,2.5rem);line-height:.92;letter-spacing:-.065em;margin:0 0 .65rem}.element-sheet h4{font-size:1rem;letter-spacing:-.025em;margin:0 0 .7rem}.element-sheet-head p:last-child{max-width:840px;margin-bottom:0}.element-body{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);gap:1rem;align-items:start}.element-diagram{align-self:start;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fffefb,#f0ece3);min-height:300px;padding:1rem;display:grid;align-content:center;gap:.85rem;overflow:hidden;position:sticky;top:104px;width:100%}.diagram-caption{font-size:.88rem;line-height:1.35;color:var(--muted);margin:0}.analysis-panel{display:grid;align-content:start;gap:.75rem;border-left:1px solid var(--line);padding-left:1rem}.analysis-panel ol{margin:0;padding-left:1.15rem}.analysis-panel li{margin:.35rem 0}.evidence-line,.mistake-note,.try-note{border-top:1px solid var(--line);padding-top:.75rem;margin:0}.mistake-note{color:#46342f}.try-note{color:#263d36}.best-example{background:#101010;color:#fff;border-radius:18px;padding:1rem;display:grid;gap:.65rem}.best-example h5{font-size:1.35rem;line-height:1;letter-spacing:-.045em;margin:0}.best-example p{margin:0;color:#eee}.example-eyebrow{font:900 .65rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#f6b2aa}.also-example{border-top:1px solid rgba(255,255,255,.22);display:grid;gap:.55rem;margin-top:.25rem;padding-top:.75rem}.also-example b{font-size:.92rem;line-height:1.2}.also-example p{color:#ddd}.element-video-card{border-color:rgba(255,255,255,.18);box-shadow:0 1px 0 rgba(255,255,255,.06)}.element-video-card .video-meta{background:#171717}.element-video-card .video-title{grid-column:1/-1}.element-video-note{grid-column:1/-1;color:#d7d2c9!important;font-size:.88rem;line-height:1.35;margin:0}.sub-example-section{border-top:1px solid rgba(255,255,255,.22);display:grid;gap:.75rem;margin-top:.35rem;padding-top:.9rem}.sub-example-heading{display:grid;gap:.25rem}.sub-example-heading b{font-size:1rem;line-height:1.1}.sub-example-heading span{color:#d7d2c9;font-size:.88rem;line-height:1.35}.sub-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.element-video-card.compact .video-play{height:58px;width:58px;font-size:.68rem}.element-video-card.compact .video-meta{grid-template-columns:1fr}.element-video-card.compact .video-time{white-space:normal}.element-video-card.compact .video-actions{gap:.4rem}.element-video-card.compact .video-link{font-size:.66rem;padding:.55rem .65rem}.beat-count,.mini-ruler{display:grid;grid-template-columns:repeat(16,1fr);gap:3px}.beat-count{grid-template-columns:repeat(8,1fr)}.beat-count span,.mini-ruler span{display:grid;place-items:center;min-height:34px;border:1px solid var(--line);border-radius:9px;background:#f7f5f0;font:800 .7rem/1 var(--mono);color:var(--muted)}.beat-count span:nth-child(4n+1),.mini-ruler span:nth-child(4n+1){background:var(--ink);color:#fff;border-color:var(--ink)}.bar-lanes{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,42px);gap:6px}.bar-idea{display:grid;align-items:center;border-radius:10px;padding:0 .7rem;font:800 .72rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.bar-idea.short{grid-column:1/5;background:#ffe1dd;color:#8d2318}.bar-idea.spill{grid-column:3/8;background:#dfe9ff;color:#234b82}.bar-idea.punch{grid-column:8/9;background:var(--ink);color:#fff;justify-content:center;padding:0;text-align:center}.syllable-lane{position:relative;display:grid;grid-template-columns:repeat(16,1fr);gap:3px;min-height:58px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#fff}.syllable-lane:before{content:"";position:absolute;left:25%;top:8px;bottom:8px;border-left:1px dashed #c9c2b6}.syllable-lane:after{content:"";position:absolute;left:50%;top:8px;bottom:8px;border-left:1px dashed #c9c2b6}.syllable-lane i{display:block;align-self:center;height:26px;border-radius:999px;background:var(--ink)}.syllable-lane.dense i:nth-child(1){grid-column:1}.syllable-lane.dense i:nth-child(2){grid-column:2}.syllable-lane.dense i:nth-child(3){grid-column:4}.syllable-lane.dense i:nth-child(4){grid-column:5}.syllable-lane.dense i:nth-child(5){grid-column:7}.syllable-lane.dense i:nth-child(6){grid-column:8}.syllable-lane.dense i:nth-child(7){grid-column:10}.syllable-lane.dense i:nth-child(8){grid-column:12}.syllable-lane.dense i:nth-child(9){grid-column:14}.syllable-lane.sparse i{background:var(--accent)}.syllable-lane.sparse i:nth-child(1){grid-column:1}.syllable-lane.sparse i:nth-child(2){grid-column:5}.syllable-lane.sparse i:nth-child(3){grid-column:9}.syllable-lane.sparse i:nth-child(4){grid-column:13}.cadence-bars{height:170px;display:grid;grid-template-columns:repeat(10,1fr);gap:6px;align-items:end;border-bottom:2px solid var(--ink);padding:0 .25rem}.cadence-bars span{display:block;border-radius:8px 8px 0 0;background:var(--ink);min-height:24px}.cadence-bars span:nth-child(1){height:34px}.cadence-bars span:nth-child(2){height:72px;background:#2f5f9f}.cadence-bars span:nth-child(3){height:118px;background:#2f5f9f}.cadence-bars span:nth-child(4){height:54px}.cadence-bars span:nth-child(5){height:144px;background:var(--accent)}.cadence-bars span:nth-child(6){height:92px}.cadence-bars span:nth-child(7){height:46px}.cadence-bars span:nth-child(8){height:132px;background:#1f6b4a}.cadence-bars span:nth-child(9){height:76px}.cadence-bars span:nth-child(10){height:28px}.cadence-tags{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.cadence-tags span{border:1px solid var(--line);border-radius:999px;padding:.45rem .55rem;text-align:center;font:800 .68rem/1 var(--mono);text-transform:uppercase;color:var(--muted);background:#fff}.pocket-diagram{gap:.65rem}.pocket-row{position:relative;min-height:58px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;grid-template-columns:82px repeat(8,1fr);align-items:center;padding:.4rem}.pocket-row b{font:800 .68rem/1 var(--mono);text-transform:uppercase;color:var(--muted)}.pocket-row.center{background:#f8f3eb}.beatline{position:absolute;left:50%;top:8px;bottom:8px;border-left:2px solid var(--accent)}.dot{width:18px;height:18px;border-radius:50%;background:var(--ink);display:block;z-index:1}.d1{grid-column:3}.d2{grid-column:5}.d3{grid-column:8}.d4{grid-column:5}.d5{grid-column:7}.d6{grid-column:4}.d7{grid-column:6}.d8{grid-column:9}.story-chain,.arc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;align-items:stretch}.story-chain span,.arc-steps span{min-height:120px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;place-items:center;text-align:center;font:900 .75rem/1.15 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:.5rem}.story-chain span:nth-child(3),.arc-steps span:nth-child(3){background:var(--ink);color:#fff;border-color:var(--ink)}.story-chain span:nth-child(5),.arc-steps span:nth-child(5){background:var(--accent);color:#fff;border-color:var(--accent)}.sound-family,.scheme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.scheme-grid{grid-template-columns:repeat(4,1fr)}.sound-family span,.scheme-grid span{display:grid;place-items:center;min-height:76px;border-radius:14px;border:1px solid var(--line);font:900 1.05rem/1 var(--mono);text-align:center}.family-a{background:#ffe1dd!important;border-color:#efa79d!important;color:#8d2318}.family-b{background:#dfe9ff!important;border-color:#aabde9!important;color:#234b82}.family-c{background:#dff0e6!important;border-color:#a8d3b8!important;color:#1f583d}.delivery-diagram{align-content:center}.meter{display:grid;grid-template-columns:92px 1fr;gap:.75rem;align-items:center}.meter b{font:800 .68rem/1 var(--mono);text-transform:uppercase;color:var(--muted)}.meter span{height:26px;border:1px solid var(--line);border-radius:999px;background:#fff;overflow:hidden}.meter i{display:block;height:100%;border-radius:999px;background:var(--ink)}.meter:nth-child(2) i{background:var(--accent)}.meter:nth-child(3) i{background:#2f5f9f}.meter:nth-child(4) i{background:#1f6b4a}.voice-lanes{position:relative;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,54px);gap:6px}.voice-lanes span{border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;font:800 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.05em}.voice-lanes .lead{grid-column:1/9;grid-row:2;background:var(--ink);color:#fff;border-color:var(--ink)}.voice-lanes .echo{background:#ffe1dd;color:#8d2318;border-color:#efa79d}.voice-lanes .e1{grid-column:2/4;grid-row:1}.voice-lanes .e2{grid-column:5/7;grid-row:3}.voice-lanes .e3{grid-column:8/9;grid-row:1;background:var(--accent);color:#fff;border-color:var(--accent)}.track-lanes{display:grid;grid-template-columns:72px repeat(3,1fr);gap:5px}.track-lanes span,.track-lanes i{min-height:42px;border-radius:10px;border:1px solid var(--line);background:#fff}.track-lanes span{display:grid;place-items:center;font:800 .68rem/1 var(--mono);text-transform:uppercase;color:var(--muted)}.track-lanes i:nth-of-type(1),.track-lanes i:nth-of-type(4),.track-lanes i:nth-of-type(7){background:var(--ink);border-color:var(--ink)}.track-lanes i:nth-of-type(2),.track-lanes i:nth-of-type(5),.track-lanes i:nth-of-type(8){background:var(--accent);border-color:var(--accent)}.track-lanes i:nth-of-type(10),.track-lanes i:nth-of-type(11),.track-lanes i:nth-of-type(12){background:#f7f5f0;border-style:dashed}.persona-map{position:relative;min-height:230px}.persona-map span{position:absolute;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;font:900 .72rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:.8rem 1rem}.persona-map .mask{left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;background:var(--ink);color:#fff;border-color:var(--ink)}.persona-map span:nth-child(2){left:5%;top:12%}.persona-map span:nth-child(3){right:5%;top:12%}.persona-map span:nth-child(4){left:9%;bottom:10%;background:#ffe1dd}.persona-map span:nth-child(5){right:8%;bottom:10%;background:#dff0e6}@media (max-width:980px){.element-map{grid-template-columns:repeat(2,minmax(0,1fr))}.element-body{grid-template-columns:1fr}.analysis-panel{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:1rem}.element-diagram{min-height:260px;position:relative;top:auto}}@media (max-width:620px){.element-map{grid-template-columns:1fr}.element-sheet-head{grid-template-columns:48px 1fr}.element-number{width:48px;height:48px}.element-diagram{padding:.75rem;min-height:240px}.beat-count,.bar-lanes,.mini-ruler,.syllable-lane{min-width:520px}.bar-diagram,.flow-diagram{overflow-x:auto}.story-chain,.arc-steps{grid-template-columns:1fr}.story-chain span,.arc-steps span{min-height:60px}.sound-family,.scheme-grid{grid-template-columns:repeat(2,1fr)}.meter{grid-template-columns:1fr}.track-lanes{grid-template-columns:58px repeat(3,1fr)}.sub-example-grid{grid-template-columns:1fr}}.atlas-summary{align-items:end;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:1rem;margin-bottom:1rem}.atlas-summary h2{font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.075em;margin:0}.atlas-summary p{margin:0;color:var(--muted)}.atlas-summary #atlasCount{color:var(--ink);font-weight:900}.atlas-grid{align-items:stretch}.atlas-card{display:grid;gap:.95rem;min-height:0}.atlas-card-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:.75rem;align-items:start}.atlas-num{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;font:900 .82rem/1 var(--mono)}.atlas-card h3{font-size:1.55rem;line-height:.95;letter-spacing:-.055em;margin:0}.atlas-focus{color:var(--accent);font:900 .66rem/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase}.atlas-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:.75rem 0}.atlas-fact b{display:block;font:900 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.22rem}.atlas-fact span{display:block;font-size:.9rem;line-height:1.22}.atlas-body{display:grid;gap:.55rem}.atlas-body p{margin:0}.atlas-body b{font-weight:900}.atlas-card .artist-meta{margin-top:auto}.atlas-rankings-section{padding-top:1rem}.ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.ranking-card{background:#101010;color:#fff;border-radius:18px;padding:1rem;display:grid;gap:.9rem}.ranking-card h3{font-size:1.6rem;line-height:.95;letter-spacing:-.055em;margin:0}.ranking-card ol{display:grid;gap:.7rem;margin:0;padding-left:1.4rem}.ranking-card li{padding-left:.25rem}.ranking-card b{display:block;font-size:1rem;line-height:1.05;margin-bottom:.2rem}.ranking-card span{display:block;color:#d8d2c8;font-size:.9rem;line-height:1.35}.ranking-note{border-top:1px solid rgba(255,255,255,.22);color:#f2b1aa;font:900 .66rem/1.25 var(--mono);letter-spacing:.08em;margin:0;padding-top:.75rem;text-transform:uppercase}@media (max-width:980px){.atlas-summary{grid-template-columns:1fr}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.atlas-card-head{grid-template-columns:44px minmax(0,1fr)}.atlas-num{height:44px;width:44px}.atlas-facts,.ranking-grid{grid-template-columns:1fr}.ranking-card{border-radius:14px}}.feature-hero .lede{max-width:980px}.feature-stat-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}.feature-stat-row span{border:1px solid var(--line);border-radius:999px;background:#fff;padding:.65rem .85rem;color:var(--muted)}.feature-stat-row b{color:var(--ink);font-family:var(--mono);margin-right:.2rem}.feature-guide{align-items:end;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:1rem}.feature-guide h2{font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.075em;margin:0}.feature-guide p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.feature-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1rem;display:grid;gap:.95rem;align-content:start;min-width:0}.feature-card-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:.8rem;align-items:start}.feature-num{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ink);color:#fff;font:900 .82rem/1 var(--mono)}.feature-card h3{font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:.92;letter-spacing:-.06em;margin:0}.feature-artist{font-weight:800;line-height:1.25;margin:.35rem 0 0;color:var(--muted)}.feature-media{border-radius:14px;overflow:hidden;background:#101010;border:1px solid var(--line)}.feature-media iframe{aspect-ratio:16/9;border:0;display:block;width:100%;height:auto;background:#101010}.feature-why{border-bottom:1px solid var(--line);border-top:1px solid var(--line);font-size:1rem;line-height:1.4;margin:0;padding:.85rem 0}.feature-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.feature-voice{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem;display:grid;gap:.3rem}.feature-voice b{font-size:1.05rem;line-height:1.05}.feature-voice span{color:var(--accent);font:900 .62rem/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase}.feature-voice p{font-size:.92rem;line-height:1.35;margin:0;color:var(--muted)}@media (max-width:980px){.feature-guide,.feature-grid{grid-template-columns:1fr}.feature-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.feature-card{border-radius:14px;padding:.85rem}.feature-card-head{grid-template-columns:44px minmax(0,1fr)}.feature-num{width:44px;height:44px}.feature-compare{grid-template-columns:1fr}.feature-stat-row span{width:100%}}.feature-grid{grid-template-columns:1fr;gap:1.25rem}.feature-card{grid-template-columns:minmax(280px,420px) minmax(0,1fr);grid-template-areas:"head why" "media compare";gap:1rem 1.25rem;padding:1.25rem}.feature-card-head{grid-area:head}.feature-media{grid-area:media}.feature-why{grid-area:why;align-self:start;background:#fff;border:1px solid var(--line);border-radius:14px;font-size:1.08rem;padding:1rem}.feature-compare{grid-area:compare;align-self:start}.feature-voice{background:#fffefb;border-radius:14px;box-shadow:0 1px 0 rgba(0,0,0,.03)}.feature-voice b{display:block}.feature-voice span{display:inline-flex;justify-self:start;background:#ffe1dd;border-radius:999px;color:#8d2318;padding:.35rem .5rem}.feature-voice p{margin-top:.15rem}.feature-tags{display:flex;flex-wrap:wrap;gap:.35rem}.feature-voice .feature-element{background:#101010;color:#fff}.feature-voice .feature-move{background:#ffe1dd;color:#8d2318}@media (min-width:1180px){.feature-compare{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card:has(.feature-voice:nth-child(5)){grid-template-columns:minmax(300px,380px) minmax(0,1fr)}}@media (max-width:980px){.feature-card{grid-template-columns:1fr;grid-template-areas:"head" "media" "why" "compare"}.feature-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.feature-card{padding:.9rem}.feature-why{font-size:1rem}.feature-compare{grid-template-columns:1fr}.feature-voice span{white-space:normal}}.feature-hero{padding-bottom:2.5rem}.feature-hero h1 span{display:inline}.feature-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}.feature-stat-row span{align-items:center;display:flex;justify-content:center;min-height:44px;text-align:center}.feature-guide{align-items:start;border-top:1px solid var(--line);padding-top:2rem}.feature-grid{gap:1rem}.feature-card{align-items:start;grid-template-columns:minmax(260px,360px) minmax(0,1fr);grid-template-areas:"head compare" "media compare" "why compare";padding:1rem}.feature-card-head{align-items:start;grid-template-columns:48px minmax(0,1fr);min-width:0}.feature-num{height:48px;width:48px}.feature-card h3{font-size:clamp(1.45rem,2vw,2rem)}.feature-artist{font-size:.95rem}.feature-media{width:100%}.feature-why{font-size:.96rem;line-height:1.35;margin:0}.feature-compare{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.feature-voice{align-content:start;gap:.45rem;min-width:0;padding:.8rem}.feature-voice b{font-size:1rem}.feature-tags{align-items:flex-start}.feature-voice span{font-size:.58rem;line-height:1.1;max-width:100%;overflow-wrap:anywhere}.feature-voice p{font-size:.88rem}@media (min-width:1180px){.feature-card{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.feature-compare{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.feature-guide{grid-template-columns:1fr}.feature-card{grid-template-columns:1fr;grid-template-areas:"head" "media" "why" "compare"}.feature-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.feature-hero{padding-bottom:2rem}.feature-hero h1 span{display:block}.feature-stat-row{grid-template-columns:1fr;gap:.45rem}.feature-stat-row span{justify-content:flex-start;min-height:40px;padding:.55rem .75rem;width:auto}.feature-guide{padding-top:1.5rem}.feature-card{gap:.8rem;padding:.8rem}.feature-card-head{grid-template-columns:42px minmax(0,1fr);gap:.65rem}.feature-num{height:42px;width:42px}.feature-media{border-radius:12px}.feature-why{border-radius:12px;font-size:.94rem;padding:.75rem}.feature-compare{gap:.55rem;grid-template-columns:1fr}.feature-voice{border-radius:12px;padding:.7rem}}.song-beta-hero h1 span{display:block}.song-console{padding-top:2rem}.song-input-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1rem;display:grid;gap:1rem}.song-input-card h2{font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.075em;margin:0}.song-form{display:grid;gap:.45rem}.song-form label{font:900 .68rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.song-form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem}.song-form input{border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;padding:.75rem 1rem;min-width:0}.song-status{margin:0;color:var(--muted)}.cache-strip{display:flex;flex-wrap:wrap;gap:.45rem}.cache-chip{appearance:none;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font:800 .68rem/1 var(--mono);letter-spacing:.05em;padding:.55rem .7rem;text-transform:uppercase}.cache-chip:hover{background:var(--ink);border-color:var(--ink);color:#fff}.song-beta-layout{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(280px,.65fr);gap:1rem;margin-top:1rem;align-items:start}.song-player-card,.song-now-card,.song-panel,.pipeline-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1rem}.song-player-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.song-player-head h2,.song-now-card h3,.song-panel h3{margin:0}.song-cache-pill{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;font:900 .62rem/1 var(--mono);letter-spacing:.08em;padding:.48rem .58rem;text-transform:uppercase}.song-player-shell{background:#101010;border-radius:14px;overflow:hidden;margin-top:.85rem}.song-player-shell iframe,.song-player-shell #ytSongFrame{aspect-ratio:16/9;border:0;display:block;width:100%;height:auto}.song-sync-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.song-sync-row span{font:900 .72rem/1 var(--mono);letter-spacing:.08em;margin-left:auto}.song-now-card{position:sticky;top:92px;display:grid;gap:.75rem}.song-now-card p{margin:0}.song-grid-panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fffefb,#f3efe6);overflow-x:auto;padding:.75rem}.song-live-grid{min-width:480px}.song-section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);gap:1rem;align-items:end;margin-bottom:1rem}.song-section-head h2{font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.075em;margin:0}.song-section-head p{margin:0;color:var(--muted)}.song-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.song-panel{display:grid;gap:.8rem}.song-panel-wide{grid-column:1/-1}.song-structure{display:grid;gap:.5rem}.structure-segment,.moment-row{appearance:none;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;padding:.75rem;display:grid;gap:.25rem}.structure-segment b,.moment-row b{font-size:1rem}.structure-segment span,.moment-row span{font:800 .65rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.structure-segment.is-active,.moment-row.is-active{background:#101010;border-color:#101010;color:#fff}.structure-segment.is-active span,.moment-row.is-active span{color:#f6b2aa}.artist-strengths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.strength-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem;display:grid;gap:.3rem}.strength-card b{font-size:1.05rem}.strength-card span{justify-self:start;background:#101010;color:#fff;border-radius:999px;font:900 .6rem/1 var(--mono);letter-spacing:.08em;padding:.38rem .5rem;text-transform:uppercase}.strength-card p{margin:0;color:var(--muted);font-size:.9rem}.element-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.score-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem;display:grid;gap:.45rem}.score-card b{font-size:.95rem}.score-card meter{width:100%;height:12px}.score-card span{font:800 .65rem/1 var(--mono);color:var(--muted)}.moment-list{display:grid;gap:.5rem}.moment-row{grid-template-columns:64px 140px minmax(0,1fr);align-items:center}.moment-row p{margin:0;color:var(--muted)}.moment-row.is-active p{color:#fff}.beta-pipeline .section-head{align-items:start}@media (max-width:980px){.song-beta-layout,.song-section-head,.song-panels{grid-template-columns:1fr}.song-now-card{position:relative;top:auto}.song-panel-wide{grid-column:auto}.element-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:620px){.song-form-row{grid-template-columns:1fr}.song-form-row .btn{justify-content:center}.song-player-head{grid-template-columns:1fr}.song-sync-row span{margin-left:0;width:100%}.artist-strengths,.element-score-grid{grid-template-columns:1fr}.moment-row{grid-template-columns:1fr}.song-input-card,.song-player-card,.song-now-card,.song-panel,.pipeline-card{border-radius:14px;padding:.85rem}}.song-console{display:grid;gap:1rem}.song-input-card{grid-template-columns:minmax(260px,.7fr) minmax(320px,1fr);align-items:start;padding:1.25rem}.song-input-card h2{font-size:clamp(1.8rem,3vw,3.1rem);line-height:.92}.song-input-card p{max-width:720px}.song-form-row .btn{white-space:nowrap}.song-status{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.75rem}.cache-strip{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1rem}.cache-chip{appearance:none;-webkit-appearance:none;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;font:900 .68rem/1 var(--mono);justify-content:center;letter-spacing:.06em;min-height:34px;padding:.58rem .75rem;text-transform:uppercase}.cache-chip.is-active,.cache-chip:hover{background:#101010;border-color:#101010;color:#fff}.song-beta-layout{grid-template-columns:minmax(360px,.95fr) minmax(300px,.58fr);gap:1rem}.song-player-card,.song-now-card{padding:1rem}.song-player-head{align-items:start;grid-template-columns:minmax(0,1fr) auto}.song-player-head h2{font-size:clamp(2rem,4vw,4.25rem);line-height:.88;letter-spacing:-.075em;margin:.15rem 0 .5rem}.song-player-head .kicker{margin:0}.song-player-head .muted{font-size:1rem;margin:0}.song-cache-pill{align-self:start;white-space:nowrap}.song-player-shell{margin-top:1rem}.song-now-card h3{font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:.95;letter-spacing:-.055em}.song-grid-panel .grid-labels{min-width:420px}.song-live-grid{min-width:420px}.song-section-head{border-top:1px solid var(--line);padding-top:2rem}.song-panel h3{font-size:1.45rem}.score-card meter::-webkit-meter-optimum-value{background:#1f6b4a}.score-card meter::-moz-meter-bar{background:#1f6b4a}.pipeline-card p:first-child{margin-top:0}.pipeline-card p:last-child{margin-bottom:0}@media (max-width:980px){.song-input-card{grid-template-columns:1fr}.cache-strip{grid-column:auto}.song-beta-layout{grid-template-columns:1fr}.song-player-head h2{font-size:clamp(2rem,8vw,4.2rem)}}@media (max-width:620px){.song-console{gap:.85rem}.song-input-card{padding:.85rem}.song-status{border-radius:12px;padding:.65rem}.cache-strip{gap:.35rem}.cache-chip{font-size:.62rem;min-height:32px;padding:.5rem .58rem}.song-player-head h2{font-size:clamp(2rem,13vw,3.8rem)}.song-cache-pill{justify-self:start}.song-player-card,.song-now-card{padding:.85rem}.song-live-grid,.song-grid-panel .grid-labels{min-width:360px}}.song-player-head h2{font-size:clamp(1.9rem,3.2vw,3.25rem)}@media (min-width:761px) and (max-width:980px){.song-beta-layout{grid-template-columns:minmax(320px,.95fr) minmax(260px,.62fr)}.song-now-card{position:sticky;top:92px}.song-player-head{grid-template-columns:1fr}.song-cache-pill{justify-self:start}.song-player-head h2{font-size:clamp(2rem,4.5vw,3.1rem)}.song-live-grid,.song-grid-panel .grid-labels{min-width:360px}}@media (max-width:620px){.song-player-head h2{font-size:clamp(1.9rem,11vw,3.2rem)}}.live-lyric-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:.75rem;display:grid;gap:.55rem;min-width:0}.live-lyric-card .grid-labels{min-width:0;margin-bottom:0}.live-fragment{align-items:baseline;display:flex;flex-wrap:wrap;gap:.28rem .36rem;font-weight:900;font-size:clamp(1.45rem,3.2vw,2.2rem);letter-spacing:-.055em;line-height:1.02}.live-token{display:inline-block;border-radius:8px;padding:.02rem .08rem}.cue-red{color:#e63926}.cue-blue{color:#2f5f9f}.cue-green{color:#1f6b4a}.cue-yellow{color:#b88c00}.cue-purple{color:#7a3db8}.cue-ink{color:#101010}.live-cue-note{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;line-height:1.35;margin:0;padding-top:.55rem}.song-live-grid .sub.hit{align-content:center;padding:.2rem}.song-live-grid .sub.hit small{font-size:clamp(.5rem,1vw,.68rem);line-height:1;text-align:center;overflow-wrap:anywhere}.song-live-grid .sub.hit.cue-red{background:#e63926;border-color:#e63926}.song-live-grid .sub.hit.cue-blue{background:#2f5f9f;border-color:#2f5f9f}.song-live-grid .sub.hit.cue-green{background:#1f6b4a;border-color:#1f6b4a}.song-live-grid .sub.hit.cue-yellow{background:#b88c00;border-color:#b88c00}.song-live-grid .sub.hit.cue-purple{background:#7a3db8;border-color:#7a3db8}.song-live-grid .sub.hit.cue-ink{background:#101010;border-color:#101010}.song-live-grid .sub.hit:after{background:#fff}.moment-row em{color:#7a746b;font:800 .64rem/1.15 var(--mono);letter-spacing:.06em;text-transform:uppercase}.moment-row.is-active em{color:#f6b2aa}.local-audio-player{background:#101010;color:#fff;display:grid;gap:.8rem;min-height:260px;padding:1rem;align-content:center}.local-audio-player .kicker{color:#f6b2aa;margin:0}.local-audio-player b{font-size:clamp(1.4rem,3vw,2.4rem);line-height:.95;letter-spacing:-.06em}.local-audio-player audio{width:100%;accent-color:var(--accent)}.local-audio-note{border-top:1px solid rgba(255,255,255,.18);color:#d8d2c8;font-size:.9rem;line-height:1.35;margin:0;padding-top:.75rem}.song-public-card{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:.6rem;padding:1rem}.song-public-card p{margin:0}.song-player-info{display:grid;gap:.75rem;min-width:0}.youtube-song-player{background:#101010;color:#fff;display:grid;gap:.7rem;padding:.75rem}.youtube-song-player iframe,.youtube-song-player #ytSongFrame{aspect-ratio:16/9;border:0;border-radius:10px;display:block;overflow:hidden;width:100%}.youtube-player-note{border-top:1px solid rgba(255,255,255,.18);color:#d8d2c8;font-size:.84rem;line-height:1.35;margin:0;padding-top:.65rem}.public-sync-check{display:grid;gap:.4rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.15rem}.public-sync-check span{background:#f8f5ee;border:1px solid var(--line);border-radius:12px;display:grid;gap:.2rem;min-width:0;padding:.55rem .6rem}.public-sync-check b{font:900 .58rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.public-sync-check em{font-style:normal;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-sync-check{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:.75rem;padding:.55rem}@media (max-width:620px){.live-fragment{font-size:clamp(1.35rem,8vw,2rem)}.song-live-grid .sub.hit small{font-size:.52rem}}.beat-lab-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:2rem;align-items:end}.beat-lab-hero h1{font-size:clamp(3.7rem,10vw,8.8rem)}.beat-lab-hero h1 span{display:block}.beat-console{display:grid;gap:1rem}.beat-selector-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:minmax(260px,.65fr) minmax(320px,1fr);gap:1rem;padding:1.25rem}.beat-selector-card h2{font-size:clamp(1.8rem,3vw,3.1rem);line-height:.92;letter-spacing:-.07em;margin:.15rem 0 .6rem}.beat-chip-strip{align-content:start;display:flex;flex-wrap:wrap;gap:.45rem}.beat-chip{appearance:none;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--ink);cursor:pointer;font:900 .68rem/1 var(--mono);letter-spacing:.06em;min-height:34px;padding:.58rem .75rem;text-transform:uppercase}.beat-chip.is-active,.beat-chip:hover{background:#101010;border-color:#101010;color:#fff}.beat-lab-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(320px,.48fr);gap:1rem}.beat-player-card,.beat-lesson-card,.beat-map-card,.beat-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.beat-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start}.beat-title-row h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.86;letter-spacing:-.08em;margin:.2rem 0 .55rem}.beat-audio-shell{background:#101010;border-radius:18px;margin-top:1rem;padding:1rem}.beat-audio-shell audio{display:block;width:100%;accent-color:var(--accent)}.beat-audio-shell iframe,.beat-audio-shell #beatYouTubePlayer{aspect-ratio:16/9;border:0;border-radius:12px;display:block;overflow:hidden;width:100%}.beat-sync-controls{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.beat-demo-btn{appearance:none;background:#fff;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#101010;cursor:pointer;font:900 .62rem/1 var(--mono);letter-spacing:.07em;min-height:34px;padding:.58rem .75rem;text-transform:uppercase}.beat-demo-btn:hover{background:#ff3b25;border-color:#ff3b25;color:#fff}.beat-demo-btn-secondary{background:transparent;color:#fff}.beat-sync-status{border-top:1px solid rgba(255,255,255,.18);color:#d8d2c8;font-size:.82rem;line-height:1.25;margin:.75rem 0 0;padding-top:.65rem}.beat-now-grid{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:.35rem}.beat-now-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.85rem}.beat-now-card h3,.beat-lesson-card h3{font-size:clamp(1.35rem,2.25vw,2.15rem);line-height:.95;letter-spacing:-.06em;margin:.25rem 0 .55rem}.beat-mini-label{color:var(--accent);font:900 .62rem/1 var(--mono);letter-spacing:.08em;margin:0;text-transform:uppercase}.beat-lesson-card{align-self:stretch;display:grid;gap:.65rem}.beat-lesson-card p{margin:0;color:#2b2925}.beat-badges{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.4rem}.beat-badges span{align-items:center;border:1px solid var(--line);border-radius:999px;color:#6f6a62;display:inline-flex;flex:0 0 auto;font:900 .58rem/1 var(--mono);justify-content:center;letter-spacing:.07em;min-height:0;padding:.4rem .58rem;text-transform:uppercase;white-space:nowrap;width:auto}.beat-live-section .song-section-head,.beat-read-section .song-section-head{align-items:start}.beat-map-card{overflow:auto;position:relative}.beat-ruler{border:1px solid var(--line);border-radius:999px;height:38px;margin-bottom:1rem;min-width:760px;position:relative;background:#f7f3eb}.beat-ruler-section{appearance:none;background:transparent;border:0;border-left:1px solid rgba(16,16,16,.16);bottom:0;color:#8a8379;cursor:pointer;font:900 .52rem/1 var(--mono);left:var(--start);letter-spacing:.05em;overflow:hidden;padding:.35rem .25rem;position:absolute;text-align:left;text-transform:uppercase;top:0;width:var(--width)}.beat-ruler-section.is-active{background:#101010;color:#fff;border-radius:999px;border-left:0}.beat-map{display:grid;gap:.45rem;min-width:760px}.beat-progress-strip{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:.55rem;grid-template-columns:190px minmax(0,1fr) 52px;padding:.65rem .75rem}.beat-progress-strip span,.beat-progress-strip b{color:#6f6a62;font:900 .58rem/1.1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.beat-progress-strip b{text-align:right}.beat-progress-track{background:#efe9df;border:1px solid #ddd5c8;border-radius:999px;height:12px;position:relative}.beat-progress-track i{background:rgb(var(--mode-rgb,255 59 37));border-radius:999px;box-shadow:0 0 0 5px rgba(var(--mode-rgb,255 59 37),.12);height:28px;position:absolute;top:50%;transform:translate(-50%,-50%);width:4px}.beat-map-card.is-live .beat-progress-track i{animation:beatNeedle 1.15s ease-in-out infinite}@keyframes beatNeedle{0%,100%{box-shadow:0 0 0 5px rgba(var(--mode-rgb,255 59 37),.11)}50%{box-shadow:0 0 0 9px rgba(var(--mode-rgb,255 59 37),.18)}}.beat-map-row,.beat-interaction-row{align-items:center;display:grid;grid-template-columns:150px minmax(0,1fr);gap:.65rem}.beat-map-row>b,.beat-interaction-row>b{color:#6f6a62;font:900 .64rem/1.1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.beat-map-cells{display:grid;grid-template-columns:repeat(16,minmax(34px,1fr));gap:4px}.beat-map-cell{align-items:center;background:rgba(16,16,16,calc(.035+var(--energy) * .18));border:1px solid rgba(16,16,16,calc(.08+var(--energy) * .14));border-radius:11px;color:rgba(16,16,16,calc(.26+var(--energy) * .52));display:flex;font:900 .62rem/1 var(--mono);height:44px;justify-content:center;position:relative;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,filter .16s ease}.beat-map-row.is-lane-active .beat-map-cell{background:rgba(var(--lane-rgb),calc(.025+var(--energy) * .16));border-color:rgba(var(--lane-rgb),calc(.12+var(--energy) * .2));color:rgba(16,16,16,calc(.34+var(--energy) * .42))}.beat-map-row.is-lane-active .beat-map-cell.is-hot{background:rgba(var(--lane-rgb),calc(.38+var(--energy) * .46));border-color:rgba(var(--lane-rgb),calc(.5+var(--energy) * .34));color:#101010}.beat-map-cell.is-stress:after{background:#ff3b25;border:2px solid #fff;border-radius:999px;bottom:5px;content:"";height:7px;left:50%;position:absolute;transform:translateX(-50%);width:7px}.beat-map-row.is-lane-active .beat-map-cell.is-stress:after{background:rgb(var(--lane-rgb));box-shadow:0 0 0 2px rgba(255,255,255,.72)}.beat-map-cell.is-step{border-color:rgb(var(--mode-rgb,255 59 37))!important;box-shadow:0 0 0 2px #fff,0 0 0 4px rgb(var(--mode-rgb,255 59 37));z-index:2}.beat-map-row.is-lane-active .beat-map-cell.is-step.is-hot{background:rgba(var(--lane-rgb),.9)!important;border-color:rgb(var(--lane-rgb))!important;color:#fff!important}.beat-map-row[data-lane="space"].is-lane-active .beat-map-cell.is-step.is-hot,.beat-map-row[data-lane="sample"].is-lane-active .beat-map-cell.is-step.is-hot{color:#101010!important}.beat-map-row.is-lane-active .beat-map-cell.is-lane-now{background:rgba(var(--lane-rgb),.98)!important;border-color:rgb(var(--lane-rgb))!important;box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(var(--lane-rgb),.85),0 7px 18px rgba(var(--lane-rgb),.22);color:#fff!important;transform:translateY(-2px);z-index:3}.beat-map-row.is-lane-active .beat-map-cell.is-lane-now:before{background:#fff;border:2px solid rgb(var(--lane-rgb));border-radius:999px;content:"";height:12px;position:absolute;right:7px;top:7px;width:12px}.beat-map-row[data-lane="space"].is-lane-active .beat-map-cell.is-lane-now,.beat-map-row[data-lane="sample"].is-lane-active .beat-map-cell.is-lane-now{color:#101010!important}.beat-map-card.is-live .beat-map-cell.is-step{animation:beatCellPulse .7s ease-in-out infinite alternate}.beat-map-card.is-live .beat-map-cell.is-lane-now{animation:beatCellPulse .95s ease-in-out infinite alternate}@keyframes beatCellPulse{from{filter:none}to{filter:brightness(1.12)}}.beat-mode-line{display:flex;flex-wrap:wrap;gap:.38rem}.beat-mode-line span{background:#fff;border:1px solid var(--line);border-radius:999px;color:#8a8379;font:900 .58rem/1 var(--mono);letter-spacing:.06em;padding:.42rem .55rem;text-transform:uppercase}.beat-mode-line span.is-active{background:rgb(var(--mode-rgb,16 16 16));border-color:rgb(var(--mode-rgb,16 16 16));color:#fff}.beat-map[data-mode="space"] .beat-mode-line span.is-active,.beat-map[data-mode="float"] .beat-mode-line span.is-active{color:#101010}.beat-teacher-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:.7rem;min-width:760px}.beat-teacher-card{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:.35rem;padding:.85rem}.beat-teacher-card-main{background:#f7f3eb}.beat-teacher-card span,.beat-teacher-key b{color:var(--accent);font:900 .58rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.beat-teacher-card h3{font-size:clamp(1.35rem,2.4vw,2.35rem);line-height:.95;letter-spacing:-.055em;margin:0}.beat-teacher-card p{color:#5f5a52;line-height:1.35;margin:0}.beat-teacher-card:not(.beat-teacher-card-main){border-color:rgba(var(--mode-rgb,16 16 16),.38);box-shadow:inset 6px 0 0 rgb(var(--mode-rgb,16 16 16))}.beat-teacher-ruler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;min-width:760px}.beat-ruler-beat{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:.45rem;padding:.65rem}.beat-ruler-beat.is-current{border-color:rgb(var(--mode-rgb,16 16 16));box-shadow:0 0 0 3px rgba(var(--mode-rgb,16 16 16),.12)}.beat-ruler-beat>b{font:900 .72rem/1 var(--mono)}.beat-ruler-substeps{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.beat-ruler-substeps span{background:#f7f3eb;border:1px solid var(--line);border-radius:999px;color:#8a8379;font:900 .55rem/1 var(--mono);padding:.35rem .2rem;text-align:center}.beat-ruler-substeps span.is-now{background:#101010;border-color:#101010;color:#fff}.beat-focus-stack{display:grid;gap:.7rem;min-width:760px}.beat-focus-card{background:#fff;border:1px solid var(--line);border-radius:20px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:.75rem 1.1rem;align-items:center;padding:1rem 1.15rem;position:relative;overflow:hidden}.beat-focus-card:before{background:rgb(var(--lane-rgb,16 16 16));content:"";inset:0 auto 0 0;opacity:.95;position:absolute;width:5px}.beat-focus-card[data-lane="space"]{background:#fbf7ee}.beat-focus-card.is-low{background:#fff}.beat-focus-card.is-low:before{opacity:.28}.beat-focus-head{display:grid;gap:.32rem;position:relative;z-index:1}.beat-focus-head h4{font:900 .84rem/1.05 var(--mono);letter-spacing:.08em;margin:0;text-transform:uppercase}.beat-focus-head span{color:#77716a;font:900 .58rem/1.1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.beat-focus-meter{background:#f1ece3;border:1px solid var(--line);border-radius:999px;height:42px;overflow:hidden;position:relative}.beat-focus-meter i{background:linear-gradient(90deg,rgb(var(--lane-rgb,16 16 16)),rgb(var(--lane-rgb,16 16 16) / .72));border-radius:999px;display:block;height:100%;width:var(--focus-width);transition:width .18s ease,opacity .18s ease}.beat-focus-card.is-low .beat-focus-meter i{opacity:.32}.beat-focus-card p{border-top:1px solid var(--line);color:#5f5a52;font-size:clamp(.92rem,1.25vw,1.08rem);grid-column:1/-1;line-height:1.35;margin:0;padding-top:.75rem}.beat-interaction-analysis-section .song-section-head{align-items:start}.beat-analysis-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:1rem;padding:1rem}.beat-analysis-head{align-items:start;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding-bottom:1rem}.beat-analysis-head h3,.beat-analysis-arc-head h3{font-size:clamp(1.8rem,3vw,3.2rem);letter-spacing:-.07em;line-height:.9;margin:.35rem 0 .55rem}.beat-analysis-head p,.beat-analysis-arc-head p{color:#5f5a52;line-height:1.38;margin:0;max-width:980px}.beat-analysis-source{background:#101010;border:1px solid #101010;border-radius:999px;color:#fff;font:900 .58rem/1 var(--mono);letter-spacing:.08em;padding:.48rem .62rem;text-transform:uppercase;white-space:nowrap}.beat-analysis-source-soft{background:#fff;border-color:var(--line);color:#7a746b;display:inline-flex;margin-bottom:.1rem}.beat-analysis-layer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.beat-analysis-layer{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:.7rem;min-width:0;padding:.9rem;position:relative;overflow:hidden}.beat-analysis-layer:before{background:rgb(var(--lane-rgb,16 16 16));content:"";height:4px;inset:0 0 auto;opacity:.95;position:absolute}.beat-analysis-layer[data-lane="space"]{background:#fbf7ee}.beat-analysis-kicker{color:rgb(var(--lane-rgb,16 16 16));font:900 .58rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.beat-analysis-layer h4{font-size:clamp(1.05rem,1.6vw,1.35rem);letter-spacing:-.045em;line-height:1;margin:0;text-transform:capitalize}.beat-analysis-layer p{border-top:1px solid var(--line);color:#5f5a52;font-size:.88rem;line-height:1.35;margin:0;padding-top:.7rem}.beat-analysis-beats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.32rem}.beat-analysis-beats span{background:#f7f3eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:.35rem;min-height:62px;padding:.45rem}.beat-analysis-beats b{color:#7a746b;font:900 .6rem/1 var(--mono)}.beat-analysis-beats i{align-self:end;background:linear-gradient(180deg,rgb(var(--lane-rgb,16 16 16)),rgb(var(--lane-rgb,16 16 16) / .72));border-radius:999px;display:block;height:calc(7px+var(--level) * 34px);opacity:calc(.28+var(--level) * .72)}.beat-analysis-arc-head{border-top:1px solid var(--line);padding-top:1rem}.beat-analysis-arc-list{display:grid;gap:.45rem;margin-top:.75rem}.beat-analysis-arc-row{appearance:none;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);cursor:pointer;display:grid;grid-template-columns:minmax(180px,.55fr) minmax(240px,1fr) minmax(120px,.28fr);gap:.75rem;align-items:center;padding:.75rem;text-align:left}.beat-analysis-arc-row:hover,.beat-analysis-arc-row.is-active{border-color:#101010;box-shadow:inset 4px 0 0 #101010}.beat-analysis-arc-label{display:grid;gap:.22rem}.beat-analysis-arc-label b{font-size:.98rem;line-height:1.05}.beat-analysis-arc-label span,.beat-analysis-arc-row em{color:#77716a;font:900 .55rem/1.1 var(--mono);letter-spacing:.07em;text-transform:uppercase}.beat-analysis-arc-row em{font-style:normal;text-align:right}.beat-analysis-mini-meters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.beat-analysis-mini-meters span{align-items:center;background:#f1ece3;border:1px solid var(--line);border-radius:999px;display:flex;height:22px;overflow:hidden;position:relative}.beat-analysis-mini-meters span:before{color:#6f6a62;content:attr(data-lane);font:900 .45rem/1 var(--mono);left:.42rem;letter-spacing:.04em;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);z-index:2}.beat-analysis-mini-meters i{background:rgb(var(--lane-rgb,16 16 16));border-radius:999px;display:block;height:100%;opacity:calc(.34+var(--level) * .66);width:calc(var(--level) * 100%)}.beat-analysis-mini-percent{color:#101010;font:900 .5rem/1 var(--mono);letter-spacing:.03em;position:absolute;right:.42rem;top:50%;transform:translateY(-50%);z-index:2}.beat-layer-stack{display:grid;gap:.55rem;min-width:760px}.beat-layer-row{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:150px minmax(0,1fr) minmax(230px,.55fr);gap:.7rem;align-items:center;padding:.75rem}.beat-layer-row:not(.is-lane-active){opacity:.52}.beat-role-row{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:150px minmax(260px,1fr) minmax(230px,.55fr);gap:.7rem;align-items:center;padding:.75rem}.beat-role-row:not(.is-lane-active){opacity:.58}.beat-layer-info{display:grid;gap:.25rem}.beat-layer-info b{font:900 .68rem/1.1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.beat-layer-info small{color:#7a746b;font:900 .55rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.beat-pull-heatmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}.beat-pull-heatmap span{background:rgba(var(--lane-rgb),calc(.06+var(--heat) * .42));border:1px solid rgba(var(--lane-rgb),calc(.16+var(--heat) * .36));border-radius:12px;display:grid;gap:.35rem;min-height:54px;padding:.5rem;position:relative}.beat-pull-heatmap b{color:#5f5a52;font:900 .5rem/1.05 var(--mono);letter-spacing:.06em;text-transform:uppercase}.beat-pull-heatmap i{background:rgba(var(--lane-rgb),calc(.28+var(--heat) * .68));border-radius:999px;display:block;height:5px;width:calc(18%+var(--heat) * 72%)}.beat-layer-rail{display:grid;grid-template-columns:repeat(16,minmax(18px,1fr));gap:.2rem;align-items:center}.beat-rail-step{align-content:center;background:rgba(var(--lane-rgb),calc(.04+var(--energy) * .12));border:1px solid rgba(var(--lane-rgb),calc(.12+var(--energy) * .2));border-radius:10px;display:grid;gap:.2rem;justify-items:center;min-height:48px;position:relative}.beat-rail-step i{background:rgba(var(--lane-rgb),calc(.12+var(--energy) * .78));border-radius:999px;display:block;height:calc(6px+var(--energy) * 13px);width:calc(6px+var(--energy) * 13px)}.beat-rail-step b,.beat-rail-step small{color:#8a8379;font:900 .5rem/1 var(--mono)}.beat-rail-step.is-hot{background:rgba(var(--lane-rgb),calc(.18+var(--energy) * .34));border-color:rgba(var(--lane-rgb),.52)}.beat-rail-step.is-hot b,.beat-rail-step.is-hot small{color:#101010}.beat-rail-step.is-step,.beat-rail-step.is-lane-now{background:rgba(var(--lane-rgb),.92)!important;border-color:rgb(var(--lane-rgb))!important;box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(var(--lane-rgb),.55);transform:translateY(-1px);z-index:2}.beat-rail-step.is-step i,.beat-rail-step.is-lane-now i{background:#fff}.beat-rail-step.is-step b,.beat-rail-step.is-step small,.beat-rail-step.is-lane-now b,.beat-rail-step.is-lane-now small{color:#fff}.beat-layer-row[data-lane="sample"] .beat-rail-step.is-lane-now b,.beat-layer-row[data-lane="sample"] .beat-rail-step.is-lane-now small,.beat-layer-row[data-lane="space"] .beat-rail-step.is-lane-now b,.beat-layer-row[data-lane="space"] .beat-rail-step.is-lane-now small{color:#101010}.beat-layer-read{color:#5f5a52;font-size:.88rem;line-height:1.35;margin:0}.beat-teacher-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;min-width:760px}.beat-teacher-key div{background:#f7f3eb;border:1px solid var(--line);border-radius:14px;display:grid;gap:.25rem;padding:.7rem}.beat-teacher-key span{color:#6f6a62;font-size:.82rem;line-height:1.25}.beat-map-card{overflow:visible}.beat-ruler,.beat-map,.beat-progress-strip,.beat-teacher-summary,.beat-teacher-ruler,.beat-layer-stack,.beat-focus-stack,.beat-teacher-key{min-width:0}.beat-ruler{width:100%}.beat-layer-rail{grid-template-columns:repeat(16,minmax(12px,1fr))}.beat-rail-step{min-width:0}.beat-rail-step b,.beat-rail-step small{max-width:100%;overflow:hidden;text-overflow:clip}.beat-read-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:1rem}.beat-panel h3{font-size:1.5rem;line-height:1;letter-spacing:-.055em;margin:0 0 1rem}.beat-timeline-list{display:grid;gap:.55rem}.beat-timeline-row{appearance:none;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);cursor:pointer;display:grid;gap:.35rem;grid-template-columns:66px minmax(0,1fr) auto;padding:.75rem;text-align:left}.beat-timeline-row.is-active{border-color:#ff3b25;box-shadow:0 0 0 3px rgba(255,59,37,.09)}.beat-timeline-row .beat-time{color:var(--accent);font:900 .68rem/1 var(--mono)}.beat-timeline-row b{font-size:1.05rem;letter-spacing:-.04em;line-height:1}.beat-timeline-row em{background:#101010;border-radius:999px;color:#fff;font:900 .55rem/1 var(--mono);font-style:normal;letter-spacing:.06em;padding:.38rem .48rem;text-transform:uppercase;white-space:nowrap}.beat-timeline-row p{color:#6f6a62;grid-column:2/-1;line-height:1.35;margin:0}.beat-lens-list{display:grid;gap:.65rem}.beat-lens-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.8rem}.beat-lens-item b{display:block;font-size:1.05rem;letter-spacing:-.04em;margin-bottom:.25rem}.beat-lens-item p{color:#6f6a62;line-height:1.35;margin:0}@media (max-width:980px){.beat-lab-hero,.beat-selector-card,.beat-lab-layout,.beat-now-grid,.beat-read-grid,.beat-teacher-summary,.beat-analysis-head{grid-template-columns:1fr}.beat-title-row{grid-template-columns:1fr}.beat-map-row,.beat-interaction-row{grid-template-columns:110px minmax(0,1fr)}.beat-progress-strip{grid-template-columns:150px minmax(0,1fr) 48px}.beat-layer-row,.beat-role-row{grid-template-columns:130px minmax(0,1fr)}.beat-layer-read{grid-column:1/-1}.beat-teacher-key{grid-template-columns:1fr 1fr 1fr}.beat-focus-card{grid-template-columns:180px minmax(0,1fr)}.beat-analysis-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-analysis-arc-row{grid-template-columns:minmax(180px,.55fr) minmax(240px,1fr)}.beat-analysis-arc-row em{grid-column:1/-1;text-align:left}}@media (max-width:620px){.beat-lab-hero h1{font-size:clamp(3.2rem,18vw,5.2rem)}.beat-selector-card,.beat-player-card,.beat-lesson-card,.beat-map-card,.beat-panel,.beat-analysis-card{border-radius:14px;padding:.85rem}.beat-timeline-row{grid-template-columns:1fr}.beat-timeline-row p{grid-column:auto}.beat-map-row,.beat-interaction-row{grid-template-columns:1fr}.beat-map-cells{grid-template-columns:repeat(16,34px)}.beat-progress-strip,.beat-role-row,.beat-layer-row,.beat-focus-card,.beat-analysis-arc-row{grid-template-columns:1fr}.beat-teacher-ruler,.beat-teacher-key,.beat-analysis-layer-grid{grid-template-columns:1fr}.beat-ruler{height:44px}.beat-ruler-section{font-size:.46rem}.beat-layer-rail{grid-template-columns:repeat(8,minmax(22px,1fr))}.beat-rail-step{min-height:40px}.beat-role-meter{min-width:0}.beat-focus-meter{height:34px}.beat-focus-card{padding:.9rem}.beat-focus-card p{padding-top:.55rem}.beat-analysis-mini-meters{grid-template-columns:1fr 1fr}.beat-analysis-source{justify-self:start}.beat-analysis-head h3,.beat-analysis-arc-head h3{font-size:clamp(1.65rem,8vw,2.4rem)}}.song-beta-layout{grid-template-columns:1fr}.song-player-card{grid-column:1/-1}.song-now-card{grid-column:1/-1;gap:1rem;position:static;top:auto}.song-now-card h3{font-size:clamp(2rem,4vw,3.5rem);line-height:.92;max-width:1100px}.song-now-card>p:not(.kicker){max-width:1100px}.live-lyric-card,.song-grid-panel,.song-pocket-panel{width:100%}.live-fragment{font-size:clamp(1.45rem,3.2vw,2.75rem);gap:.16rem .36rem;line-height:1.03;min-height:calc(2em * 1.03)}.live-token{transition:background .12s ease,color .12s ease,opacity .12s ease,transform .12s ease}.live-token.is-past{opacity:.42}.live-token.is-current{background:#101010;color:#fff;box-shadow:0 0 0 4px #101010}.live-token.is-future{opacity:.96}.live-token.is-light:not(.is-current){color:#8d877f;opacity:.5}.song-grid-panel{padding:1rem}.song-grid-panel .grid-labels{min-width:760px}.live-grid-tabs{background:#f7f3eb;border:1px solid var(--line);border-radius:999px;display:inline-grid;grid-template-columns:1fr 1fr;gap:2px;margin:0 0 .65rem;padding:3px}.live-grid-tabs button{appearance:none;background:transparent;border:0;border-radius:999px;color:#6f6a62;cursor:pointer;font:900 .58rem/1 var(--mono);letter-spacing:.07em;padding:.48rem .72rem;text-transform:uppercase;white-space:nowrap}.live-grid-tabs button.is-active{background:#101010;color:#fff}.live-grid-view{display:none}.live-grid-view.is-active{display:block}.song-live-grid{grid-template-columns:repeat(16,minmax(42px,1fr));gap:5px;min-width:760px}.song-live-grid .sub{height:60px;border-radius:13px}.song-live-grid .sub.hit{padding:.22rem}.song-live-grid .sub.hit.is-light{background:#e7e2d8;border-color:#d7d0c3;opacity:.68}.song-live-grid .sub.hit.is-light small{color:#6f6a62}.song-live-grid .sub.hit.is-light:after{background:#9d968b}.song-live-grid .sub.hit.is-current{box-shadow:0 0 0 3px #fff,0 0 0 6px #101010}.song-live-grid .sub.hit small{display:block;font-size:clamp(.56rem,.85vw,.78rem);line-height:1;max-width:100%;overflow:hidden;overflow-wrap:normal;text-align:center;text-overflow:clip;white-space:nowrap;word-break:normal}.song-live-grid .grid-step-label{bottom:4px;color:rgba(255,255,255,.68);font:900 .48rem/1 var(--mono);left:50%;letter-spacing:.04em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.song-live-grid .sub.hit.is-light .grid-step-label,.song-live-grid .sub.hit.cue-yellow .grid-step-label,.song-live-grid .sub.hit.cue-soft .grid-step-label{color:rgba(16,16,16,.48)}.song-live-grid .sub.hit:after{bottom:15px}.live-token.cue-ink{color:#101010}.live-token.cue-red{color:#e63926}.live-token.cue-purple{color:#8f62cf}.live-token.cue-blue{color:#5f8fcb}.live-token.cue-green{color:#6aa982}.live-token.cue-yellow{color:#c4a236}.live-token.cue-soft{color:#77716a}.song-live-grid .sub.hit.cue-ink{background:#101010;border-color:#101010}.song-live-grid .sub.hit.cue-red{background:#e63926;border-color:#e63926}.song-live-grid .sub.hit.cue-purple{background:#8f62cf;border-color:#8f62cf}.song-live-grid .sub.hit.cue-blue{background:#5f8fcb;border-color:#5f8fcb}.song-live-grid .sub.hit.cue-green{background:#6aa982;border-color:#6aa982}.song-live-grid .sub.hit.cue-yellow{background:#e4c967;border-color:#e4c967}.song-live-grid .sub.hit.cue-soft{background:#d8d3c8;border-color:#c7c0b4}.song-live-grid .sub.hit.cue-soft small{color:#4f4942}.song-live-grid .sub.hit.cue-soft:after{background:#77716a}.song-live-grid .sub.hit.cue-yellow small{color:#101010}.song-live-grid .sub.hit.cue-yellow:after{background:#101010}.live-verse-map{display:grid;gap:3px;min-width:760px}.verse-map-row{align-items:center;display:grid;gap:6px;grid-template-columns:38px minmax(0,1fr)}.verse-map-row>b{color:#6f6a62;font:900 .58rem/1 var(--mono);text-align:right}.verse-map-row.is-current{background:rgba(16,16,16,.04);border:1px solid var(--line);border-radius:10px;margin:1px -4px;padding:3px 4px}.verse-map-row.is-current>b{color:#101010}.verse-map-scale{display:grid;gap:3px;grid-template-columns:repeat(16,minmax(16px,1fr))}.verse-map-scale span{background:#fff;border:1px solid #d8d1c5;border-radius:5px;display:block;height:14px;min-width:0}.verse-map-head{margin-bottom:3px}.verse-map-head .verse-map-scale span{background:transparent;border:0;color:#8a8379;font:900 .47rem/1 var(--mono);height:auto;text-align:center}.verse-step.is-used{background:rgba(16,16,16,calc(.10+var(--intensity) * .45));border-color:rgba(16,16,16,calc(.12+var(--intensity) * .42))}.verse-step.is-strong{box-shadow:inset 0 0 0 1px rgba(255,255,255,.62)}.verse-step.is-now{outline:2px solid #ff3b25;outline-offset:1px}.verse-step.cue-red{background:rgba(230,57,38,calc(.20+var(--intensity) * .58));border-color:rgba(230,57,38,.5)}.verse-step.cue-purple{background:rgba(143,98,207,calc(.18+var(--intensity) * .5));border-color:rgba(143,98,207,.45)}.verse-step.cue-blue{background:rgba(95,143,203,calc(.16+var(--intensity) * .46));border-color:rgba(95,143,203,.42)}.verse-step.cue-green{background:rgba(106,169,130,calc(.16+var(--intensity) * .42));border-color:rgba(106,169,130,.4)}.verse-step.cue-yellow{background:rgba(228,201,103,calc(.18+var(--intensity) * .42));border-color:rgba(196,162,54,.42)}.verse-step.cue-ink{background:rgba(16,16,16,calc(.10+var(--intensity) * .38));border-color:rgba(16,16,16,.32)}.verse-step.cue-soft{background:rgba(119,113,106,calc(.10+var(--intensity) * .34));border-color:rgba(119,113,106,.28)}.verse-map-note{color:var(--muted);font-size:.74rem;line-height:1.25;margin:.55rem 0 0}.song-pocket-panel{background:#f7f3eb;border:1px solid var(--line);border-radius:18px;display:grid;gap:.55rem;overflow:auto;padding:1rem}.song-pocket-panel .grid-labels{min-width:620px}.pocket-feel-map{display:grid;min-width:620px}.pocket-meter{background:#f1ece3;border:1px solid var(--line);border-radius:16px;height:92px;overflow:hidden;position:relative}.pocket-meter.is-on{background:#f1ece3}.pocket-feel-label{background:rgba(247,243,235,.7);border:1px solid var(--line);border-radius:999px;color:#101010;font:900 .78rem/1 var(--mono);left:.8rem;letter-spacing:.04em;min-width:5.8rem;padding:.55rem .7rem;position:absolute;text-align:center;text-transform:uppercase;top:50%;transform:translateY(-50%);z-index:5}.pocket-meter.is-ahead .pocket-feel-label,.pocket-meter.is-behind .pocket-feel-label{color:#8d877f}.pocket-vocal-marker{background:#ff3b25;border-radius:999px;box-shadow:0 0 0 3px rgba(255,59,37,.1),0 0 12px rgba(255,59,37,.22);height:58px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:left .12s ease;width:4px;z-index:4}.pocket-beat-dot{align-items:center;background:#101010;border-radius:999px;color:#fff;display:flex;height:26px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:26px;z-index:3}.pocket-beat-dot small{align-items:center;background:#d8d3c8;border:1px solid rgba(255,255,255,.72);border-radius:999px;display:flex;height:14px;justify-content:center;opacity:1;position:static;width:14px}.pocket-beat-dot.is-beat-active{box-shadow:0 0 0 5px rgba(216,211,200,.3),0 0 14px rgba(16,16,16,.12)}.pocket-beat-dot.is-beat-active small{background:#f0ebe2;border-color:#fff;opacity:1}.pocket-feel-note{color:var(--muted);font-size:clamp(.8rem,1.2vw,.95rem);line-height:1.25;margin:0;min-width:620px;white-space:nowrap}.rapper-pattern-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;display:grid;gap:.75rem;padding:1rem}.pattern-guide{color:var(--muted);font-size:.9rem;line-height:1.35;margin:0}.rapper-patterns{display:grid;gap:.75rem;max-height:560px;overflow:auto;padding-right:.15rem}.rapper-pattern-card{background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:.55rem;padding:.85rem;transition:border-color .15s ease,box-shadow .15s ease}.rapper-pattern-card.is-active{border-color:#ff3b25;box-shadow:0 0 0 3px rgba(255,59,37,.08)}.rapper-pattern-card h4{font-size:1.15rem;letter-spacing:-.04em;line-height:1;margin:0}.emphasis-comparison-card{background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:.65rem;padding:.85rem}.emphasis-chart-head{display:grid;gap:.25rem}.emphasis-chart-head h4{font-size:1.15rem;letter-spacing:-.04em;line-height:1.05;margin:0}.emphasis-comparison-card svg{display:block;height:auto;max-width:100%;overflow:hidden}.emphasis-grid-line{stroke:#ddd5c8;stroke-width:1}.emphasis-beat-line{stroke:#101010;stroke-dasharray:3 7;stroke-opacity:.14;stroke-width:1}.emphasis-axis-label,.emphasis-x-label,.emphasis-y-title{fill:#6f6a62;font:900 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.emphasis-y-title{font-size:9px}.emphasis-curve{filter:drop-shadow(0 2px 2px rgba(16,16,16,.08))}.emphasis-point{stroke:#fff;stroke-width:2}.emphasis-legend{display:flex;flex-wrap:wrap;gap:.35rem}.emphasis-legend span{align-items:center;border:1px solid var(--line);border-radius:999px;color:#2b2925;display:inline-flex;font:900 .58rem/1 var(--mono);gap:.35rem;letter-spacing:.06em;padding:.38rem .48rem;text-transform:uppercase}.emphasis-legend i{background:var(--line-color);border-radius:999px;display:block;height:10px;width:10px}.pattern-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}.pattern-meta span{border:1px solid var(--line);border-radius:999px;color:var(--muted);font:900 .58rem/1 var(--mono);letter-spacing:.07em;padding:.35rem .45rem;text-transform:uppercase}.pattern-signature{color:#2b2925;font-size:.92rem;line-height:1.3;margin:0}.pattern-tabs{background:#f7f3eb;border:1px solid var(--line);border-radius:999px;display:grid;grid-template-columns:.8fr .9fr 1.35fr;gap:2px;padding:3px}.pattern-tabs button{appearance:none;background:transparent;border:0;border-radius:999px;color:#6f6a62;cursor:pointer;font:900 .58rem/1 var(--mono);letter-spacing:.07em;padding:.48rem .4rem;text-transform:uppercase}.pattern-tabs button.is-active{background:#101010;color:#fff}.pattern-tab-views{display:grid}.pattern-tab-panel{display:none;gap:.55rem}.pattern-tab-panel.is-active{display:grid}.pattern-chart-labels{color:var(--accent);font:900 .6rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.flow-formula{background:#101010;border-radius:12px;color:#fff;font-size:.88rem;line-height:1.35;margin:0;padding:.72rem .8rem}.flow-formula b{color:#f6b2aa;font:900 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.flow-teacher{background:#f7f3eb;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;gap:.25rem .55rem;padding:.55rem}.flow-axis{color:#6f6a62;font:900 .55rem/1.15 var(--mono);letter-spacing:.05em;text-transform:uppercase}.flow-axis-high{align-self:start}.flow-axis-low{align-self:end;grid-row:2}.flow-chart{align-items:end;display:grid;gap:4px;grid-column:2;grid-row:1/3;grid-template-columns:repeat(8,1fr);height:88px}.flow-chart i{align-items:end;background:#101010;border-radius:6px 6px 3px 3px;display:flex;justify-content:center;min-height:18px;padding-bottom:3px}.flow-chart i:nth-child(2n){background:#38332c}.flow-chart i:nth-child(3n){background:#e63926}.flow-chart i small{color:#fff;font:900 .52rem/1 var(--mono)}.flow-step-chart{background:#f7f3eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:3px;grid-template-columns:repeat(16,minmax(30px,1fr));overflow-x:auto;padding:.5rem}.flow-step-cell{align-content:center;background:#fff;border:1px solid var(--line);border-radius:9px;display:grid;gap:.24rem;min-height:44px;opacity:.48;text-align:center}.flow-step-cell b{color:#9a958b;font:900 .62rem/1 var(--mono)}.flow-step-cell.is-used{background:rgba(16,16,16,calc(.04+(var(--use) * .2)));opacity:1}.flow-step-cell.is-used b{color:#101010}.flow-fill{background:#101010;border-radius:999px;display:block;height:4px;justify-self:center;opacity:calc(.24+(var(--use) * .58));width:calc(16%+(var(--use) * 62%))}.chart-help{color:#6f6a62;font-size:.82rem;line-height:1.3;margin:-.2rem 0 .1rem}.bar-signature-chart{background:#f7f3eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:3px;grid-template-columns:repeat(16,minmax(30px,1fr));overflow-x:auto;padding:.5rem}.bar-signature-cell{align-content:center;background:#fff;border:1px solid var(--line);border-radius:9px;display:grid;gap:.24rem;min-height:46px;opacity:.46;position:relative;text-align:center}.bar-signature-cell b{color:#9a958b;font:900 .62rem/1 var(--mono)}.bar-fill{background:#101010;border-radius:999px;display:block;height:4px;justify-self:center;opacity:calc(.18+(var(--use) * .48));width:calc(16%+(var(--use) * 60%))}.bar-signature-cell.is-used{background:rgba(16,16,16,calc(.04+(var(--use) * .18)));opacity:1}.bar-signature-cell.is-used b{color:#101010}.bar-signature-cell.is-strong{background:rgba(255,59,37,calc(.045+(var(--stress) * .32)));border-color:rgba(255,59,37,calc(.22+(var(--stress) * .38)));box-shadow:inset 0 0 0 999px rgba(255,255,255,calc(.22 - (var(--stress) * .16)))}.bar-signature-cell.is-strong b{color:#101010}.bar-signature-cell.is-strong .bar-fill{background:#ff3b25;opacity:calc(.32+(var(--stress) * .6));width:calc(22%+(var(--stress) * 64%))}.stress-dot{background:#ff3b25;border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 calc(var(--stress) * 3px) rgba(255,59,37,.13);height:calc(6px+(var(--stress) * 7px));position:absolute;right:4px;top:4px;width:calc(6px+(var(--stress) * 7px))}.stress-step-chart{background:#f7f3eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:3px;grid-template-columns:repeat(16,minmax(30px,1fr));overflow-x:auto;padding:.5rem}.stress-cell{align-content:center;background:#fff;border:1px solid var(--line);border-radius:9px;display:grid;gap:.24rem;min-height:46px;opacity:.5;position:relative;text-align:center}.stress-cell b{color:#9a958b;font:900 .62rem/1 var(--mono)}.stress-fill{background:#101010;border-radius:999px;display:block;height:4px;justify-self:center;opacity:calc(.22+(var(--use) * .5));width:calc(18%+(var(--use) * 58%))}.stress-cell.is-used{background:rgba(16,16,16,calc(.04+(var(--use) * .18)));opacity:1}.stress-cell.is-used b{color:#101010}.stress-cell.is-strong{background:rgba(255,59,37,calc(.08+(var(--stress) * .34)));border-color:rgba(255,59,37,.45)}.stress-cell.is-strong b{color:#101010}.stress-cell.is-strong .stress-fill{background:#ff3b25;opacity:calc(.45+(var(--stress) * .5))}.pocket-pattern-chart{background:#f7f3eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:.55rem;padding:.6rem}.pocket-beat-ruler{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.pocket-beat-ruler span{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:flex;gap:.35rem;justify-content:center;min-height:32px}.pocket-beat-ruler b{background:#101010;border-radius:999px;color:#fff;display:grid;font:900 .62rem/1 var(--mono);height:20px;place-items:center;width:20px}.pocket-beat-ruler small{color:#6f6a62;font:900 .5rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.pocket-sequence{display:flex;flex-wrap:wrap;gap:.35rem}.pocket-pattern-chip{align-items:center;border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:.25rem;padding:.32rem .42rem}.pocket-pattern-chip b{background:#101010;border-radius:999px;color:#fff;display:grid;font:900 .52rem/1 var(--mono);height:20px;place-items:center;width:24px}.pocket-pattern-chip small{font:900 .55rem/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.pocket-pattern-chip.ahead{background:#e9f0ff;border-color:#b6c7e7;color:#2f5f9f}.pocket-pattern-chip.on{background:#fff8f6;border-color:#efc1ba;color:#e63926}.pocket-pattern-chip.behind{background:#f0e6fb;border-color:#ceb6ea;color:#7a3db8}.pocket-pattern-legend{display:flex;flex-wrap:wrap;gap:.35rem}.pocket-pattern-legend span{border:1px solid currentColor;border-radius:999px;font:900 .52rem/1 var(--mono);letter-spacing:.05em;padding:.32rem .42rem;text-transform:uppercase}.pocket-pattern-legend .ahead{color:#2f5f9f}.pocket-pattern-legend .on{color:#e63926}.pocket-pattern-legend .behind{color:#7a3db8}.beat-pocket-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.beat-pocket-item{background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;gap:.35rem;justify-items:center;min-height:70px;padding:.65rem .35rem;text-align:center}.beat-pocket-item b{font:900 .62rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}.beat-pocket-item small{border-radius:999px;font:900 .58rem/1 var(--mono);letter-spacing:.06em;padding:.34rem .42rem;text-transform:uppercase}.beat-pocket-item.ahead small{background:#e9f0ff;color:#2f5f9f}.beat-pocket-item.on small{background:#fff0ed;color:#e63926}.beat-pocket-item.behind small{background:#f0e6fb;color:#7a3db8}.pattern-read,.pattern-why,.pattern-switch{font-size:.88rem;line-height:1.35;margin:0;color:var(--muted)}.pattern-read b,.pattern-why b,.pattern-switch b{color:var(--ink)}.rap-analysis-copy{display:grid;gap:.55rem}.rap-analysis-copy p{color:#5f5a52;font-size:.9rem;line-height:1.42;margin:0}.rap-analysis-copy b,.rap-analysis-copy strong{color:#101010}.rap-analysis-copy strong{font-weight:900}.pattern-switch{border-top:1px solid var(--line);padding-top:.55rem}.song-analysis{padding-top:1.5rem}.song-section-head{border-top:0;padding-top:0}.song-analysis .song-section-head{margin-bottom:1rem}.song-panels{align-items:start}.song-panel{align-self:start}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}.local-audio-player{gap:.7rem;min-height:200px}.audio-cache-note{border-top:1px solid rgba(255,255,255,.18);color:#d8d2c8;font-size:.95rem;line-height:1.35;margin:0;padding-top:.75rem;max-width:680px}.live-fragment{flex-wrap:nowrap;font-size:clamp(1rem,1.85vw,1.6rem);gap:.2rem .72rem;letter-spacing:-.025em;line-height:1.12;min-height:2.35rem;overflow:hidden;white-space:nowrap}.live-token{flex:0 0 auto}.live-token.is-current{box-shadow:0 0 0 3px #101010}.live-cue-note{font-size:clamp(.68rem,1.05vw,.78rem);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:620px){.song-now-card h3{font-size:clamp(1.8rem,10vw,3rem)}.live-fragment{flex-wrap:nowrap;font-size:clamp(.9rem,4.9vw,1.35rem);min-height:2.2rem;white-space:nowrap}.song-grid-panel .grid-labels,.song-live-grid{min-width:620px}.song-live-grid{grid-template-columns:repeat(16,36px)}.song-live-grid .sub{height:50px}.song-live-grid .sub.hit small{font-size:.58rem}.song-pocket-panel .grid-labels,.pocket-feel-map,.pocket-feel-note{min-width:560px}.pocket-meter{height:84px}}@media (max-width:620px){.mobile-menu-toggle.is-open{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:95;}.nav-links.is-open{display:grid!important;max-height:calc(100vh - 68px);overflow:auto;}.nav-links.is-open a{display:flex!important;}.song-beta-hero{padding-top:2.55rem;padding-bottom:2.1rem;}.song-hero-copy{padding-bottom:.62rem;}.song-beta-hero .eyebrow{margin-bottom:.32rem;}.song-beta-hero h1{margin-bottom:.82rem;}.song-beta-hero .lede{margin-top:.36rem;margin-bottom:.62rem;max-width:23ch;}.song-hero-picker{margin-top:.3rem;}.song-console,.song-beta-layout,.song-player-card,.song-player-info,.song-player-analysis,.song-section-head,.song-panels,.song-now-card,.song-grid-panel,.song-pocket-panel,.rapper-pattern-panel,.rapper-patterns,.rapper-pattern-card{max-width:100%;overflow:hidden;}.song-console *,.song-player-card *,.song-now-card *,.song-section-head *,.song-panels *,.rapper-pattern-panel *{min-width:0;}.rapper-pattern-panel{padding:1rem .82rem;}.pattern-tabs{align-items:center;border-radius:999px;display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;width:100%;}.pattern-tabs button{min-height:36px;padding:.5rem .22rem;white-space:nowrap;}.pattern-read,.pattern-why,.pattern-switch,.pattern-signature,.pattern-guide,.chart-help,.flow-formula,.rap-analysis-copy p{max-width:100%;overflow-wrap:anywhere;}.pattern-tab-panel{overflow:hidden;}.beat-pocket-loop{gap:.3rem;grid-template-columns:repeat(4,minmax(0,1fr));}.beat-pocket-item{border-radius:10px;gap:.25rem;min-height:54px;padding:.45rem .18rem;}.beat-pocket-item b{font-size:.48rem;}.beat-pocket-item small{font-size:.42rem;max-width:100%;padding:.28rem .22rem;}}.bar-signature-chart,.flow-step-chart,.stress-step-chart{background:#f4efe6;border-color:#d7cfbf;}.bar-signature-cell,.flow-step-cell,.stress-cell{background:#fffaf2;border-color:#cfc6b7;opacity:.72;}.bar-signature-cell b,.flow-step-cell b,.stress-cell b{color:#625c52;}.bar-signature-cell.is-used,.flow-step-cell.is-used,.stress-cell.is-used{background-color:var(--cell-bg,rgba(16,16,16,.14));border-color:var(--cell-border,rgba(16,16,16,.28));opacity:1;}.bar-signature-cell.is-used b,.flow-step-cell.is-used b,.stress-cell.is-used b{color:#101010;}.bar-signature-cell.is-strong,.stress-cell.is-strong{background-color:var(--cell-bg,rgba(230,57,38,.34));border-color:var(--cell-border,rgba(230,57,38,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);}.bar-signature-cell.is-strong .bar-fill,.stress-cell.is-strong .stress-fill{background:#e63926;opacity:var(--fill-opacity,calc(.62+(var(--stress,0) * .32)));}.stress-dot{background:#e63926;box-shadow:0 0 0 calc(2px+(var(--stress,0) * 3px)) rgba(230,57,38,.24);}.live-verse-map{background:#f4efe6;border-radius:14px;padding:.42rem;}.verse-map-row.is-current{background:rgba(16,16,16,.06);border-color:#c9c1b3;}.verse-map-scale span{background:#fffaf2;border-color:#cdc4b6;}.verse-step.is-used{background-color:rgba(16,16,16,.24);border-color:rgba(16,16,16,.5);}.verse-step.cue-red{background-color:rgba(230,57,38,.48);border-color:rgba(230,57,38,.72)}.verse-step.cue-purple{background-color:rgba(143,98,207,.44);border-color:rgba(143,98,207,.66)}.verse-step.cue-blue{background-color:rgba(95,143,203,.42);border-color:rgba(95,143,203,.64)}.verse-step.cue-green{background-color:rgba(106,169,130,.42);border-color:rgba(106,169,130,.64)}.verse-step.cue-yellow{background-color:rgba(228,201,103,.46);border-color:rgba(196,162,54,.66)}.verse-step.cue-ink{background-color:rgba(16,16,16,.42);border-color:rgba(16,16,16,.62)}.verse-step.cue-soft{background-color:rgba(119,113,106,.36);border-color:rgba(119,113,106,.55)}.verse-step.is-now{outline:3px solid #e63926;outline-offset:1px;}.beat-analysis-mini-meters i{width:var(--level-width,0%);}.beat-analysis-mini-percent{background:rgba(255,255,255,.78);border:1px solid rgba(16,16,16,.12);border-radius:999px;padding:.1rem .28rem;}@media (max-width:620px){html,body{max-width:100%;overflow-x:hidden;}.site-header .nav{position:relative;}.mobile-menu-toggle.is-open{margin-left:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:95;}.nav-links.is-open{display:grid!important;max-height:calc(100vh - 68px);overflow:auto;}.nav-links.is-open a{display:flex!important;}.song-console,.song-beta-layout,.song-player-card,.song-player-info,.song-player-analysis,.song-section-head,.song-panels,.song-now-card,.song-grid-panel,.song-pocket-panel,.rapper-pattern-panel,.rapper-patterns,.rapper-pattern-card,.pattern-tab-panel{max-width:100%;overflow:hidden;}.song-console *,.song-player-card *,.song-now-card *,.song-grid-panel *,.song-pocket-panel *,.rapper-pattern-panel *{min-width:0;}.song-beta-hero{padding-top:2.55rem;padding-bottom:2.2rem;}.song-beta-hero .lede{margin-top:.42rem;margin-bottom:.7rem;max-width:21ch;}.rapper-pattern-panel{padding:1rem .82rem;}.pattern-tabs{align-items:center;border-radius:999px;display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;width:100%;}.pattern-tabs button{min-height:36px;padding:.5rem .18rem;white-space:nowrap;}.bar-signature-chart,.flow-step-chart,.stress-step-chart{overflow:hidden;}.pattern-signature,.pattern-read,.pattern-why,.pattern-switch,.rap-analysis-copy p,.chart-help{max-width:100%;overflow-wrap:anywhere;}}@media (min-width:981px){.song-beta-hero{align-items:start;display:grid;gap:1rem 1.5rem;grid-template-columns:minmax(0,.56fr) minmax(340px,.44fr);padding:1.15rem 0 .85rem;}.song-hero-copy{align-self:start;display:grid;gap:.58rem;min-width:0;}.song-beta-hero .eyebrow,.song-hero-picker .kicker{color:var(--accent);font-size:.76rem;line-height:1;margin:0;}.song-beta-hero h1{font-size:clamp(3.25rem,6.45vw,6rem);letter-spacing:-.078em;line-height:.84;margin-bottom:.35rem;}.song-beta-hero .lede{border-left:1px solid var(--line);color:#4f4a43;font-size:clamp(.98rem,1.18vw,1.08rem);line-height:1.28;margin:0;max-width:460px;padding-left:1rem;}.song-console{gap:.8rem;padding-top:.85rem;}.song-input-card{align-items:stretch;grid-template-areas:"intro chips";grid-template-columns:minmax(280px,350px) minmax(0,1fr);gap:.85rem 1rem;padding:1rem;}.song-hero-picker{align-self:start;grid-template-areas:"intro" "chips";grid-template-columns:1fr;gap:.58rem;max-height:calc(100vh - 130px);padding:.85rem;}.song-input-card>div:first-child{align-content:start;display:grid;gap:.55rem;grid-area:intro;}.song-input-card h2{font-size:clamp(1.85rem,2.45vw,2.5rem);line-height:.88;margin:0;}.song-input-card p{font-size:.9rem;line-height:1.26;max-width:340px;}.song-public-card{gap:.5rem;padding:.85rem;}.song-public-card>p:not(.kicker):not(.song-status){font-size:.94rem;line-height:1.35;}.song-status{border-radius:12px;font-size:.92rem;line-height:1.25;padding:.62rem .75rem;}.public-sync-check{gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr));}.public-sync-check span{border-radius:11px;padding:.5rem .6rem;}.public-sync-check em{font-size:.92rem}.cache-strip{align-content:start;border-top:0;gap:.4rem;grid-area:chips;padding-top:0;}.song-hero-picker .cache-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow:auto;padding-top:.55rem;}.cache-chip{font-size:.61rem;min-height:31px;padding:.5rem .62rem;}.song-hero-picker .cache-chip{justify-content:center;min-height:28px;padding:.42rem .55rem;width:100%;}.song-beta-layout{grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);gap:.85rem;margin-top:.85rem;}.song-player-card{align-items:start;display:grid;gap:.85rem 1rem;grid-template-columns:minmax(300px,.46fr) minmax(360px,.54fr);grid-template-areas:"info player";padding:1rem;}.song-player-info{grid-area:info;}.song-player-head{grid-template-columns:minmax(0,1fr);gap:.55rem;}.song-player-head h2{font-size:clamp(2rem,4.2vw,4.15rem);line-height:.86;margin:.1rem 0 .35rem;}.song-player-head .muted{font-size:.95rem;line-height:1.25;}.song-cache-pill{justify-self:start;}.song-player-shell{align-self:start;grid-area:player;margin-top:0;}.youtube-song-player{border-radius:14px;gap:.5rem;padding:.55rem;}.youtube-player-note{font-size:.72rem;line-height:1.2;padding-top:.5rem;}.song-sync-row{align-self:end;margin-top:0;}.song-sync-row .filter-btn{font-size:.76rem;padding:.48rem .62rem;}.song-now-card{align-content:start;gap:.7rem;padding:1rem;}.song-now-card h3{font-size:clamp(1.7rem,2.8vw,2.7rem);}.song-now-card>p:not(.kicker){font-size:.96rem;line-height:1.3;}.live-lyric-card,.song-grid-panel,.song-pocket-panel,.rapper-pattern-panel{border-radius:14px;padding:.75rem;}.live-fragment{font-size:clamp(1rem,1.35vw,1.36rem);min-height:1.9rem;}.song-grid-panel .grid-labels,.song-live-grid,.live-verse-map{min-width:640px;}.song-live-grid{grid-template-columns:repeat(16,minmax(34px,1fr));gap:4px;}.song-live-grid .sub{height:50px;border-radius:11px;}.song-live-grid .sub.hit small{font-size:clamp(.48rem,.65vw,.62rem);}.song-pocket-panel .grid-labels,.pocket-feel-map,.pocket-feel-note{min-width:520px;}.pocket-meter{height:76px}.rapper-patterns{max-height:430px}}.artist-strengths{align-items:stretch;grid-auto-rows:1fr;}.strength-card{align-content:start;display:grid;gap:.62rem;grid-template-rows:auto auto 1fr;min-height:138px;padding:1rem;}.strength-card b{display:block;font-size:clamp(1.05rem,1.65vw,1.28rem);line-height:1;min-height:1em;}.strength-card span{align-items:center;display:inline-flex;justify-content:center;justify-self:start;min-height:34px;}.strength-card p{align-self:start;font-size:clamp(.92rem,1.15vw,1rem);line-height:1.28;}@media (min-width:981px){.beat-lab-hero{gap:.8rem 1.5rem;grid-template-columns:minmax(0,.56fr) minmax(320px,.44fr);padding:1.45rem 0 1.05rem;}.beat-lab-hero h1{font-size:clamp(3.25rem,5.85vw,5.05rem);letter-spacing:-.074em;line-height:.84;}.beat-lab-hero .lede{align-self:end;border-left:1px solid var(--line);font-size:clamp(.98rem,1.22vw,1.12rem);line-height:1.32;margin:0 0 .25rem;max-width:500px;padding-left:1rem;}.beat-console{padding-top:.45rem;}.beat-selector-card{align-items:start;gap:.85rem 1.35rem;grid-template-columns:minmax(440px,.78fr) minmax(420px,1.22fr);padding:1rem;}.beat-selector-card h2{font-size:clamp(1.9rem,2.85vw,3rem);margin:.1rem 0 .45rem;}.beat-selector-card p{font-size:.98rem;line-height:1.35;}.beat-chip-strip{align-self:start;gap:.4rem;justify-content:flex-end;margin-top:3.35rem;}.beat-chip{font-size:.6rem;min-height:31px;padding:.5rem .62rem;}}.atlas-hero h1{letter-spacing:-.065em;}.atlas-hero h1 span+span{margin-left:.08em;}.footer{align-items:center;grid-template-columns:1fr auto 1fr;}.footer-credit{text-align:center;}.footer-links{text-align:right;}@media (max-width:620px){.footer{grid-template-columns:1fr;}.footer-credit,.footer-links{text-align:left;}}.mobile-menu-toggle{align-items:center;appearance:none;background:var(--paper);border:1px solid var(--line);border-radius:999px;cursor:pointer;display:none;flex:0 0 auto;height:34px;justify-content:center;padding:0;position:relative;width:40px;}.mobile-menu-toggle span{background:var(--ink);border-radius:999px;display:block;height:2px;left:50%;position:absolute;top:50%;transition:transform .18s ease,opacity .18s ease;transform:translate(-50%,-50%);transform-origin:center;width:16px;}.mobile-menu-toggle span:nth-child(1){top:calc(50% - 5px)}.mobile-menu-toggle span:nth-child(3){top:calc(50%+5px)}.mobile-menu-toggle.is-open span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg);}.mobile-menu-toggle.is-open span:nth-child(2){opacity:0}.mobile-menu-toggle.is-open span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg);}@media (max-width:620px){html,body{max-width:100%;overflow-x:hidden;}main{padding:0 1rem 3rem;}.site-header{min-height:52px;}.nav{display:flex;gap:.45rem;max-width:none;min-height:52px;padding:.48rem 1rem;position:relative;}.brand{flex:0 0 auto;gap:0;}.brand .mark{height:34px;width:34px;font-size:.78rem;}.brand span:not(.mark){display:none;}.nav-links{align-items:center;flex:0 1 auto;flex-wrap:nowrap;gap:.32rem;justify-content:flex-end;margin-left:auto;min-width:0;overflow:visible;}.nav-links a{display:none;font-size:.66rem;line-height:1;padding:.48rem .54rem;white-space:nowrap;}.nav-links a[href="song-lab-v3.html"],.nav-links a[href="beat-lab.html"]{display:inline-flex;}.mobile-menu-toggle{display:inline-flex;position:relative;}.nav-links.is-open{align-content:start;background:rgba(255,254,251,.98);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(16,16,16,.14);display:grid;gap:.2rem;grid-template-columns:1fr;padding:.48rem;position:absolute;right:1rem;top:calc(100%+.45rem);width:min(280px,calc(100vw - 2rem));z-index:80;}.nav-links.is-open a{border-radius:12px;display:flex;justify-content:flex-start;padding:.7rem .75rem;}.hero{align-items:start;gap:1.5rem;min-height:0;padding:2.35rem 0 2.6rem;}.hero .eyebrow{margin-bottom:.72rem;}.hero h1{font-size:clamp(4.1rem,20vw,5.6rem);letter-spacing:-.075em;line-height:.86;}.hero .lede{font-size:clamp(1.18rem,5.6vw,1.55rem);line-height:1.2;margin-top:1rem;max-width:20ch;}.hero .tag-row{margin-top:.9rem;}.hero-card{min-height:260px;padding:1rem;}.section{padding:2.25rem 0;}.footer{gap:.45rem;grid-template-columns:1fr;justify-items:center;padding:1.6rem 1rem 2rem;text-align:center;}.footer-credit,.footer-links{text-align:center;}.song-beta-hero{gap:1.05rem;padding-top:1.55rem;}.song-hero-copy{gap:.72rem;}.song-beta-hero .eyebrow{margin-bottom:.15rem;}.song-beta-hero h1{font-size:clamp(2.9rem,14.4vw,4.05rem);letter-spacing:-.066em;line-height:.92;margin:0;max-width:100%;}.song-beta-hero .lede{font-size:clamp(1.04rem,4.8vw,1.22rem);line-height:1.26;margin:.12rem 0 .1rem;max-width:28ch;}.song-input-card,.song-player-card,.song-now-card,.song-panel,.pipeline-card,.song-public-card{max-width:100%;min-width:0;}.song-player-card{display:grid;gap:.8rem;grid-template-columns:1fr;}.song-player-info,.song-player-shell,.song-player-analysis,.song-now-card,.live-lyric-card,.song-grid-panel,.song-pocket-panel,.rapper-pattern-panel{min-width:0;}.public-sync-check{grid-template-columns:1fr;}.live-fragment{font-size:clamp(.82rem,4.3vw,1.18rem);gap:.16rem .36rem;max-width:100%;}.song-grid-panel,.song-pocket-panel{overflow-x:auto;}.song-grid-panel .grid-labels,.song-live-grid,.live-verse-map,.song-pocket-panel .grid-labels,.pocket-feel-map,.pocket-feel-note{min-width:0;width:100%;}.song-live-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:2px;}.song-live-grid .sub{border-radius:8px;height:42px;min-width:0;padding:.16rem .08rem;}.song-live-grid .sub small,.song-live-grid .sub .grid-step-label{font-size:.42rem;}.live-verse-map{overflow:hidden;}.verse-map-row{grid-template-columns:28px minmax(0,1fr);}.verse-map-scale{grid-template-columns:repeat(16,minmax(0,1fr));}.verse-map-scale span{height:10px;}.pocket-meter{height:76px;min-width:0;}.pocket-feel-label{font-size:.58rem;left:.5rem;min-width:4.7rem;padding:.42rem .45rem;}.pocket-beat-dot{height:22px;width:22px;}.pocket-beat-dot small{height:11px;width:11px;}.pattern-tabs{grid-template-columns:1fr;border-radius:14px;}.rapper-pattern-panel{overflow:hidden;padding:.85rem;}.rapper-pattern-panel *,.rapper-pattern-panel .grid-labels,.rapper-pattern-panel .pattern-guide,.rapper-pattern-panel .rapper-patterns,.rapper-pattern-panel .rapper-pattern-card{box-sizing:border-box;max-width:100%;min-width:0;}.rapper-pattern-panel .grid-labels{align-items:flex-start;flex-wrap:wrap;gap:.32rem;margin-bottom:.15rem;width:100%;}.rapper-pattern-panel .grid-labels b,.rapper-pattern-panel .grid-labels span{max-width:100%;overflow-wrap:anywhere;}.pattern-guide{font-size:.82rem;line-height:1.32;overflow-wrap:anywhere;}.rapper-patterns{max-height:none;overflow:visible;padding-right:0;}.rapper-pattern-card{gap:.48rem;min-width:0;overflow:hidden;padding:.72rem;}.rapper-pattern-card h4,.pattern-signature,.pattern-read,.pattern-why,.pattern-switch,.rap-analysis-copy p{overflow-wrap:anywhere;word-break:normal;}.pattern-signature,.pattern-read,.pattern-why,.pattern-switch,.rap-analysis-copy p{font-size:.78rem;line-height:1.32;}.pattern-meta span{font-size:.5rem;padding:.3rem .38rem;}.flow-teacher{grid-template-columns:46px minmax(0,1fr);padding:.4rem;}.flow-axis{font-size:.46rem;}.flow-chart{gap:2px;height:58px;}.flow-chart i{border-radius:4px 4px 2px 2px;min-height:12px;padding-bottom:2px;}.flow-chart i small{font-size:.42rem;}.flow-step-chart,.bar-signature-chart,.stress-step-chart{gap:2px;grid-template-columns:repeat(16,minmax(0,1fr));overflow:hidden;padding:.35rem;}.flow-step-cell,.bar-signature-cell,.stress-cell{border-radius:6px;gap:.14rem;min-height:32px;}.flow-step-cell b,.bar-signature-cell b,.stress-cell b{font-size:.42rem;}.flow-fill,.bar-fill,.stress-fill{height:3px;}}@media (max-width:620px){.mobile-menu-toggle.is-open{margin-left:auto;z-index:90;}.nav-links.is-open{max-height:calc(100vh - 68px);overflow:auto;}.nav-links.is-open a{display:flex!important;}.song-beta-hero{padding-top:2.15rem;padding-bottom:1.75rem;}.song-hero-copy{padding-bottom:.35rem;}.song-beta-hero .eyebrow{margin-bottom:.32rem;}.song-beta-hero h1{margin-bottom:.82rem;}.song-beta-hero .lede{margin-top:.2rem;margin-bottom:.45rem;max-width:24ch;}.song-hero-picker{margin-top:.3rem;}.song-console,.song-beta-layout,.song-now-card,.rapper-pattern-panel,.rapper-patterns,.rapper-pattern-card{max-width:100%;overflow:hidden;}.rapper-pattern-panel{padding:1rem .82rem;}.pattern-tabs{align-items:center;border-radius:999px;display:grid;gap:3px;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;width:100%;}.pattern-tabs button{min-height:36px;padding:.5rem .22rem;white-space:nowrap;}.pattern-tab-panel{overflow:hidden;}.beat-pocket-loop{gap:.3rem;grid-template-columns:repeat(4,minmax(0,1fr));}.beat-pocket-item{border-radius:10px;gap:.25rem;min-height:54px;padding:.45rem .18rem;}.beat-pocket-item b{font-size:.48rem;}.beat-pocket-item small{font-size:.42rem;max-width:100%;padding:.28rem .22rem;}}