:root{color-scheme:only light;--paper:#fff;--ink:#242424;--muted:#575757;--line:#858585;--blue:#345f9a;--hover:#294d80;--on-blue:#fff;--error:#a12f2b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:0 max(24px,env(safe-area-inset-right)) 0 max(24px,env(safe-area-inset-left));line-height:1.65}::selection{background:var(--blue);color:var(--on-blue)}[hidden]{display:none!important}a{color:var(--blue);text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--ink);cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:6px;min-height:48px;padding:10px 16px}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{width:min(100%,1040px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0}.brand{font:24px Georgia,serif;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;min-height:48px}.brand svg{width:19px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}main{width:min(100%,400px);align-self:center;margin:48px auto 80px}h1{font:400 clamp(32px,5vw,40px)/1.22 Georgia,serif;letter-spacing:-.025em;text-wrap:balance;margin:0 0 20px}html[lang=ko]{word-break:keep-all}html[lang=ko] h1{font-family:inherit;font-size:34px;line-height:1.5;letter-spacing:-.02em}p{margin:0 0 32px;color:var(--muted)}.primary{display:flex;justify-content:center;align-items:center;min-height:52px;background:var(--blue);color:var(--on-blue);border-radius:6px;padding:12px 20px;text-decoration:none;font-weight:600;text-align:center}.primary:hover{background:var(--hover)}#account{display:grid;gap:12px}.note{font-size:14px;margin:24px 0 0}#error{color:var(--error);margin:24px 0 0}footer{color:var(--muted);font-size:14px;text-align:center;padding:20px 0 max(24px,env(safe-area-inset-bottom));text-wrap:balance}@media(max-width:420px){header{padding:16px 0}.brand{font-size:22px}main{margin:40px auto 64px}}@media(prefers-reduced-motion:no-preference){button,.primary{transition:background-color 150ms ease-out,color 150ms ease-out}}

:root[data-theme="dark"]{color-scheme:dark;--paper:#202020;--ink:#f2f2f2;--muted:#bdbdbd;--blue:#a9c7f0;--hover:#c4d9f5;--on-blue:#202020;--error:#ffaaa2}
header{gap:12px;flex-wrap:wrap}.header-actions{display:flex;gap:8px;align-items:center}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;padding:10px}#theme-toggle[hidden]{display:none}#theme-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}