:root{--orange: #f2681c;--orange-hi: #ff7f33;--bg: #2b2b33;--ink: #17171c;--ink-soft: #1f1f26;--line: #3b3b45;--text: #e9e9ef;--display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;--ui: Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scrollbar-gutter:stable;overflow-x:hidden}@supports not (scrollbar-gutter: stable){html{overflow-y:scroll}}body{background:var(--bg);color:var(--text);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:disabled{cursor:default;opacity:.45}input{font:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;max-width:1000px;width:100%;margin:0 auto;padding:56px 24px 72px}.page__view{animation:view-in .16s ease-out}@keyframes view-in{0%{opacity:0}to{opacity:1}}.topbar{position:relative;height:128px;overflow:hidden;background:var(--bg)}.topbar__slab{position:absolute;inset:-26px -40px auto;height:150px;background:var(--ink);transform:rotate(-.8deg);box-shadow:none}.topbar__inner{transform:rotate(.8deg);max-width:1000px;margin:0 auto;padding:34px 24px 0;display:flex;align-items:flex-start;gap:34px}.logo{flex:none;padding:0;color:var(--orange)}.logo__slab{display:flex;align-items:center;gap:8px;transform:rotate(-2.4deg)}.logo__text{display:flex;flex-direction:column;font-family:var(--display);font-size:30px;line-height:.86;letter-spacing:.5px;text-align:left;transform:skew(-8deg)}.logo__line1,.logo__line2{display:block;transform:skew(8deg)}.logo__line2{padding-left:18px}.logo__beta{font-size:13px;vertical-align:super;margin-left:2px}.logo__chev{margin-top:4px}.tabs{display:flex;gap:44px;padding-top:12px}.tab{font-family:var(--display);font-size:22px;color:var(--orange);transform:skew(-8deg);padding:4px 12px;background:transparent;transition:none}.tab span{display:block;transform:skew(8deg)}.tab:hover{color:var(--orange-hi)}.tab--active{background:var(--orange);color:var(--ink)}.topbar--member .tabs{gap:20px}.tab--create{margin-left:2px;border:2px solid var(--orange);font-size:18px}.tab--create:hover,.tab--create:focus-visible{background:var(--orange);color:var(--ink)}.account{margin-left:auto;text-align:right;color:var(--orange);min-height:82px}.account__title{font-family:var(--display);font-size:25px;line-height:1;transform:skew(-8deg)}.account__name{font-family:var(--display);font-size:15px;margin-top:4px;transform:skew(-8deg)}.icon-row{margin-top:12px;display:flex;justify-content:flex-end;gap:22px;color:var(--orange)}.icon-row button:hover{color:var(--orange-hi)}.yt-mark{font-family:var(--display);font-size:17px;color:#b9b9c2;white-space:nowrap}.yt-mark b{background:var(--orange);color:var(--ink);padding:0 4px;margin-left:2px;border-radius:3px}.auth-row{margin-top:14px;display:flex;align-items:center;justify-content:flex-end;gap:26px}.auth-divider{width:1px;height:30px;background:#34343d}.auth-link{font-family:var(--display);font-size:20px;color:var(--orange);transform:skew(-8deg);padding:2px 10px}.auth-link:hover{color:var(--orange-hi)}.footer{position:relative;height:128px;overflow:hidden;margin-top:40px}.footer__slab{position:absolute;inset:16px -40px -40px;background:var(--ink);transform:rotate(-.8deg);padding:26px 40px 0;text-align:center}.footer__slab p{margin:0 0 4px;font-family:var(--display);font-size:14px;color:var(--orange);transform:rotate(.8deg)}.footer__slab b{color:#fff}.landing{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:40px;align-items:stretch}.hero-slot{position:relative;min-height:470px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.hero-slot:before{content:"";position:absolute;left:50%;bottom:4%;width:112%;aspect-ratio:1 / 1;transform:translate(-50%);background:radial-gradient(closest-side,#f2681c33,#f2681c0d 55%,#f2681c00 74%);pointer-events:none}.hero-slot__art{position:relative;display:block;width:100%;max-width:390px;max-height:540px;height:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 16px 24px rgba(0,0,0,.45))}.hero-slot__placeholder{width:100%;height:470px;border:2px dashed #4a4a57;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6f6f7d}.hero-slot__label{font-family:var(--display);font-size:22px;color:#7e7e8c;transform:skew(-8deg)}.hero-slot__hint{font-size:12px;color:#5d5d69}.bubble{position:relative;padding:4px 0 44px 24px;border-left:4px solid var(--orange)}.bubble__title{margin:0 0 12px;font-family:var(--display);font-size:38px;color:var(--orange);transform:skew(-8deg)}.bubble__text{margin:0;font-family:var(--display);font-size:16px;line-height:1.45;color:var(--orange)}.bubble__tail{position:absolute;left:-4px;bottom:0;width:270px;height:34px;background:var(--orange);clip-path:polygon(0 100%,0 0,100% 62%,22% 66%)}.form{margin-top:30px;max-width:520px}.form__row{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px;margin-bottom:26px}.form__label{text-align:right;font-family:var(--display);font-size:19px;color:var(--orange);transform:skew(-8deg)}.form input[type=password],.form input:not([type]),.form input[type=text]{width:100%;background:transparent;border:0;border-bottom:2px solid #4b4b57;color:#fff;font-family:var(--display);font-size:18px;padding:4px 2px;outline:none}.form input:focus{border-bottom-color:var(--orange)}.form__agree{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:start}.form__agree p{margin:0;font-family:var(--display);font-size:14px;line-height:1.4;color:var(--orange)}.form__agree b{color:#fff;font-weight:400}.tick{justify-self:end;width:30px;height:30px;border:2px solid #4b4b57;color:transparent;display:grid;place-items:center}.tick svg{width:20px;height:20px}.tick--on{border-color:var(--orange);color:var(--orange)}.form__error{margin:18px 0 0 214px;color:#f77;font-family:var(--display);font-size:14px}.form__actions{margin-top:34px;display:flex;align-items:center;gap:20px;justify-content:center}.slab-btn{background:var(--ink);padding:20px 52px;transform:rotate(-1deg);box-shadow:0 6px 18px #0000004d}.slab-btn span{display:block;font-family:var(--display);font-size:22px;color:var(--orange);transform:rotate(1deg) skew(-6deg)}.slab-btn:hover span{color:var(--orange-hi)}.text-link{color:var(--orange);text-decoration:underline}.signin{max-width:620px}.grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.grid__cell{border:1px solid var(--line);margin:-1px 0 0 -1px;min-height:188px;background:#26262e;display:flex}.room-card{position:relative;flex:1;padding:0;text-align:left;border:2px solid var(--orange);background:#000;overflow:hidden}.room-card__thumb,.room-card__thumb img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 9;background:#0d0d12}.room-card__empty{width:100%;height:100%;background:linear-gradient(160deg,#14141a,#24242e)}.room-card__labels{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px}.room-card__name{background:var(--ink);color:var(--orange);font-family:var(--display);font-size:19px;padding:2px 10px 3px}.room-card__host{background:var(--ink);color:#fff;font-family:var(--display);font-size:13px;padding:2px 10px 3px}.room-card__host b{color:var(--orange);font-weight:400;margin-left:4px}.room-card__track{background:var(--orange);color:var(--ink);font-family:var(--display);font-size:13px;padding:2px 10px 3px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-new{flex:1;border:2px dashed #4a4a57;color:#8a8a97;font-family:var(--display);font-size:20px}.room-new:hover{border-color:var(--orange);color:var(--orange)}.rooms{display:flex;max-height:100%;flex-direction:column;gap:14px}.rooms-grid{height:min(564px,calc(100vh - 302px));grid-template-rows:repeat(3,minmax(0,1fr))}.rooms-grid .grid__cell{min-height:0}.rooms-pagination{display:flex;min-height:44px;align-items:center;justify-content:center;gap:6px}.rooms-pagination button{width:44px;height:44px;border:1px solid #4a4a57;color:#c9c9d1;font-family:var(--display);font-size:17px}.rooms-pagination button:hover:not(:disabled),.rooms-pagination button:focus-visible,.rooms-pagination__page--active{border-color:var(--orange)!important;color:var(--orange)!important}.rooms-pagination__page--active{background:#19191f}.rooms-pagination span{width:24px;color:#777782;text-align:center}.room-new__cancel{min-height:32px;padding:4px 10px;color:#9a9aa6;font-size:13px}.room-new__cancel:hover{color:#fff}.rooms-create-layer{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;background:#08080cc2}.rooms-create{width:min(440px,100%);padding:28px;border:2px solid var(--orange);background:#202028;box-shadow:0 18px 50px #00000080}.rooms-create h2{margin:0 0 22px;color:var(--orange);font-family:var(--display);font-size:28px;font-weight:400}.rooms-create label{display:block;margin-bottom:7px;color:#d8d8e0;font-size:15px}.rooms-create input{width:100%;min-height:46px;padding:10px 12px;border:2px solid #4a4a57;background:#101014;color:#fff;outline:none}.rooms-create input:focus{border-color:var(--orange)}.rooms-create__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}.rooms-create__actions .room-new__cancel{min-height:44px}.app--room{min-height:100vh;padding:26px 26px 60px}.room{position:relative;max-width:1060px;margin:0 auto;padding-left:190px}.app--room,.room{max-width:min(1060px,100%)}.app--room{max-width:none;overflow-x:clip}.debug-log{position:absolute;left:0;top:310px;width:176px;font-family:var(--ui);font-size:11px;line-height:1.35;color:#9a9aa6;pointer-events:none}.room__head{display:flex;align-items:flex-start;gap:10px;min-width:0}.room-title{margin:0;display:flex;align-items:baseline;gap:4px;color:var(--orange)}.room-title__name{font-family:var(--display);font-size:42px;line-height:1;transform:skew(-8deg)}.room-title__host{font-family:var(--display);font-size:17px;transform:skew(-8deg)}.tutorial{position:fixed;z-index:30;right:26px;bottom:26px;width:min(330px,calc(100vw - 52px));background:#3a3a44;padding:14px 18px 0;transform:rotate(-1deg);box-shadow:0 14px 34px #0000008c;animation:view-in .22s ease-out}.tutorial__arrow{position:absolute;left:-20px;top:10px;width:30px;height:26px;background:var(--orange);clip-path:polygon(0 40%,100% 0,100% 100%)}.tutorial p{margin:0 0 12px;font-family:var(--display);font-size:15px;line-height:1.35;color:var(--orange)}.tutorial__actions{display:flex;justify-content:flex-end}.tutorial__actions button{background:var(--ink);color:var(--orange);font-family:var(--display);font-size:16px;padding:4px 20px}.tutorial__actions button:hover{color:var(--orange-hi)}.room-tools{margin:6px 0 20px;display:flex;gap:4px}.room-tools{align-items:center;flex-wrap:wrap}.room-tools button{background:var(--ink);color:var(--orange);padding:4px 12px;transform:skew(-8deg);display:grid;place-items:center}.sync-badge{margin-left:10px;padding:3px 10px;font-family:var(--display);font-size:13px;letter-spacing:.3px;color:#b9b9c4;border:1px solid #3c3c46;background:#1b1b21}.sync-badge--host{color:var(--ink);background:var(--orange);border-color:var(--orange)}.room__layout{display:grid;grid-template-columns:minmax(0,1fr) 356px;gap:34px;align-items:start}.room__main{min-width:0}.player{background:#1b1b21;padding:8px;box-shadow:0 8px 22px #0000004d}.screen{position:relative;aspect-ratio:16 / 9;background:#000;overflow:hidden}.screen__frame,.screen__frame>iframe,.screen__frame>div{width:100%;height:100%;border:0;display:block}.screen__shield{position:absolute;inset:0;z-index:2;background:transparent;border:0;padding:0}.screen__resume{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#06060a9e;border:0;padding:0}.screen__resume span{font-family:var(--display);font-size:20px;color:var(--orange);background:var(--ink);padding:12px 26px;transform:skew(-8deg);box-shadow:0 10px 24px #00000080}.screen__resume:hover span{color:var(--orange-hi)}.screen__overlay{position:absolute;inset:0;display:grid;place-items:center;color:#6f6f7d;font-family:var(--display);font-size:15px;text-align:center;padding:20px;background:#000}.screen__yt{z-index:4;position:absolute;right:8px;bottom:6px;font-family:var(--display);font-size:16px;color:#d6d6de;pointer-events:none}.screen__yt span{background:var(--orange);color:var(--ink);padding:0 4px;margin-left:2px;border-radius:3px}.progress{height:6px;background:#33333d;margin:6px 0;cursor:pointer}.progress__fill{display:block;height:100%;background:var(--orange);transition:width .22s linear}.progress--locked{cursor:default;opacity:.75}.controls{display:flex;align-items:center;gap:14px;padding:4px 2px 2px;color:var(--orange)}.ctrl{color:var(--orange);display:grid;place-items:center}.ctrl:hover{color:var(--orange-hi)}.ctrl--right{margin-left:auto}.ctrl--static{cursor:default}.volume{-webkit-appearance:none;appearance:none;width:120px;height:10px;background:#33333d;border:0;outline:none}.volume::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;background:var(--orange)}.volume::-moz-range-thumb{width:12px;height:16px;border:0;background:var(--orange)}.timecode{font-family:var(--ui);font-size:12px;color:#c9c9d3}.now-line{margin:12px 0 18px;font-family:var(--display);font-size:17px;color:#fff}.now-line b{color:var(--orange);font-weight:400}.queue{border:2px solid var(--orange);background:#14141a;padding:12px 14px 16px}.queue__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.queue__head h2{margin:0;font-family:var(--display);font-size:20px;color:var(--orange);transform:skew(-8deg)}.queue__auto{font-size:12px;color:#b9b9c4;display:flex;align-items:center;gap:6px}.queue__form{margin:12px 0;display:flex;gap:8px}.queue__form input{flex:1;background:#000;border:1px solid #3c3c46;color:#fff;padding:8px 10px;outline:none}.queue__form input:focus{border-color:var(--orange)}.btn{background:var(--ink);border:2px solid var(--orange);color:var(--orange);font-family:var(--display);font-size:16px;padding:6px 18px}.btn:hover{background:var(--orange);color:var(--ink)}.queue__note,.queue__empty{color:#8d8d99;font-size:12px;margin:10px 0 0}.queue__list{list-style:none;margin:8px 0 0;padding:0}.queue__item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid #26262f}.queue__item--now{background:#f2681c24}.queue__play{color:var(--orange);display:grid;place-items:center}.queue__index{color:#75758a;font-size:12px;width:20px}.queue__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue__title em{color:#9a9aa6;font-style:normal}.queue__tools{display:flex;gap:6px;color:#9a9aa6;font-size:12px}.queue__tools button:hover{color:var(--orange)}.chat{position:relative;border:2px solid var(--orange);background:#14141a;display:flex;flex-direction:column;height:clamp(420px,68vh,620px);min-height:0}.chat__head{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ink)}.chat__hoof{color:var(--orange);display:grid;place-items:center}.chat__title{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:0;font-family:var(--display);font-size:15px;color:var(--orange);line-height:1.1}.chat__title:hover{color:var(--orange-hi)}.chat__relay{margin-left:auto;font-family:var(--ui);font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#75758a;border:1px solid #3c3c46;padding:1px 6px;border-radius:999px;cursor:help}.chat__relay--on{color:#48c78e;border-color:#48c78e80}.chat__users{list-style:none;margin:0;padding:8px 12px;max-height:150px;overflow-y:auto;background:#101016;border-bottom:1px solid #26262f;font-size:12px;color:#d0d0da}.chat__users li{display:flex;align-items:center;gap:8px;padding:3px 0}.chat__users em,.chat__users i{font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:1px 5px;border-radius:999px}.chat__users em{color:var(--ink);background:var(--orange)}.chat__users i{color:#8d8d99;border:1px solid #3c3c46}.chat__dot{width:8px;height:8px;border-radius:50%;flex:none}.chat__title b{font-size:17px;font-weight:400}.chat__mute{margin-left:4px;color:var(--orange)}.chat__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:6px 6px 10px;min-height:0;scrollbar-width:thin;scrollbar-color:#3c3c46 transparent}.chat__body::-webkit-scrollbar{width:8px}.chat__body::-webkit-scrollbar-thumb{background:#3c3c46}.chat__empty{margin:18px 10px;color:#6f6f7d;font-size:12px;text-align:center}.chat__note{margin:6px 0;text-align:center;font-size:11px;color:#6f6f7d;font-style:italic}.chat__jump{position:absolute;left:50%;bottom:56px;transform:translate(-50%);background:var(--orange);color:var(--ink);font-family:var(--display);font-size:13px;padding:4px 14px;border-radius:999px;box-shadow:0 6px 16px #00000073;z-index:2}.msg{display:flex;gap:8px;padding:5px 2px}.msg__avatar{flex:none;width:28px;height:28px;background:#22222a;border:1px solid #3a3a45;font-family:var(--display);font-size:15px;display:grid;place-items:center}.msg__avatar--self{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.msg__body{flex:1;min-width:0}.msg__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.msg__user{font-family:var(--display);font-size:14px;color:var(--orange)}.msg__time{font-family:var(--display);font-size:12px;color:var(--orange)}.msg__text{margin:1px 0 0;color:#fff;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.35}.chat__form{display:flex;flex:none;border-top:1px solid #26262f}.chat__form input{flex:1;background:#000;border:0;color:#fff;padding:12px;outline:none}.chat__send{background:var(--ink);color:var(--orange);font-family:var(--display);font-size:17px;padding:0 20px}.chat__send:hover:not(:disabled){background:var(--orange);color:var(--ink)}.page-title{margin:0 0 24px;font-family:var(--display);font-size:34px;color:var(--orange);transform:skew(-8deg)}.editor-stub__grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.slot{border:2px dashed #4a4a57;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#7e7e8c}.slot--tall{min-height:420px}.slot__label{font-family:var(--display);font-size:20px;transform:skew(-8deg)}.slot__hint{font-size:12px;color:#5d5d69}.editor-stub__side{display:flex;flex-direction:column;gap:18px}.editor-stub__side .slab-btn{align-self:center}.about p,.about li{line-height:1.6;color:#d8d8e0}.about b{color:var(--orange);font-weight:400}@media (max-width: 1040px){.room{padding-left:0}.tutorial{right:12px;bottom:12px;width:min(330px,calc(100vw - 24px))}.tutorial__arrow{display:none}.debug-log{position:static;width:auto;margin-bottom:14px}.room__layout{grid-template-columns:minmax(0,1fr)}.chat{height:460px}}@media (max-width: 820px){.landing{grid-template-columns:minmax(0,1fr)}.hero-slot,.hero-slot__placeholder{min-height:320px;height:auto}.hero-slot__art{max-height:340px;max-width:300px}.grid{grid-template-columns:repeat(2,1fr)}.topbar__inner{flex-wrap:wrap;gap:18px}.topbar,.topbar__slab{height:auto}.topbar__slab{position:relative;inset:auto;padding-bottom:20px}.editor-stub__grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.grid{grid-template-columns:minmax(0,1fr)}.controls{flex-wrap:wrap;gap:10px}.volume{width:90px}.ctrl--right{margin-left:0}.room-title__name{font-size:32px}.form__row,.form__agree{grid-template-columns:minmax(0,1fr);gap:6px}.form__label,.tick{text-align:left;justify-self:start}.form__error{margin-left:0}.room-title{flex-wrap:wrap}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.queue__remove{font-family:var(--ui);font-size:16px;line-height:1}.queue__tools button{min-width:18px}a.logo,a.tab{text-decoration:none}.icon-row a,.room-tools a{color:inherit;text-decoration:none}.icon-row a,.icon-row span{display:inline-flex;align-items:center}.icon-row a:hover{color:var(--orange-hi)}.footer__link,.terms-link{color:inherit;text-decoration:none}.footer__link:hover,.terms-link:hover{color:#fff;text-decoration:underline}.terms-link{color:#fff}.rooms__error,.room__error,.queue__error{color:#f77;font-family:var(--display);font-size:14px;margin:0 0 12px}.room-new--form{flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.room-new--form input{width:min(220px,90%);background:#101014;border:1px solid var(--line);color:#fff;padding:9px 10px;outline:none}.room-new--form input:focus{border-color:var(--orange)}.room-tools a,.room-tools button{min-width:40px;height:28px;background:var(--ink);color:var(--orange);padding:4px 12px;transform:skew(-8deg);display:grid;place-items:center}.room--message{min-height:60vh;display:flex;flex-direction:column;justify-content:center}.screen__frame{width:100%;height:auto;border:0;background:#0c0c10}.screen__player{position:relative;aspect-ratio:16 / 9;height:auto!important;background:#000;overflow:hidden}.screen__yt{position:absolute;inset:0;z-index:auto;font:inherit;color:inherit;pointer-events:auto}.screen__yt iframe,.screen__yt>div{width:100%;height:100%;border:0;display:block}.screen__guard{position:absolute;inset:0;z-index:2}.screen__logo-mask{position:absolute;right:0;bottom:0;z-index:3;width:118px;height:36px;background:#000;opacity:0;transition:opacity .1s linear}.screen__player:hover .screen__logo-mask{opacity:1}.screen__frame .controls{height:auto;padding:8px 4px 4px}.screen__frame .progress{flex:1;margin:0;min-width:80px}.progress--live{cursor:pointer}.volume{width:auto;height:auto;background:transparent;display:flex;align-items:center;gap:6px;color:#b9b9c4}.volume input{-webkit-appearance:none;appearance:none;width:90px;height:10px;background:#33333d;border:0;outline:none}.volume input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:16px;background:var(--orange)}.volume input::-moz-range-thumb{width:12px;height:16px;border:0;background:var(--orange)}.now-line__sync{display:block;margin-top:4px;color:#9a9aa6;font-family:var(--ui);font-size:12px;font-weight:400}.queue__error{margin:6px 0 0}.msg--self .msg__avatar{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.doc{max-width:820px}.doc__body p{margin:0 0 14px;color:#d8d8e0;line-height:1.6}.doc__body h2{margin:24px 0 8px;font-family:var(--display);font-size:22px;color:var(--orange);transform:skew(-8deg)}.doc__body b{color:var(--orange);font-weight:400}.editor-soon{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.editor-soon__title{font-family:var(--display);font-size:54px;color:var(--orange);transform:skew(-8deg)}.editor-soon__text{margin-top:8px;font-family:var(--display);font-size:30px;color:#8d8d99;transform:skew(-8deg)}@media (max-width: 560px){.screen__frame .progress{flex-basis:100%;order:10}.volume input{width:80px}}html,body{height:100%;overflow:hidden}.app:not(.app--room){height:100vh;min-height:0;display:grid;grid-template-rows:112px minmax(0,1fr) 96px;overflow:hidden}.topbar{height:112px}.topbar__slab{inset:-24px -40px auto;height:132px}.topbar__inner{position:relative;top:24px;height:112px;padding:0 24px;align-items:center}.tabs{padding-top:0}.account{min-height:0}.account__name{margin-top:3px}.icon-row{margin-top:9px;gap:20px}.auth-row{margin-top:10px}.page{min-height:0;padding:18px 24px;display:flex;align-items:center;overflow:hidden}.page__view{width:100%;max-height:100%}.footer{height:96px;margin-top:0}.footer__slab{inset:10px -40px -48px;padding-top:20px}.landing{align-items:center}.hero-slot{min-height:0;height:min(470px,calc(100vh - 250px))}.hero-slot__art{max-height:min(470px,calc(100vh - 250px))}.bubble{min-height:132px;border-left:0;padding:4px 0 34px 24px}.bubble:before{content:"";position:absolute;left:-6px;top:0;bottom:0;width:20px;background:var(--orange);clip-path:polygon(0 0,5% 0,100% 100%,55% 100%)}.bubble__tail{left:8px;bottom:0;width:255px;height:34px;clip-path:polygon(0 100%,0 40%,100% 0,100% 6%)}.form{margin-top:20px}.form__row{margin-bottom:18px}.form__actions{margin-top:24px}.app--room{width:100%;height:100vh;min-height:0;max-width:none;padding:0;overflow:hidden}.room{width:min(1000px,calc(100vw - 48px));max-width:none;height:100vh;margin:0 auto;padding:18px 0 20px}.room__head{position:relative;height:160px;display:block}.room-title{position:relative;z-index:4}.room-title__name{font-size:43px}.room__tutorial-slot{position:absolute;z-index:20;left:184px;top:44px;width:310px;pointer-events:none}.room__tutorial-slot>*{pointer-events:auto}.tutorial{position:relative;right:auto;bottom:auto;width:100%;padding:10px 14px 0;background:#3a3a43;transform:none;box-shadow:none;isolation:isolate;pointer-events:none}.tutorial:before{content:"";position:absolute;z-index:-1;inset:-7px -10px -9px;background:#292932;transform:rotate(1.7deg)}.tutorial__arrow{left:-29px;top:-18px;width:45px;height:48px;clip-path:polygon(0 0,100% 13%,48% 100%);pointer-events:none}.tutorial p{margin-bottom:10px;line-height:1.28}.tutorial__actions{width:166px;margin-left:auto;margin-right:-14px;padding:3px 8px;justify-content:space-around;background:var(--ink);pointer-events:auto}.tutorial__actions button{padding:1px 12px 3px;background:transparent}.room-tools{position:absolute;z-index:6;left:0;top:68px;margin:0}.room__layout{grid-template-columns:minmax(0,590px) 360px;gap:50px}.player{position:relative;isolation:isolate;padding:10px;background:transparent;box-shadow:none}.player:before{content:"";position:absolute;z-index:-1;inset:0;background:#303039;transform:rotate(.8deg);box-shadow:0 8px 22px #00000047}.screen__frame{position:relative;border:0;background:#09090d}.screen__player{width:100%;aspect-ratio:16 / 9}.screen__frame .controls{display:flex;align-items:center;gap:20px;min-height:46px;padding:10px 12px 7px;background:#0d0d11;border-top:0}.screen__frame .progress{position:absolute;left:0;right:0;top:0;height:2px;min-width:0;border:0;opacity:.55}.screen__frame .timecode{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.screen__frame .ctrl svg{width:24px;height:24px}.screen__frame .volume{margin-left:2px}.screen__frame .volume svg{width:23px;height:21px}.screen__frame .volume input{width:118px}.now-line{margin:15px 0 17px}.queue{position:relative;margin-top:18px;border-color:var(--orange)}.chat{position:relative;isolation:isolate;width:360px;height:540px;max-height:calc(100vh - 155px);padding:8px;border:0;background:#303039;overflow:visible}.chat:before{content:"";position:absolute;z-index:-1;inset:-9px -10px -10px;background:#303039;transform:rotate(.75deg)}.chat__head,.chat__body,.chat__form{position:relative;z-index:1}.chat__body{background:#3a3a42}.chat__form{background:#101014}.chat__head{min-height:48px;padding:6px 10px;background:#101014;border:0}.chat__users-icon{width:38px;height:34px;flex:none;object-fit:contain}.chat__title{flex:1}.chat__mute{margin-left:auto}.chat__mute svg{width:24px;height:22px}.msg{padding:5px 3px}.msg__avatar{width:30px;height:34px;background:#24242b;border:2px solid #7d7d86;color:#fff;font-family:var(--display);font-size:26px;line-height:1}.msg--self .msg__avatar{border-color:var(--orange);box-shadow:none}.msg__text{line-height:1.15}.chat__form{min-height:42px}.chat__send{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);padding-left:28px}@media (max-height: 760px) and (min-width: 901px){.app:not(.app--room){grid-template-rows:104px minmax(0,1fr) 84px}.topbar,.topbar__inner{height:104px}.page{padding-top:10px;padding-bottom:10px}.footer{height:84px}.hero-slot,.hero-slot__art{height:min(420px,calc(100vh - 225px));max-height:min(420px,calc(100vh - 225px))}.room{padding-top:10px}.room__head{height:145px}.room__tutorial-slot{top:38px}.room-tools{top:62px}.chat{height:calc(100vh - 132px)}.queue__list{max-height:86px;overflow-y:auto}}@media (max-width: 900px){html,body{height:auto;overflow:auto}.app:not(.app--room){height:auto;min-height:100vh;display:flex;overflow:visible}.topbar__inner{top:0;padding-top:20px}.page{overflow:visible}.footer{height:112px}.app--room,.room{height:auto;min-height:100vh;overflow:visible}.room{width:min(620px,calc(100vw - 32px))}.room__tutorial-slot{position:static;width:min(326px,100%);margin:14px 0 0}.room__head{height:auto;min-height:150px}.room-tools{position:static;margin:8px 0 20px}.room__layout{grid-template-columns:minmax(0,1fr)}.chat{width:100%;height:460px;max-height:none}}.auth-link,.text-link{text-decoration:none}.tab:hover,.tab:focus-visible,.auth-link:hover,.auth-link:focus-visible,.icon-row a:hover,.icon-row a:focus-visible{color:var(--orange);background:transparent;text-shadow:none;filter:none}.tab--active:hover,.tab--active:focus-visible{color:var(--ink);background:var(--orange)}.text-link:hover,.text-link:focus-visible{color:var(--orange);text-decoration:none}.signin--full{width:100%;max-width:none;display:grid;grid-template-columns:330px minmax(0,1fr);gap:48px;align-items:center}.signin--full .hero-slot{height:min(430px,calc(100vh - 270px))}.signin--full .hero-slot__art{max-height:min(430px,calc(100vh - 270px))}.signin__pane{max-width:570px}.signin__pane .form{max-width:540px}.signin__pane .form__actions{padding-left:80px}.screen__frame .controls{padding-top:16px}.screen__frame .progress{top:4px;left:10px;right:10px;height:6px;opacity:1;background:#2c2c35}.screen__frame .progress--live{cursor:pointer}.screen__frame .progress__fill{background:var(--orange)}.screen__frame .volume{width:166px;height:30px;margin-left:0;padding:3px 7px 3px 5px;gap:8px;background:#111116}.screen__frame .volume input{width:124px;height:20px;background:linear-gradient(90deg,var(--orange) 0,var(--orange) var(--volume),#292933 var(--volume),#292933 100%);clip-path:polygon(0 42%,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 0 4px #17171d}.screen__frame .volume input::-webkit-slider-thumb{width:2px;height:20px;background:transparent}.screen__frame .volume input::-moz-range-thumb{width:2px;height:20px;background:transparent}.admin{height:min(650px,calc(100vh - 236px));min-height:420px;display:flex;flex-direction:column;border:2px solid var(--orange);background:#19191f;padding:16px}.admin--loading{justify-content:center}.admin__head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.admin__head .page-title{margin-bottom:12px}.admin__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.admin__stats span{background:#101014;border:1px solid #3a3a44;padding:6px 9px;color:#b9b9c4;font-size:12px}.admin__stats b{color:var(--orange);font-family:var(--display);font-size:17px;font-weight:400}.admin__tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:1px solid #34343d}.admin__tab{padding:7px 18px;color:var(--orange);font-family:var(--display);font-size:17px;text-transform:capitalize}.admin__tab--active{background:var(--orange);color:var(--ink)}.admin__error{margin-bottom:10px;color:#f77;font-family:var(--display)}.admin__body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#484852 transparent}.admin__list{display:flex;flex-direction:column;gap:7px}.admin__row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(220px,1fr) auto;align-items:center;gap:14px;padding:9px 11px;background:#24242c;border-left:4px solid #3a3a44}.admin__row:hover{border-left-color:var(--orange)}.admin__primary{min-width:0;display:flex;flex-direction:column;gap:3px}.admin__primary a,.admin__primary strong{color:var(--orange);font-family:var(--display);font-size:16px;text-decoration:none;font-weight:400}.admin__primary small,.admin__meta{color:#a5a5b0;font-size:11px}.admin__primary p{margin:4px 0 0;color:#fff;overflow-wrap:anywhere}.admin__meta{display:flex;flex-wrap:wrap;gap:5px 12px}.admin__actions{display:flex;justify-content:flex-end;gap:5px}.admin__actions button{background:#101014;border:1px solid #454550;color:var(--orange);padding:5px 8px;font-family:var(--display);font-size:12px}.admin__actions .admin__danger{color:#f77}.admin__row--message{grid-template-columns:minmax(0,1fr) auto}.screen__logo-mask{display:none!important}.screen__frame{overflow:visible}.screen__frame .progress{top:-8px;left:-10px;right:-10px;z-index:20;height:5px;background:#25252d;cursor:default;pointer-events:auto}.screen__frame .progress--live{cursor:ew-resize}.screen__frame .progress__fill{box-shadow:0 0 0 1px #f2681c29}.room-tools__schedule{width:auto!important;min-width:96px!important;padding-left:14px!important;padding-right:14px!important}.room-tools__schedule span{font-family:var(--display);font-size:16px;color:var(--orange);transform:skew(8deg)}.schedule-drawer__shade{position:fixed;z-index:59;inset:0;width:100%;height:100%;padding:0;background:#0a0a0e85;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility 0s linear .22s}.schedule-drawer__shade--open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.schedule-drawer{position:fixed;z-index:60;left:0;top:0;bottom:0;width:min(420px,calc(100vw - 34px));padding:12px 12px 12px 0;background:#303039;box-shadow:16px 0 34px #0000006b;transform:translate(calc(-100% - 20px));visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility 0s linear .24s}.schedule-drawer:after{content:"";position:absolute;right:-5px;top:0;bottom:0;width:6px;background:var(--orange);clip-path:polygon(0 0,100% 2%,58% 100%,0 98%)}.schedule-drawer--open{transform:translate(0);visibility:visible;pointer-events:auto;transition-delay:0s}.queue--drawer{height:100%;margin:0;padding:18px 14px 16px 18px;border:0;background:#1a1a20;display:flex;flex-direction:column}.queue--drawer .queue__head{flex:none}.queue--drawer .queue__head h2{font-size:34px}.queue__close{width:38px;height:34px;display:grid;place-items:center;background:#101014;color:var(--orange);font-family:var(--display);font-size:28px;line-height:1}.queue--drawer .queue__auto{align-self:flex-end;margin-top:4px}.queue--drawer .queue__form{flex:none;margin:16px 0 10px;gap:6px}.queue--drawer .queue__form input{min-width:0;height:46px;font-size:14px;border:2px solid #3c3c46}.queue__add{flex:none;width:50px;height:46px;display:grid;place-items:center;background:#101014;border:2px solid var(--orange)}.queue__add span{font-family:var(--display);font-size:34px;line-height:1;color:var(--orange)}.queue--drawer .queue__error{flex:none}.queue--drawer .queue__list{flex:1;min-height:0;margin-top:6px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#494953 transparent}.queue--drawer .queue__empty{display:grid;min-height:140px;place-items:center;text-align:center}.queue--drawer .queue__item{display:grid;grid-template-columns:minmax(0,1fr) 26px 28px;gap:6px;padding:7px;margin-bottom:8px;border:0;border-left:4px solid transparent;background:#292931;transition:opacity .12s ease,transform .12s ease}.queue--drawer .queue__item--now{border-left-color:var(--orange);background:#32323a}.queue-card--dragging{opacity:.42;transform:scale(.985)}.queue-card__main{min-width:0;display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;align-items:center;padding:0;text-align:left}.queue-card__thumb{position:relative;width:118px;aspect-ratio:16 / 9;overflow:hidden;background:#08080c}.queue-card__thumb img{width:100%;height:100%;display:block;object-fit:cover}.queue-card__play{position:absolute;left:7px;bottom:6px;width:28px;height:24px;display:grid;place-items:center;background:#101014e0;color:var(--orange)}.queue-card__copy{min-width:0;display:flex;flex-direction:column;gap:5px}.queue-card__copy strong{color:#fff;font-family:var(--display);font-size:15px;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.queue-card__copy small{color:#a0a0ab;font-size:11px}.queue-card__drag{align-self:stretch;display:grid;place-items:center;color:var(--orange);font-family:var(--display);font-size:20px;cursor:grab;user-select:none}.queue-card__drag:active{cursor:grabbing}.queue-card__remove{align-self:center;width:28px;height:28px;display:grid;place-items:center;background:#15151a;color:#b9b9c4;font-family:var(--display);font-size:19px}@media (max-width: 900px){.signin--full{grid-template-columns:minmax(0,1fr)}.signin--full .hero-slot{display:none}.signin__pane .form__actions{padding-left:0}.admin{height:auto;min-height:620px}.admin__head,.admin__row{grid-template-columns:minmax(0,1fr);display:grid}.admin__stats,.admin__actions{justify-content:flex-start}}.about{width:100%;max-width:none}.about__layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:38px;align-items:center}.about__copy{min-width:0}.about .doc__body{max-width:720px;font-family:var(--ui);font-size:19px}.about .doc__body p{margin-bottom:20px;line-height:1.72}.about .doc__body h2{margin:18px 0 16px;font-size:30px;line-height:1.2}.about__mascot{height:min(520px,calc(100vh - 270px));display:flex;align-items:center;justify-content:center}.about__mascot img{display:block;width:100%;max-width:410px;max-height:100%;object-fit:contain;filter:none}.hero-slot:before{display:none}.hero-slot__art{filter:none}.editor-soon{width:100%;min-height:0;display:grid;grid-template-columns:minmax(260px,1fr) 430px;gap:36px;align-items:center;text-align:left}.editor-soon__copy{text-align:center}.editor-soon__mascot{display:block;width:100%;max-width:430px;max-height:min(520px,calc(100vh - 260px));object-fit:contain;filter:none}.form input[type=password],.form input:not([type]),.form input[type=text]{min-height:34px;padding:6px 11px 5px;background:#22222a;border:0;border-bottom:3px solid #15151b;box-shadow:4px 4px #0e0e1257;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}.form input:focus{background:#26262f;border-bottom-color:var(--orange)}.form .input--accent{color:var(--orange);border-bottom-color:var(--orange)}.tick{width:30px;height:30px;background:#19191f;border:2px solid #454550;box-shadow:3px 3px #0d0d1175;transform:skew(-7deg) rotate(-2deg)}.tick svg{width:22px;height:22px;transform:skew(7deg) rotate(2deg)}.tick--on{border-color:#555560;color:var(--orange)}@media (max-width: 900px){.about__layout{grid-template-columns:minmax(0,1fr)}.about__mascot{height:330px}.rooms{max-height:none}.rooms-grid{height:auto;grid-template-rows:none}.rooms-grid .grid__cell{min-height:188px}.editor-soon{grid-template-columns:minmax(0,1fr)}.editor-soon__mascot{max-height:340px;margin:0 auto}}@media (max-width: 700px){.topbar,.topbar__slab{height:auto;min-height:188px}.topbar__slab{position:relative;inset:auto;padding:0 0 16px;transform:none}.topbar__inner{top:0;height:auto;min-height:188px;padding:20px 16px 0;gap:14px 12px;transform:none}.topbar .logo{max-width:150px}.topbar .account{max-width:180px}.topbar .account__title{font-size:18px}.topbar--member .tabs{width:100%;order:3;justify-content:center;gap:8px}.topbar--member .tab{padding-left:8px;padding-right:8px;font-size:17px}.topbar--member .tab--create{font-size:15px}.footer,.footer__slab{height:auto;min-height:112px}.footer__slab{position:relative;inset:auto;padding:22px 16px;transform:none}}.screen__yt,.screen__yt iframe,.screen__yt>div{pointer-events:none}.screen__frame input.progress{-webkit-appearance:none;appearance:none;position:absolute;top:-8px;left:-10px;right:auto;z-index:30;display:block;width:calc(100% + 20px);height:7px;margin:0;padding:0;border:0;outline:0;opacity:1;background:linear-gradient(90deg,var(--orange) 0,var(--orange) var(--progress),#282831 var(--progress),#282831 100%);transform:rotate(.8deg);transform-origin:left center;cursor:ew-resize}.screen__frame input.progress:disabled{cursor:default;opacity:.72}.screen__frame input.progress::-webkit-slider-runnable-track{height:7px;background:transparent}.screen__frame input.progress::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:15px;margin-top:-4px;background:var(--orange);border:2px solid #2f2f38;transform:skew(-7deg);cursor:grab}.screen__frame input.progress:active::-webkit-slider-thumb{cursor:grabbing}.screen__frame input.progress::-moz-range-track{height:7px;background:transparent}.screen__frame input.progress::-moz-range-progress{height:7px;background:var(--orange)}.screen__frame input.progress::-moz-range-thumb{width:10px;height:13px;border:2px solid #2f2f38;border-radius:0;background:var(--orange);transform:skew(-7deg);cursor:grab}.screen__frame .volume{width:174px;height:30px;padding:3px 7px 3px 5px;background:#111116;overflow:visible}.volume__track{position:relative;display:block;width:130px;height:20px;overflow:hidden;background:#292933;clip-path:polygon(0 42%,100% 0,100% 100%,0 100%);box-shadow:inset 0 0 0 4px #17171d}.volume__fill{position:absolute;inset:0 auto 0 0;width:var(--volume);background:var(--orange);pointer-events:none}.screen__frame .volume__track input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;clip-path:none;box-shadow:none;cursor:pointer}.form{max-width:650px}.form__row{grid-template-columns:205px minmax(0,1fr);gap:28px;margin-bottom:25px}.form__label{font-size:23px;line-height:1}.form input[type=password],.form input:not([type]),.form input[type=text]{box-sizing:border-box;height:48px;min-height:48px;padding:8px 15px 12px;background:#282830;border:0;border-right:4px solid #19191f;border-bottom:7px solid #111116;border-left:4px solid #19191f;color:var(--orange);font-size:22px;line-height:1;caret-color:var(--orange);box-shadow:none;clip-path:polygon(1.2% 0,99.4% 2%,100% 100%,0 96%);transform:rotate(.15deg)}.form input:focus{background:#282830;border-right-color:#111116;border-bottom-color:#111116;border-left-color:#111116;outline:0}.form .input--accent,.form .input--accent:focus{padding-bottom:7px;background:transparent;border:0;border-right:3px solid var(--orange);border-bottom:4px solid var(--orange);border-left:3px solid var(--orange);clip-path:polygon(1% 0,99.5% 0,100% 100%,0 97%)}.form__agree{grid-template-columns:205px minmax(0,1fr);gap:28px;align-items:center}.form__agree p{max-width:330px;font-size:16px;line-height:1.22}.tick{position:relative;width:38px;height:38px;padding:0;background:#202027;border:3px solid #111116;box-shadow:4px 5px #0c0c1080;clip-path:polygon(2% 0,100% 5%,94% 100%,5% 96%);transform:rotate(-2deg)}.tick svg{width:35px;height:35px;overflow:visible;transform:rotate(2deg)}.tick svg path{stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}.tick--on{border-color:#111116;color:var(--orange)}.form__actions{margin-top:30px}.slab-btn{min-width:190px;min-height:78px;padding:20px 42px;background:#101014;border:0;box-shadow:0 7px #0f0f1459;clip-path:polygon(4% 0,96% 4%,100% 94%,0 100%);transform:rotate(-.7deg)}.slab-btn span{font-size:25px;transform:rotate(.7deg) skew(-6deg)}.slab-btn:hover span,.slab-btn:focus-visible span{color:var(--orange)}.signin__pane{max-width:680px}.signin__pane .form{max-width:650px}@media (max-height: 760px) and (min-width: 901px){.form__row{height:42px;margin-bottom:17px}.form input[type=password],.form input:not([type]),.form input[type=text]{height:42px;min-height:42px}.slab-btn{min-height:64px}}@media (max-width: 700px){.form__row,.form__agree{grid-template-columns:minmax(0,1fr);gap:8px}.form__label{text-align:left;justify-self:start}.tick{justify-self:start}}.screen__frame .controls{gap:11px;min-height:48px;padding:8px 10px 7px}.screen__frame .seek-slider{appearance:auto;-webkit-appearance:auto;flex:1 1 150px;width:auto;min-width:120px;height:18px;margin:0 2px;padding:0;border:0;outline:0;background:transparent;accent-color:var(--orange);cursor:pointer}.screen__frame .seek-slider:disabled{cursor:default;opacity:.5}.screen__frame .timecode{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:nowrap;color:#a8a8b2;font-family:Arial,sans-serif;font-size:11px}.room__main{position:relative}.room-debug{position:absolute;z-index:8;top:calc(100% + 10px);left:0;width:min(100%,590px);max-height:126px;overflow:hidden;padding:8px 10px 9px;background:#1b1b21e6;border-left:3px solid var(--orange);color:#9e9eaa;font:11px/1.25 Arial,sans-serif}.room-debug>strong{display:block;margin-bottom:4px;color:var(--orange);font-family:var(--display);font-size:15px;font-weight:400}.room-debug__facts{display:flex;flex-wrap:wrap;gap:2px 14px;margin-bottom:4px;color:#d1d1d8}.room-debug__events{display:flex;flex-direction:column;gap:1px}.room-debug__events time{color:#73737f}.admin__debug-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:9px 11px;background:#24242c;border-left:3px solid var(--orange)}.admin__debug-setting strong,.admin__debug-setting small{display:block}.admin__debug-setting strong{color:var(--orange);font-family:var(--display);font-size:17px;font-weight:400}.admin__debug-setting small{margin-top:2px;color:#aaaab5;font-size:11px}.admin__debug-toggle{flex:none;min-width:145px;padding:7px 10px;background:#101014;border:1px solid #4a4a55;color:#9b9ba6;font-family:var(--display);font-size:13px}.admin__debug-toggle--on{background:var(--orange);border-color:var(--orange);color:var(--ink)}@media (max-width: 700px){.screen__frame .controls{flex-wrap:wrap}.screen__frame .seek-slider{order:4;flex-basis:100%}.room-debug{position:relative;top:auto;margin-top:8px}.admin__debug-setting{align-items:stretch;flex-direction:column}}html.archive-intro-open,html.archive-intro-open body{overflow:hidden!important}.archive-story{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:32px;background:var(--bg);color:var(--text)}.archive-story__music{display:none}.archive-story__content{width:min(1100px,100%)}.archive-story__line{margin:0;color:var(--orange);font-family:var(--display);font-size:clamp(38px,4.3vw,64px);line-height:1.22;letter-spacing:.015em;transform:skew(-5deg);transition:opacity .65s ease}.archive-story__line--fading{opacity:0}.archive-story__final{display:flex;flex-direction:column;align-items:center;text-align:center;animation:archive-story-final-in .7s ease-out both}.archive-story__logo{display:flex;flex-direction:column;align-items:center;color:var(--orange);font-family:var(--display);font-size:clamp(72px,9vw,124px);line-height:.78;letter-spacing:.01em;transform:skew(-8deg)}.archive-story__logo span:last-child{padding-left:.42em}.archive-story__enter{margin-top:46px}.archive-story__enter:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.archive-story__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes archive-story-final-in{0%{opacity:0}to{opacity:1}}@media (max-width: 560px){.archive-story{padding:24px}.archive-story__line{font-size:clamp(31px,9vw,42px);line-height:1.24}.archive-story__logo{font-size:clamp(64px,21vw,94px)}}@media (prefers-reduced-motion: reduce){.archive-story__final{animation:none}}.archive-story{overflow:hidden}.archive-story__final-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;pointer-events:none;user-select:none;transition:opacity .9s ease}.archive-story__final-background--visible{opacity:.96}.archive-story__content{position:relative;z-index:1}.archive-story__volume{position:absolute;top:18px;right:18px;z-index:2;display:grid;grid-template-columns:auto 140px 42px;align-items:center;gap:12px;min-height:60px;max-width:calc(100vw - 32px);padding:5px 14px 7px;background:#202027;border-right:3px solid #111116;border-bottom:6px solid #111116;border-left:3px solid #111116;clip-path:polygon(2% 0,100% 2%,98% 100%,0 94%);transform:rotate(.25deg)}.archive-story__volume-label,.archive-story__volume output{color:var(--orange);font-family:var(--display);line-height:1;transform:skew(-6deg)}.archive-story__volume-label{font-size:14px;white-space:nowrap}.archive-story__volume--blocked .archive-story__volume-label{color:#fff}.archive-story__volume output{font-size:13px;text-align:right}.archive-story__volume input[type=range]{width:140px;height:44px;margin:0;padding:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.archive-story__volume input[type=range]:focus-visible{outline:2px solid #fff;outline-offset:1px}.archive-story__volume input[type=range]::-webkit-slider-runnable-track{height:7px;background:linear-gradient(90deg,var(--orange) 0 var(--volume-level),#111116 var(--volume-level) 100%)}.archive-story__volume input[type=range]::-webkit-slider-thumb{width:18px;height:23px;margin-top:-8px;appearance:none;-webkit-appearance:none;background:var(--orange);border:0;border-bottom:4px solid #111116;clip-path:polygon(8% 0,100% 5%,92% 100%,0 94%)}.archive-story__volume input[type=range]::-moz-range-track{height:7px;background:#111116}.archive-story__volume input[type=range]::-moz-range-progress{height:7px;background:var(--orange)}.archive-story__volume input[type=range]::-moz-range-thumb{width:18px;height:19px;background:var(--orange);border:0;border-bottom:4px solid #111116;border-radius:0}@media (max-width: 560px){.archive-story__volume{top:16px;right:16px;grid-template-columns:auto minmax(88px,112px) 38px;gap:9px;min-height:56px;padding-right:10px;padding-left:10px}.archive-story__volume-label{font-size:12px}.archive-story__volume input[type=range]{width:100%}}@media (prefers-reduced-motion: reduce){.archive-story__final-background{transition:none}}.archive-story__final-background{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;object-fit:cover;object-position:center center}.archive-story__volume{z-index:3}.archive-story__start{position:absolute;inset:0;z-index:2;display:grid;place-items:center;width:100%;height:100%;padding:0;background:var(--bg);border:0;color:var(--orange);cursor:pointer}.archive-story__start span{font-family:var(--display);font-size:clamp(30px,4vw,58px);line-height:1;letter-spacing:.035em;transform:skew(-6deg);animation:archive-story-start-blink 1.05s steps(1,end) infinite}.archive-story__start:focus-visible{outline:0}.archive-story__start:focus-visible span{outline:3px solid var(--orange);outline-offset:12px}@keyframes archive-story-start-blink{0%,48%{opacity:1}49%,to{opacity:.2}}.room{isolation:isolate}.room__background{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#14141bb8,#14141bd1),var(--room-background);background-position:center center;background-size:cover;background-repeat:no-repeat;pointer-events:none}.room-background-picker{display:flex;align-items:center;gap:8px;min-height:34px;padding:3px 8px 3px 10px;background:var(--ink);color:var(--orange);font-family:var(--display);font-size:13px;transform:skew(-8deg)}.room-background-picker>*{transform:skew(8deg)}.room-background-picker select{min-width:132px;height:28px;padding:2px 26px 2px 8px;border:1px solid #3f3f49;border-radius:0;background:#282830;color:#fff;font:13px var(--ui);cursor:pointer}.room-background-picker select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}@media (max-width: 560px){.room-background-picker{width:100%;justify-content:space-between}.room-background-picker select{flex:1}}@media (prefers-reduced-motion: reduce){.archive-story__start span{animation:none}}.room-tools__settings svg{transition:none}.room-tools__settings:hover svg{transform:none}.room-settings-layer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#08080cc2;backdrop-filter:blur(3px)}.room-settings{width:min(650px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;border-top:6px solid var(--orange);border-right:4px solid #15151a;border-bottom:5px solid #111116;border-left:4px solid #15151a;background:#282830;box-shadow:0 24px 70px #000000ad;color:#fff}.room-settings__head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px 18px;background:#202027}.room-settings__head h2,.room-settings__section-title h3{margin:0;color:var(--orange);font-family:var(--display);font-weight:400;transform:skew(-7deg)}.room-settings__head h2{font-size:29px;line-height:1}.room-settings__head p,.room-settings__section-title p{margin:6px 0 0;color:#a7a7b2;font:12px/1.4 var(--ui)}.room-settings__close{flex:0 0 auto;width:34px;height:34px;padding:0 0 3px;display:grid;place-items:center;border:0;background:var(--orange);color:var(--ink);font:28px/1 Arial,sans-serif}.room-settings__close:hover{background:var(--orange-hi)}.room-settings__name{padding:20px 22px;border-bottom:1px solid #3c3c46}.room-settings__name>label,.room-settings__section-title h3{display:block;margin-bottom:8px;color:var(--orange);font-family:var(--display);font-size:17px}.room-settings__name>div{display:flex;gap:10px}.room-settings__name input{min-width:0;flex:1;height:42px;padding:8px 12px;border:0;border-left:4px solid #19191f;border-right:4px solid #19191f;border-bottom:4px solid #111116;border-radius:0;outline:0;background:#32323b;color:#fff;font:15px var(--ui)}.room-settings__name input:focus{border-left-color:#111116;border-right-color:#111116;box-shadow:0 0 0 2px var(--orange)}.room-settings__save{min-width:102px;min-height:42px;font-size:16px}.room-settings__save:disabled{opacity:.45;cursor:default}.room-settings__backgrounds{padding:20px 22px 24px}.room-settings__section-title{margin-bottom:14px}.room-settings__section-title h3{margin-bottom:0;font-size:20px}.room-settings__background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.room-background-option{position:relative;min-width:0;padding:5px 5px 9px;border:3px solid #15151a;border-bottom-width:5px;background:#1b1b21;color:#d7d7de;text-align:left}.room-background-option:hover{border-color:#555561;color:#fff}.room-background-option--selected,.room-background-option--selected:hover{border-color:var(--orange);color:var(--orange)}.room-background-option:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.room-background-option:disabled{cursor:wait}.room-background-option__preview{display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#0d0d12}.room-background-option__preview>img{display:block;width:100%;height:100%;object-fit:cover}.room-background-option__preview--random{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px}.room-background-option__preview--random>img{min-width:0;min-height:0}.room-background-option__name{display:block;margin-top:7px;overflow:hidden;font-family:var(--display);font-size:13px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.room-background-option__selected{position:absolute;top:8px;right:8px;padding:2px 5px;background:var(--orange);color:var(--ink);font:10px var(--display)}@media (max-width: 620px){.room-settings-layer{padding:12px}.room-settings{max-height:calc(100vh - 24px)}.room-settings__head,.room-settings__name,.room-settings__backgrounds{padding-left:16px;padding-right:16px}.room-settings__background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-settings__name>div{align-items:stretch;flex-direction:column}}.screen__frame .seek-slider{-webkit-appearance:none;appearance:none;flex:1 1 170px;width:auto;min-width:120px;height:20px;margin:0 3px;padding:0;border:0;outline:0;background:transparent;box-shadow:none;cursor:pointer}.screen__frame .seek-slider::-webkit-slider-runnable-track{width:100%;height:7px;border:0;border-radius:0;background:linear-gradient(to right,var(--orange) 0 var(--seek-progress),#17171d var(--seek-progress) 100%);box-shadow:none}.screen__frame .seek-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:17px;margin-top:-5px;border:0;border-radius:0;background:var(--orange);box-shadow:none;transform:skew(-7deg)}.screen__frame .seek-slider::-moz-range-track{width:100%;height:7px;border:0;border-radius:0;background:#17171d;box-shadow:none}.screen__frame .seek-slider::-moz-range-progress{height:7px;border:0;border-radius:0;background:var(--orange)}.screen__frame .seek-slider::-moz-range-thumb{width:13px;height:17px;border:0;border-radius:0;background:var(--orange);box-shadow:none;transform:skew(-7deg)}.screen__frame .seek-slider:focus,.screen__frame .seek-slider:focus-visible{border:0;outline:0;box-shadow:none}.screen__frame .seek-slider:disabled{opacity:.38}.screen__frame .volume{display:flex;align-items:center;gap:8px;width:148px;height:28px;padding:0;overflow:visible;border:0;outline:0;background:transparent;box-shadow:none}.screen__frame .volume .volume-slider{-webkit-appearance:none;appearance:none;position:static;display:block;width:112px;height:16px;margin:0;padding:0;opacity:1;border:0;outline:0;background:transparent;box-shadow:none;clip-path:none;cursor:pointer}.screen__frame .volume .volume-slider::-webkit-slider-runnable-track{width:100%;height:4px;border:0;border-radius:2px;background:#17171d;box-shadow:none}.screen__frame .volume .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:var(--orange);box-shadow:none}.screen__frame .volume .volume-slider::-moz-range-track{width:100%;height:4px;border:0;border-radius:2px;background:#17171d;box-shadow:none}.screen__frame .volume .volume-slider::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--orange);box-shadow:none}.screen__frame .volume .volume-slider:focus,.screen__frame .volume .volume-slider:focus-visible{border:0;outline:0;box-shadow:none}@media (max-width: 620px){.screen__frame .volume{width:122px}.screen__frame .volume .volume-slider{width:88px}}.room-background-option__preview--none{display:grid;place-items:center;background:#17171d}.room-background-option__preview--none>span{color:#666672;font-family:var(--display);font-size:12px;letter-spacing:.08em;transform:skew(-7deg)}.room-background-option--selected .room-background-option__preview--none>span{color:var(--orange)}.screen__media,.screen__media>iframe,.screen__media>video,.screen__media>div{width:100%;height:100%;border:0;display:block;background:#000}.screen__media>video{object-fit:contain}.screen__media>video.screen__audio{object-fit:cover;height:100%}.queue-card__badge{display:grid;place-items:center;width:100%;height:100%;font-family:var(--display);font-size:15px;color:var(--orange);background:#1b1b22}.room-tools__lock--active{background:var(--orange)!important;color:var(--ink)!important}.room--access{display:grid;place-items:center;padding-top:24px;padding-bottom:24px}.room-access{width:min(440px,calc(100vw - 32px));padding:26px;border-top:6px solid var(--orange);border-right:4px solid #15151a;border-bottom:5px solid #111116;border-left:4px solid #15151a;background:#282830;box-shadow:0 20px 58px #00000085}.room-access__icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:14px;background:var(--orange);color:var(--ink)}.room-access__icon svg{width:27px;height:27px}.room-access h1{margin:0;color:var(--orange);font:normal 32px/1 var(--display);transform:skew(-7deg)}.room-access p{margin:10px 0 22px;color:#b5b5bf;line-height:1.45}.room-access label,.room-settings__password>label{display:block;margin-bottom:8px;color:var(--orange);font-family:var(--display);font-size:17px}.room-access input,.room-settings__password input{width:100%;height:42px;padding:8px 12px;border:0;border-left:4px solid #19191f;border-right:4px solid #19191f;border-bottom:4px solid #111116;border-radius:0;outline:0;background:#32323b;color:#fff;font:15px var(--ui)}.room-access input:focus,.room-settings__password input:focus{border-left-color:#111116;border-right-color:#111116;box-shadow:0 0 0 2px var(--orange)}.room-access .room__error{margin-top:10px}.room-access__actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px}.room-access__actions>button:first-child{min-height:42px;padding:0 10px;color:#b9b9c4}.room-settings__password{padding:20px 22px;border-bottom:1px solid #3c3c46}.room-settings__password-row{display:flex;align-items:stretch;gap:10px}.room-settings__password-row input{min-width:0;flex:1}.room-settings__remove-password{flex:none;min-height:42px;padding:0 12px;border:1px solid #555561;background:#1b1b21;color:#d7d7de;font-family:var(--display);font-size:14px}.room-settings__remove-password:hover{border-color:var(--orange);color:var(--orange)}.room__main--debug{display:flex;flex-direction:column;height:540px;max-height:calc(100vh - 155px)}.room__main--debug .player{flex:none}.room__main--debug .room-debug{position:relative;top:auto;left:auto;flex:1;width:100%;min-height:0;max-height:none;margin-top:10px;overflow:auto}.room-debug__facts{flex:none}.room-debug__events{min-height:0}@media (max-width: 900px){.room__main--debug{height:460px;max-height:none}}@media (max-width: 620px){.room-settings__password{padding-right:16px;padding-left:16px}.room-settings__password-row{flex-direction:column}}@media (max-width: 480px){.room-access{padding:20px 16px}.room-access__actions{align-items:stretch;flex-direction:column-reverse}}.room-password-layer{position:fixed;inset:0;z-index:61;display:grid;place-items:center;padding:24px;background:#08080cc2;backdrop-filter:blur(3px)}.room-password-dialog{width:min(520px,100%);border-top:6px solid var(--orange);border-right:4px solid #15151a;border-bottom:5px solid #111116;border-left:4px solid #15151a;background:#282830;box-shadow:0 24px 70px #000000ad;color:#fff}.room-password-dialog__head{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:start;gap:14px;padding:20px 22px 18px;background:#202027}.room-password-dialog__icon{width:48px;height:48px;display:grid;place-items:center;background:var(--orange);color:var(--ink)}.room-password-dialog__icon svg{width:27px;height:27px}.room-password-dialog__head h2{margin:1px 0 0;color:var(--orange);font:normal 29px/1 var(--display);transform:skew(-7deg)}.room-password-dialog__head p{margin:7px 0 0;color:#a7a7b2;font:12px/1.4 var(--ui)}.room-password-dialog__close{width:34px;height:34px;padding:0 0 3px;display:grid;place-items:center;background:var(--orange);color:var(--ink);font:28px/1 Arial,sans-serif}.room-password-dialog__close:hover{background:var(--orange-hi)}.room-password-dialog__form{padding:22px}.room-password-dialog__form label{display:block;margin-bottom:8px;color:var(--orange);font-family:var(--display);font-size:17px}.room-password-dialog__form input{width:100%;height:44px;padding:8px 12px;border:0;border-left:4px solid #19191f;border-right:4px solid #19191f;border-bottom:4px solid #111116;border-radius:0;outline:0;background:#32323b;color:#fff;font:15px var(--ui)}.room-password-dialog__form input:focus{border-left-color:#111116;border-right-color:#111116;box-shadow:0 0 0 2px var(--orange)}.room-password-dialog__actions{display:flex;align-items:stretch;justify-content:flex-end;gap:10px;margin-top:20px}.room-password-dialog__actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.room-password-dialog__public{border:1px solid #555561;background:#1b1b21;color:#d7d7de;font-family:var(--display)}.room-password-dialog__public:hover{border-color:var(--orange);color:var(--orange)}.room-password-dialog__save svg{flex:none}@media (max-width: 560px){.room-password-layer{padding:12px}.room-password-dialog__head{grid-template-columns:42px minmax(0,1fr) 34px;padding:16px}.room-password-dialog__icon{width:42px;height:42px}.room-password-dialog__head h2{font-size:24px}.room-password-dialog__form{padding:18px 16px}.room-password-dialog__actions{flex-direction:column-reverse}}.tutorial-tour{position:fixed;inset:0;z-index:80;pointer-events:none}.tutorial-tour__focus{position:fixed;z-index:0;border:3px solid var(--orange);box-shadow:0 0 0 4px #f2681c33,0 0 0 9999px #08080c8a;pointer-events:none}.tutorial-guide{position:fixed;z-index:1;padding:18px 20px 16px;border-top:6px solid var(--orange);border-right:4px solid #15151a;border-bottom:5px solid #111116;border-left:4px solid #15151a;background:#282830;box-shadow:0 18px 54px #000000a8;color:#fff;pointer-events:auto}.tutorial-guide__progress{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px;color:#a7a7b2;font:11px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase}.tutorial-guide__progress b{color:var(--orange);font-weight:700}.tutorial-guide h2{margin:0;color:var(--orange);font:normal 25px/1.05 var(--display);transform:skew(-7deg)}.tutorial-guide p{margin:10px 0 18px;color:#d3d3db;font:13px/1.48 var(--ui)}.tutorial-guide__actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tutorial-guide__actions>div{display:flex;gap:8px}.tutorial-guide__actions button{min-height:36px;padding:0 12px;border:1px solid #555561;background:#1b1b21;color:#d7d7de;font-family:var(--display);font-size:13px}.tutorial-guide__actions button:hover:not(:disabled),.tutorial-guide__actions button:focus-visible{border-color:var(--orange);color:var(--orange)}.tutorial-guide__actions button:disabled{opacity:.32}.tutorial-guide__actions .tutorial-guide__skip{padding-right:4px;padding-left:4px;border-color:transparent;background:transparent;color:#9d9da8;font-family:var(--ui);font-size:11px}.tutorial-guide__actions .tutorial-guide__next{min-width:78px;border-color:var(--orange);background:var(--orange);color:var(--ink)}.tutorial-guide__actions .tutorial-guide__next:hover,.tutorial-guide__actions .tutorial-guide__next:focus-visible{background:var(--orange-hi);color:var(--ink)}@media (max-width: 560px){.tutorial-guide{padding:15px 16px 14px}.tutorial-guide h2{font-size:22px}.tutorial-guide p{font-size:12px}.tutorial-guide__actions{align-items:stretch;flex-direction:column-reverse}.tutorial-guide__actions>div{justify-content:flex-end}.tutorial-guide__actions .tutorial-guide__skip{align-self:flex-start}}.tutorial--contextual{position:fixed;right:auto;bottom:auto;z-index:1;pointer-events:none}.tutorial--contextual .tutorial__actions{pointer-events:auto}.tutorial--contextual .tutorial__actions button:disabled{opacity:.32}.tutorial--contextual>.tutorial__arrow{position:absolute;z-index:2;width:0;height:0;background:transparent;clip-path:none;filter:none;pointer-events:none}.tutorial--contextual>.tutorial__arrow--top{top:-28px;right:auto;bottom:auto;left:calc(var(--tutorial-arrow-offset) - 14px);border-right:14px solid transparent;border-bottom:28px solid var(--orange);border-left:14px solid transparent}.tutorial--contextual>.tutorial__arrow--bottom{top:auto;right:auto;bottom:-28px;left:calc(var(--tutorial-arrow-offset) - 14px);border-top:28px solid var(--orange);border-right:14px solid transparent;border-left:14px solid transparent}.tutorial--contextual>.tutorial__arrow--left{top:calc(var(--tutorial-arrow-offset) - 14px);right:auto;bottom:auto;left:-28px;border-top:14px solid transparent;border-right:28px solid var(--orange);border-bottom:14px solid transparent}.tutorial--contextual>.tutorial__arrow--right{top:calc(var(--tutorial-arrow-offset) - 14px);right:-28px;bottom:auto;left:auto;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:28px solid var(--orange)}