:root{color-scheme:dark;font-family:"Malgun Gothic",system-ui,sans-serif;color:#ece7dc;background:#101b22}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 30%,#263c41 0,transparent 62%)}main{max-width:510px;margin:0 auto;padding:46px 28px 28px}.brand{color:#bcb8a4;letter-spacing:.17em;font-size:11px;text-decoration:none;display:block;text-align:center}.brand span{display:block;letter-spacing:.22em;margin-top:9px;font-size:13px}.seal{text-align:center;font-size:44px;color:#c4af80;margin:42px 0 24px}.eyebrow{color:#b7a57d;font-size:12px;letter-spacing:.12em}h1{font-size:29px;line-height:1.55;font-weight:500;letter-spacing:-.05em;margin:12px 0 18px}.intro{font-size:14px;color:#b2bfc0;line-height:1.9}#status{font-size:14px;line-height:1.7;min-height:24px;color:#d1b887}#status.error{color:#ffb3a5}section{margin-top:25px}button,input,.enter{font:inherit;border-radius:7px}button,.enter{cursor:pointer;border:0;padding:15px 18px;transition:filter .15s}button:hover,.enter:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}.kakao{width:100%;color:#191600;background:#fee500;font-weight:650}.hint{color:#899a9f;font-size:12px;line-height:1.7;margin:12px 0 25px}.member{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.member span{font-size:11px;color:#829398}.balance{display:flex;align-items:center;justify-content:space-between;padding:23px 0;margin:4px 0 20px;border-bottom:1px solid #465657}.balance span{font-size:14px;color:#b2bfc0}.balance strong{font-size:32px;font-weight:500;color:#c7dbc7}label{display:block;font-size:13px;margin-bottom:9px}.code-row{display:flex;gap:8px}.code-row input{min-width:0;flex:1;padding:14px 12px;letter-spacing:.06em;background:#16252d;border:1px solid #4d6064;color:#f4f0e8;text-transform:uppercase}.code-row button{background:#bdd0c2;color:#162a24;font-size:13px;white-space:nowrap}.enter{display:flex;justify-content:space-between;background:#c6b58c;color:#172b2b;text-decoration:none;margin-top:24px}.logout{display:block;background:transparent;color:#91a2a6;margin:15px auto 0;font-size:12px;text-decoration:underline}footer{text-align:center;color:#66797d;font-size:11px;margin-top:46px}[hidden]{display:none!important}:focus-visible{outline:2px solid #ebd9ac;outline-offset:4px}@media(max-width:380px){main{padding:28px 20px}h1{font-size:26px}.seal{margin-top:30px}}