@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&family=Noto+Sans+SC:wght@300;400;500&display=swap";:root{font-family:Noto Sans SC,PingFang SC,system-ui,sans-serif;color:#d7d1c6;background:#070808;font-synthesis:none;--black: #090a0a;--graphite-0: #0d0e0e;--graphite-1: #121414;--graphite-2: #1b1d1c;--graphite-3: #292b29;--ivory: #d7d1c6;--ivory-bright: #eee9df;--muted: rgba(215, 209, 198, .52);--dim: rgba(215, 209, 198, .28);--hairline: rgba(215, 209, 198, .13);--cyan: #72c8ca;--violet: #9a7bbb;--orange: #d9683a;--red: #5b201d}*{box-sizing:border-box}html{background:#070808;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 20%,#171818 0,#090a0a 42rem),#070808}button{font:inherit}button:focus-visible{outline:1px solid var(--ivory-bright);outline-offset:4px}.device-shell{position:relative;width:min(100%,76.8rem);min-height:100vh;margin:0 auto;overflow:hidden;isolation:isolate;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 9%,transparent 91%,rgba(255,255,255,.018)),linear-gradient(180deg,#121313,#0c0d0d 38%,#0a0b0b);border-inline:1px solid rgba(255,255,255,.04)}.device-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.2;background-image:radial-gradient(rgba(223,217,204,.24) .6px,transparent .8px);background-size:19px 19px;-webkit-mask-image:radial-gradient(circle at 50% 8%,#000,transparent 35%);mask-image:radial-gradient(circle at 50% 8%,#000,transparent 35%)}.device-shell:after{content:"";position:absolute;top:.8rem;right:.8rem;bottom:.8rem;left:.8rem;z-index:20;pointer-events:none;border:1px solid rgba(215,209,198,.055);border-radius:.25rem}.ambient{position:fixed;left:50%;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px)}.ambient-red{top:15rem;width:min(94vw,66rem);aspect-ratio:1;transform:translate(-50%);background:radial-gradient(circle,rgba(95,27,23,.24),rgba(95,27,23,.05) 42%,transparent 68%)}.ambient-mode{top:42rem;width:36rem;height:36rem;transform:translate(-50%);opacity:0;transition:opacity .8s ease;background:radial-gradient(circle,rgba(114,200,202,.08),transparent 70%)}.stage-1 .ambient-mode,.stage-2 .ambient-mode,.stage-3 .ambient-mode{opacity:1}.device-header{position:relative;z-index:2;height:8.25rem;padding:3rem 4rem 0;display:flex;align-items:flex-start;justify-content:space-between}.wordmark{padding:0;border:0;color:#eee9dfe0;background:none;font-size:1.18rem;font-weight:500;letter-spacing:.035em;cursor:pointer}.wordmark:before{content:"";display:inline-block;width:.42rem;height:.42rem;margin-right:.7rem;border:1px solid var(--orange);border-radius:50%;box-shadow:inset 0 0 0 2px #111;vertical-align:.1rem}.session-meta{display:grid;gap:.28rem;text-align:right;font-family:IBM Plex Mono,monospace;font-weight:300;letter-spacing:.09em}.session-meta span{font-size:.84rem;color:#eee9dfb3}.session-meta small{font-size:.54rem;color:var(--dim)}.stage-rail{position:relative;z-index:2;width:calc(100% - 8rem);height:5.2rem;margin:0 4rem;display:grid;grid-template-columns:repeat(4,1fr)}.stage-rail:before{content:"";position:absolute;top:.72rem;left:12.5%;right:12.5%;height:1px;background:var(--hairline)}.stage-rail button{position:relative;display:grid;align-content:start;justify-items:center;gap:.65rem;padding:0;border:0;color:var(--dim);background:none;cursor:default}.stage-rail button:not(:disabled){cursor:pointer}.stage-rail button i{position:relative;z-index:1;width:1.5rem;height:1.5rem;display:grid;place-items:center;border:1px solid rgba(215,209,198,.2);border-radius:50%;background:#101111;font-family:IBM Plex Mono,monospace;font-size:.58rem;font-style:normal}.stage-rail button span{font-size:.72rem;letter-spacing:.08em}.stage-rail button.active{color:var(--ivory)}.stage-rail button.active i{color:#111;border-color:var(--ivory);background:var(--ivory);box-shadow:0 0 1.5rem #d7d1c626}.stage-rail button.complete{color:#72c8ca9e}.stage-rail button.complete i{border-color:#72c8ca73;color:var(--cyan)}.viewport{position:relative;z-index:1;min-height:calc(100vh - 17.5rem)}.screen-content{width:100%;max-width:58rem;margin:0 auto;padding:3.1rem 4.5rem 8.5rem;animation:reveal .65s cubic-bezier(.22,1,.36,1) both}@keyframes reveal{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}.eyebrow{margin-bottom:1.2rem;color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:.64rem;letter-spacing:.16em}h1{max-width:50rem;margin:0;color:var(--ivory-bright);font-size:clamp(2.1rem,5vw,4.1rem);font-weight:300;line-height:1.12;letter-spacing:-.045em}.lead{max-width:39rem;margin:1.2rem 0 0;color:var(--muted);font-size:clamp(.88rem,1.55vw,1.08rem);font-weight:300;line-height:1.8}.prompt-dial{display:flex;gap:.6rem;margin:2.5rem 0 1.75rem}.prompt-dial button{flex:1;min-height:4.1rem;padding:.8rem .9rem;display:grid;grid-template-columns:auto 1fr;gap:.65rem;align-items:center;border:1px solid var(--hairline);border-radius:.2rem;color:var(--muted);background:#121414a8;font-size:.72rem;line-height:1.5;text-align:left;cursor:pointer;transition:.25s ease}.prompt-dial button span{color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.56rem}.prompt-dial button:hover,.prompt-dial button.selected{color:var(--ivory);border-color:#d7d1c657;background:#222423b8}.prompt-dial button.selected span{color:var(--orange)}.voice-well{position:relative;width:100%;aspect-ratio:1.85;min-height:22rem;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(92,31,27,.25),transparent 34%),radial-gradient(circle at 50% 50%,#1f2120e6,#0c0d0dfa 65%);border:1px solid var(--hairline);border-radius:50%/100%;box-shadow:inset 0 0 7rem #0000007a}.voice-well:before{content:"";position:absolute;top:2rem;right:4.5rem;bottom:2rem;left:4.5rem;border:1px dashed rgba(215,209,198,.1);border-radius:50%}.voice-well:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border-top:1px solid rgba(217,104,58,.65);border-right:1px solid transparent;transform:rotate(-7deg);pointer-events:none}.well-scale{position:absolute;width:66%;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(215,209,198,.2) 0 .25deg,transparent .25deg 4deg);mask:radial-gradient(circle,transparent 0 48%,#000 48.5% 50%,transparent 50.5%);opacity:.44}.voice-well .waveform{position:absolute;inset:42% 8% auto;z-index:1;height:16%}.waveform{display:flex;align-items:center;justify-content:center;gap:.34rem}.waveform i{width:1px;height:var(--bar-height);display:block;background:#72c8ca80;box-shadow:0 0 .45rem #72c8ca21;transition:height .3s ease,opacity .3s ease}.waveform.is-active i{animation:meter .8s ease-in-out var(--bar-delay) infinite alternate}@keyframes meter{to{height:max(8%,calc(var(--bar-height) * .38));opacity:.42}}.record-readout{position:absolute;top:2.25rem;display:grid;grid-template-columns:auto auto;gap:.25rem 1rem;align-items:baseline;font-family:IBM Plex Mono,monospace;text-align:center}.record-readout span{color:var(--orange);font-size:.58rem;letter-spacing:.13em}.record-readout strong{color:var(--ivory);font-size:1.15rem;font-weight:300}.record-readout small{grid-column:1 / -1;color:var(--dim);font-size:.55rem}.record-control{position:relative;z-index:3;width:8.8rem;height:8.8rem;margin-top:2.5rem;display:grid;place-items:center;border:1px solid rgba(215,209,198,.28);border-radius:50%;color:var(--ivory);background:radial-gradient(circle at 48% 42%,#292b29,#131414 70%);box-shadow:inset 0 0 0 .65rem #0d0e0e,inset 0 0 0 .72rem #d7d1c614,0 1.8rem 4rem #00000080;cursor:pointer;transition:transform .25s ease,border-color .25s ease}.record-control:hover{transform:scale(1.025);border-color:#d7d1c680}.record-control svg{width:2rem;height:2.4rem;fill:none;stroke:currentColor;stroke-width:1.5}.recording .record-control{border-color:var(--orange);color:var(--orange);box-shadow:inset 0 0 0 .65rem #0d0e0e,inset 0 0 0 .72rem #d9683a2e,0 0 3rem #d9683a1f}.recorded .record-control{border-color:#72c8ca8a;color:var(--cyan)}.stop-glyph{width:1.2rem;height:1.2rem;border-radius:.08rem;background:currentColor}.record-note{position:absolute;bottom:2.3rem;color:var(--muted);font-size:.68rem;letter-spacing:.04em}.primary-action{width:100%;height:5.2rem;margin-top:2rem;padding:0 1.8rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(215,209,198,.42);border-radius:.2rem;color:#121313;background:var(--ivory);font-size:.96rem;cursor:pointer;transition:.25s ease}.primary-action:hover{background:var(--ivory-bright);transform:translateY(-1px)}.primary-action i{font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-style:normal}.primary-action:disabled{color:var(--dim);background:transparent;border-color:var(--hairline);cursor:not-allowed;transform:none}.privacy-note{margin:1.1rem 0 0;color:var(--dim);font-size:.61rem;text-align:center}.mode-selector{margin:3.1rem 0 2.2rem;border-top:1px solid var(--hairline)}.mode-option{position:relative;width:100%;min-height:7.6rem;padding:1.4rem 1.2rem;display:grid;grid-template-columns:4.2rem 1fr auto 1.4rem;gap:1.2rem;align-items:center;overflow:hidden;border:0;border-bottom:1px solid var(--hairline);color:var(--muted);background:transparent;text-align:left;cursor:pointer;transition:.25s ease}.mode-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(90deg,rgba(114,200,202,.09),transparent 72%);transition:opacity .3s ease}.mode-option.violet:before{background:linear-gradient(90deg,rgba(154,123,187,.1),transparent 72%)}.mode-option.ivory:before{background:linear-gradient(90deg,rgba(215,209,198,.085),transparent 72%)}.mode-option:hover,.mode-option.selected{color:var(--ivory)}.mode-option.selected:before{opacity:1}.mode-index{position:relative;z-index:1;width:3.5rem;height:3.5rem;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:50%;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.65rem}.selected.cyan .mode-index{border-color:var(--cyan);color:var(--cyan)}.selected.violet .mode-index{border-color:var(--violet);color:var(--violet)}.selected.ivory .mode-index{border-color:var(--ivory);color:var(--ivory)}.mode-main{position:relative;z-index:1;display:grid;gap:.38rem}.mode-main strong{font-size:1.25rem;font-weight:400}.mode-main small{color:var(--muted);font-size:.68rem;font-weight:300}.mode-en{position:relative;z-index:1;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.58rem;letter-spacing:.09em}.mode-socket{position:relative;z-index:1;width:.78rem;height:.78rem;border:1px solid var(--dim);border-radius:50%;box-shadow:inset 0 0 0 .2rem #0e0f0f}.selected.cyan .mode-socket{background:var(--cyan);border-color:var(--cyan)}.selected.violet .mode-socket{background:var(--violet);border-color:var(--violet)}.selected.ivory .mode-socket{background:var(--ivory);border-color:var(--ivory)}.mode-instrument{position:relative;min-height:19rem;padding:2rem;display:grid;grid-template-columns:7rem 1fr;grid-template-rows:1fr auto;border:1px solid var(--hairline);border-radius:.25rem;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 40%),#101212}.instrument-label{display:grid;align-content:start;gap:1rem;color:var(--dim);font-family:IBM Plex Mono,monospace}.instrument-label span{max-width:5rem;font-size:.52rem;line-height:1.6;letter-spacing:.1em}.instrument-label strong{color:var(--cyan);font-size:2rem;font-weight:300}.violet .instrument-label strong{color:var(--violet)}.ivory .instrument-label strong{color:var(--ivory)}.signal-field{position:relative;min-height:10.5rem;display:grid;place-items:center;overflow:hidden;border-left:1px solid var(--hairline);background:radial-gradient(circle,rgba(114,200,202,.08),transparent 54%)}.violet .signal-field{background:radial-gradient(circle,rgba(154,123,187,.09),transparent 54%)}.ivory .signal-field{background:radial-gradient(circle,rgba(215,209,198,.07),transparent 54%)}.signal-field .waveform{position:absolute;inset-inline:8%;height:54%}.violet .signal-field .waveform i{background:#9a7bbba6}.ivory .signal-field .waveform i:nth-child(2n){background:#9a7bbb9e}.signal-merge{position:relative;z-index:2;width:4.5rem;height:4.5rem;border:1px solid rgba(215,209,198,.22);border-radius:50%;background:#111212;box-shadow:0 0 2rem #111}.signal-merge i{position:absolute;top:.85rem;right:.85rem;bottom:.85rem;left:.85rem;border:1px solid var(--cyan);border-radius:50%}.signal-merge i+i{transform:translate(.65rem);border-color:var(--violet);mix-blend-mode:screen}.instrument-copy{grid-column:1 / -1;padding-top:1.4rem;display:grid;grid-template-columns:7rem 1fr;border-top:1px solid var(--hairline)}.instrument-copy strong{color:var(--ivory);font-size:.82rem;font-weight:400}.instrument-copy span{color:var(--muted);font-size:.68rem;line-height:1.7}.character-selector{--voice-color: var(--cyan);margin-bottom:0;overflow:hidden;border:1px solid var(--hairline);border-radius:.25rem;background:#0e1010}.character-head{height:3rem;padding:0 1.2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline);color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.52rem;letter-spacing:.11em}.character-stage{position:relative;min-height:25rem;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--voice-color) 9%,transparent),transparent 44%),#0b0c0c}.character-image{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.character-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 58%,rgba(8,9,9,.96) 91%)}.character-image img{width:min(100%,31rem);height:100%;object-fit:cover;opacity:.88;filter:saturate(.82) contrast(1.04)}.character-step{position:absolute;z-index:3;top:50%;width:3.2rem;height:3.2rem;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:50%;color:var(--muted);background:#0c0d0dc7;cursor:pointer;transform:translateY(-50%)}.character-step:hover{color:var(--voice-color);border-color:color-mix(in srgb,var(--voice-color) 55%,transparent)}.character-step.previous{left:1.2rem}.character-step.next{right:1.2rem}.character-identity{position:absolute;z-index:2;left:1.5rem;bottom:1.3rem;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:.8rem}.character-identity span{grid-column:1 / -1;margin-bottom:.35rem;color:var(--voice-color);font-family:IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.12em}.character-identity strong{color:var(--ivory-bright);font-family:IBM Plex Mono,monospace;font-size:1.8rem;font-weight:300;letter-spacing:.08em}.character-identity small{padding-bottom:.25rem;color:var(--muted);font-size:.72rem}.character-footer{min-height:6.8rem;padding:1rem 1.2rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.7rem 1rem;border-top:1px solid var(--hairline)}.character-footer p{margin:0;color:var(--ivory);font-size:.72rem;font-weight:300}.character-footer>small{grid-column:1 / -1;color:var(--dim);font-size:.58rem}.character-dots{display:flex;gap:.6rem}.character-dots button{width:.48rem;height:.48rem;padding:0;border:1px solid var(--dim);border-radius:50%;background:transparent;cursor:pointer}.character-dots button.selected{border-color:var(--voice-color);background:var(--voice-color);box-shadow:0 0 .8rem color-mix(in srgb,var(--voice-color) 38%,transparent)}.stream-action{color:var(--ivory);border-color:#72c8ca6b;background:#72c8ca14}.text-action{margin:1.4rem auto 0;display:block;border:0;border-bottom:1px solid var(--hairline);color:var(--muted);background:none;font-size:.72rem;cursor:pointer}.generation-screen{text-align:center}.generation-screen .lead,.generation-screen h1{margin-inline:auto}.generation-dial{position:relative;width:min(70vw,31rem);aspect-ratio:1;margin:3.5rem auto 2.2rem;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from -90deg,var(--cyan) 0 var(--progress),rgba(215,209,198,.08) var(--progress) 360deg)}.generation-dial:before,.generation-dial:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.generation-dial:before{top:9%;right:9%;bottom:9%;left:9%;border:1px solid rgba(215,209,198,.12)}.generation-dial:after{top:18%;right:18%;bottom:18%;left:18%;border:1px dashed rgba(215,209,198,.11);animation:rotate 24s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.dial-ticks{position:absolute;top:3%;right:3%;bottom:3%;left:3%;border-radius:50%;background:repeating-conic-gradient(rgba(215,209,198,.22) 0 .3deg,transparent .3deg 3deg);mask:radial-gradient(circle,transparent 0 92%,#000 92.5%)}.dial-core{position:relative;z-index:2;width:54%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--hairline);border-radius:50%;background:radial-gradient(circle at 50% 42%,#1a1c1b,#0e0f0f 75%);box-shadow:0 1.8rem 5rem #0000006b}.dial-core strong{color:var(--ivory-bright);font-family:IBM Plex Mono,monospace;font-size:clamp(3rem,9vw,5.6rem);font-weight:300;letter-spacing:-.08em}.dial-core>span{margin:1.5rem 0 0 .5rem;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:1rem}.dial-core small{position:absolute;bottom:20%;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.5rem;letter-spacing:.12em}.orbit{position:absolute;border-radius:50%}.orbit-a{top:24%;right:24%;bottom:24%;left:24%;border-top:1px solid var(--violet);border-right:1px solid transparent;animation:rotate 7s linear infinite}.orbit-b{top:31%;right:31%;bottom:31%;left:31%;border-bottom:1px solid var(--orange);border-left:1px solid transparent;animation:rotate 11s linear infinite reverse}.process-readout{display:grid;gap:.7rem;margin-bottom:2.2rem}.process-readout span{color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:.55rem;letter-spacing:.16em}.process-readout strong{min-height:1.6rem;color:var(--ivory);font-size:.88rem;font-weight:300}.process-list{margin:0;padding:0;border-top:1px solid var(--hairline);list-style:none;text-align:left}.process-list li{min-height:3.5rem;display:grid;grid-template-columns:2rem 1.1rem 1fr auto;gap:.7rem;align-items:center;border-bottom:1px solid var(--hairline);color:var(--dim)}.process-list span,.process-list small{font-family:IBM Plex Mono,monospace;font-size:.52rem}.process-list i{width:.45rem;height:.45rem;border:1px solid currentColor;border-radius:50%}.process-list strong{font-size:.67rem;font-weight:300}.process-list li.active{color:var(--orange)}.process-list li.active i{background:var(--orange);box-shadow:0 0 .8rem #d9683a80}.process-list li.done{color:#72c8cab3}.process-list li.done i{background:var(--cyan)}.result-screen{text-align:center}.result-screen .lead,.result-screen h1{margin-inline:auto}.listening-disc{position:relative;min-height:32rem;margin:2.5rem 0 1.5rem;display:grid;place-items:center;overflow:hidden;border:1px solid var(--hairline);border-radius:.25rem;cursor:default;background:radial-gradient(circle at 50% 42%,rgba(87,28,24,.27),transparent 30%),#0e0f0f}.listening-disc:before{content:"";position:absolute;top:8%;width:32rem;aspect-ratio:1;border:1px solid rgba(215,209,198,.08);border-radius:50%}.disc-orbit{position:absolute;top:10%;left:50%;width:min(78%,27rem);aspect-ratio:1;transform:translate(-50%)}.disc-rings{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 1.1rem,rgba(215,209,198,.08) 1.12rem 1.16rem),conic-gradient(from 30deg,transparent,rgba(114,200,202,.24),transparent 34%,rgba(154,123,187,.2),transparent 67%);mask:radial-gradient(circle,transparent 0 14%,#000 14.5%);animation:rotate 26s linear infinite}.listening-disc.playing .disc-rings{animation-duration:5s}.disc-playback-control{position:absolute;top:50%;left:50%;z-index:6;width:5.4rem;height:5.4rem;padding:.7rem;display:grid;grid-template-rows:1fr auto;place-items:center;gap:.2rem;border:1px solid rgba(215,209,198,.3);border-radius:50%;color:var(--ivory-bright);background:radial-gradient(circle at 50% 38%,rgba(215,209,198,.12),transparent 46%),#090a0ac7;box-shadow:0 0 0 .45rem #0e0f0fa3,0 0 2.8rem #72c8ca1a;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);cursor:pointer;transform:translate(-50%,-50%);transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .25s ease,transform .2s ease}.disc-playback-control:hover{border-color:#72c8cacc;color:var(--cyan);background:radial-gradient(circle at 50% 38%,rgba(114,200,202,.2),transparent 48%),#090a0ae6;box-shadow:0 0 0 .45rem #0e0f0fb8,0 0 3.4rem #72c8ca38;transform:translate(-50%,-50%) scale(1.04)}.disc-playback-control:active{transform:translate(-50%,-50%) scale(.97)}.disc-playback-control:focus-visible{outline:2px solid var(--cyan);outline-offset:.35rem}.listening-disc.playing .disc-playback-control{border-color:#72c8ca9e;color:var(--cyan);box-shadow:0 0 0 .45rem #0e0f0fad,0 0 3.8rem #72c8ca33}.disc-playback-icon{width:1.65rem;height:1.65rem;display:grid;place-items:center}.disc-playback-icon svg{width:100%;height:100%;overflow:visible;fill:currentColor}.disc-playback-icon .play-glyph{transform:translate(.1rem)}.disc-playback-label{font-family:IBM Plex Mono,monospace;font-size:.46rem;font-weight:500;letter-spacing:.16em;line-height:1}.disc-title{position:absolute;bottom:3.1rem;display:grid;gap:.8rem;transition:opacity .35s ease,transform .35s ease}.disc-title.hidden{opacity:0;transform:translateY(.8rem);pointer-events:none}.disc-title span,.disc-title small{color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.1em}.disc-title strong{color:var(--ivory-bright);font-size:1.65rem;font-weight:300}.disc-lyrics{position:absolute;left:10%;right:10%;bottom:2.2rem;z-index:4;height:12rem;padding:1rem 1.2rem .8rem;overflow:hidden;border-top:1px solid rgba(215,209,198,.12);background:linear-gradient(180deg,#0e0f0f73,#0e0f0ff5 28%);opacity:0;transform:translateY(1rem);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.disc-lyrics.visible{opacity:1;transform:translateY(0)}.lyrics-meta{display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.5rem;letter-spacing:.11em}.lyrics-meta>span{color:var(--orange)}.lyrics-window{position:relative;height:8.4rem;margin-top:.45rem;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 72%,transparent);mask-image:linear-gradient(transparent,#000 24%,#000 72%,transparent)}.lyrics-track{will-change:transform;transition:transform 1s linear}.disc-lyrics.synced .lyrics-track{transition:transform .6s cubic-bezier(.22,1,.36,1)}.lyrics-track p{height:2.8rem;margin:0;display:grid;place-items:center;color:#d7d1c640;font-size:.82rem;font-weight:300;transition:color .45s ease,font-size .45s ease}.lyrics-track p.active{color:var(--ivory-bright);font-size:1rem;text-shadow:0 0 1.5rem rgba(114,200,202,.18)}.lyrics-track p.passed{color:#72c8ca47}.lyrics-progress{position:absolute;left:1.2rem;right:1.2rem;bottom:.5rem;height:1px;background:linear-gradient(90deg,var(--cyan) 0 var(--playback-progress),rgba(215,209,198,.12) var(--playback-progress))}.claim-drawer{width:100%;min-height:6.2rem;padding:1.1rem 1.4rem;display:grid;grid-template-columns:3.4rem 1fr auto;gap:1rem;align-items:center;border:1px solid var(--hairline);border-radius:.25rem;color:var(--ivory);background:#121414;text-align:left;cursor:pointer}.claim-sensor{width:2.8rem;height:2.8rem;border:1px solid var(--orange);border-radius:50%;box-shadow:inset 0 0 0 .7rem #121414,inset 0 0 0 .78rem #d9683a40;background:var(--orange)}.claim-drawer>span:nth-child(2){display:grid;gap:.35rem}.claim-drawer strong{font-size:.84rem;font-weight:400}.claim-drawer small{color:var(--muted);font-size:.62rem}.claim-drawer i{color:var(--muted);font-style:normal}.claim-panel{margin-top:.8rem;padding:1.5rem 2rem;display:grid;grid-template-columns:11.5rem 1fr;gap:2.3rem;align-items:center;border:1px solid rgba(215,209,198,.18);border-radius:.25rem;background:radial-gradient(circle at 20% 50%,rgba(91,32,29,.22),transparent 36%),#0f1010;animation:reveal .5s ease both;text-align:left}.claim-code{position:relative;width:11.5rem;height:11.5rem;display:grid;place-items:center;border:1px solid rgba(215,209,198,.11);border-radius:50%;background:#111212}.claim-code:before{content:"";position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border-top:1px solid var(--orange);border-radius:50%;transform:rotate(35deg)}.claim-code img{width:8.5rem;height:8.5rem}.claim-copy{display:grid;gap:.7rem}.claim-copy>span{color:var(--orange);font-family:IBM Plex Mono,monospace;font-size:.53rem;letter-spacing:.14em}.claim-copy strong{color:var(--ivory-bright);font-size:1.35rem;font-weight:300}.claim-copy p{margin:0;color:var(--muted);font-size:.68rem}.claim-copy em{color:#72c8caad;font-size:.58rem;font-style:normal}.claim-copy small{margin-top:.8rem;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.53rem}.restart-action{margin-top:2.2rem}.retry-action{color:var(--orange)}.device-footer{position:absolute;left:4rem;right:4rem;bottom:2.3rem;height:2rem;display:flex;gap:.8rem;align-items:center;color:var(--dim);font-family:IBM Plex Mono,monospace;font-size:.48rem;letter-spacing:.09em}.device-footer>i{flex:1;height:1px;background:var(--hairline)}.footer-sensor{width:.42rem;height:.42rem;border:1px solid var(--cyan);border-radius:50%}@media(max-width:680px){.device-header{height:6.4rem;padding:2.2rem 1.5rem 0}.stage-rail{width:calc(100% - 3rem);height:4.5rem;margin-inline:1.5rem}.screen-content{padding:2.2rem 1.5rem 7rem}.prompt-dial{flex-direction:column}.prompt-dial button{min-height:3.5rem}.voice-well{min-height:19rem;aspect-ratio:1.18;border-radius:50%}.voice-well:before{top:1.6rem;right:1.6rem;bottom:1.6rem;left:1.6rem}.record-control{width:7.2rem;height:7.2rem}.mode-option{min-height:6.5rem;grid-template-columns:3.6rem 1fr 1rem;gap:.8rem}.mode-en{display:none}.mode-instrument{min-height:17rem;padding:1.4rem;grid-template-columns:4rem 1fr}.character-stage{min-height:21rem}.character-image img{width:100%}.character-step{width:2.7rem;height:2.7rem}.character-step.previous{left:.7rem}.character-step.next{right:.7rem}.instrument-copy{grid-template-columns:4rem 1fr}.generation-dial{width:min(86vw,29rem)}.listening-disc{min-height:31rem}.disc-title strong{font-size:1.25rem}.claim-panel{grid-template-columns:1fr;justify-items:center;text-align:center}.claim-code{width:11.5rem;height:11.5rem}.claim-code img{width:8.4rem;height:8.4rem}.device-footer{left:1.5rem;right:1.5rem}.device-footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}