:root{--bg: #0a0a0c;--bg-soft: #101014;--surface: #16161b;--surface-hi: #1e1e25;--line: #26262e;--line-hi: #35353f;--text: #f4f4f5;--text-dim: #a4a4ae;--text-faint: #6f6f7b;--gold: #e8b53f;--gold-hi: #f2c65c;--gold-ink: #2a1e05;--danger: #ef5a52;--radius: 14px;--radius-sm: 9px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.55 system-ui,Segoe UI,Noto Sans Arabic,Tahoma,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2{font-weight:650;letter-spacing:-.02em;margin:0}.logo{color:var(--gold);display:block}.logo.spin{animation:spin 3.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.logo.spin{animation-duration:12s}}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:680;letter-spacing:-.025em}.dot{color:var(--gold)}.lang,input,button{font:inherit;color:var(--text);background:var(--surface-hi);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 13px;transition:border-color .15s ease,background .15s ease,transform .08s ease}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--line-hi);background:#24242c}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.cta{background:linear-gradient(180deg,var(--gold-hi),var(--gold));border:none;color:var(--gold-ink);font-weight:680;padding:14px 40px;border-radius:999px;font-size:16px;box-shadow:0 6px 22px #e8b53f38}.cta:hover:not(:disabled){background:linear-gradient(180deg,#f7d075,var(--gold-hi))}.cta.small{padding:10px 26px;font-size:15px;box-shadow:none}button.danger{color:var(--danger);border-color:#3a2523;background:transparent}button.danger:hover{background:#241716;border-color:#4d2f2c}.landing{position:relative;height:100%;overflow-y:auto;display:flex;flex-direction:column}.glow{position:fixed;inset-block-start:-280px;inset-inline-start:50%;transform:translate(-50%);width:900px;height:620px;pointer-events:none;background:radial-gradient(closest-side,rgb(232 181 63 / 15%),transparent 72%)}.landing-bar{position:sticky;inset-block-start:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#0a0a0cb8;backdrop-filter:blur(12px);border-block-end:1px solid transparent}.brand-button{padding:6px 10px;background:transparent;border-color:transparent;font-size:inherit;color:inherit}.brand-button:hover:not(:disabled){background:var(--surface);border-color:var(--line)}.live{display:inline-flex;align-items:center;gap:7px;margin:0 0 26px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-dim);font-size:13px}.live strong{color:var(--text);font-variant-numeric:tabular-nums}.live-sub{color:var(--text-faint)}.live-dot{width:7px;height:7px;border-radius:50%;background:#35c07f;box-shadow:0 0 #35c07f99;animation:pulse 2.4s ease-out infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #35c07f00}to{box-shadow:0 0 #35c07f00}}@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}.hero{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 24px 56px;max-width:760px;margin:0 auto}.hero-mark{margin-block-end:24px}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.15;max-width:15ch}.lede{color:var(--text-dim);font-size:16px;margin:14px 0 32px;max-width:44ch}.invited{display:inline-flex;align-items:center;gap:9px;margin:0 0 20px;padding:7px 15px;border:1px solid #5c4712;border-radius:999px;background:#2a2109;color:#f0d79a;font-size:13.5px}.invited svg{width:17px;height:17px;flex:none}.invited strong{letter-spacing:.12em;color:var(--gold-hi)}.hint{margin-block-start:6px!important;color:var(--text-faint)!important;font-size:12.5px!important;max-width:46ch}.rules{color:var(--text-faint);font-size:12.5px;margin:18px 0 0;max-width:46ch}.signin{display:flex;flex-direction:column;align-items:center;gap:9px;margin-block-start:26px}.signin-button{min-height:44px}.signin-note{margin:0;color:var(--text-faint);font-size:12.5px}.signed-in{display:inline-flex;align-items:center;gap:7px;margin-block-start:26px;color:var(--gold);font-size:13.5px}.signed-in svg{width:16px;height:16px}.pill.verified{color:var(--gold-ink);background:var(--gold);border-color:var(--gold);font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;margin:48px 0 0;padding:0;width:100%}.features li{display:flex;flex-direction:column;gap:7px;padding:18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:start}.features strong{font-weight:620;font-size:14.5px}.features span:last-child{color:var(--text-dim);font-size:13px;line-height:1.5}.feature-icon{width:26px;height:26px;color:var(--gold)}.feature-icon svg{width:100%;height:100%}.how,.safety{width:100%;margin-block-start:56px;text-align:start}.how h2,.safety h2{font-size:17px;margin-block-end:18px}.safety h2{display:flex;align-items:center;gap:9px}.safety h2 svg{width:19px;height:19px;color:var(--gold);flex:none}.how ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;margin:0;padding:0;counter-reset:step}.how li{display:flex;flex-direction:column;gap:7px}.step-n{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-hi);color:var(--gold);font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums}.how strong{font-size:14.5px;font-weight:620}.how span:last-child{color:var(--text-dim);font-size:13px}.safety{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.safety p{margin:0;color:var(--text-dim);font-size:13.5px;line-height:1.6}.landing-foot{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:22px 24px 30px;border-block-start:1px solid var(--line);font-size:13px}.landing-foot a{color:var(--text-dim);text-decoration:none}.landing-foot a:hover{color:var(--gold);text-decoration:underline}.foot-brand{margin-inline-start:auto;color:var(--text-faint)}.app{display:flex;flex-direction:column;height:100%}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-block-end:1px solid var(--line);background:var(--bg-soft)}.bar-right{display:flex;align-items:center;gap:8px}.pill{min-width:30px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0;padding:12px}.tile{position:relative;overflow:hidden;min-height:0;background:#050508;border:1px solid var(--line);border-radius:var(--radius)}.tile video{width:100%;height:100%;object-fit:cover;display:block}.tile video.mirrored{transform:scaleX(-1)}.tag{position:absolute;inset-block-end:9px;inset-inline-start:11px;padding:3px 9px;border-radius:7px;background:#0000009e;backdrop-filter:blur(6px);font-size:11.5px;color:var(--text-dim)}.overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#0a0a0ceb;text-align:center}.prompt{max-width:380px;display:flex;flex-direction:column;align-items:center}.prompt h2{font-size:19px;margin-block-end:9px}.prompt p{margin:0 0 18px;color:var(--text-dim);font-size:13.5px}.busy-label{margin-block-start:14px!important;margin-block-end:0!important}.stage.grid4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.empty-tile{display:grid;place-items:center;background:#08080c;border-style:dashed}.empty-tile .tag{position:static;background:none;color:var(--text-faint)}.invite{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;margin-block-end:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.invite-code{flex:1;min-width:120px;font-size:24px;font-weight:700;letter-spacing:.18em;color:var(--gold);font-variant-numeric:tabular-nums}.party-members{list-style:none;margin:0 0 18px;padding:0}.party-members li{display:flex;align-items:center;gap:9px;padding:9px 0;border-block-end:1px solid var(--line);font-size:14px}.dot-live{width:7px;height:7px;border-radius:50%;background:#35c07f;flex:none}.member-tag{margin-inline-start:auto;color:var(--text-faint);font-size:11.5px}.waiting-slot{color:var(--text-faint);font-style:italic}.cta.full{width:100%}.or{margin:16px 0;color:var(--text-faint);font-size:12.5px;text-align:center}.join-form{display:flex;gap:8px}.join-form input{flex:1;font:inherit;color:var(--text);background:var(--surface-hi);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;letter-spacing:.12em;text-transform:uppercase}.tile-tags{position:absolute;inset-block-end:9px;inset-inline-start:11px;display:flex;flex-wrap:wrap;gap:6px}.tile-tags .tag{position:static;display:inline-flex;align-items:center;gap:5px}.tag.likes{color:#ff8f88}.tag.verified-tag{color:var(--gold-ink);background:var(--gold);font-weight:700}.tag.live-tag{background:#b3231c;color:#fff;font-weight:650;letter-spacing:.04em}.ico-sm{width:12px;height:12px}.live-pip{width:7px;height:7px;border-radius:50%;background:#fff;flex:none;animation:livepulse 1.6s ease-in-out infinite}button.ghost .live-pip,.live-badge-big .live-pip{background:#ff5a4f}.tag.live-tag .live-pip{background:#fff}@keyframes livepulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.live-pip{animation:none}}button.ghost.live-on{display:inline-flex;align-items:center;gap:7px;color:#ff8f88;border-color:#4d2f2c;background:#241716}button.icon.liked{color:#ff5a4f;opacity:1}.tile video.blurred{filter:blur(26px) saturate(.6);transform:scale(1.06)}.overlay.consent{background:#0a0a0cd1}.live-badge-big{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;margin-block-end:14px;border-radius:999px;background:#b3231c;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em}.consent-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-block-end:14px}button.linkish{padding:0;border:none;background:none;color:var(--text-faint);font-size:12.5px;text-decoration:underline}button.linkish:hover{color:var(--gold);background:none}.notice{padding:9px 16px;border-block-start:1px solid var(--line);background:var(--bg-soft);color:var(--text-dim);font-size:13px;text-align:center}.notice.warn{color:var(--gold)}.controls{display:flex;gap:8px;align-items:center;padding:11px 16px;border-block-start:1px solid var(--line);background:var(--bg-soft)}.spacer{flex:1}.divider{width:1px;align-self:stretch;margin-inline:4px;background:var(--line)}.cta.small.next{display:inline-flex;align-items:center;gap:4px;padding-inline:22px 18px}.ico{width:18px;height:18px;flex:none}[dir=rtl] .cta.small.next .ico{transform:scaleX(-1)}button.ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}button.ghost:hover:not(:disabled){background:var(--surface);color:var(--text)}button.icon{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;background:transparent;color:var(--text-dim)}button.icon:hover:not(:disabled){background:var(--surface);color:var(--text)}button.icon.off{color:var(--danger);border-color:#3a2523}.volume{display:flex;align-items:center;gap:8px}.volume input[type=range]{-webkit-appearance:none;appearance:none;width:96px;height:20px;padding:0;border:none;background:transparent;cursor:pointer}.volume input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--gold) 0 var(--fill, 60%),var(--line-hi) var(--fill, 60%) 100%)}.volume input[type=range]::-moz-range-track{height:4px;border-radius:999px;background:linear-gradient(to right,var(--gold) 0 var(--fill, 60%),var(--line-hi) var(--fill, 60%) 100%)}.volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;margin-top:-4.5px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-soft)}.volume input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold);border:2px solid var(--bg-soft)}.report{position:relative}.report>button{display:inline-flex;align-items:center;gap:7px}.report>button.open{background:#241716;color:var(--danger)}.report-menu{position:absolute;inset-block-end:calc(100% + 9px);inset-inline-end:0;z-index:20;min-width:250px;padding:6px;background:var(--surface);border:1px solid var(--line-hi);border-radius:var(--radius);box-shadow:0 14px 40px #0000008c;animation:pop .12s ease-out}@keyframes pop{0%{opacity:0;transform:translateY(5px)}}@media(prefers-reduced-motion:reduce){.report-menu{animation:none}}.report-menu button{display:block;width:100%;padding:9px 11px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:13.5px;text-align:start}.report-menu button:hover{background:var(--surface-hi)}.report-menu button.grave{color:#ffb4ae;font-weight:600}.report-menu button.grave:hover{background:#2b1a18}.report-note{margin:6px 11px 4px;color:var(--text-faint);font-size:11.5px}.chat{border-block-start:1px solid var(--line);background:var(--bg-soft);padding:10px 16px 14px}.lines{display:flex;flex-direction:column;gap:5px;max-height:108px;overflow-y:auto;margin-block-end:9px;scrollbar-width:thin}.line{align-self:flex-start;max-width:76%;padding:6px 11px;border-radius:12px;background:var(--surface-hi);font-size:14px;overflow-wrap:anywhere}.line.mine{align-self:flex-end;background:#3a2d0c;color:#f5e3b8}.chat input{width:100%}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:24px;text-align:center}.centered h1{font-size:21px}.centered p{color:var(--text-dim);margin:0;max-width:380px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050508b8;backdrop-filter:blur(4px)}.modal{width:min(420px,100%);max-height:90vh;overflow-y:auto;padding:18px;background:var(--bg-soft);border:1px solid var(--line-hi);border-radius:var(--radius);box-shadow:0 24px 60px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-block-end:14px}.modal-head h2{font-size:17px}.preview{position:relative;aspect-ratio:4 / 3;margin-block-end:16px;overflow:hidden;background:#050508;border:1px solid var(--line);border-radius:var(--radius-sm)}.preview video{width:100%;height:100%;object-fit:cover;display:block}.preview video.mirrored{transform:scaleX(-1)}.preview-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:18px;text-align:center;background:#0a0a0ceb}.preview-empty p{margin:0;color:var(--text-dim);font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-block-end:14px;font-size:13.5px}.field>span{color:var(--text-dim)}.field select,.field input,.field textarea{width:100%;font:inherit;color:var(--text);background:var(--surface-hi);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px}.field textarea{resize:vertical;line-height:1.5}.field small{color:var(--text-faint);font-size:12px}.field em{color:var(--text-faint);font-style:normal}.modal-note{margin:0 0 16px;color:var(--text-faint);font-size:12.5px}.modal-foot{display:flex;justify-content:flex-end}.recent-list{list-style:none;margin:0 0 16px;padding:0}.recent-list>li{border-block-end:1px solid var(--line);padding-block:4px}.recent-row{display:flex;align-items:center;gap:9px;padding-block:6px}.recent-when{flex:1;color:var(--text-dim);font-size:13.5px;font-variant-numeric:tabular-nums}.recent-done{color:var(--text-faint);font-size:12.5px}.recent-reasons{display:flex;flex-direction:column;gap:3px;padding-block-end:8px}.recent-reasons button{padding:8px 11px;border:none;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;text-align:start}.recent-reasons button:hover:not(:disabled){background:var(--surface-hi)}.recent-reasons button.grave{color:#ffb4ae}.empty{color:var(--text-faint);font-size:13.5px;text-align:center;padding-block:20px}.modal-foot{gap:8px}.mod-list{list-style:none;margin:0 0 28px;padding:0}.mod-list>li{padding:12px 14px;margin-block-end:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.mod-list>li.grave-row{border-color:#5c2b27;background:#1d1413}.mod-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-block-end:8px}.mod-cat{font-weight:650;font-size:13.5px;text-transform:uppercase;letter-spacing:.04em}.grave-row .mod-cat{color:#ffb4ae}.mod-meta{color:var(--text-dim);font-size:12.5px}.mod-when{margin-inline-start:auto;color:var(--text-faint);font-size:12px;font-variant-numeric:tabular-nums}.mod-body{margin:0 0 8px;color:var(--text-dim)!important;font-size:13.5px!important;white-space:pre-wrap;overflow-wrap:anywhere}.mod-actions{display:flex;flex-wrap:wrap;gap:6px}.mod-actions button{padding:5px 12px;font-size:12.5px}.count{margin-inline-start:8px;padding:1px 9px;border-radius:999px;background:var(--surface-hi);color:var(--text-dim);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}a.ghost{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text-dim);font-size:14px;text-decoration:none}a.ghost:hover{background:var(--surface);color:var(--text)}.legal{height:100%;overflow-y:auto;display:flex;flex-direction:column}.legal-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:10px 24px 56px}.legal-body h1{font-size:clamp(24px,4vw,32px);margin-block-end:20px}.legal-body h2{font-size:16px;margin-block:30px 10px}.legal-body p,.legal-body li{color:var(--text-dim);font-size:14.5px;line-height:1.65}.legal-body ul,.legal-body ol{padding-inline-start:20px}.legal-body li{margin-block-end:8px}.legal-body strong{color:var(--text)}.legal-intro{font-size:15.5px!important;color:var(--text)!important}.back{display:inline-block;margin-block-end:18px;color:var(--text-faint);font-size:13.5px;text-decoration:none}.back:hover{color:var(--gold)}.draft-banner{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin-block-end:26px;background:#2a2109;border:1px solid #5c4712;border-radius:var(--radius-sm);color:#f0d79a;font-size:13.5px;line-height:1.55}.draft-banner strong{color:var(--gold-hi)}.todo-head{color:var(--gold)}.legal-body .todo li{color:var(--text-faint)}.notice-form{margin-block-start:24px}.notice-form fieldset{margin:0 0 20px;padding:0;border:none}.notice-form legend{padding:0;margin-block-end:10px;color:var(--text-dim);font-size:13.5px}.notice-form fieldset label{display:flex;align-items:center;gap:9px;padding:9px 11px;margin-block-end:4px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;cursor:pointer}.notice-form fieldset label:hover{background:var(--surface)}.notice-form fieldset label.grave{color:#ffb4ae;border-color:#3a2523}.notice-form input[type=radio]{accent-color:var(--gold);width:auto;margin:0}.form-error{color:var(--danger);font-size:13.5px}.notice-ok{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.notice-ok h2{margin-block-start:0!important}.notice-ok code{padding:2px 7px;border-radius:5px;background:var(--surface-hi);color:var(--gold);font-size:13px}@media(max-width:760px){.stage{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.features,.how ol{grid-template-columns:1fr}.controls{flex-wrap:wrap}.hero{padding-block-end:40px}}.controls{gap:10px;padding:12px 18px;background:var(--bg-soft)}.btn-next{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border:none;border-radius:999px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--gold-ink);font-size:15.5px;font-weight:680;letter-spacing:.01em;box-shadow:0 2px 10px #e8b53f42,inset 0 1px #ffffff4d;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}.btn-next:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 4px 18px #e8b53f57,inset 0 1px #ffffff57}.btn-next:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 6px #e8b53f3d}.btn-next .ico{margin-inline-start:-2px}.btn-cancel{padding:12px 28px;border:1px solid var(--line-hi);border-radius:999px;background:var(--surface);color:var(--text);font-size:15px;font-weight:560;transition:background .18s ease,border-color .18s ease}.btn-cancel:hover{background:var(--surface-hi);border-color:#46464f}.btn-quiet{display:inline-flex;align-items:center;gap:7px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text-dim);font-size:14px;transition:background .18s ease,color .18s ease,border-color .18s ease}.btn-quiet:hover{background:var(--surface);border-color:var(--line-hi);color:var(--text)}.btn-quiet.danger{color:#d98b86;border-color:#3a2523}.btn-quiet.danger:hover,.btn-quiet.danger.open{background:#ef5a521a;border-color:#5a3230;color:var(--danger)}.btn-icon{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text-dim);transition:background .18s ease,color .18s ease}.btn-icon:hover:not(:disabled){background:var(--surface);color:var(--text)}.btn-icon.liked{color:var(--danger);border-color:#4a2b28}.btn-live{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--text-dim);font-size:14px;transition:background .18s ease,color .18s ease,border-color .18s ease}.btn-live:hover{background:var(--surface);color:var(--text)}.btn-live.on{background:#ef5a521f;border-color:#5f3330;color:#ff8f88}.live-pip.off{background:var(--text-faint);box-shadow:none;animation:none}.tile-audio{position:absolute;inset-block-end:8px;inset-inline-end:10px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#00000094;backdrop-filter:blur(8px);opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}.tile:hover .tile-audio,.tile:focus-within .tile-audio{opacity:1;transform:none}@media(hover:none){.tile-audio{opacity:1;transform:none}}.tile-btn{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:var(--text);font-size:12.5px}.tile-btn.off{color:#ff9a94}.tile-audio input[type=range]{width:82px}.countdown-overlay{display:grid;place-items:center;gap:14px;background:#0a0a0cb8;backdrop-filter:blur(3px)}.countdown-overlay p{margin:0;color:var(--text);font-size:15px}.countdown-ring{display:grid;place-items:center;width:96px;height:96px;border:3px solid var(--danger);border-radius:50%;color:var(--text);font-size:40px;font-weight:700;font-variant-numeric:tabular-nums;animation:countdown-pulse 1s ease-in-out infinite}@keyframes countdown-pulse{0%,to{transform:scale(1);box-shadow:0 0 #ef5a5257}50%{transform:scale(1.05);box-shadow:0 0 0 14px #ef5a5200}}@media(prefers-reduced-motion:reduce){.countdown-ring{animation:none}}.tile video.contain{object-fit:contain;background:#050508}.zoom-row{display:flex;align-items:center;gap:10px}.zoom-row input[type=range]{flex:1}.zoom-step{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line-hi);border-radius:50%;background:var(--surface);color:var(--text);font-size:18px;line-height:1}.zoom-step:hover{background:var(--surface-hi)}.modal-backdrop{background:#0606099e;backdrop-filter:blur(6px)}.modal{width:min(560px,calc(100vw - 32px));max-height:min(88vh,860px);overflow-y:auto;padding:18px;border:1px solid var(--line-hi);border-radius:20px;background:linear-gradient(180deg,#17171d,#121217);box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0f}.modal-head h2{font-size:16px;font-weight:640;letter-spacing:.01em}.modal .preview{aspect-ratio:16 / 9;margin-block-end:16px;border-radius:14px;overflow:hidden;background:#050508}.modal .preview video{width:100%;height:100%;object-fit:cover;display:block}.panel-section{display:block;margin-block-end:16px}.section-label{display:block;margin-block-end:9px;color:var(--text-dim);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.filter-row{display:flex;gap:8px;overflow-x:auto;padding-block-end:4px;scrollbar-width:thin}.filter-chip{display:inline-flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;padding:8px 10px 9px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text-dim);font-size:12px;transition:border-color .18s ease,color .18s ease,background .18s ease}.filter-chip:hover{background:var(--surface-hi);color:var(--text)}.filter-chip.on{border-color:var(--gold);background:#e8b53f1f;color:var(--text)}.filter-swatch{width:46px;height:32px;border-radius:7px;background:radial-gradient(circle at 32% 34%,#f6d3b2,#e0a97e 42%,#a86f4e 78%),linear-gradient(160deg,#2b2b34,#14141a)}.modal .field{margin-block-end:13px}.modal .field>span{display:block;margin-block-end:6px;color:var(--text-dim);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.modal .field select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);font-size:14px}.modal .field select:hover{border-color:var(--line-hi)}.modal .field small{display:block;margin-block-start:6px;color:var(--text-faint);font-size:11.5px;line-height:1.5;text-transform:none;letter-spacing:0}.modal-note{padding:10px 12px;border-radius:11px;background:#ffffff08;color:var(--text-faint);font-size:11.5px;line-height:1.55}.tile-camera{position:absolute;inset-block-start:8px;inset-inline-end:10px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:999px;background:#00000094;backdrop-filter:blur(8px);color:var(--text);font-size:12.5px;opacity:0;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,background .18s ease}.self-tile:hover .tile-camera,.self-tile:focus-within .tile-camera{opacity:1;transform:none}.tile-camera:hover{background:#000000c7}@media(hover:none){.tile-camera{opacity:1;transform:none}}.btn-big{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:168px;height:62px;padding:0 34px;border:none;border-radius:16px;font-size:18px;font-weight:640;letter-spacing:.01em;transition:transform .12s ease,filter .18s ease,box-shadow .18s ease}.btn-big.go{background:linear-gradient(180deg,var(--gold-hi),var(--gold));color:var(--gold-ink);box-shadow:0 3px 16px #e8b53f42,inset 0 1px #ffffff52}.btn-big.stop{background:linear-gradient(180deg,#4a2f2d,#3a2523);color:#ffb4ae;box-shadow:inset 0 1px #ffffff12}.btn-big:hover:not(:disabled){filter:brightness(1.07)}.btn-big:active:not(:disabled){transform:translateY(1px)}.btn-big .ico{width:20px;height:20px}.control-note{display:flex;flex-direction:column;gap:3px;margin-inline-start:14px;min-width:0}.online{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:14px;font-weight:600}.online-pip{width:8px;height:8px;border-radius:50%;background:#46d16b;box-shadow:0 0 0 3px #46d16b2e}.rules-line{color:var(--text-faint);font-size:11.5px;line-height:1.4}.tile-camera{inset-block-start:10px;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);padding:9px 18px;background:#f4f4f5eb;color:#16161b;font-size:13.5px;font-weight:600;opacity:1;box-shadow:0 2px 12px #0000004d}.self-tile:hover .tile-camera,.self-tile:focus-within .tile-camera{opacity:1;transform:translate(-50%)}.tile-camera:hover{background:#fff}@media(hover:none){.tile-camera{transform:translate(-50%)}}.mic-strip{position:absolute;inset-inline:8px;inset-block-end:8px;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:11px;background:#0000009e;backdrop-filter:blur(8px)}.mic-strip select{flex:1;min-width:0;padding:5px 8px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#ffffff0f;color:var(--text);font-size:12px;text-overflow:ellipsis}.mic-strip-btn{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;padding:0;border:none;border-radius:8px;background:#ffffff14;color:var(--text)}.mic-strip-btn.off{background:#ef5a5238;color:#ff9a94}.self-tile .tile-audio{inset-block-end:52px}@media(max-width:720px){.btn-big{min-width:0;flex:1;height:56px;padding:0 18px;font-size:16px}.control-note{display:none}}.modal .row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:10px 12px;margin-block-end:10px}.modal .row>span{margin:0;color:var(--text-dim);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}.modal .row select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:13.5px}.modal .row small{grid-column:2;margin:-2px 0 0;color:var(--text-faint);font-size:11px;line-height:1.45}.modal .row .zoom-row{grid-column:2}.filters-under-preview{margin-block:-6px 16px}.filters-under-preview small{display:block;margin-block-start:7px;color:var(--text-faint);font-size:11px}.filter-chip{padding:6px 8px 7px;font-size:11.5px}.filter-swatch{width:40px;height:27px}.mic-strip-name{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:6px 9px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#ffffff0f;color:var(--text);font-size:12px}.mic-strip-name span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.mic-strip-name .caret{width:15px;height:15px;flex:0 0 auto;color:var(--text-dim)}.mic-strip-name:hover{background:#ffffff1c}.mic-menu{position:absolute;inset-inline:0;inset-block-end:calc(100% + 8px);max-height:240px;overflow-y:auto;padding:6px;border:1px solid var(--line-hi);border-radius:12px;background:#14141a;box-shadow:0 16px 40px #0000008c;z-index:5}.mic-menu button{display:block;width:100%;padding:9px 10px;border:none;border-radius:8px;background:none;color:var(--text-dim);font-size:12.5px;text-align:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-menu button:hover{background:var(--surface-hi);color:var(--text)}.mic-menu button.on{background:#e8b53f24;color:var(--text)}.btn-big.go:hover:not(:disabled){background:linear-gradient(180deg,#f7d075,var(--gold-hi));border-color:transparent;filter:none;box-shadow:0 5px 22px #e8b53f5c,inset 0 1px #ffffff5c}.btn-big.stop:hover:not(:disabled){background:linear-gradient(180deg,#5a3936,#472c2a);border-color:transparent;filter:none}.btn-next:hover:not(:disabled){background:linear-gradient(180deg,#f7d075,var(--gold-hi));border-color:transparent;filter:none}.btn-cancel:hover:not(:disabled){background:var(--surface-hi);border-color:#46464f}.btn-quiet:hover:not(:disabled){background:var(--surface);border-color:var(--line-hi);color:var(--text)}.btn-quiet.danger:hover:not(:disabled),.btn-quiet.danger.open{background:#ef5a521f;border-color:#5a3230;color:var(--danger)}.btn-icon:hover:not(:disabled){background:var(--surface);border-color:var(--line-hi);color:var(--text)}.btn-icon.liked:hover:not(:disabled){background:#ef5a521f;border-color:#4a2b28;color:var(--danger)}.btn-live:hover:not(:disabled){background:var(--surface);border-color:var(--line-hi);color:var(--text)}.btn-live.on:hover:not(:disabled){background:#ef5a5233;border-color:#6f3c38;color:#ff8f88}.filter-chip:hover:not(:disabled){background:var(--surface-hi);border-color:var(--line-hi);color:var(--text)}.filter-chip.on:hover:not(:disabled){background:#e8b53f2e;border-color:var(--gold);color:var(--text)}.tile-camera:hover:not(:disabled){background:#fff;border-color:transparent;color:#16161b}.tile-btn:hover:not(:disabled){background:none;border-color:transparent;color:var(--gold-hi)}.tile-btn.off:hover:not(:disabled){color:#ffb4ae}.mic-strip-btn:hover:not(:disabled){background:#ffffff29;border-color:transparent}.mic-strip-btn.off:hover:not(:disabled){background:#ef5a524d;border-color:transparent}.mic-strip-name:hover:not(:disabled){background:#ffffff1c;border-color:#fff3}.mic-menu button:hover:not(:disabled){background:var(--surface-hi);border-color:transparent;color:var(--text)}.mic-menu button.on:hover:not(:disabled){background:#e8b53f33;color:var(--text)}.zoom-step:hover:not(:disabled){background:var(--surface-hi);border-color:#46464f}.btn-big:disabled,.btn-next:disabled,.btn-icon:disabled{opacity:.55;cursor:not-allowed}