:root{--bg:#12141a;--pn:#1a1d26;--pn2:#222634;--bd:#333a4d;--tx:#e6e8ef;--dim:#9aa3b8;--ac:#c9a227;--ac2:#7aa2f7;--no:#e05c5c}
*{box-sizing:border-box}
body{margin:0;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--tx);
 font:14px/1.6 "Malgun Gothic","Apple SD Gothic Neo",sans-serif}
.box{width:360px;background:var(--pn);border:1px solid var(--bd);border-radius:10px;padding:22px}
h1{font-size:16px;color:var(--ac);margin:0 0 2px}
.sub{font-size:11px;color:var(--dim);margin:0 0 16px}
.tabs{display:flex;gap:4px;margin-bottom:14px}
.tb{flex:1;text-align:center;padding:7px;border:1px solid var(--bd);border-radius:6px;cursor:pointer;color:var(--dim);font-size:12.5px}
.tb.on{color:var(--ac);border-color:var(--ac);font-weight:700;background:var(--pn2)}
label{display:block;font-size:12px;color:var(--ac2);margin:10px 0 4px;font-weight:700}
input{width:100%;background:var(--pn2);color:var(--tx);border:1px solid var(--bd);border-radius:5px;padding:8px 10px;font:14px inherit}
button{width:100%;margin-top:16px;background:var(--ac);color:#1a1a1a;border:none;border-radius:6px;padding:10px;font-weight:700;font-size:14px;cursor:pointer}
button:hover{filter:brightness(1.1)}
.msg{margin-top:12px;font-size:12.5px;color:var(--no);min-height:18px;white-space:pre-wrap}
.pane{display:none}.pane.on{display:block}
.foot{margin-top:14px;font-size:11px;color:var(--dim);text-align:center}