.wrap{max-width:var(--content-max);padding:var(--s5) var(--s5) var(--s6);gap:var(--s5);flex-direction:column;margin:0 auto;display:flex}.crumb{justify-content:space-between;align-items:center;display:flex}.mutebtn{background:var(--brand-soft);color:var(--brand);border:none;border-radius:999px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600}h1{font-size:clamp(28px,6.5vw,38px)}.lede{color:var(--muted);max-width:60ch;font-size:17px}.step{gap:var(--s4);flex-direction:column;display:flex}.stephead{flex-direction:column;gap:4px;display:flex}.stephead h2{font-family:var(--font-display);font-size:20px}.howto{color:var(--muted);font-size:13.5px}.mini{background:var(--brand-soft);color:var(--brand);cursor:pointer;border:none;border-radius:999px;align-self:flex-start;min-height:44px;padding:10px 16px;font-size:14px;font-weight:600}.wgrid{gap:var(--s3);grid-template-columns:repeat(auto-fill,minmax(138px,1fr));margin:0;padding:0;list-style:none;display:grid}.wcard{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;transition:border-color .16s,box-shadow .16s;position:relative;overflow:hidden}@media (hover:hover){.wcard:hover{border-color:var(--brand);box-shadow:var(--shadow-soft)}}.wc-face{width:100%;min-height:104px;padding:var(--s3) var(--s3) 40px;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:2px;font-family:inherit;transition:transform .12s;display:flex}@media (prefers-reduced-motion:no-preference){.wc-face.pressed{transform:scale(.98)}}.w-num{font-family:var(--font-display);color:var(--muted);font-size:15px;position:absolute;top:8px;right:12px}.wc-face .w-han{font-family:var(--font-hanzi);color:var(--ink);font-size:26px;line-height:1.3}.wc-face .w-py{color:var(--brand);font-size:14px;font-weight:600}.wc-face .w-en{color:var(--muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.wc-ear{left:var(--s3);color:var(--audio);opacity:.75;display:inline-flex;position:absolute;bottom:8px}.wc-ear svg{width:17px;height:17px}.wcard.s0 .wc-ear{opacity:.9;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.wcard.s0 .wc-ear svg{width:30px;height:30px}.wcard.playing .wc-ear{opacity:1;animation:.7s infinite alternate ear-pulse}.wcard.s0.playing .wc-ear{animation:none}@keyframes ear-pulse{0%{transform:scale(1)}to{transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.wcard.playing .wc-ear{animation:none}}@media (prefers-reduced-motion:no-preference){.lit{animation:.3s wfade}}@keyframes wfade{0%{opacity:0}}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:var(--s5);gap:var(--s4);flex-direction:column;display:flex}.center{text-align:center;align-items:center}.big{font-family:var(--font-display);font-size:22px}.meta{color:var(--muted);font-size:15px}.cta{background:var(--audio);color:var(--on-audio);font-family:var(--font-display);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;min-height:52px;padding:12px 24px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.cta:disabled,.mini:disabled{opacity:.45;cursor:default}.cta-ghost{background:var(--brand-soft);color:var(--brand)}.playbtn{background:var(--audio);width:88px;height:88px;color:var(--on-audio);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-self:center;align-items:center;display:inline-flex}.playbtn svg{width:36px;height:36px}.stem{font-size:22px}.qen{color:var(--muted);font-size:16px}.opts{gap:var(--s3);flex-direction:column;display:flex}.obtn{background:var(--brand-soft);min-height:56px;color:var(--ink);padding:var(--s3) var(--s4);cursor:pointer;border:none;border-radius:16px;font-size:17px}.obtn.good{background:var(--chip-leaf)}.obtn.bad{background:var(--chip-sand)}.pebbles{flex-wrap:wrap;gap:4px;min-height:18px;display:flex}.pebbles img{width:auto;height:18px}.pebbles img[src*=plain]{opacity:.45}.note{color:var(--muted);min-height:1.4em;font-size:16px}.endbtns{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.profix{color:var(--muted);max-width:52ch;margin:0;font-size:14.5px;line-height:1.5}.profix a{color:var(--brand);font-weight:600}.endbtns .cta{align-self:center}#warmfold{gap:var(--s4);flex-direction:column;display:flex}#warmfold>summary{cursor:pointer;padding:var(--s2) 0;flex-direction:column;justify-content:center;gap:4px;min-height:44px;list-style:none;display:flex}#warmfold>summary::-webkit-details-marker{display:none}.foldhint{color:var(--muted);font-size:13.5px}#warmfold[open] .foldhint{display:none}