@font-face{font-family:Pretendard;src:url('/fonts/Pretendard-Regular.woff2') format('woff2');font-weight:400}@font-face{font-family:Pretendard;src:url('/fonts/Pretendard-Bold.woff2') format('woff2');font-weight:800}:root{--bg:#141118;--card:#211a27;--card2:#2a2030;--text:#f8f0e4;--muted:#b9aaba;--accent:#f7c843;--mint:#6be6c8;--line:rgba(255,255,255,.1)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,#49315d 0,transparent 34%),radial-gradient(circle at 95% 20%,#274c50 0,transparent 30%),var(--bg);color:var(--text);font-family:Pretendard,system-ui,sans-serif}.shell{width:min(920px,calc(100% - 32px));margin:0 auto;padding:52px 0 72px}.hero{padding:18px 6px 34px}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--accent)}h1,h2,p{margin:0}h1{margin-top:10px;font-size:clamp(34px,7vw,64px);letter-spacing:-.06em}h2{margin-top:6px;font-size:24px;letter-spacing:-.04em}.hero p{margin-top:14px;color:var(--muted);line-height:1.7;font-size:16px}.create-card{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(247,200,67,.13),rgba(255,255,255,.04));box-shadow:0 20px 60px rgba(0,0,0,.2)}.create-card p{margin-top:8px;color:var(--muted);line-height:1.5}.create-form label{display:block;margin-bottom:8px;color:var(--muted);font-size:13px;font-weight:800}.create-row{display:flex;gap:10px}input{width:100%;border:1px solid var(--line);border-radius:13px;background:#17121b;color:var(--text);font:inherit;padding:14px 15px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,200,67,.14)}button{font:inherit;font-weight:800;cursor:pointer;border:0}.primary{white-space:nowrap;border-radius:13px;padding:0 18px;background:var(--accent);color:#1b150b}.rooms-section{margin-top:48px}.rooms-heading{display:flex;align-items:end;justify-content:space-between;margin:0 4px 14px}.refresh{color:var(--muted);background:transparent;padding:8px 0}.refresh:hover{color:var(--text)}.room-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-card{border:1px solid var(--line);border-radius:20px;background:rgba(33,26,39,.88);padding:20px;display:flex;flex-direction:column;gap:15px;min-height:184px}.room-top{display:flex;justify-content:space-between;gap:12px}.room-title{font-size:20px;font-weight:800;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-code{color:var(--muted);font-size:12px;margin-top:4px}.room-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:var(--card2);color:var(--muted);font-size:12px;font-weight:800}.badge.mode{color:#1b150b;background:var(--mint)}.badge.live{color:#211506;background:var(--accent)}.room-info{color:var(--muted);font-size:14px}.room-info b{color:var(--text)}.join{width:100%;border-radius:12px;background:var(--text);color:#211827;padding:12px}.join:hover{background:var(--accent)}.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);border-radius:18px;padding:36px;color:var(--muted)}.error{min-height:20px;margin-top:8px;color:#ff9f9f;font-size:13px}@media(max-width:680px){.shell{padding-top:28px}.create-card{grid-template-columns:1fr;padding:20px}.room-list{grid-template-columns:1fr}.create-row{flex-direction:column}.primary{padding:13px}.rooms-heading{align-items:center}}
.identity-card{padding:22px 26px;border:1px solid var(--line);border-radius:20px;background:var(--card);margin-bottom:20px}.identity-card h2{font-size:20px;margin:0 0 14px}.identity-card label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.identity-card input{max-width:420px}.identity-card p{color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}.room-people{display:flex;flex-wrap:wrap;gap:6px}.room-people span{font-size:12px;border-radius:6px;background:var(--card2);color:var(--text);padding:5px 8px}.room-title{white-space:normal;overflow-wrap:anywhere}