@font-face{font-family:Readex Pro;src:url(/assets/ReadexPro-Regular-CNiChPqj.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Readex Pro;src:url(/assets/ReadexPro-SemiBold-BCvycTyb.ttf)format("truetype");font-weight:600 700;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Regular-BMa5IoM-.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-SemiBold-BEUPqj-s.ttf)format("truetype");font-weight:600 700;font-display:swap}:root{--bg:#fff;--surface:#f6f6f8;--raised:#fff;--overlay:#ececf0;--border:#dcdce2;--border-strong:#85858f;--text:#0b0b0d;--text-2:#4a4a55;--text-3:#666671;--primary:#c8080f;--primary-text:#c8080f;--on-primary:#fff;--success:#137a43;--warning:#955c00;--error:#c4242d;--info:#1a64bf;--focus:#c8080f;--gold:#f5c451;--live:#e50914;--scrim:#0009;--stage-bg:#0b0b0d;--shadow:0 1px 2px #0b0b0d0d, 0 10px 30px #0b0b0d0f;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--font:"Readex Pro", "Inter", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0b0b0d;--surface:#16161a;--raised:#1f1f25;--overlay:#2a2a32;--border:#34343d;--border-strong:#70707c;--text:#fff;--text-2:#b4b4be;--text-3:#92929e;--primary:#e50914;--primary-text:#ff3b47;--success:#2ecc71;--warning:#f5a623;--error:#ff5a5f;--info:#4da3ff;--focus:#ff3b47;--scrim:#000000b3;--stage-bg:#000;--shadow:0 1px 2px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[lang=en]{--font:"Inter", "Readex Pro", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:400 15px/1.45 var(--font);margin:0}body{min-height:100vh}h1{margin:0 0 8px;font-size:24px;line-height:1.25}h2{margin:0 0 12px;font-size:18px;line-height:1.3}h3{color:var(--text-2);text-transform:none;margin:0 0 8px;font-size:13px;font-weight:600}p{margin:0 0 8px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.muted{color:var(--text-3)}.small{font-size:13px}.ltr{direction:ltr;unicode-bidi:isolate}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.end{justify-content:flex-end}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.center{place-items:center;min-height:calc(100vh - 64px);padding:24px 16px;display:grid}.center-text{text-align:center}.top{border-bottom:1px solid var(--border);background:var(--raised);z-index:5;align-items:center;gap:8px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#ff3b47,#e50914 55%,#8a050c);border-radius:10px;place-items:center;width:34px;height:34px;font:700 18px/1 Inter,sans-serif;display:grid}.brand-text{line-height:1.15;display:grid}.brand-text small,.auth-brand small{color:var(--text-3);font-size:12px}.user{align-items:center;gap:8px;padding-inline:8px;font-size:13px;display:flex}.user img,.avatar-ph{object-fit:cover;background:var(--overlay);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:600;display:grid}.card{background:var(--raised);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow)}.auth-card{gap:12px;width:min(420px,100%);padding:28px;display:grid}.auth-brand{align-items:center;gap:12px;margin-bottom:4px;display:flex}.auth-brand div{display:grid}.gate{text-align:center;justify-items:center;gap:12px;width:min(520px,100%);padding:28px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--text-2);font-size:13px;font-weight:600}input,select{border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);width:100%;min-height:42px;padding:8px 12px}input:disabled{opacity:.7}.check{align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.check input{width:18px;min-height:18px;accent-color:var(--primary)}.btn{border-radius:var(--r-pill,999px);border:1px solid var(--border-strong);background:var(--raised);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 16px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--on-primary);border-color:#0000}.btn.danger{background:var(--error);color:#fff;border-color:#0000}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:32px;padding:4px 12px;font-size:13px}.btn.block{width:100%}.btn.big{width:100%;min-height:52px;font-size:17px}.link{color:var(--primary-text);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.alert{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);padding:10px 14px}.alert.error{border-color:var(--error);color:var(--error)}.alert.warn{border-color:var(--warning)}.alert.info{border-color:var(--info)}.note{border-inline-start:3px solid var(--info);background:var(--surface);border-radius:6px;padding:6px 10px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio{gap:12px;max-width:1600px;margin:0 auto;padding:16px 20px 24px;display:grid}.setup-grid{grid-template-columns:minmax(330px,400px) 1fr;align-items:start;gap:16px;display:grid}.live-grid{grid-template-columns:1fr minmax(300px,360px);align-items:start;gap:16px;display:grid}.controls{gap:14px;max-height:calc(100vh - 120px);padding:18px;display:grid;overflow:auto}.group{border-top:1px solid var(--border);gap:6px;padding-top:12px;display:grid}.group.two{gap:10px}.choice{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-item{text-align:start;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);cursor:pointer;gap:4px;padding:12px;display:grid}.choice-item small{color:var(--text-3);font-size:12px}.choice-item.on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--raised))}.corners{grid-template-columns:repeat(2,44px);gap:6px;margin-top:6px;display:grid}.corners.inline{grid-template-columns:repeat(2,30px);gap:4px;margin:0;display:inline-grid}.corner{border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:6px;width:44px;height:30px;padding:0;position:relative}.corner.small{width:30px;height:18px}.corner.small i{width:7px;height:7px}.corner i{background:var(--text-3);border-radius:50%;width:9px;height:9px;position:absolute}.corner.c-TOP_LEFT i{top:3px;left:3px}.corner.c-TOP_RIGHT i{top:3px;right:3px}.corner.c-BOTTOM_LEFT i{bottom:3px;left:3px}.corner.c-BOTTOM_RIGHT i{bottom:3px;right:3px}.corner.on{border-color:var(--primary)}.corner.on i{background:var(--primary)}.obs{border-radius:var(--r-md);background:var(--surface);border:1px dashed var(--border-strong);margin-top:8px;padding:10px 12px}.obs.prominent{border-style:solid;border-color:var(--primary)}.obs-head{align-items:flex-start;gap:10px;display:flex}.obs-head p{margin:2px 0 0}.obs-badge{letter-spacing:.04em;color:#fff;background:#302e31;border-radius:6px;flex:none;padding:6px 7px;font:700 11px/1 Inter,sans-serif}.obs .ok{color:var(--success)}.steps{gap:4px;margin:8px 0 0;padding-inline-start:20px;display:grid}.missing{color:var(--warning);margin:0;padding-inline-start:18px}.preview{align-content:start;gap:12px;display:grid}.stage-frame{background:var(--stage-bg);border-radius:var(--r-lg);place-items:center;min-height:300px;padding:12px;display:grid}.stage{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;max-height:calc(100vh - 400px);position:relative;overflow:hidden}.studio.is-live .stage{max-height:calc(100vh - 260px)}.stage-frame.landscape .stage{width:min(100%,177.778vh - 711.111px)}.studio.is-live .stage-frame.landscape .stage{width:min(100%,177.778vh - 462.222px)}.stage-frame.portrait .stage{aspect-ratio:9/16;width:auto;height:calc(100vh - 400px);min-height:320px}.studio.is-live .stage-frame.portrait .stage{height:calc(100vh - 260px)}.stage-main{background:#000;width:100%;height:100%;position:absolute;inset:0}.stage-empty,.stage-paused{color:#b4b4be;text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.stage-paused{color:#fff;background:#000000b8;font-weight:600}.bubble{touch-action:none;background:#16161a;border:3px solid #fff;border-radius:50%;transition:left .26s cubic-bezier(.2,.8,.2,1),top .26s cubic-bezier(.2,.8,.2,1);position:absolute;overflow:hidden;box-shadow:0 6px 18px #00000073}.bubble.draggable{cursor:grab}.bubble.dragging{cursor:grabbing;transition:none}.bubble video{pointer-events:none;width:100%;height:100%}.golive{gap:10px;padding:16px;display:grid}.live-bar{flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px;display:flex}.live-title{text-overflow:ellipsis;white-space:nowrap;max-width:40ch;font-weight:600;overflow:hidden}.pill{background:var(--overlay);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.pill.live{background:var(--live);color:#fff}.pill.warn{background:color-mix(in srgb, var(--warning) 22%, var(--raised))}.pill .dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite blink}@keyframes blink{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.pill .dot,.spinner{animation:none}.bubble{transition:none}}.stat{color:var(--text-2);font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.tool{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;min-height:40px;padding:6px 14px;font-size:14px;font-weight:600}.tool.off{background:color-mix(in srgb, var(--error) 14%, var(--raised));border-color:var(--error)}.tool:disabled{opacity:.45;cursor:not-allowed}.side{grid-template-rows:auto auto 1fr auto;height:calc(100vh - 150px);min-height:420px;display:grid;overflow:hidden}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs button{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:600}.tabs button.on{color:var(--text);border-bottom-color:var(--primary)}.tabs .count{background:var(--primary);color:#fff;border-radius:999px;margin-inline-start:6px;padding:0 7px;font-size:12px}.chat,.gifts{flex-direction:column;grid-row:3;gap:6px;margin:0;padding:10px 12px;list-style:none;display:flex;overflow:auto}.chat .empty,.gifts .empty{text-align:center;margin:auto}.msg{background:var(--surface);border-radius:12px;gap:2px;padding:6px 10px;display:grid}.msg .who{color:var(--text-2);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.msg .tag{background:var(--primary);color:#fff;border-radius:6px;padding:0 6px;font-size:11px}.msg.pending{opacity:.6}.msg.failed{border:1px solid var(--error)}.failed-note{color:var(--error);font-size:12px}.join{color:var(--text-3);padding-inline:4px;font-size:12px}.chat-send{border-top:1px solid var(--border);grid-row:4;gap:8px;padding:10px 12px;display:flex}.gift{background:var(--surface);border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:6px 8px;display:grid}.gift img,.gift-ph{object-fit:contain;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.gift .who{font-weight:600}.gift-name{color:var(--primary-text);font-weight:600}.gift-qty{font-weight:700}.gift-coins{color:var(--warning);white-space:nowrap;font-size:12px}.modal-scrim{background:var(--scrim);z-index:20;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);padding:22px}@media (max-width:1100px){.live-grid{grid-template-columns:1fr}.side{height:460px}}@media (max-width:860px){.setup-grid{grid-template-columns:1fr}.controls{max-height:none}.hide-narrow{display:none}.top{flex-wrap:wrap;padding:8px 12px}.studio{padding:12px}}