.listening-shell{--listening-blue:#315ac7;--listening-sky:#dce8ff;background:radial-gradient(circle at 91% 4%, #315ac721, transparent 25rem), var(--paper);min-height:100dvh}.listening-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);min-height:76px;margin:0 auto;display:flex}.listening-wordmark{align-items:center;gap:11px;min-height:44px;font-size:14px;display:inline-flex}.listening-wordmark>span{color:#fff;background:var(--ink);width:34px;height:34px;font:800 15px/1 var(--font-geist-mono);border-radius:50%;place-items:center;display:grid}.listening-home-link{min-height:44px;color:var(--muted);border:1px solid var(--line);border-radius:999px;align-items:center;padding:10px 14px;font-size:13px;font-weight:720;display:inline-flex}.listening-intro{grid-template-columns:minmax(0,1fr) minmax(250px,.42fr);align-items:end;gap:22px 64px;width:min(1120px,100% - 40px);margin:0 auto;padding:clamp(66px,9vw,112px) 0 clamp(54px,7vw,82px);display:grid}.listening-kicker{color:var(--listening-blue);font:780 12px/1.4 var(--font-geist-mono);letter-spacing:.14em;text-transform:uppercase;grid-column:1/-1;margin:0}.listening-intro h1{letter-spacing:-.068em;text-wrap:balance;margin:0;font-size:clamp(50px,7.5vw,90px);line-height:.98}.listening-intro>p:not(.listening-kicker){max-width:760px;color:var(--muted);grid-column:1;margin:2px 0 0;font-size:clamp(16px,1.6vw,19px);line-height:1.82}.listening-intro aside{color:#fff;background:var(--ink);border-radius:20px;flex-direction:column;grid-area:2/2/span 2;justify-content:flex-end;gap:9px;min-height:210px;padding:26px;display:flex}.listening-intro aside strong{color:#ffffff80;font:740 11px/1 var(--font-geist-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:auto}.listening-intro aside span{background:#ffffff14;border-radius:7px;padding:10px 12px;font-size:13px}.listening-content{width:min(1120px,100% - 40px);margin:0 auto;padding-bottom:clamp(80px,11vw,130px)}.chunk-dashboard{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.chunk-dashboard>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:145px;padding:22px}.chunk-dashboard span{color:var(--listening-blue);font:760 clamp(30px, 4vw, 46px)/1 var(--font-geist-mono);display:block}.chunk-dashboard small{color:var(--muted);margin-top:22px;font-size:12px;display:block}.chunk-controls{justify-content:space-between;align-items:center;gap:20px;padding:30px 0 18px;display:flex}.chunk-category-tabs{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.chunk-category-tabs::-webkit-scrollbar{display:none}.chunk-controls button{min-height:44px;color:var(--muted);border:1px solid var(--line);font:720 12px/1 var(--font-geist-sans);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:10px 14px}.chunk-controls button.is-active{color:#fff;background:var(--ink);border-color:var(--ink)}.chunk-category-tabs button.is-active{background:var(--listening-blue);border-color:var(--listening-blue)}.chunk-mode-note{max-width:820px;color:var(--muted);margin:0 0 30px;font-size:13px;line-height:1.72}.chunk-storage-warning{color:#743611;background:#f7dfc8;border-radius:8px;margin:-12px 0 30px;padding:12px 14px;font-size:13px;line-height:1.6}.rhythm-stage{border:1px solid var(--line);background:#ffffff6b;border-radius:18px;gap:26px;padding:clamp(26px,3.6vw,38px);display:grid}.rhythm-player{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.rhythm-play{color:#fff;background:var(--listening-blue);min-height:56px;font:780 15px/1 var(--font-geist-sans);cursor:pointer;border:0;border-radius:10px;align-items:center;gap:12px;padding:14px 26px;display:inline-flex}.rhythm-play:disabled{cursor:default;background:#17201f33}.rhythm-player p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.rhythm-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rhythm-option{text-align:left;min-height:96px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-content:center;gap:12px;padding:20px 22px;display:grid}.rhythm-option strong{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:clamp(19px,2.1vw,25px);font-weight:600;line-height:1.2}.rhythm-option:disabled{cursor:default}.rhythm-option.is-wrong{color:var(--muted);background:#17201f0d;border-style:dashed}.rhythm-option.is-answer{border-color:var(--listening-blue);box-shadow:inset 0 0 0 1px var(--listening-blue)}.rhythm-option-shape{align-items:center;gap:12px;display:flex}.rhythm-option-shape em{color:var(--muted);font:700 12px/1 var(--font-geist-mono);letter-spacing:.18em;font-style:normal}.rhythm-bar{align-items:center;gap:6px;display:inline-flex}.rhythm-bar i{background:var(--listening-blue);border-radius:999px;display:block}.rhythm-bar .beat-strong{width:20px;height:10px}.rhythm-bar .beat-weak{opacity:.42;width:8px;height:6px}.rhythm-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.rhythm-giveup{min-height:44px;color:var(--muted);border:1px solid var(--line);font:700 12px/1 var(--font-geist-sans);cursor:pointer;background:0 0;border-radius:999px;padding:11px 16px}.rhythm-actions p{color:#743611;margin:0;font-size:13px;font-weight:700}.rhythm-reveal{border-top:1px solid var(--line);gap:22px;padding-top:24px;display:grid}.rhythm-reveal-head{gap:10px;display:grid}.rhythm-score{font:760 11px/1 var(--font-geist-mono);letter-spacing:.08em;border-radius:999px;justify-self:start;padding:7px 12px}.rhythm-score.score-2{color:#14442c;background:var(--mint)}.rhythm-score.score-1{color:#743611;background:#f7dfc8}.rhythm-score.score-0{color:#fff;background:var(--ink)}.rhythm-reveal-head strong{letter-spacing:-.032em;font-family:Georgia,Times New Roman,serif;font-size:clamp(26px,3.2vw,38px);font-weight:600;line-height:1.15}.rhythm-reveal-head p{color:var(--muted);margin:0;font-size:15px}.rhythm-syllables{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rhythm-syllables li{border:1px solid var(--line);border-radius:10px;justify-items:center;gap:8px;min-width:62px;padding:12px 14px;display:grid}.rhythm-syllables b{font:700 15px/1 var(--font-geist-mono)}.rhythm-syllables i{font-style:normal;line-height:1}.rhythm-syllables li.is-strong{background:var(--listening-sky);border-color:#0000}.rhythm-syllables li.is-strong i{color:var(--listening-blue);font-size:17px}.rhythm-syllables li.is-weak b{color:var(--muted);font-weight:500}.rhythm-syllables li.is-weak i{color:var(--muted);font-size:20px}.rhythm-cue,.rhythm-shape-note{max-width:760px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.rhythm-shape-note{border-left:2px solid var(--line);padding-left:14px}.rhythm-reveal-actions{flex-wrap:wrap;gap:12px;display:flex}.rhythm-reveal-actions a,.rhythm-next{min-height:48px;font:740 13px/1 var(--font-geist-sans);cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:13px 20px;display:inline-flex}.rhythm-reveal-actions a{color:var(--ink);border:1px solid var(--line);background:0 0}.rhythm-next{color:#fff;background:var(--ink);border:0}.chunk-source-note{color:#fff;background:var(--ink);border-radius:18px;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:46px;margin-top:58px;padding:clamp(26px,4vw,42px);display:grid}.chunk-source-note>div:first-child>p{color:#ffffff75;font:720 11px/1 var(--font-geist-mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.chunk-source-note h2{letter-spacing:-.045em;margin:24px 0 0;font-size:clamp(27px,3.4vw,42px);line-height:1.1}.chunk-source-note>div:last-child>p{color:#ffffffa3;margin:0 0 16px;font-size:14px;line-height:1.75}.chunk-source-note nav{flex-wrap:wrap;gap:10px 18px;margin-top:26px;display:flex}.chunk-source-note nav a{min-height:44px;color:var(--listening-sky);align-items:center;font-size:12px;font-weight:730;display:inline-flex}.listening-footer{color:#ffffff9e;background:var(--ink);justify-content:space-between;align-items:center;gap:24px;padding:34px max(20px,50vw - 560px);font-size:12px;display:flex}.listening-footer span{color:#fff;font-weight:760}.listening-footer a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:820px){.listening-intro{grid-template-columns:1fr}.listening-intro aside{grid-area:auto/1;min-height:190px}.chunk-dashboard{grid-template-columns:repeat(2,1fr)}.chunk-controls{flex-direction:column;align-items:flex-start}.chunk-category-tabs{width:100%}.rhythm-options,.chunk-source-note{grid-template-columns:1fr}}@media (max-width:560px){.listening-header,.listening-intro,.listening-content{width:min(100% - 28px,1120px)}.listening-header{min-height:66px}.listening-home-link{padding-inline:11px;font-size:11px}.listening-intro{padding-top:54px}.listening-intro h1{font-size:clamp(43px,14vw,60px)}.chunk-dashboard>div{min-height:128px;padding:18px}.chunk-dashboard small{margin-top:16px}.rhythm-stage{padding:22px 18px}.rhythm-play{justify-content:center;width:100%}.rhythm-reveal-actions a,.rhythm-next{flex:1;justify-content:center}.listening-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.rhythm-stage{scroll-behavior:auto}}