:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#151515;background:#f2f2f2;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.page-shell{min-height:100vh;display:grid;place-items:start center;background:#f2f2f2}.player{position:relative;width:min(100%,907px);min-height:100vh;overflow:hidden;background:#fff;box-shadow:0 10px 40px #00000014}.cover{display:block;width:100%;aspect-ratio:907 / 728;object-fit:cover;object-position:center top}.controls{padding:52px 5.7% 42px;text-align:center}.timeline-row{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:12px}.time{color:#3f3f3f;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(14px,2.2vw,20px);letter-spacing:.04em;font-variant-numeric:tabular-nums}.timeline{--progress: 0%;width:100%;height:26px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.timeline::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,#0c0c0c var(--progress),#d7d7d7 var(--progress))}.timeline::-moz-range-track{height:4px;border-radius:2px;background:#d7d7d7}.timeline::-moz-range-progress{height:4px;border-radius:2px;background:#0c0c0c}.timeline::-webkit-slider-thumb{width:18px;height:18px;margin-top:-7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:50%;background:#050505}.timeline::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#050505}.play-button{display:inline-grid;place-items:center;width:128px;height:128px;margin-top:85px;border:0;border-radius:50%;color:#050505;background:#dedede;cursor:pointer;transition:transform .15s ease,background .15s ease}.play-button:hover{background:#d3d3d3}.play-button:active{transform:scale(.96)}.play-button:focus-visible,.switch-language:focus-visible,.language-actions button:focus-visible{outline:3px solid #ba1818;outline-offset:4px}.play-button:disabled{cursor:default;opacity:.6}.play-button svg{margin-left:5px}.play-button:has([data-icon=pause]) svg{margin-left:0}.switch-language{display:block;margin:38px auto 0;padding:8px 18px;border:1px solid #d6d6d6;border-radius:999px;color:#565656;background:#fff;cursor:pointer}.error-message{color:#a20c0c}.language-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#ffffffdb;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.language-card{width:min(100%,520px);padding:48px 40px 42px;border:1px solid rgb(255 255 255 / 85%);border-radius:28px;background:#ffffffeb;box-shadow:0 24px 80px #38202029;text-align:center}.brand-mark{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;color:#fff;background:#c9141c;font-family:STKaiti,KaiTi,serif;font-size:23px;letter-spacing:.08em}.eyebrow{margin:22px 0 10px;color:#a0181d;font-size:13px;font-weight:700;letter-spacing:.18em}.language-card h1{margin:0;font-size:clamp(28px,6vw,38px);font-weight:600;letter-spacing:.08em}.english-prompt{margin:8px 0 30px;color:#777;font-family:Georgia,serif;font-size:16px}.language-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.language-actions button{min-height:108px;border:1px solid #ece3e3;border-radius:18px;color:#181818;background:#faf7f7;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.language-actions button:hover{border-color:#c9141c;background:#fff;transform:translateY(-2px)}.language-actions strong,.language-actions span{display:block}.language-actions strong{margin-bottom:5px;font-size:22px}.language-actions span{color:#777;font-size:13px}@media(max-width:540px){.controls{padding-top:34px}.timeline-row{grid-template-columns:52px minmax(0,1fr) 52px;gap:8px}.play-button{width:104px;height:104px;margin-top:56px}.language-card{padding:38px 20px 30px;border-radius:24px}.language-actions{gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}