:root{color-scheme:dark;--gold:#c79a56;--text:#eee7dc;font-family:Arial,Helvetica,sans-serif;background:#080b0e;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 30%,#19232b66,transparent 55%),#080b0e}main{max-width:1440px;margin:auto;padding:34px 5vw 22px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}.brand{color:#e5d5bc;font-size:20px;letter-spacing:.2em;text-decoration:none}.brand span{display:block;color:var(--gold);font-size:8px;letter-spacing:.28em;margin-top:8px}.edition,footer{font-size:8px;letter-spacing:.17em;color:#887b68}.layout{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(420px,1.1fr);gap:6vw;align-items:center}.eyebrow{font-size:9px;letter-spacing:.18em;color:var(--gold);line-height:1.7}h1{font-family:Georgia,serif;font-size:clamp(42px,4.5vw,68px);font-weight:400;line-height:1.1;letter-spacing:-.025em;margin:22px 0}h1 em{color:#d0ad78;font-weight:400}.lead{font-size:14px;color:#b8b9b8;line-height:1.8;margin-bottom:30px}.voices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.voice{border:1px solid #33383c;border-radius:12px;background:#11171c;overflow:hidden}.voice.selected{border-color:#c79a56;background:#231e15}.choose,.audition{display:block;border:0;background:transparent;color:#d6d0c7;width:100%;cursor:pointer;font:inherit}.choose{font-size:9px;letter-spacing:.05em;min-height:57px;padding:12px 2px 6px}.choose small{display:block;font-size:9px;color:#938876;margin-top:8px;letter-spacing:0}.audition{min-height:39px;border-top:1px solid #c79a5629;font-size:12px;color:#d8b47a}.audition:hover,.choose:hover{background:#c79a5610}.voice.selected .choose{color:#f4dfb9}.active-line{display:flex;align-items:center;gap:9px;margin:24px 0 17px;min-height:28px}.active-line strong{font-size:10px;letter-spacing:.09em;color:#dcc29c;white-space:nowrap}.dot{height:5px;width:5px;border-radius:50%;background:var(--gold);flex:none}#state{font-size:10px;line-height:1.5;color:#a2a4a4}.buttons{display:flex;gap:10px;margin-bottom:15px}.buttons button{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;border-radius:28px;border:1px solid #c79a5666;background:#13181c;color:#e0ccb0;font:12px Arial,sans-serif;padding:12px 20px}#replay{flex:1}#stop{min-width:95px;border-color:#3c4247;color:#b2b4b4}.buttons button:disabled,.choose:disabled,.audition:disabled{opacity:.45;cursor:default}audio{width:100%;height:45px}.note,.caption{font-size:10px;line-height:1.7;color:#7f8588}.note{margin:12px 0}details{font-size:10px;color:#a99d89;margin-top:20px;line-height:1.8}details p{color:#90989d}summary{cursor:pointer;min-height:28px}.stage{position:relative;height:600px;border-radius:22px;border:1px solid #45423b66;background:radial-gradient(ellipse at 50% 40%,#25313b,#10171d 70%);overflow:hidden}.stage-label{position:absolute;top:24px;left:25px;z-index:2;color:#9e9587;font-size:8px;letter-spacing:.2em}model-viewer{width:100%;height:100%;--poster-color:transparent}.hint{position:absolute;bottom:20px;width:100%;text-align:center;font-size:9px;color:#a7a19a;pointer-events:none;margin:0}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#10171d;color:#bca98a;font-size:12px;pointer-events:none}[hidden]{display:none!important}.caption{text-align:center;margin:12px 0}.experience{min-width:0}footer{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #c79a5619;font-size:7px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:900px){main{padding:24px 20px 20px}header{margin-bottom:24px}.edition{font-size:6px;letter-spacing:.08em}.brand{font-size:16px}.brand span{font-size:7px}.layout{display:flex;flex-direction:column;gap:10px;align-items:stretch}.intro{display:contents}.experience{order:2}.eyebrow{order:0;font-size:8px;margin:0}h1{order:1;font-size:34px;margin:6px 0 14px}h1 br{display:none}h1 em{margin-left:8px}.lead{display:none}.stage{height:360px;border-radius:16px}.stage-label{top:16px;left:17px;font-size:7px}.hint{font-size:8px;bottom:13px}.caption{display:none}.voices{order:3;margin-top:12px;gap:6px}.active-line{order:4;margin:10px 0;min-height:25px}.buttons{order:5;margin:0 0 6px}audio{order:6}.note{order:7;font-size:9px;margin:6px 0}details{order:8;margin-top:5px}footer{margin-top:22px;font-size:6px;letter-spacing:.08em}.choose{font-size:8px;min-height:50px}.choose small{font-size:8px}.audition{min-height:37px}.stage-label{color:#b9ad9a}}@media(max-width:420px){.stage{height:340px}h1{font-size:32px}.edition{max-width:120px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.gesture-review{margin:24px 0 20px;border:1px solid #c79a5633;border-radius:12px;padding:15px;background:#10171c}.review-caption{font-size:9px;letter-spacing:.1em;color:#c79a56;margin:0 0 12px}.review-buttons{display:flex;gap:8px}.review-buttons button{flex:1;min-height:42px;border:1px solid #444;background:transparent;color:#bcb4a9;border-radius:23px;font:11px Arial,sans-serif;cursor:pointer}.review-buttons button[aria-pressed=true]{border-color:#c79a56;color:#f0d7af;background:#292217}.review-buttons button:disabled{opacity:.4}#gesture-timing{font-size:10px;color:#d4c4ac;margin:12px 0 6px;line-height:1.6}.review-note{font-size:9px;color:#93999d;line-height:1.6;margin:0}@media(max-width:900px){.gesture-review{order:3;margin:6px 0 0;padding:12px}.review-caption{font-size:8px}.review-note{font-size:8px}}

.farewell-review{border:1px solid #c79a5633;border-radius:12px;background:#10171c;padding:14px;margin:18px 0}.farewell-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.farewell-fields label{font-size:9px;color:#bca98c}.farewell-fields input{display:block;width:100%;min-height:38px;margin-top:6px;background:#090d10;color:#e2ccaa;border:1px solid #555047;border-radius:6px;padding:7px;font:12px Arial,sans-serif}.farewell-review .review-note{margin-top:10px}.farewell-review button:disabled{opacity:.45}@media(max-width:900px){.farewell-review{order:3;margin:7px 0;padding:12px}.farewell-fields{gap:5px}.farewell-fields label{font-size:8px}}
