:root{--gray-0:#ffffff;--gray-50:#f7f7f5;--gray-100:#f1f1ef;--gray-150:#e9e9e7;--gray-400:#a8a7a2;--gray-600:#5f5e5b;--gray-700:#42423f;--gray-750:#323230;--gray-800:#2a2a28;--gray-850:#242423;--gray-875:#1e1e1d;--gray-900:#191918;--gray-950:#121211;--amber-50:#fffbeb;--amber-300:#fcd34d;--yellow-800:#854d0e;--red-400:#f87171;--red-700:#b42318}
:root{color-scheme:light;--ground:var(--gray-50);--card:var(--gray-0);--foreground:var(--gray-900);--muted-foreground:var(--gray-600);--border:var(--gray-150);--border-soft:var(--gray-100);--input:var(--gray-150);--primary:var(--gray-900);--primary-foreground:var(--gray-0);--warning:var(--yellow-800);--warning-soft:var(--amber-50);--destructive:var(--red-700);--info:var(--gray-900);--info-soft:var(--gray-50);--shadow-sm:0 1px 3px rgb(0 0 0 / 0.04);--brand:var(--brand-base, var(--primary));--brand-foreground:var(--brand-base-foreground, var(--primary-foreground))}
@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ground:var(--gray-950);--card:var(--gray-875);--foreground:var(--gray-100);--muted-foreground:var(--gray-400);--border:var(--gray-750);--border-soft:var(--gray-800);--input:var(--gray-700);--primary:var(--gray-100);--primary-foreground:var(--gray-900);--warning:var(--amber-300);--warning-soft:#fbbf2424;--destructive:var(--red-400);--info:var(--gray-100);--info-soft:var(--gray-850);--shadow-sm:0 1px 2px rgb(0 0 0 / 0.4);--brand:var(--primary);--brand-foreground:var(--primary-foreground)}}
[hidden]{display:none!important}
body{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Pretendard",sans-serif;background:var(--ground);color:var(--foreground);margin:0;display:grid;place-items:center;min-height:100vh;word-break:keep-all}
main{background:var(--card);border-radius:14px;padding:28px 24px;width:min(380px,calc(100vw - 32px));box-sizing:border-box;box-shadow:var(--shadow-sm),0 0 0 1px var(--border-soft);margin:24px 0}
.co{margin:0 0 16px}.co .mark,.co .logo{display:block;width:36px;height:36px;border-radius:9px}.co .mark{display:grid;place-items:center;background:var(--brand);color:var(--brand-foreground);font-weight:700;font-size:16px}.co .logo{object-fit:contain}
h1{font-size:20px;line-height:1.35;margin:0 0 6px}p.sub{margin:0 0 18px}p.err{color:var(--destructive);margin:0 0 14px}
label{display:block;margin:10px 0;font-size:13.5px;color:var(--muted-foreground)}input{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:10px;border:1px solid var(--input);border-radius:8px;font:inherit;background:transparent;color:var(--foreground)}
.btn{display:block;text-align:center;width:100%;box-sizing:border-box;margin:10px 0;padding:11px;border-radius:9px;border:1px solid var(--input);background:var(--card);color:inherit;text-decoration:none;font:inherit;cursor:pointer}
.btn.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}form{margin:0}summary.btn{list-style:none}summary.btn::-webkit-details-marker{display:none}