:root{font-family:Inter,Segoe UI,Noto Sans JP,sans-serif;color:#f7f8ff;background:#080c18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}.join-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% -20%,#243763 0,#0b1020 45%,#080c18)}.join-card{width:min(440px,100%);padding:40px;border:1px solid #28324c;border-radius:22px;background:#11182beb;box-shadow:0 30px 80px #0008}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#ff4d6d22;color:#ff4d6d;font-size:28px}.eyebrow{margin:28px 0 6px;color:#8ea4d3;font-size:12px;font-weight:700;letter-spacing:.16em}h1{margin:0;font-size:30px}.muted{color:#a8b2c9;line-height:1.7}label{display:grid;gap:8px;margin-top:28px;color:#cdd5e8;font-size:14px;font-weight:600}input{width:100%;padding:14px 16px;border:1px solid #34405c;border-radius:11px;color:#fff;background:#0c1222;outline:none}input:focus{border-color:#6884c7;box-shadow:0 0 0 3px #6884c733}button{width:100%;margin-top:16px;padding:14px;border:0;border-radius:11px;color:#fff;background:#536dfe;font-weight:700;cursor:pointer}button:disabled{opacity:.4;cursor:default}.viewer-shell{height:100vh;display:grid;grid-template-rows:1fr;background:#05070d}.stage{position:relative;min-height:0;overflow:hidden;display:grid;place-items:center;-webkit-user-select:none;user-select:none;cursor:crosshair;background:#020305}.stage.pointing{cursor:none}.stage video{width:100%;height:100%;object-fit:contain;pointer-events:none}.pointer-layer{position:absolute;pointer-events:none}.status-panel{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;background:radial-gradient(circle,#151d30 0,#070a12 70%)}.status-panel h2{margin:18px 0 4px}.status-panel p{color:#909bb1}.spinner{width:38px;height:38px;border:3px solid #34405c;border-top-color:#6d86ff;border-radius:50%;animation:spin .8s linear infinite}.status-icon{width:48px;height:48px;display:grid;place-items:center;border:2px solid #53617d;border-radius:50%;font-size:24px}@keyframes spin{to{transform:rotate(360deg)}}.pointer{--pointer-color: #ff4d6d;position:absolute;transform:translate(-50%,-50%);z-index:3;pointer-events:none}.pointer span{display:block;width:12px;height:12px;border:2px solid white;border-radius:50%;background:var(--pointer-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--pointer-color),transparent 55%),0 2px 8px #000a}.pointer b{position:absolute;top:20px;left:6px;padding:3px 6px;border-radius:4px;white-space:nowrap;color:#08101d;background:var(--pointer-color);font-size:11px}.pointer.self b:after{content:" (自分)"}@media(max-width:600px){.join-card{padding:28px 22px}}