:root{--ink:#14213d;--ink-soft:#4a5670;--paper:#eaeff4;--card:#fff;--sign:#ffc933;--signal:#d9382b;--line:#d3dbe3;--radius:14px;--display:"Black Han Sans", "Noto Sans KR", system-ui, sans-serif;--body:"Noto Sans KR", system-ui, -apple-system, "Malgun Gothic", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);word-break:keep-all;overflow-wrap:break-word;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.app{max-width:480px;min-height:100vh;margin:0 auto;padding:24px 16px 48px}.screen{flex-direction:column;gap:20px;display:flex}.display{font-family:var(--display);font-size:44px;font-weight:400;line-height:1.15}.lead{color:var(--ink-soft);max-width:36ch}.lead.center{text-align:center;margin:0 auto}.step,.start-meta,.count{color:var(--ink-soft);font-size:14px}.count{text-align:center}.start{padding-top:0}.hero{object-fit:contain;object-position:left bottom;width:100%;max-height:38vh;display:block}.type-art{width:min(260px,70%);height:auto;margin:0 auto;display:block}.btn{font:inherit;border-radius:var(--radius);cursor:pointer;border:0;width:100%;min-height:52px;padding:16px 20px;font-weight:700}.btn.primary{background:var(--ink);color:#fff}.btn.primary:disabled{background:var(--line);color:var(--ink-soft);cursor:not-allowed}.btn.ghost{color:var(--ink);border:2px solid var(--ink);background:0 0}.link{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.progress{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.progress span{background:var(--ink);height:100%;transition:width .25s;display:block}.situation{padding:8px 0;font-size:22px;font-weight:700;line-height:1.5}.choices{flex-direction:column;gap:12px;display:flex}.choice{font:inherit;text-align:left;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;min-height:64px;padding:18px 16px}.choice:active{border-color:var(--ink);background:#fff8dc}.sign{font-family:var(--display);text-align:center;background:var(--sign);color:var(--ink);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin:4px 6px 8px;padding:28px 16px;font-weight:400;display:flex}.sign span:first-child{font-size:22px}.sign span:last-child{font-size:38px;line-height:1.2}.facts{gap:16px;display:grid}.facts h3,.items h3{margin-bottom:6px;font-size:16px}.facts li,.items li{color:var(--ink-soft);padding-left:16px;position:relative}.facts li:before,.items li:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:.75em;left:0}.facts li.point{align-items:flex-start;gap:10px;padding-left:0;display:flex}.facts li.point:before{content:none}.facts .ico{text-align:center;flex:none;width:1.6em;font-size:18px;line-height:1.5}.items{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px;display:flex}.apply-title{font-size:24px;font-weight:700;line-height:1.4}.proof{color:var(--signal);font-weight:700}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}.field input{font:inherit;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);padding:14px;font-size:18px}.consent{color:var(--ink-soft);align-items:flex-start;gap:10px;font-size:14px;display:flex}.consent input{flex:none;width:22px;height:22px;margin-top:2px}.error{color:var(--signal);font-weight:700}.backdrop{background:#14213d99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.popup{background:var(--card);border-radius:var(--radius);text-align:center;flex-direction:column;gap:16px;width:100%;max-width:340px;padding:24px 20px;line-height:1.7;display:flex}.popup h3{font-size:20px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
