:root{--bg:#0b1226;--bg2:#0f172a;--surface:#131e38d9;--border:#94a3b82e;--text:#e2e8f0;--muted:#8b9bb4;--cyan:#00d4aa;--sky:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}html,body{background:linear-gradient(180deg, var(--bg2), var(--bg));color:var(--text);min-height:100vh;font-family:-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:640px;margin:0 auto;padding:0 16px 80px}.topbar{align-items:center;gap:10px;padding:14px 0;display:flex}.topbar .brand{font-size:19px;font-weight:800}.topbar .brand em{color:var(--cyan);font-style:normal}.topbar .spacer{flex:1}.btn-primary{background:var(--cyan);color:#04211a;cursor:pointer;border:none;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700}.btn-ghost{color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:9px 14px;font-size:14px}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text);background:#0a122699;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px}input:focus,textarea:focus{border-color:var(--cyan)}.cat-row{scrollbar-width:none;gap:6px;padding:6px 0 12px;display:flex;overflow-x:auto}.cat-chip{border:1px solid var(--border);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:99px;flex:none;padding:6px 12px;font-size:13px}.cat-chip.on{color:var(--cyan);background:#00d4aa14;border-color:#00d4aa80}.club-grid{flex-direction:column;gap:10px;display:flex}.club-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;padding:14px;display:flex}.club-card .emoji{background:#00d4aa14;border-radius:14px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.club-card .info{flex:1;min-width:0}.club-card .name{font-size:15px;font-weight:700}.club-card .desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12.5px;overflow:hidden}.club-card .meta{color:var(--muted);margin-top:4px;font-size:11.5px}.section-title{color:var(--muted);margin:18px 0 10px;font-size:14px;font-weight:700}.empty{color:var(--muted);text-align:center;padding:40px 0;font-size:14px;line-height:1.7}.form-col{flex-direction:column;gap:12px;display:flex}.form-label{color:var(--muted);margin-bottom:-6px;font-size:13px}.emoji-row{flex-wrap:wrap;gap:6px;display:flex}.emoji-pick{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;width:42px;height:42px;font-size:20px}.emoji-pick.on{border-color:var(--cyan);background:#00d4aa1a}.error{color:#fca5a5;font-size:13px}.club-head{align-items:center;gap:14px;padding:18px 0 14px;display:flex}.club-head .emoji{font-size:40px}.club-head h1{font-size:20px}.club-head .meta{color:var(--muted);margin-top:4px;font-size:13px}.tab-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:14px}.tab.on{color:var(--cyan);border-bottom-color:var(--cyan);font-weight:700}.modal{z-index:50;background:#020612b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:22px;display:flex}.modal-box h3{text-align:center;font-size:16px}.join-row{gap:8px;display:flex}.join-row input{flex:1;min-width:0}.btn-dice{flex:none;padding:0 12px;font-size:18px}