:root{color-scheme:light;--navy:#1a4076;--ink:#172940;--muted:#526173;--line:#d9e1e9}*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:var(--ink);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.65}main{max-width:520px;margin:auto;padding:24px 28px 32px;min-height:100svh;background:white}header{display:flex;justify-content:flex-end}a{color:var(--navy);text-underline-offset:4px}header a{font-size:14px;text-decoration:none;font-weight:600}.intro{text-align:center;padding-top:32px}.eyebrow{font-size:13px;color:var(--navy);font-weight:700;letter-spacing:.05em;margin:0 0 14px}h1{font-size:34px;line-height:1.3;letter-spacing:-.055em;margin:0;font-weight:750}.lead{font-size:16px;color:var(--muted);margin:16px 0 22px}.icon-preview{margin:0 0 30px}.icon-preview img{display:block;margin:auto;border-radius:22px;box-shadow:0 6px 24px #17365714,0 0 0 1px #e0e6ed}.icon-preview figcaption{font-size:14px;margin-top:8px;letter-spacing:-.02em}.setup{border-top:1px solid var(--line);padding-top:24px}.tabs{display:flex;gap:6px;padding:4px;border-radius:10px;background:#edf1f5;margin-bottom:22px}.tabs button{flex:1;font:inherit;font-size:15px;padding:9px 4px;border:0;border-radius:7px;color:var(--muted);background:transparent;cursor:pointer}.tabs button[aria-pressed=true]{background:white;color:var(--navy);font-weight:700;box-shadow:0 1px 4px #1a407612}h2{font-size:19px;letter-spacing:-.03em;margin:0 0 12px}ol{padding-left:22px;font-size:15px;margin:0 0 20px}li{padding:3px 0}strong{font-weight:650}.primary{display:block;width:100%;padding:14px 12px;background:var(--navy);border:0;border-radius:10px;color:white;text-align:center;text-decoration:none;font:inherit;font-weight:700;font-size:16px;cursor:pointer}.primary:focus-visible,.tabs button:focus-visible,a:focus-visible{outline:3px solid #1a4076;outline-offset:4px}.hint{font-size:13px;color:var(--muted);margin:10px 0 0}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:14px}footer a{font-weight:650}footer p{font-size:12px;color:var(--muted);margin:8px 0 0}[hidden]{display:none!important}@media(min-width:640px){body{padding:32px}main{border:1px solid #e0e6ed;border-radius:20px;min-height:auto;padding:28px 42px 32px}}@media(max-width:340px){main{padding:20px}h1{font-size:30px}}@media(prefers-reduced-motion:no-preference){.primary{transition:background-color .15s}.primary:hover{background:#13315c}}