:root{--bg:#020912;--panel:#061420;--panel2:#091d2d;--gold:#d3ad69;--cream:#f5eddc;--muted:#91a0ad;--green:#355e36;--line:rgba(211,173,105,.34);--display:"Cormorant Garamond","Times New Roman",serif;--body:"Manrope","Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,#0c2940 0,#04101b 42%,#020912 100%);color:#d7dee5;font-family:var(--body)}button,a{font:inherit}.hidden{display:none!important}.studio-shell{min-height:100vh;padding:24px;display:grid;grid-template-rows:auto 1fr}.studio-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:4px 8px 20px;border-bottom:1px solid rgba(211,173,105,.15)}.studio-header>div{display:grid;gap:2px}.studio-header span{color:var(--gold);font:800 .5rem var(--body);letter-spacing:.2em}.studio-header strong{color:var(--cream);font:500 1.15rem var(--display);letter-spacing:.05em}.studio-header a{color:var(--muted);text-decoration:none;font:700 .54rem var(--body);letter-spacing:.12em;text-transform:uppercase}.studio-gate,.studio-queue,.studio-stage{align-self:center;width:min(100%,1000px);margin:0 auto}.studio-gate{text-align:center}.studio-gate p,.queue-heading p,.stage-kicker,.stage-response p{margin:0 0 10px;color:var(--gold);font:800 .6rem var(--body);letter-spacing:.24em;text-transform:uppercase}.studio-gate h1,.queue-heading h1{margin:0;color:var(--cream);font:500 clamp(2rem,5vw,4rem)/1 var(--display)}.studio-gate span{display:block;margin-top:16px;color:var(--muted)}.queue-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.queue-heading h1{font-size:clamp(1.8rem,4vw,3.2rem)}.queue-heading>span{color:var(--gold);font:700 .58rem var(--body);letter-spacing:.14em;white-space:nowrap}.queue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.queue-list button{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0a2235,#061521);color:inherit;text-align:left;cursor:pointer}.queue-list button:hover{border-color:var(--gold);transform:translateY(-1px)}.queue-list button span{display:block;color:var(--gold);font:800 .5rem var(--body);letter-spacing:.13em}.queue-list button strong{display:block;margin-top:13px;color:var(--cream);font:500 1.7rem var(--display)}.queue-list button small{display:block;margin-top:6px;color:var(--muted)}.queue-empty{grid-column:1/-1;padding:30px;border:1px dashed var(--line);border-radius:20px;color:var(--muted);text-align:center}.studio-stage{text-align:center;padding:30px}.stage-phone{width:80px;height:80px;margin:12px auto 18px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:2.1rem;background:rgba(9,29,45,.8);box-shadow:0 20px 50px rgba(0,0,0,.25)}.studio-stage>h1{margin:0;color:var(--cream);font:500 clamp(3.4rem,11vw,8rem)/.9 var(--display);letter-spacing:.02em}.stage-hcp{margin-top:12px;color:var(--gold);font:800 clamp(.7rem,2vw,1rem) var(--body);letter-spacing:.22em}.stage-duration{margin-top:8px;color:var(--muted);font:500 1rem var(--body);font-variant-numeric:tabular-nums}.stage-player{width:min(100%,700px);margin:34px auto 0}.studio-play{width:100%;min-height:62px;border:1px solid rgba(211,173,105,.65);border-radius:999px;background:linear-gradient(180deg,#355e36,#274929);color:var(--cream);cursor:pointer;font:800 .72rem var(--body);letter-spacing:.17em}.studio-progress{height:6px;margin:22px 0 8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.studio-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a97934,#f1e1be)}.studio-time{display:flex;justify-content:space-between;color:var(--muted);font:600 .62rem var(--body);font-variant-numeric:tabular-nums}.stage-response{margin:34px auto 0}.stage-response p{font-size:.75rem}.stage-response h2{margin:10px 0 0;color:var(--cream);font:500 clamp(2.2rem,7vw,5.4rem)/1 var(--display)}.studio-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:38px}.studio-actions button{min-height:38px;padding:0 16px;border:1px solid rgba(211,173,105,.25);border-radius:999px;background:rgba(4,16,27,.7);color:var(--muted);cursor:pointer;font:700 .52rem var(--body);letter-spacing:.11em}.studio-actions button:hover{color:var(--cream);border-color:var(--gold)}.studio-message{min-height:20px;color:var(--muted);font-size:.72rem}.studio-message.error{color:#e59486}@media(max-width:760px){.studio-shell{padding:14px}.studio-header{padding-bottom:14px}.queue-heading{display:grid}.queue-list{grid-template-columns:1fr}.studio-stage{padding:24px 2px}.stage-phone{width:64px;height:64px}.studio-actions{display:grid}.studio-actions button{width:100%}}