.music-strip{display:flex;align-items:center;gap:6px;font-size:11px}.music-strip button{min-height:36px;padding:8px 12px;border-radius:18px;background:#dfeadf;white-space:nowrap}.music-strip button[aria-pressed=true]{background:#285355;color:#fff9e6}.music-strip .music-next{width:34px;padding:6px}.music-title{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#61766b}.effects-toggle{font-size:12px;text-align:left;padding:10px;background:#e9efdf;border-radius:10px}.success-scene{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.success-halo{position:absolute;left:50%;top:48%;width:140px;height:140px;margin:-70px;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff5cc75,transparent 70%)}.success-scene.is-celebrating{animation:scene-warmth 1.15s ease-out}.success-scene.is-celebrating .success-halo{animation:success-halo 1.2s ease-out}.success-scene i{position:absolute;left:50%;top:48%;font-style:normal;color:#f9e6a6;text-shadow:0 1px 5px #567c5970;font-size:21px;opacity:0}.success-scene.is-celebrating i{animation:success-spark 1.05s ease-out var(--delay) both}.success-title{display:flex;gap:12px;align-items:center;margin:8px 0;font-size:23px;color:#276655;line-height:1.4}.success-check{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#d7ead4;color:#2f785d;font-size:25px;flex:none;box-shadow:0 0 0 5px #eef5df}.success-detail{font-size:13px;color:#637769;line-height:1.7;margin:8px 0}.success-badge{font-size:11px;color:#557366;letter-spacing:.04em}.step-track{display:flex;gap:5px;align-items:center;overflow:auto;padding:2px 0 10px;scrollbar-width:none}.step-track span{height:5px;min-width:16px;flex:1;border-radius:6px;background:#dde5d5}.step-track .complete{background:#75a482}.step-track .current{background:#deb45e}.handoff-note{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.6;padding:6px 0}.handoff-dot{width:11px;height:11px;background:#87b79a;border-radius:50%;animation:handoff-pulse 1s ease-in-out infinite}.level-note{font-size:11px;color:#627769;margin:0 0 8px}.level-pill{display:inline-block;padding:5px 10px;background:#e3ecd9;border-radius:14px;font-size:11px;margin-bottom:8px}.greeting-choice .symbol{font-size:31px}.greeting-choice .zh{font-size:23px}.greeting-choice{max-width:410px}.success-title.animate .success-check{animation:success-check .45s cubic-bezier(.2,.8,.3,1.3)}
@keyframes scene-warmth{0%{background:#f9e49b00}20%{background:#f9e49b17}100%{background:#f9e49b00}}
@keyframes success-halo{0%{opacity:0;transform:scale(.5)}30%{opacity:.9}100%{opacity:0;transform:scale(2.4)}}
@keyframes success-spark{0%{opacity:0;transform:rotate(var(--angle)) translateY(-12px) rotate(calc(-1 * var(--angle))) scale(.4)}20%{opacity:1}100%{opacity:0;transform:rotate(var(--angle)) translateY(calc(-1 * var(--distance))) rotate(calc(-1 * var(--angle))) scale(1.05)}}
@keyframes success-check{0%{transform:scale(.7)}75%{transform:scale(1.1)}100%{transform:scale(1)}}
@keyframes handoff-pulse{50%{opacity:.45;transform:scale(.8)}}
@media(max-width:600px){.music-strip{width:100%;justify-content:center}.music-title{max-width:145px;font-size:10px}.music-strip button{min-height:35px;font-size:11px;padding:7px 11px}.success-title{font-size:21px}.success-check{width:39px;height:39px;font-size:22px}.success-detail{font-size:12px}.greeting-choice{max-width:none}}
@media(prefers-reduced-motion:reduce){.success-scene.is-celebrating,.success-scene.is-celebrating i,.success-scene.is-celebrating .success-halo,.success-title.animate .success-check,.handoff-dot{animation:none}.success-scene.is-celebrating .success-halo{opacity:.25}.success-check{box-shadow:0 0 0 5px #eef5df}}

.choice.is-speaking{border-color:#d2ac53;background:#f8e8b4;box-shadow:0 0 0 3px #f1d58f55;opacity:1}.choice.is-speaking .zh{color:#584f23}

.hello-song-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hello-song-top label{font-size:12px;display:flex;align-items:center;gap:6px}.hello-song-top select{font:inherit;border:1px solid #d6dfcd;border-radius:12px;padding:7px;color:#376653;background:#fcfcf2}.hello-wave{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;isolation:isolate;width:100%;min-height:94px;overflow:hidden;border:2px solid #d1dfb9;border-radius:25px;background:linear-gradient(125deg,#f5edc1,#e3efd2);box-shadow:0 5px 0 #d0debd;touch-action:manipulation}.hello-wave:disabled{opacity:.68}.hello-hand{font-size:44px;transform-origin:65% 75%}.hello-wave strong{display:block;font-size:33px;letter-spacing:.07em}.hello-wave small{display:block;font-size:12px;color:#637553}.hello-wave.waved{background:#fae6a9}.hello-wave.waved .hello-hand{animation:hello-wave .65s ease-in-out}.hello-wave-ring{position:absolute;inset:12px 28%;border:3px solid #e9c75d;border-radius:50%;opacity:0;pointer-events:none;z-index:-1}.hello-wave.waved .hello-wave-ring{animation:tap-wave .65s ease-out}.hello-progress{height:4px;overflow:hidden;border-radius:3px;margin:14px 0 0;background:#e2e9d6}.hello-progress i{display:block;height:100%;background:#82a575;width:0}.hello-status{font-size:12px;line-height:1.6;margin:10px 0 14px;color:#5d7554}@keyframes hello-wave{25%{transform:rotate(20deg)}55%{transform:rotate(-16deg)}80%{transform:rotate(12deg)}}@media(max-width:600px){.hello-wave{min-height:86px}.hello-hand{font-size:36px}.hello-wave strong{font-size:29px}.hello-song-top .level-pill{font-size:10px}}@media(prefers-reduced-motion:reduce){.hello-wave.waved .hello-hand,.hello-wave.waved .hello-wave-ring{animation:none}}