:root{--page-bg: #FDF6E3}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--page-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Noto Sans JP,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100%}.page{width:100%;padding-bottom:120px}.hero{width:100%;display:flex;justify-content:center;background:var(--page-bg)}.hero-inner{position:relative;width:100%}@media (min-width: 768px){.hero-inner{max-width:720px}}.hero-img{display:block;width:100%;height:auto}.store-row{position:absolute;left:50%;transform:translate(-50%);bottom:1.5%;display:flex;align-items:center;gap:12px;white-space:nowrap}.store-img{display:block;height:44px;width:auto;transition:transform .12s ease,opacity .15s ease}.store-row a:hover .store-img{opacity:.85}.store-row a:active .store-img{transform:scale(.96)}@media (max-width: 420px){.store-img{height:40px}}.cta-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;flex-direction:column;align-items:center;gap:10px}.cta-link{display:block;line-height:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.25));animation:cta-pop .4s ease;transition:transform .12s ease}.cta-link:active{transform:scale(.97)}.cta-img{display:block;height:auto;width:300px;max-width:calc(100vw - 32px)}@media (min-width: 768px){.cta-img{width:380px}}@keyframes cta-pop{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.store-sheet{width:320px;max-width:calc(100vw - 32px);background:#fff;border:3px solid #111;border-radius:20px;padding:16px;box-shadow:0 16px 40px #0000004d;animation:cta-pop .2s ease}.store-title{margin:2px 0 10px;font-size:15px;font-weight:800;color:#333;text-align:center}.store-btn{display:block;width:100%;padding:14px 16px;margin-top:8px;border:none;border-radius:999px;background:#111;color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .15s ease,transform .12s ease}.store-btn:hover{opacity:.85}.store-btn:active{transform:scale(.98)}.store-btn.android{background:#34a853}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.escape-modal{width:min(400px,100%);background:#fff8dc;border:3px solid #111;border-radius:24px;padding:24px 20px 18px;text-align:center;box-shadow:0 20px 50px #00000059;animation:modal-pop .25s ease}@keyframes modal-pop{0%{transform:translateY(24px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.em-title{margin:0 0 10px;font-size:18px;font-weight:900;color:#111;line-height:1.4}.em-steps{margin:0 0 18px;font-size:15px;font-weight:600;color:#444;line-height:1.6;background:#ffd35a;border-radius:14px;padding:12px 14px}.em-retry{display:block;width:100%;padding:15px 16px;margin-bottom:14px;border:3px solid #111;border-radius:999px;background:#62f164;color:#111;font-size:16px;font-weight:900;font-family:inherit;cursor:pointer}.em-retry:active{transform:scale(.98)}.em-copy{display:block;width:100%;padding:14px 16px;border:none;border-radius:999px;background:#111;color:#fff;font-size:15px;font-weight:800;font-family:inherit;cursor:pointer}.em-copy:active{transform:scale(.98)}.em-close{display:block;width:100%;margin-top:8px;padding:10px;border:none;background:transparent;color:#888;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}
