:root{--navy:#1b3a6b;--navy-dark:#10264a;--navy-soft:#e8eef8;--text:#1a1f2b;--muted:#5b6475;--line:#dde3ec;--ok:#1d7f46;--ok-soft:#e5f4ea;--warn:#c76a12;--warn-soft:#fdf0e1;--bad:#c62828;--bad-soft:#fde8e8;--radius:14px}*{box-sizing:border-box}html,body{margin:0}body{color:var(--text);-webkit-text-size-adjust:100%;background:#fff;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,sans-serif;font-size:18px;line-height:1.5}.mock-banner{z-index:50;color:#6b4b00;text-align:center;background:#fff4d1;border-bottom:1px solid #f0dc9b;padding:5px 12px;font-size:13px;font-weight:600;position:sticky;top:0}.page-header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 18px;display:flex}.page-header a{color:var(--navy);font-size:16px;text-decoration:none}.page-header h1{color:var(--navy-dark);margin:0;font-size:20px}main{max-width:480px;margin:0 auto;padding:18px}h2{color:var(--navy-dark);margin:4px 0 12px;font-size:22px}p.lead{color:var(--muted);margin:0 0 16px}.small{color:var(--muted);font-size:14px}.btn{border-radius:var(--radius);background:var(--navy);color:#fff;width:100%;font:inherit;text-align:center;cursor:pointer;border:0;margin-top:16px;padding:16px;font-size:19px;font-weight:700;text-decoration:none;display:block}.btn:disabled{cursor:not-allowed;background:#b8c1d1}.btn.secondary{background:var(--navy-soft);color:var(--navy)}.btn.danger{background:var(--bad)}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:12px;padding:16px}.role-link{color:inherit;border:2px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:12px;padding:18px;text-decoration:none;display:flex}.role-link:active{border-color:var(--navy);background:var(--navy-soft)}.role-icon{background:var(--navy-soft);width:48px;height:48px;color:var(--navy);border-radius:12px;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid}.role-link strong{color:var(--navy-dark);font-size:20px;display:block}.role-link span{color:var(--muted);font-size:15px}.pick{border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;margin-bottom:10px;padding:12px;display:flex}.pick input{opacity:0;pointer-events:none;position:absolute}.pick:has(input:checked){border-color:var(--navy);background:var(--navy-soft)}.pick img{object-fit:cover;border-radius:8px;width:56px;height:70px}.pick strong{font-size:20px}.pick .small{display:block}.steps{margin:0;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.steps li:last-child{border-bottom:0}.mark{width:30px;height:30px;color:var(--muted);background:#eef1f5;border-radius:50%;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid}.mark.ok{background:var(--ok);color:#fff}.mark.bad{background:var(--bad);color:#fff}.mark.info{background:var(--navy-soft);color:var(--navy)}.mark.wait:after{content:"";border:3px solid #b8c1d1;border-top-color:var(--navy);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.steps .title{font-weight:700}.steps .desc{color:var(--muted);font-size:14px}.steps .desc.bad{color:var(--bad);font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.notice{background:var(--navy-soft);color:var(--navy-dark);border-radius:10px;margin-top:8px;padding:10px 12px;font-size:14px}