: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}}