:root{color-scheme:light;font-family:Inter,Pretendard,system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#24272a;background:#f8f8f6;font-synthesis:none;--line:#e0e2df;--muted:#737975;--gold:#b39b69;--purple:#91809c}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button{min-height:42px;padding:11px 16px;border:1px solid var(--line);border-radius:8px;background:white;color:#303632;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}button:hover{background:#f0f2ee;border-color:#b6beb6}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.site-head{height:86px;max-width:1360px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:850;letter-spacing:-1.4px;display:flex;align-items:center;gap:12px}.brand:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold)}.brand span{font-size:10px;font-weight:650;letter-spacing:3px;border-left:1px solid #ccd0cb;padding-left:14px}.head-caption{color:#858b84;font-size:11px;margin-left:auto}.home-link{font-size:12px;font-weight:600;border:1px solid #d7dbd4;padding:10px 16px;border-radius:30px}
main{max-width:1360px;margin:auto;padding:0 48px}.intro{padding:34px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.8px;color:#687066;font-weight:650;display:flex;align-items:center;gap:10px;margin:0 0 15px}.eyebrow span{width:20px;height:1px;background:var(--gold)}h1{font-size:clamp(25px,3.2vw,42px);letter-spacing:-1.8px;line-height:1.35;margin:0;font-weight:750;overflow-wrap:anywhere}#room-status{font-size:12px;line-height:1.8;color:#7a8179;margin:12px 0 0}.intro-signature{text-align:right;font-size:10px;letter-spacing:2px;white-space:nowrap;color:#7d857c;line-height:2}.intro-signature span{letter-spacing:0;font-size:11px;color:#92998e}
.theater{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#15191c;color:#f0f2ef;box-shadow:0 22px 55px -30px #121e2750;--arena-height:min(39vw,480px,max(300px,calc(100dvh - 430px)))}.theater:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 38%,#40474960,transparent 68%),linear-gradient(90deg,transparent 49.9%,#ffffff03 50%,transparent 50.1%);pointer-events:none}.theater-heading{height:68px;margin:0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff0d}.theater-wordmark{font-size:20px;font-weight:800;letter-spacing:-1px}.theater-wordmark span{font-size:9px;letter-spacing:2.4px;font-weight:500;color:#929a9b;margin-left:12px}#broadcast-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#a7afac;white-space:nowrap}#broadcast-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#626d68}#broadcast-status.is-live{color:#e8efe9}#broadcast-status.is-live:before{background:#e95851;box-shadow:0 0 0 4px #e9585118}
.stages{display:grid;grid-template-columns:1fr 1.65fr 1fr;align-items:center;gap:18px;height:var(--arena-height);margin:28px;position:relative}.stage{position:relative;border:1px solid #ffffff16;border-radius:12px;background:#232a2d;overflow:hidden;width:100%;justify-self:center;--accent:#929b98;max-width:calc(var(--arena-height) * .5625)}.stage-a{grid-column:2;grid-row:1;max-width:none;--accent:var(--gold)}.stage-b{grid-column:1;grid-row:1;--accent:var(--purple)}.stage-c{grid-column:3;grid-row:1}.video-mount{position:relative;aspect-ratio:9/16;background:linear-gradient(155deg,#343e42,#202729 55%,#1a2022)}.stage-a .video-mount{aspect-ratio:16/9;background:linear-gradient(155deg,#3c4445,#2b3233 50%,#202526)}.studio-live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0d1011}.standby{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:13px}.standby:before{content:'';position:absolute;inset:20% -45% -55%;border:1px solid #ffffff0a;border-radius:50%;box-shadow:0 0 0 35px #ffffff02,0 0 0 70px #ffffff02,0 0 0 105px #ffffff02;transform:rotate(-25deg)}.standby b{position:relative;font-size:clamp(56px,9vw,120px);line-height:1;font-weight:250;letter-spacing:-7px;color:#c0c8c54a}.standby span{position:relative;font-size:10px;letter-spacing:.2px;color:#a2aca7}.has-video .standby{display:none}.stage-top{position:absolute;inset:0 0 auto;padding:17px 16px;z-index:2;display:flex;justify-content:space-between;gap:5px;font-size:9px;letter-spacing:.4px;color:#a4afaa;background:linear-gradient(#10171950,transparent)}.stage-top>span:first-child{color:#e0e4df;display:flex;align-items:center;gap:7px;font-weight:650;letter-spacing:1.2px}.stage-top>span:first-child:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--accent)}.nameplate{position:absolute;inset:auto 0 0;z-index:2;padding:30px 16px 17px;font-size:13px;font-weight:600;color:#e6ebe6;background:linear-gradient(transparent,#0d131a9c);padding-right:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-expand{position:absolute;bottom:9px;right:8px;z-index:4;display:grid;place-items:center;width:36px;min-height:36px;padding:8px;color:#c7cfca;background:transparent;border-color:transparent;border-radius:6px}.stage-expand:hover{background:#ffffff14;border-color:#ffffff20}.stage:has(.has-video){background:#080b0c}
.theater-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;padding:14px 28px;border-top:1px solid #ffffff0d;background:#12161970}.viewer-controls,.view-controls,.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.theater-controls :is(.viewer-controls,.view-controls)>button{background:transparent;border-color:#ffffff1c;color:#c4cdc6;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.theater-controls :is(.viewer-controls,.view-controls)>button:hover{background:#ffffff0d}.theater-controls .viewer-controls>.primary{background:#edf1e8;color:#263329;border-color:#edf1e8}.play-mark{display:block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}.theater-controls #watch{padding-left:18px;padding-right:20px}.message{font-size:12px;line-height:1.7;color:#b9c8bd;text-align:center;margin:0;padding:0 24px 16px}.message:empty{display:none}.below-stage{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:25px 0 35px;border-bottom:1px solid var(--line)}.broadcast-note{display:flex;align-items:center;gap:14px}.note-mark{width:43px;height:43px;border:1px solid #d8dcd5;background:#eeefeb;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:-1px}.broadcast-note p{display:flex;flex-direction:column;gap:5px;margin:0}.broadcast-note b{font-size:13px;font-weight:600}.broadcast-note p>span{font-size:11px;color:#858c82}.connection-details{max-width:520px;min-width:110px}.connection-details summary{font-size:11px;color:#7b8479;cursor:pointer;padding:12px 0;text-align:right}.connection-details[open]{min-width:42%}
.panel{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#242b27;margin:24px 0;max-width:760px}.panel h2,dialog h2{font-size:17px;margin:0 0 12px;letter-spacing:-.4px}.panel p{font-size:12px;color:#737c74;line-height:1.8}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel-heading>span{font-size:10px;color:#8c948c}.subtle{font-size:11px!important;color:#8b9389!important}label{display:block;font-size:12px;margin:15px 0 8px;font-weight:550}input{width:100%;border:1px solid #d9ddd6;border-radius:7px;padding:12px;background:#fafbf8;color:#252d26;font-size:16px;min-width:0}form>button{margin-top:15px;width:100%}.primary{background:#303d33;color:#fff;border-color:#303d33}.primary:hover{background:#46564a;border-color:#46564a}.danger{color:#9a4545;border-color:#e4d2d0;background:#fff8f7}.danger:hover{background:#f9ebe8}.panel>.primary,#stop{width:100%;margin-top:12px}.studio-invites{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-invite{min-width:0;padding:16px;border:1px solid var(--line);border-radius:9px}.studio-invite h3{font-size:13px;margin:0}.studio-invite button{width:100%;font-size:11px}.studio-invite input{font-size:12px}.studio-invite [id^=invite-box-]{border-top:1px solid var(--line);margin-top:16px}.studio-invite [id^=copy-invite-]{margin-top:9px}#end{width:100%}#login-panel{max-width:440px}.studio-tools{position:absolute;z-index:10;right:180px;bottom:16px}.studio-tools>summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;padding:13px 15px;border:1px solid #ffffff20;border-radius:8px;color:#d7dfd7;background:#20272a}.studio-tools>summary::-webkit-details-marker{display:none}.studio-tools[open]>summary{background:#e7ede5;color:#27352a}.tools-drawer{position:absolute;right:-150px;bottom:60px;width:min(420px,calc(100vw - 40px));max-height:min(650px,75dvh);overflow:auto;background:#f8f9f5;color:#27342b;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 15px 60px #0006;padding:18px;overscroll-behavior:contain}.drawer-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-bottom:10px;border-bottom:1px solid var(--line)}.drawer-heading button{min-height:32px;padding:5px 10px;font-size:10px}.tools-drawer .panel{padding:16px 0;border:0;background:transparent;margin:0;border-radius:0}.tools-drawer .panel+.panel{border-top:1px solid var(--line)}.tools-drawer h2{font-size:14px}.tools-drawer .button-row button{flex:1;font-size:11px;padding:10px 8px;min-width:40%}.moderation-guests{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moderation-guest{min-width:0;border:1px solid var(--line);padding:12px;border-radius:8px;background:#fff}.moderation-guest h3{font-size:12px;margin:0}.moderation-guest p{font-size:10px;min-height:34px}.moderation-guest button{width:100%;font-size:11px;padding:9px 4px;margin-top:6px}.moderation-guest .is-blocked{background:#f9eae6;color:#a14b40;border-color:#e7c4bc}#moderate-all{width:100%;margin-top:12px;font-size:11px}#moderation-pending p,#host-control-notice{color:#a64d41}#moderation-pending{border-top:1px solid var(--line);margin-top:15px}#publisher-controls .button-row{margin-top:15px}
dialog{width:400px;max-width:calc(100vw - 32px);color:#27332a;background:#fafbf8;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 20px 70px #0004}dialog::backdrop{background:#111b2477}dialog p{font-size:12px;line-height:1.8;color:#74806f}#auth-error{color:#a44242}footer{display:flex;justify-content:space-between;align-items:center;margin:35px 0 30px;color:#979e92;font-size:10px;line-height:1.8}footer>span{font-size:11px;font-weight:700;letter-spacing:2px}footer p{text-align:right;margin:0}
.theater.is-immersive{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;border-radius:0;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);--arena-height:calc(100dvh - 190px)}.theater.is-immersive .stages{flex:1;min-height:0;margin:20px 28px}.theater.is-immersive .theater-heading,.theater.is-immersive .theater-controls{flex-shrink:0}.theater.is-immersive .message{flex-shrink:0;max-height:48px;overflow:auto}.theater.is-immersive .studio-tools{bottom:calc(16px + env(safe-area-inset-bottom))}.theater.is-immersive .stage{max-width:calc(var(--arena-height) * .5625)}.theater.is-immersive .stage-a{max-width:min(100%,calc(var(--arena-height) * 1.7778))}.theater.is-focused .stages{display:flex;justify-content:center}.theater.is-focused .stage:not(.is-selected){display:none}.theater.is-focused .stage.is-selected{width:min(100%,calc(var(--arena-height) * .5625));max-width:none}.theater.is-focused .stage-a.is-selected{width:min(100%,calc(var(--arena-height) * 1.7778))}body.studio-immersive{overflow:hidden}.theater.is-immersive:fullscreen{background:#15191c}.theater.is-focused .view-controls{gap:6px}.theater.is-focused .studio-tools{right:320px}
@media(max-width:1000px){main{padding:0 24px}.site-head{padding:0 24px}.intro-signature{display:none}.stage-top{padding:13px 10px;font-size:8px}.stage-top span:last-child{display:none}.stages{gap:12px;margin:20px}.theater-heading{margin:0 20px}.theater-controls{padding:14px 20px}.tools-drawer{right:-155px}.theater.is-focused .studio-tools{right:310px}}
@media(max-width:600px){.site-head{height:68px;padding:0 20px}.brand{font-size:23px}.brand span{font-size:8px;letter-spacing:2px}.head-caption{display:none}.home-link{margin-left:auto;font-size:10px;padding:8px 12px}main{padding:0 14px}.intro{padding:29px 6px 23px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:12px}h1{font-size:26px;letter-spacing:-1.2px;max-width:300px}#room-status{font-size:11px;margin-top:9px}.theater{border-radius:12px;--arena-height:calc(100dvh - 190px)}.theater-heading{height:53px;margin:0 14px}.theater-wordmark{font-size:17px}.theater-wordmark span{font-size:7px;margin-left:7px;letter-spacing:1.5px}#broadcast-status{font-size:9px;gap:6px}.stages{height:auto;grid-template-columns:1fr 1fr;gap:10px;margin:18px 12px}.stage{max-width:none;border-radius:9px}.stage-a{grid-column:1/-1;grid-row:1;width:78%;margin-bottom:4px}.stage-b{grid-column:1;grid-row:2}.stage-c{grid-column:2;grid-row:2}.stage-top{font-size:7px;padding:11px 9px}.standby b{font-size:73px}.stage-a .standby b{font-size:54px}.standby span{font-size:9px}.standby{gap:8px}.nameplate{font-size:11px;padding:24px 10px 12px;padding-right:40px}.stage-expand{bottom:5px;right:3px;min-height:34px;width:34px}.stage-expand svg{width:14px;height:14px}.theater-controls{padding:12px;gap:8px;min-height:67px;flex-wrap:wrap}.theater-controls :is(.viewer-controls,.view-controls)>button{font-size:10px;padding:9px 11px;min-height:38px;gap:6px}.viewer-controls{gap:5px}.view-controls{margin-left:auto}.theater-controls #watch{padding:9px 12px}.theater-controls #fullscreen svg{width:14px}.studio-tools{position:relative;inset:auto;margin:0 12px 12px;align-self:start;width:calc(100% - 24px)}.studio-tools>summary{font-size:11px;text-align:center;padding:11px}.tools-drawer{position:absolute;bottom:49px;right:0;left:0;width:100%;max-height:65dvh;padding:14px}.theater.is-immersive .studio-tools{position:relative;bottom:auto;right:auto}.theater.is-focused .studio-tools{right:auto}.message{font-size:10px;padding:0 15px 12px}.below-stage{padding:20px 5px 24px;gap:14px;flex-wrap:wrap}.broadcast-note{gap:10px}.broadcast-note b{font-size:11px}.broadcast-note p>span{font-size:9px}.note-mark{width:36px;height:36px;font-size:11px}.connection-details{margin-left:auto;min-width:0}.connection-details[open]{width:100%}.connection-details summary{font-size:10px}.panel{padding:20px 16px}.studio-invites{grid-template-columns:1fr}.theater.is-immersive .stages{margin:10px 12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,.7fr) minmax(0,1.3fr);gap:10px}.theater.is-immersive .stage-a{width:min(78%,calc(var(--arena-height) * .6));max-height:100%;max-width:100%;margin:0}.theater.is-immersive .stage-b,.theater.is-immersive .stage-c{width:min(100%,calc(var(--arena-height) * .31));max-width:none}.theater.is-immersive .stages{--arena-height:calc(100dvh - 230px)}.theater.is-focused .stages{display:flex;align-items:center}.theater.is-focused .stage.is-selected{width:min(100%,calc(var(--arena-height) * .5625))}.theater.is-focused .stage-a.is-selected{width:100%}.theater.is-immersive .theater-heading{height:48px}footer{margin:25px 5px;font-size:9px}footer>span{font-size:9px}}
@media(max-height:550px) and (orientation:landscape){.theater.is-immersive{--arena-height:calc(100dvh - 145px)}.theater.is-immersive .theater-heading{height:42px}.theater.is-immersive .stages{display:grid;grid-template-columns:1fr 1.65fr 1fr;grid-template-rows:1fr;margin:8px 20px;--arena-height:calc(100dvh - 145px)}.theater.is-immersive .stage-a{grid-column:2;grid-row:1;width:100%;max-width:none}.theater.is-immersive .stage-b{grid-column:1;grid-row:1}.theater.is-immersive .stage-c{grid-column:3;grid-row:1}.theater.is-immersive .stage-b,.theater.is-immersive .stage-c{width:min(100%,calc(var(--arena-height) * .5625))}.theater.is-immersive .theater-controls{min-height:55px;padding:8px 20px}.theater.is-immersive .studio-tools{position:absolute;right:170px;bottom:8px;margin:0}.theater.is-immersive .tools-drawer{left:auto;right:0;width:360px;max-height:70dvh}.theater.is-focused .stages{display:flex}.theater.is-focused .stage-a.is-selected{width:min(100%,calc(var(--arena-height) * 1.7778))}.theater.is-focused .studio-tools{right:300px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.theater-controls .studio-tools{position:relative;inset:auto;width:auto;margin:0 0 0 auto;align-self:auto}.theater-controls .tools-drawer{left:auto;right:0;bottom:55px;width:min(420px,calc(100vw - 40px))}.theater-controls .view-controls{margin-left:0}@media(max-width:600px){.theater-controls .studio-tools{order:3;flex:0 0 100%;margin:0}.theater-controls .tools-drawer{left:0;right:0;bottom:49px;width:100%}.theater-controls .view-controls{margin-left:auto}}

.theater-controls .tools-drawer{max-height:min(650px,65dvh,calc(var(--arena-height) + 45px))}