@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/rubik-latin-500-normal-1os41rQk.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/rubik-latin-600-normal-7iWW07_k.woff2)format("woff2")}:root{--base:#111318;--panel:#1a1d24;--line:#2a2e38;--text:#f1f2f6;--muted:#8f96a6;--live:#ff5a7a;--reconnecting:#ffb02e;--bad:#ff3b3b;--room-manga:#ffb02e;--room-framboesa:#ff5a8a;--room-menta:#3ee6b0;--room-ceu:#5bc0ff;--room-uva:#9b6bff;--radius-panel:14px;--radius-btn:12px;--font-display:"Rubik", system-ui, sans-serif;--font-body:system-ui, sans-serif;--accent:var(--room-manga)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}html{background:var(--base)}body{background:var(--base);color:var(--text);font-family:var(--font-body)}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-btn);cursor:pointer;padding:8px 14px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;color:var(--text);background:var(--base);border:1px solid var(--line);border-radius:8px;padding:7px 10px}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.landing{text-align:center;flex-direction:column;gap:10px;max-width:380px;margin:15vh auto 0;padding:0 16px;display:flex}.landing__stripe{border-radius:3px;height:5px;margin-bottom:8px;display:flex;overflow:hidden}.landing__stripe span{flex:1}.landing h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:600}.landing__tag{color:var(--muted);margin-bottom:8px;font-size:.85rem}.landing form{flex-direction:column;gap:10px;display:flex}.landing__primary{background:var(--accent);color:var(--base);border-color:var(--accent);font-weight:600}.landing__divider{color:var(--muted);margin:4px 0;font-size:.75rem}.landing__download{color:var(--muted);margin-top:12px;font-size:.8rem}.landing__download a{color:var(--room-ceu)}.room-error{z-index:10;border-radius:var(--radius-btn);background:var(--panel);border:1px solid var(--reconnecting);max-width:min(90vw,380px);color:var(--reconnecting);text-align:center;padding:6px 14px;font-size:.85rem;position:fixed;top:10px;left:50%;transform:translate(-50%)}.room-gate{text-align:center;flex-direction:column;gap:10px;max-width:380px;margin:15vh auto 0;padding:0 16px;display:flex}.room-gate__room{color:var(--muted);font-size:.9rem}.room-gate form{flex-direction:column;gap:10px;display:flex}.room-gate__hint{color:var(--muted);font-size:.75rem}.room-gate__error{color:var(--reconnecting);font-size:.85rem}.room-gate__open-app{margin-top:8px;font-size:.8rem}.share-setup-gate{text-align:center;flex-direction:column;gap:14px;max-width:420px;margin:15vh auto 0;padding:0 16px;display:flex}.share-setup-gate__row{gap:12px;display:flex}.share-setup-gate__row label{flex:1}.share-setup-gate__warning{color:var(--reconnecting);font-size:.8rem}.share-setup-gate__actions{justify-content:center;gap:8px;display:flex}.share-setup-gate__start{background:var(--accent);color:var(--base);border-color:var(--accent);font-weight:600}.controls-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);z-index:3;background:#1a1d24e6;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.controls-bar__btn{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1rem;display:flex}.controls-bar__share{background:var(--accent);color:var(--base);border-color:var(--accent);font-weight:600}.controls-bar__stop{color:var(--live);border-color:var(--live)}.grid{background:#000;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-rows:minmax(140px,1fr);gap:8px;padding:40px 8px 8px;display:grid;position:absolute;inset:0;overflow-y:auto}.grid--empty{color:var(--muted);text-align:center;justify-content:center;align-items:center;padding-top:40px;font-size:.9rem;display:flex;position:absolute;inset:0}.grid-tile{background:#000;border-radius:8px;min-height:0;position:relative;overflow:hidden}.grid-tile video{object-fit:contain;width:100%;height:100%;display:block}.grid-tile__username{color:var(--text);background:#0009;border-radius:6px;padding:2px 8px;font-size:.75rem;position:absolute;bottom:6px;left:6px}@media (width<=639px){.grid{grid-template-columns:1fr}}.participants-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);z-index:4;width:240px;max-height:60vh;position:fixed;top:44px;right:8px;overflow-y:auto}.participants-panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.participants-panel__header button{padding:2px 8px}.participants-panel__list{flex-direction:column;list-style:none;display:flex}.participants-panel__list li{color:var(--muted);align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:flex}.participants-panel__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.participants-panel__sharing{color:var(--room-menta);font-size:.7rem}.participants-panel__state{font-size:.7rem}.live-room{height:100vh;position:relative;overflow:hidden}.live-room__topbar{color:var(--muted);z-index:2;pointer-events:none;background:linear-gradient(#0000008c,#0000);align-items:center;gap:8px;padding:10px 12px;font-size:.8rem;display:flex;position:absolute;top:0;left:0;right:0}.live-room__dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.live-room__dot--online{background:var(--live);animation:2s ease-in-out infinite tally-pulse;box-shadow:0 0 #ff5a7a80}.live-room__dot--reconnecting{background:var(--reconnecting)}.live-room__room-name{color:var(--text);font-weight:600}@keyframes tally-pulse{0%,to{box-shadow:0 0 #ff5a7a80}50%{box-shadow:0 0 0 4px #ff5a7a00}}@media (prefers-reduced-motion:reduce){.live-room__dot--online{animation:none}}.live-room__people-chip{z-index:3;border-radius:999px;padding:5px 10px;font-size:.8rem;position:absolute;top:8px;right:8px}.live-room__empty{text-align:center;color:var(--muted);background:#000;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute;inset:0}