*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 800px at 50% -10%,#2b3a67,#1b2340 45%,#12172b);color:#e8eaf6}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px}.title{margin:0;font-size:clamp(28px,5vw,44px);font-weight:300;letter-spacing:2px}.card{width:min(560px,92vw);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.center{align-items:center;text-align:center}.hint{margin:0;color:#c5cae9}.subtle{margin:0;font-size:13px;color:#9fa8da}.error{margin:0;color:#ff8a80;font-size:14px}.nick-input,.composer input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:inherit;font-size:16px;outline:none}.nick-input:focus,.composer input:focus{border-color:#82b1ff}.btn{padding:11px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;font-size:15px;cursor:pointer;transition:background .15s}.btn:hover:not(:disabled){background:#ffffff1a}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:#3949ab;border-color:#3949ab}.btn.primary:hover:not(:disabled){background:#4555c4}.row{display:flex;gap:10px;justify-content:center}.wheel{width:120px;height:120px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 60%,#82b1ff 90%,#e8eaf6 100%);-webkit-mask:radial-gradient(farthest-side,transparent 62%,#000 64%);mask:radial-gradient(farthest-side,transparent 62%,#000 64%);animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat{gap:10px}.log{height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#00000040;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.45;word-break:break-word}.msg.mine{color:#9fa8da}.who{color:#82b1ff;font-weight:600}.log a{color:#82b1ff}.log a:hover{color:#b3ccff}.composer{display:flex;gap:10px}