:root{color:#191f28;background:#f2f4f6;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 84% 8%,rgba(49,130,246,.16) 0 120px,transparent 260px),linear-gradient(180deg,#fff,#f2f4f6 62%,#e8edf3)}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 24px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{color:#3182f6;font-weight:900;letter-spacing:-.04em;font-size:21px}.date-pill,.eyebrow{color:#4e5968;background:#eef4ff;border:1px solid #d9e8ff;border-radius:999px;padding:8px 12px;font-weight:800}.card{background:#ffffffeb;border:1px solid rgba(213,219,228,.9);border-radius:30px;padding:26px 24px;box-shadow:0 20px 52px #0220471a}.hero{display:grid;gap:16px;min-height:calc(100vh - 104px);align-content:start}.hero .legal{margin-top:auto}h1{margin:0;font-size:clamp(42px,11vw,58px);line-height:1.02;letter-spacing:-.075em;color:#191f28}h2{margin:18px 0 22px;font-size:clamp(27px,7vw,38px);line-height:1.2;letter-spacing:-.055em;color:#191f28}.lead{margin:0;font-size:21px;line-height:1.48;color:#4e5968;letter-spacing:-.03em}.primary,.secondary,.option{min-height:64px;border:0;border-radius:18px;padding:18px 20px;font-size:21px;font-weight:850;letter-spacing:-.035em;cursor:pointer}.primary{width:100%;color:#fff;background:#3182f6;box-shadow:0 10px 22px #3182f647}.secondary{width:100%;color:#3182f6;background:#eef4ff;margin-top:12px}.ghost{color:#6b7684;background:transparent;border:0;padding:8px 0;font-weight:800}.center{display:block;margin:14px auto 0}.rule-box{display:grid;gap:6px;background:#f6f8fa;border:1px solid #edf0f3;border-radius:22px;padding:17px;font-size:18px;line-height:1.45;color:#333d4b}.notice{color:#8b95a1;line-height:1.45;font-size:12px;letter-spacing:-.02em}.legal{margin:22px 0 0;text-align:center}.progress{color:#3182f6;font-size:19px;font-weight:900;margin:8px 0}.options{display:grid;gap:13px}.option{color:#191f28;background:#fff;border:1.5px solid #e5e8eb;text-align:left;box-shadow:0 8px 20px #0220470f}.option:active,.primary:active,.secondary:active{transform:translateY(2px)}.result-card{display:grid;gap:14px}.share-card{display:grid;gap:6px;background:#191f28;color:#fff;border-radius:24px;padding:22px;font-size:22px}.share-card strong{font-size:26px}.share-card small{color:#b0b8c1}@media(max-width:360px){.card{padding:22px 18px}.primary,.secondary,.option{font-size:20px}}