:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#07152b;color:#f4fbff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 72% 12%,#164a67 0,#07152b 44%)}button,input{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation}.card{width:min(100% - 32px,430px);margin:auto;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:16px}.brand{width:96px;height:96px;margin:0 auto 6px}.card h1{font-size:2.25rem;margin:0}.card p{color:#b8d2df;margin:0}.primary,.secondary{min-height:56px;border-radius:18px;font-weight:750;font-size:1.08rem}.primary{background:linear-gradient(135deg,#31d1bd,#2d73dd);color:#052033;box-shadow:0 10px 28px #21b3af44}.secondary{width:100%;margin-top:12px;background:#ffffff13;border:1px solid #ffffff29;color:#f4fbff}.or{color:#82a3b5;font-size:.9rem}form{text-align:left}label{display:block;margin:0 0 8px;font-size:.9rem;color:#b8d2df}input{display:block;width:100%;min-height:58px;padding:0 16px;border:1px solid #4e788e;border-radius:16px;background:#061522;color:#fff;text-align:center;letter-spacing:.32em;font-size:1.45rem;font-weight:700}.card small{color:#7191a2;line-height:1.45;margin-top:8px}.status{min-height:1.4em;color:#b8d2df}.status.error{color:#ff9a9a}.status.ok{color:#82e6c0}#session{height:100dvh;overflow:hidden}.stage{position:fixed;inset:0;background:#02070c}.stage video,#annotations{position:absolute;width:100%;height:100%;inset:0}.stage video{object-fit:contain}.stage #local-video{width:25vw;height:18vh;min-width:108px;min-height:80px;top:auto;left:auto;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));border:1px solid #ffffff44;border-radius:12px;background:#0d2432;object-fit:cover;z-index:2}.stage #annotations{z-index:3;touch-action:none}.toolbar{position:fixed;z-index:5;top:max(10px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px;border:1px solid #ffffff2a;border-radius:16px;background:#07152bd9;backdrop-filter:blur(14px);box-shadow:0 8px 25px #0008}.toolbar button{width:42px;height:42px;border-radius:11px;background:#ffffff13;color:#f6fbff;font-size:22px}.toolbar button.active{background:#3ed0be;color:#052033}.toolbar button:first-child{background:#b9424c}.toolbar i{display:block;width:18px;height:18px;margin:auto;border-radius:50%;background:#ff4e5b;box-shadow:0 0 0 2px #fff5}.toolbar button:focus-visible,.primary:focus-visible,.secondary:focus-visible,input:focus-visible{outline:3px solid #f6c75a;outline-offset:2px}#room-label,#session-status{position:fixed;z-index:4;left:16px;right:16px;text-align:center;text-shadow:0 1px 3px #000}#room-label{bottom:24px;font-weight:700;letter-spacing:.1em}#session-status{bottom:4px;margin:0;font-size:.82rem;color:#c6dbe4}#pointer{display:none;position:fixed;z-index:4;width:28px;height:28px;border:3px solid #ff4e5b;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;animation:pulse 1.8s ease-out forwards}@keyframes pulse{from{opacity:1;scale:.5}to{opacity:0;scale:2.2}}#debug{position:fixed;z-index:7;bottom:60px;left:8px;max-width:calc(100% - 16px);padding:8px;border-radius:8px;background:#000b;color:#bdeaff;font-size:11px;white-space:pre-wrap}@media(max-width:430px){.toolbar{gap:3px;padding:5px}.toolbar button{width:36px;height:38px;font-size:19px}}@media(orientation:landscape){.stage #local-video{width:18vw;height:24vh}}