*{box-sizing:border-box;margin:0;padding:0}body{background:#0f1115;color:#e8eaed;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page,body{min-height:100vh}.page{max-width:560px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}h1{font-size:1.6rem}.muted{color:#9aa0a6;font-size:.9rem}button{background:#7c5cff;color:white;border:none;border-radius:10px;padding:14px 22px;font-size:1.05rem;cursor:pointer}button:disabled{background:#3a3d45;color:#7d818a;cursor:not-allowed}button.ghost{background:transparent}button.ghost,input{border:1px solid #3a3d45;color:#e8eaed}input{background:#1b1e26;border-radius:10px;padding:12px 14px;font-size:1rem;width:100%}.card{background:#171a21;border:1px solid #262a33;border-radius:14px;padding:18px}.rules li{margin:10px 0 10px 18px}.preview{width:100%;aspect-ratio:4/3;background:#000;border-radius:14px;object-fit:cover;transform:scaleX(-1)}.gate-status{text-align:center;font-size:.95rem}.gate-ok{color:#5dd39e}.gate-bad{color:#ff7a7a}.room{position:fixed;inset:0;background:#000}.remote-video{width:100%;height:100%;object-fit:contain}.local-pip{position:absolute;right:14px;top:14px;width:26%;max-width:180px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.25);transform:scaleX(-1)}.room-bar{bottom:0;left:0;right:0;gap:14px;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.overlay,.room-bar{position:absolute;display:flex;justify-content:center;align-items:center}.overlay{inset:0;flex-direction:column;gap:16px;background:rgba(10,11,14,.88);text-align:center;padding:24px}.emoji-row{display:flex;gap:14px}.emoji-row button{font-size:2rem;background:#1b1e26;border:1px solid #3a3d45;padding:14px 18px}.label-row{display:flex;flex-wrap:wrap;gap:8px}.label-chip{background:#241f3d;border:1px solid #4b3f8f;color:#c9bfff;border-radius:999px;padding:5px 14px;font-size:.85rem}.overlay.reveal{position:fixed;z-index:10}.reveal-label{font-size:2rem;animation:reveal-pop .5s ease-out}@keyframes reveal-pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.history-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #262a33}a{color:#a794ff}