:root{--bg1:#0b1220;--bg2:#0b1b2a;--card:#ffffff0f;--line:#ffffff1f;--text:#ffffffeb;--muted:#ffffffa6;--shadow:0 16px 50px #00000059}*{box-sizing:border-box}.app-shell{background:radial-gradient(1200px 700px at 20% 10%, #16324a 0%, transparent 60%), radial-gradient(1000px 700px at 90% 20%, #1c2d5f 0%, transparent 55%), linear-gradient(180deg, var(--bg1), var(--bg2));min-height:100vh;color:var(--text)}.topbar{justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto;padding:18px 18px 0;display:flex}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo{border:1px solid var(--line);background:#ffffff1a;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.brand-text{letter-spacing:.3px;font-weight:800}.topnav{gap:10px;display:flex}.toplink{color:var(--muted);border:1px solid #0000;border-radius:10px;padding:8px 10px;text-decoration:none}.toplink:hover{color:var(--text);border-color:var(--line);background:#ffffff0f}.auth-page{place-items:center;min-height:calc(100vh - 64px);padding:24px 16px 40px;display:grid}.auth-card{background:var(--card);border:1px solid var(--line);width:min(520px,94vw);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:24px}.auth-card.wide{width:min(860px,94vw)}.auth-brand{align-items:center;gap:14px;margin-bottom:18px;display:flex}.auth-logo{border:1px solid var(--line);background:#ffffff1a;border-radius:14px;place-items:center;width:46px;height:46px;font-size:18px;font-weight:900;display:grid}.auth-title{letter-spacing:-.4px;margin:0;font-size:26px}.auth-subtitle{color:var(--muted);margin:6px 0 0;line-height:1.35}.naver-btn{cursor:pointer;color:#0b1220;background:#03c75a;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:15px;font-weight:800;display:flex;box-shadow:0 10px 22px #03c75a40}.naver-btn:hover{filter:brightness(.98)}.naver-icon{background:#0000001f;border-radius:10px;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.auth-hint{background:#0000001f;border:1px dashed #ffffff2e;border-radius:14px;margin-top:16px;padding:14px}.auth-hint-title{margin:0 0 6px;font-weight:800}.auth-hint-text{color:var(--muted);margin:0;line-height:1.35}.auth-footer{align-items:center;gap:8px;margin-top:16px;display:flex}.dot{background:#ffffff8c;border-radius:99px;width:8px;height:8px}.muted{color:var(--muted)}.success-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.actions{gap:8px;display:flex}.ghost-btn,.danger-btn{cursor:pointer;border:1px solid var(--line);color:var(--text);background:#ffffff0f;border-radius:12px;padding:10px 12px;font-weight:800}.ghost-btn:hover{background:#ffffff1a}.danger-btn{background:#ff5a5a24;border-color:#ff5a5a59}.danger-btn:hover{background:#ff5a5a33}.panel{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;margin-top:12px;padding:14px}.panel.error{background:#ff5a5a1a;border-color:#ff5a5a66}.panel-title{margin:0 0 10px;font-weight:900}.code{color:#ffffffe6;background:#00000038;border:1px solid #ffffff1a;border-radius:12px;margin:0;padding:12px;font-size:13px;line-height:1.45;overflow:auto}.badge-row{margin-bottom:12px}.badge{border:1px solid var(--line);background:#ffffff0f;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;display:inline-block}.badge.ok{background:#03c75a2e;border-color:#03c75a73}.badge.no{background:#ff5a5a2e;border-color:#ff5a5a73}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=600px){.grid{grid-template-columns:1fr}.success-header{flex-direction:column;align-items:stretch}.actions{justify-content:flex-start}}.field{background:#00000024;border:1px solid #ffffff1a;border-radius:12px;padding:12px}.field-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800}.field-value{word-break:break-word;font-weight:900}.spinner{border:3px solid #ffffff2e;border-top-color:#ffffffd9;border-radius:999px;width:26px;height:26px;margin-bottom:10px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}