:root{color-scheme:dark;--background: #131212;--accent: #c11d41;--progress-track: #393536}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--background);color:var(--accent);font-family:PingFang TC,PingFang SC,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit;font:inherit;border:0;background:transparent;cursor:pointer;padding:0}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}.app-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:var(--background);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.phone-screen{position:relative;container-type:inline-size;width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--artboard-ratio, .5626075131)));width:min(calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right)),calc((100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * var(--artboard-ratio, .5626075131)));aspect-ratio:var(--artboard-ratio, .5626075131);background:var(--background)}.screen-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}@media (orientation: landscape){.app-shell[data-display-rotation="90"]{--mount-rotation: 90deg}.app-shell[data-display-rotation="270"]{--mount-rotation: 270deg}.app-shell:is([data-display-rotation="90"],[data-display-rotation="270"]){position:fixed;left:50%;top:50%;width:100dvh;height:100vw;min-height:0;padding:0;transform:translate(-50%,-50%) rotate(var(--mount-rotation))}.app-shell:is([data-display-rotation="90"],[data-display-rotation="270"]) .phone-screen{width:min(100dvh,calc(100vw * var(--artboard-ratio, .5626075131)))}.app-shell:is([data-display-rotation="90"],[data-display-rotation="270"]) :is(.hardware-dialog,.assistance-dialog){position:fixed;inset:auto;left:50vw;top:50dvh;margin:0;transform:translate(-50%,-50%) rotate(var(--mount-rotation));width:min(94dvh,640px);max-height:92vw}}.positioned{position:absolute}.hotspot{z-index:2;border-radius:1.07cqw}.hotspot.is-round{border-radius:50%}.language-choice{border-radius:3.33cqw}.hotspot.is-active{box-shadow:inset 0 0 0 max(1px,.27cqw) var(--accent);background:#c2173817}.recording-status{animation:recording-pulse 1.6s ease-in-out infinite}.recording-waveform{fill:#b5385f;pointer-events:none}.recording-time{display:flex;align-items:center;justify-content:center;white-space:nowrap}.recording-time img{display:block;width:100%;height:100%}.recording-time span{font:300 2.85cqw/1 ABC Arizona Flare,Times New Roman,serif;font-variant-numeric:tabular-nums}.progress-track{overflow:hidden;border-radius:.2cqw;padding:.22cqw .29cqw;background:var(--progress-track)}.progress-track span{display:block;height:100%;background:var(--accent);transition:width .25s ease-out}.progress-percent{display:flex;justify-content:center;align-items:center;white-space:nowrap;font:300 2.85cqw/1 ABC Arizona Flare,Times New Roman,serif;font-variant-numeric:tabular-nums}.progress-stage{left:10%;width:80%;margin:0;text-align:center;font-size:2.65cqw;line-height:1.5}.qr-overlay{display:block;aspect-ratio:1;background:#fff}.qr-overlay img{display:block;width:100%;height:100%;object-fit:contain}.status-note{position:absolute;left:12%;width:76%;top:70%;margin:0;text-align:center;font-size:2.8cqw;line-height:1.5;overflow-wrap:anywhere}.status-note{background:var(--background);padding-block:1cqw}.staff-alert-frame{z-index:1;pointer-events:none;border-radius:.85cqw;border:.35cqw solid #ff3454;box-shadow:0 0 1.3cqw .25cqw #ff2448,0 0 3.2cqw .65cqw #f00e318c,inset 0 0 1.7cqw .35cqw #ff2448cc,inset 0 0 4.5cqw .8cqw #ca0c2a73;animation:staff-alert-glow 1.8s ease-in-out infinite}.staff-alert-frame:before{content:"";position:absolute;top:-.35cqw;right:-.35cqw;bottom:-.35cqw;left:-.35cqw;border-radius:inherit;padding:.65cqw;background:linear-gradient(135deg,#ff7c8e,#ff163b 28%,#b6082b 50%,#ff526b 73%,#ff2148);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}@keyframes staff-alert-glow{0%,to{opacity:1}50%{opacity:.28}}.assistance-dialog{width:min(88vw,420px);max-height:90dvh;margin:auto;padding:28px 24px;border:1px solid var(--accent);background:var(--background);color:#f3dce1;text-align:center}.assistance-dialog::backdrop{background:#0d0809e0}.assistance-kicker{color:var(--accent);font-size:10px;letter-spacing:.15em}.assistance-dialog h2{font-size:clamp(20px,5vw,26px);font-weight:400;color:#e52b50;margin:20px 0 6px}.assistance-english{margin:0 0 24px;font-size:11px;color:#e52b50}.assistance-dialog p{line-height:1.6}.assistance-detail{border-block:1px solid #622133;padding-block:16px;font-size:14px;overflow-wrap:anywhere}.assistance-local{font-size:12px;color:#c3939e}.assistance-activation a{display:block;padding:14px 10px;color:#fff;border:1px solid var(--accent)}.assistance-activation p{font-size:12px;color:#c3939e}.assistance-actions{display:flex;gap:12px;margin-top:24px}.assistance-actions button{flex:1;border:1px solid var(--accent);min-height:52px;padding:8px;border-radius:3px}.assistance-actions button:last-child{background:var(--accent);color:#fff}.assistance-actions span{display:block;margin-top:2px;font-family:Georgia,serif;font-size:10px}.preview-label{position:fixed;top:4px;right:6px;color:#aaa;font-size:11px}.preview-label button{display:block;margin-left:auto;padding:5px 0;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pending{0%{transform:translate(0)}to{transform:translate(233.333333%)}}@keyframes recording-pulse{50%{opacity:.65}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.track-shell{align-items:start}.track-screen{position:relative;container-type:inline-size;width:min(100%,520px);aspect-ratio:var(--artboard-ratio);background:var(--background);margin:auto}.track-title{margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:400;font-size:var(--title-size);line-height:1.08;white-space:nowrap}.track-title>span{display:block;flex-shrink:0}.track-title-zh{font-family:PingFang SC,Microsoft YaHei,sans-serif}.track-title-en{font-family:ABC Arizona Flare,Times New Roman,serif}.track-time{display:flex;align-items:center;justify-content:center;font:400 2.5cqw/1 ABC Arizona Flare,Times New Roman,serif;font-variant-numeric:tabular-nums;white-space:nowrap}.track-progress{border-radius:99px;background:var(--progress-track)}.track-progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.track-progress i{position:absolute;top:50%;width:2cqw;height:2cqw;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.track-seek{z-index:3;opacity:0;cursor:pointer;margin:0;padding:0;border:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;min-height:0;background:transparent;transform:translateY(-50%)}.track-seek::-webkit-slider-runnable-track{height:1cqw}.track-seek::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:2cqw;height:2cqw;margin-top:-.5cqw}.track-seek::-moz-range-track{height:1cqw}.track-seek::-moz-range-thumb{border:0;width:2cqw;height:2cqw}.track-seek:focus-visible{opacity:.35;outline:1px solid white}.track-seek:disabled{cursor:default}.track-play{display:grid;place-items:center;border-radius:50%}.track-play-symbol{display:block;width:32%;aspect-ratio:.86;background:var(--accent);clip-path:polygon(0 0,100% 50%,0 100%);margin-left:6%}.track-pause-symbol{display:block;width:37%;height:38%;object-fit:contain}.track-notice{position:absolute;top:96.5%;left:7%;width:86%;margin:0;text-align:center;font-size:2.4cqw;line-height:1.35;overflow-wrap:anywhere;color:var(--accent)}.track-copy-link{position:absolute;top:99%;left:7%;width:86%;margin:0;padding:8px;font-size:12px;text-align:center;overflow-wrap:anywhere;background:var(--background)}.track-copy-link a{color:inherit}.track-share-help{width:min(88vw,360px);max-height:85dvh;margin:20px 16px auto auto;padding:20px 24px 24px;border:1px solid #b72a48;border-radius:12px;color:#f5e8ec;background:#191214;text-align:center;overflow:auto}.track-share-help::backdrop{background:#000c}.track-share-direction{display:block;text-align:right;color:#d93c60;font-size:42px;line-height:1}.track-share-help h2{margin:14px 0;font-size:20px;font-weight:500}.track-share-help p{margin:14px 0;font-size:15px;line-height:1.8}.track-share-help .track-share-help-en{color:#c89ba7;font-size:12px;line-height:1.6}.track-share-help button{width:100%;min-height:44px;margin-top:12px;border-radius:6px;background:#ba2446;color:#fff;font-size:14px}@media (min-width: 600px){.track-shell{padding-block:20px}}.hardware-dialog{width:min(94vw,640px);max-height:92dvh;margin:auto;padding:clamp(18px,4vw,32px);border:1px solid #874153;border-radius:10px;color:#f2e4e7;background:#171315;overflow:auto}.hardware-dialog::backdrop{background:#090708e5}.hardware-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.hardware-heading p{color:#c88495;font-size:10px;letter-spacing:.16em;margin:0 0 7px}.hardware-heading h2{margin:0;font-size:24px;font-weight:500}.hardware-heading>button{color:#dab5bf;text-decoration:underline;padding:12px 0 12px 12px}.hardware-intro,.hardware-help{color:#c19da7;font-size:12px;line-height:1.7}.hardware-dialog section{border-top:1px solid #49323a;margin-top:22px;padding-top:14px}.hardware-dialog h3{font-size:16px;font-weight:500;margin:0 0 8px}.hardware-dialog section>p:not(.hardware-help){font-size:13px;line-height:1.6}.hardware-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.hardware-actions button{min-height:42px;padding:10px 12px;border:1px solid #a33f59;border-radius:4px;font-size:13px}.hardware-actions button:first-child{background:#b21f40;color:#fff}.hardware-dialog button:disabled,.hardware-dialog select:disabled{opacity:.45;cursor:not-allowed}.hardware-dialog label{display:grid;gap:7px;font-size:13px;margin-top:14px}.hardware-dialog select{width:100%;min-width:0;min-height:42px;padding:8px 10px;color:#f2e4e7;border:1px solid #71515a;border-radius:4px;background:#241b1e;font:inherit}.hardware-dialog .hardware-check{display:flex;align-items:center;gap:9px}.hardware-check input{width:18px;height:18px;accent-color:#c11d41}.hardware-link{color:#eaa3b5;text-decoration:underline;font-size:12px;padding-block:10px}.hardware-message{border:1px solid #80515e;background:#34232a;padding:12px;color:#f2c7d2;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.microphone-test{margin-top:12px;padding:14px;border:1px solid #65414d;border-radius:4px}.microphone-test>button{min-height:42px;padding:8px 14px;border:1px solid #a33f59;border-radius:4px;font-size:13px}.microphone-test meter{display:block;width:100%;height:18px;margin-top:12px;accent-color:#c11d41}.microphone-test>p[role=status]{min-height:2em;margin-bottom:0;font-size:12px;line-height:1.6}