:root{--bg:#14101f;--surface:#1e1830;--surface-2:#292040;--line:#3a2f5c;--pink:#ff5c8a;--cyan:#4dd6e8;--amber:#ffc24d;--mint:#7be8a8;--text:#f3effa;--muted:#9d93b8;--radius:16px;--display:"Gabarito", sans-serif;--body:"IBM Plex Sans", sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--body);margin:0}:focus-visible{outline:2px solid var(--pink);outline-offset:2px}button{font:600 1rem var(--body);color:var(--bg);background:var(--pink);cursor:pointer;border:0;border-radius:12px;padding:.6rem 1.1rem}button.emoji{background:var(--surface-2);padding:.5rem .6rem}input{font:400 1rem var(--body);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;padding:.6rem .8rem}.brand{font:900 clamp(3rem, 9vw, 4.2rem) var(--display);margin:0}.brand em{color:var(--pink);font-style:normal}.brand.small{color:var(--text);font-size:1.4rem;text-decoration:none}.tagline{color:var(--muted);max-width:34rem;margin:.2rem 0 .6rem;font-size:1.15rem}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100vh;padding:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:20px;flex-direction:column;gap:.6rem;width:min(440px,100%);padding:1.5rem;display:flex;box-shadow:0 24px 60px #00000073}.card label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:600}.card a{color:var(--cyan)}.row{gap:.5rem;display:flex}.divider{text-align:center;color:var(--muted);font-size:.85rem}.error{color:var(--amber);margin:.2rem 0 0}.code-input{text-transform:uppercase;letter-spacing:.08em}.code-input::placeholder{text-transform:uppercase;letter-spacing:.06em}.join-btn{background:var(--cyan)}.privacy-note{color:var(--muted);margin:.4rem 0 0;font-size:.8rem}.room{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.room-header{border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.code-chip{background:var(--surface-2);color:var(--cyan);font:700 1rem var(--display);letter-spacing:.15em}.watching{color:var(--muted);font-size:.9rem}.name-editor{flex:0 auto;max-width:10rem;margin-left:auto}.leave{background:var(--surface-2);color:var(--text)}.room-body{flex-direction:column;flex:1;min-height:0;display:flex}.stage{flex-direction:column;flex:1;gap:.75rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.player-placeholder{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.compose{flex-wrap:wrap;gap:.5rem;display:flex}.chat-panel{border-top:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;max-height:40vh;display:flex}.chat-list{flex:1;min-height:0;padding:.75rem;overflow-y:auto}.msg{overflow-wrap:anywhere;margin:.3rem 0;font-size:1.05rem}.msg.system{color:var(--muted);font-style:italic}.msg.own{text-decoration:underline;-webkit-text-decoration-color:var(--pink);text-decoration-color:var(--pink)}.ts{color:var(--muted);font-size:.8rem}.sync-status{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:.5rem .75rem;font-size:.85rem}.dot{background:var(--amber);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.ok{background:var(--mint)}.toast{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:.5rem 1rem;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%)}@media (width>=900px){.room-body{flex-direction:row}.chat-panel{border-top:0;border-left:1px solid var(--line);width:320px;max-height:none}}.stage-block{flex-direction:column;gap:.5rem;display:flex}.player-shell{aspect-ratio:16/9;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);position:relative;overflow:hidden}.player-mount-wrap,.player-mount,.player-mount iframe{width:100%;height:100%;position:absolute;inset:0}.gate{border-radius:var(--radius);background:linear-gradient(160deg, var(--surface), var(--surface-2));width:100%;height:100%;color:var(--text);font:700 1.3rem var(--display);position:absolute;inset:0}.player-error{text-align:center;color:var(--amber);background:#14101feb;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.change-video{gap:.5rem;display:flex}.change-video button{background:var(--surface-2);color:var(--text);white-space:nowrap}.player-shell{container-type:size}.danmaku-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.bullet{white-space:nowrap;font:700 clamp(1.3rem, 3.4cqw, 2rem) var(--body);text-shadow:-2px -2px #000000d9,2px -2px #000000d9,-2px 2px #000000d9,2px 2px #000000d9,0 3px 8px #000000e6;will-change:transform;animation-name:bullet-fly;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;left:100%}.bullet.own{text-decoration:underline;color:var(--pink)!important}@keyframes bullet-fly{to{transform:translate(calc(-100cqw - 100%))}}.float-emoji{opacity:0;filter:drop-shadow(0 3px 8px #000000e6);font-size:3rem;animation:4.5s ease-out forwards float-up;position:absolute;bottom:0}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.7)}8%{opacity:1;transform:translateY(-6cqh)scale(1.1)}75%{opacity:1}to{opacity:0;transform:translateY(-80cqh)scale(1.2)}}.landing{position:relative;overflow:hidden}.landing>*{z-index:1;position:relative}.ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient span{white-space:nowrap;font-family:var(--body);opacity:.4;font-weight:700;animation:linear infinite ambient-fly;position:absolute;left:100%}@keyframes ambient-fly{to{transform:translate(calc(-100vw - 100%))}}@media (prefers-reduced-motion:reduce){.bullet,.float-emoji,.ambient{display:none}}