.zv-presets{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 16px}.zv-presets button,.zv-steps button{font:inherit;font-size:12px;min-height:44px;padding:10px 12px;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:13px;cursor:pointer}.zv-presets button[aria-pressed=true],.zv-steps button[aria-pressed=true]{background:var(--primary-3);border-color:var(--primary);color:var(--ink)}
.zv-stage{position:relative;border:1px solid var(--line);border-radius:21px;background:linear-gradient(145deg,var(--primary-3),var(--surface));overflow:hidden;padding:19px 0 15px}.zv-total{text-align:center}.zv-total span{display:block;font-size:9px;font-weight:600;letter-spacing:.16em;color:var(--muted)}.zv-total strong{display:block;font-size:29px;letter-spacing:-.025em;margin-top:6px;color:var(--ink);font-variant-numeric:tabular-nums}.zv-illustration{display:block;width:100%;height:auto;max-height:310px;overflow:visible}.zv-tray{fill:var(--surface);stroke:var(--line);stroke-width:1}.zv-tile{fill:var(--primary);opacity:.52;stroke:var(--surface);stroke-width:1}.zv-share{fill:#a97d43;opacity:1;transform:translate(0,0)}.zv-pocket{fill:var(--surface);stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}.zv-fraction{fill:var(--muted);font:12px system-ui,sans-serif}.zv-route{fill:none;stroke:var(--primary);stroke-width:1.5;stroke-dasharray:3 6;opacity:.25}.zv-player[data-step="0"] .zv-pocket,.zv-player[data-step="0"] .zv-fraction,.zv-player[data-step="0"] .zv-route{opacity:0}.zv-player[data-step="1"] .zv-share{filter:drop-shadow(0 0 5px #a97d4355)}.zv-player[data-step="2"] .zv-share{transform:translate(-115px,67px)}.zv-player[data-step="2"][data-animated-share=true] .zv-share{animation:zv-separate 2.2s cubic-bezier(.2,.75,.25,1) both;animation-play-state:paused}.zv-player[data-step="2"] .zv-fraction{transform:translateY(16px);font-size:9px}
.zv-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 20px;font-size:10px;color:var(--muted);padding:0 12px}.zv-legend span{display:flex;align-items:center;gap:6px}.zv-legend i{height:9px;width:9px;border-radius:3px;background:var(--primary);opacity:.55}.zv-legend span+span i{background:#a97d43;opacity:1}.zv-current{text-align:center;padding-top:18px}.zv-current h3{font-size:21px;margin:0 0 8px}.zv-current>p{min-height:69px}.zv-equation{display:flex;flex-direction:column;align-items:center;margin-top:15px;padding:15px;border-radius:16px;background:var(--primary-3);font-variant-numeric:tabular-nums}.zv-equation>span{font-size:11px;color:var(--muted)}.zv-equation strong{color:var(--primary);font-size:27px;margin:6px 0}.zv-equation small{font-size:10px;color:var(--muted)}.zv-controls{margin-top:19px}.zv-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.zv-steps button{padding:9px 5px;font-size:10px;line-height:1.5}.lesson-visual .zv-scope{font-size:11px;line-height:1.65;border-top:1px solid var(--line);padding-top:15px;margin-top:19px}
.zv-player[data-step="1"] .zv-tile{animation:zv-breathe 2s ease-in-out infinite;animation-play-state:paused}.zv-player .zv-tile{animation-play-state:paused}.zv-player[data-playing=true] .zv-tile{animation-play-state:running}.zv-player[data-playing=true][data-step="2"][data-animated-share=true] .zv-share{animation-play-state:running}@keyframes zv-breathe{0%,100%{opacity:.52}50%{opacity:.8}}@keyframes zv-separate{from{transform:translate(0,0)}to{transform:translate(-115px,67px)}}.zv-player[data-reduced=true] *{animation:none!important;transition:none!important}
.zv-controls{gap:6px}.zv-controls>button:not(.lv-play){flex:0 0 44px;min-width:44px;padding:9px}.zv-controls .lv-play{flex:1;min-width:0;max-width:195px;padding:10px 6px;font-size:13px}
@media(max-width:360px){.zv-presets{gap:5px}.zv-presets button{font-size:10px;padding:9px 8px}.zv-total strong{font-size:25px}.zv-current h3{font-size:19px}.zv-current>p{min-height:94px}}
@media(prefers-reduced-motion:reduce){.zv-player *{animation:none!important;transition:none!important}}