*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Apple SD Gothic Neo","Noto Sans KR","NanumGothic",sans-serif;background:#fff7f0;color:#333;-webkit-tap-highlight-color:transparent}
main{max-width:480px;margin:0 auto;padding:20px 16px 40px;min-height:90vh}
h1{font-size:26px;margin:8px 0}h2{font-size:22px;margin:6px 0}.sub{color:#777;margin:0 0 18px}
.card{display:block;background:#fff;border-radius:20px;padding:18px;margin:12px 0;box-shadow:0 4px 14px #0001;text-decoration:none;color:inherit}
.tcard{display:flex;gap:14px;align-items:center}.tcard .e{font-size:44px;width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center}
.tcard b{font-size:18px;display:block}.tcard span{color:#888;font-size:14px}
.btn{display:block;width:100%;border:0;border-radius:16px;padding:16px;font-size:18px;font-weight:700;margin:10px 0;background:#ff8fab;color:#fff;cursor:pointer;text-align:center;text-decoration:none}
.btn.alt{background:#fff;color:#555;border:2px solid #eee}.ans{background:#fff;color:#333;border:2px solid #f1e4ff;font-weight:600;text-align:left}
.ans:active{background:#f6edff}.bar{height:10px;background:#eee;border-radius:9px;overflow:hidden;margin:6px 0 18px}.bar i{display:block;height:100%;background:#ff8fab;transition:width .3s}
.q{font-size:21px;font-weight:800;line-height:1.45;margin:10px 0 18px}.big{font-size:80px;text-align:center;margin:10px 0}
.center{text-align:center}#cv{width:100%;border-radius:18px;box-shadow:0 4px 14px #0002;display:block}
.shares{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shares .btn{margin:0;font-size:16px;padding:14px 8px}
.kakao{background:#fee500!important;color:#3a1d1d!important}.insta{background:linear-gradient(45deg,#f9a03f,#e1306c,#833ab4)!important}.x{background:#111!important}
.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#333;color:#fff;padding:12px 18px;border-radius:12px;font-size:15px;z-index:9}
.guide{background:#fff;border-radius:16px;padding:14px;font-size:15px;line-height:1.6;margin-top:10px}
.prod{border:2px dashed #f1e4ff}.prod small{color:#999}.prod b{display:block;margin:4px 0}.prod .pr{color:#e05780;font-weight:800}
footer{text-align:center;padding:16px;font-size:12px}footer a{color:#bbb;text-decoration:none}