:root{--bg:#121833;--bg-2:#1c2348;--dusk:#2e2046;--on:#efe8f6;--muted:#ada8cb;--line:#ddb96e52;--gold:#ddb96e;--gold-2:#f3dda4;--paper:#fbf4e6;--paper-2:#f1e5cc;--ink:#2b2442;--ink-2:#6a5f7c;--gold-ink:#8a661f;--peach:#f4a98f;--lav:#aebbf0;--peach-ink:#b5553a;--lav-ink:#4a5dae;--btn-text:#1a1530;--sky-op:.55;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121833;--bg-2:#1c2348;--on:#efe8f6;--muted:#ada8cb;--sky-op:.55}}:root[data-theme=dark]{--bg:#121833;--bg-2:#1c2348;--on:#efe8f6;--muted:#ada8cb;--sky-op:.55}:root[data-theme=light]{--bg:#e6e0ee;--bg-2:#d9d0e5;--dusk:#f1dcd6;--on:#2b2442;--muted:#5e5575;--line:#8a661f59;--gold:#8a661f;--gold-2:#6e4f12;--peach:#b5553a;--lav:#4a5dae;--btn-text:#fff;--sky-op:.07}html{scroll-padding-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg);color:var(--on);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:anywhere;min-height:100vh;margin:0;font-family:Gowun Dodum,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,system-ui,sans-serif;font-size:16px;line-height:1.65;transition:background-color 1.6s}#sky{opacity:var(--sky-op);pointer-events:none;z-index:0;background-size:420px;transition:opacity 1.6s;position:fixed;inset:0}#glow{pointer-events:none;opacity:0;z-index:0;background:radial-gradient(120% 55% at 50% 0,#f7aa8c8c,#e8829647 45%,#0000 75%);transition:opacity 2s;position:fixed;inset:0}body.dusk{background-color:var(--dusk)}body.dusk #glow{opacity:1}body.dusk #sky{opacity:calc(var(--sky-op)*.4)}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}.wrap{z-index:1;max-width:480px;margin:0 auto;padding:12px 20px 40px;position:relative}header.top{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.brand{background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;font-family:Gowun Batang,serif;font-size:1.05rem;font-weight:700;display:flex}.brand svg{width:18px;height:18px}.theme-btn{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:3px 12px;font-size:.84rem}h1,h2,h3{letter-spacing:-.02em;font-family:Gowun Batang,serif}.btn{text-align:center;color:#f7e3b0;background:linear-gradient(#5e2f66,#3b1e4a);border:0;border-radius:12px;width:100%;padding:15px 18px;font-family:Gowun Batang,serif;font-size:1.05rem;font-weight:700;display:block;box-shadow:inset 0 0 0 1px #ddb96e,inset 0 0 0 4px #3b1e4ae6,inset 0 0 0 5px #ddb96e73,0 8px 22px #0a081e66}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--on);border:1px solid var(--line);box-shadow:none;background:0 0}.paper .btn.ghost{color:var(--ink);border-color:#8a661f73}.btn:disabled{opacity:.45;cursor:not-allowed}.stack{gap:10px;display:grid}.link{color:var(--gold);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.9rem;text-decoration:underline}.paper{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px #8a661f73,inset 0 0 0 5px var(--paper),inset 0 0 0 6px #8a661f40,0 10px 30px #080a1e59;border-radius:14px;padding:20px 18px;position:relative}.paper h2,.paper h3{color:var(--ink)}.paper .muted{color:var(--ink-2)}.tc{aspect-ratio:2/3;background:#2a2340;border-radius:9px;margin:0;position:relative;overflow:hidden;box-shadow:0 10px 24px #05081973}.tc img{object-fit:cover;width:100%;height:100%;display:block}.tc .num{text-align:center;color:#f3dda4;background:#121833c7;border-radius:999px;min-width:26%;padding:1px 6px;font-family:Gowun Batang,serif;font-size:clamp(9px,3.3cqw,14px);position:absolute;top:4.5%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ddb96e99}.tc .nm{text-align:center;white-space:nowrap;color:#fbf1de;background:#121833d6;border-radius:5px;padding:4px;font-family:Gowun Batang,serif;font-size:clamp(10px,7cqw,19px);font-weight:700;position:absolute;bottom:5%;left:12%;right:12%;overflow:hidden;box-shadow:inset 0 0 0 1px #ddb96eb3,inset 0 0 0 3px #121833d6,inset 0 0 0 4px #ddb96e4d}.tc{container-type:inline-size}.tc.ra{box-shadow:0 0 0 3px var(--peach),0 10px 24px #05081973}.tc.rb{box-shadow:0 0 0 3px var(--lav),0 10px 24px #05081973}.tback{aspect-ratio:2/3;border-radius:9px;overflow:hidden;box-shadow:0 8px 18px #05081973}.tback img{object-fit:cover;width:100%;height:100%;display:block}.mc{aspect-ratio:2/3;box-shadow:0 0 0 2px var(--gold),0 18px 40px #0508198c;border-radius:12px;margin:0;position:relative;overflow:hidden;container-type:inline-size}.mc img{object-fit:cover;width:100%;height:100%;display:block}.mc:after{content:"";background:linear-gradient(#0000 52%,#0f132ceb 88%);position:absolute;inset:0}.mc .gr{z-index:1;white-space:nowrap;color:#f3dda4;box-shadow:inset 0 0 0 1px var(--gold);background:#121833d9;border-radius:999px;padding:2px 12px;font-family:Gowun Batang,serif;font-size:6.2cqw;font-weight:700;position:absolute;top:5%;left:50%;transform:translate(-50%)}.mc .ft{z-index:1;text-align:center;color:#fbf1de;position:absolute;bottom:5%;left:6%;right:6%}.mc .ft b{word-break:keep-all;font-family:Gowun Batang,serif;font-size:9.4cqw;line-height:1.22;display:block}.mc .ft small{color:#d9d2ec;margin-top:3%;font-size:5.2cqw;display:block}.mc .ft em{letter-spacing:.08em;color:#f3dda4;margin-top:2%;font-size:4.8cqw;font-style:normal;display:block}.hero{height:min(640px,150vw);margin:4px -20px 0;position:relative;overflow:hidden}.hero>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(180deg,#121833b3,#12183359 26%,transparent 42%,transparent 55%,var(--bg) 99%);position:absolute;inset:0}.hero .ttl{z-index:1;text-align:center;color:#fffbf2;text-shadow:0 1px 2px #140e30e6,0 2px 10px #140e30bf,0 0 28px #140e308c;position:absolute;top:6%;left:0;right:0}.hero h1{letter-spacing:-.04em;-webkit-text-stroke:.6px #fffbf2e6;margin:0;font-size:clamp(2.6rem,12.5vw,3.4rem);font-weight:700;line-height:1.1}.hero .ttl p{word-break:keep-all;margin:12px auto 0;padding:0 16px;font-family:Gowun Batang,serif;font-size:1.08rem;font-weight:700;line-height:1.6}.hero-cta{z-index:1;margin-top:-120px;position:relative}.home-sec{margin-top:40px}.home-sec>h2{text-align:center;margin:0 0 14px;font-size:1.35rem}.sample{grid-template-columns:120px 1fr;align-items:center;gap:18px;display:grid}.sample h3{margin:0 0 6px;font-size:1.2rem}.sample p{margin:0;font-size:.92rem}.strip-frame{aspect-ratio:1/3;background:#232a52;border-radius:8px;overflow:hidden;box-shadow:0 8px 22px #05081959}.strip-frame img{object-fit:cover;width:100%;height:100%;display:block}.loading{background:linear-gradient(100deg,#232a52 30%,#343c6e 50%,#232a52 70%) 0 0/300% 100%;animation:1.4s linear infinite sh}@keyframes sh{0%{background-position:100% 0}to{background-position:0 0}}.steps{counter-reset:s;gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.steps li:before{counter-increment:s;content:counter(s);width:34px;height:34px;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold),inset 0 0 0 4px var(--bg),inset 0 0 0 5px var(--line);border-radius:50%;place-items:center;font-family:Gowun Batang,serif;font-weight:700;display:grid}.steps b{display:block}.steps span{color:var(--muted);font-size:.93rem}.pkg{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pkg li{grid-template-columns:28px 1fr;gap:8px;font-size:.95rem;display:grid}.pkg li i{font-size:1.15rem;font-style:normal;line-height:1.5}.pkg b{display:block}.pkg span{color:var(--ink-2);font-size:.88rem}details.faq{border-top:1px solid var(--line);padding:14px 2px}details.faq:last-child{border-bottom:1px solid var(--line)}details.faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-family:Gowun Batang,serif;font-weight:700;list-style:none;display:flex}details.faq summary:after{content:"+";color:var(--gold)}details.faq[open] summary:after{content:"−"}details.faq p{color:var(--muted);margin:10px 0 0;font-size:.93rem}.cat-row{grid-template-columns:96px 1fr;align-items:center;gap:14px;display:grid}.cat-row img{border-radius:12px;width:96px;display:block}.screen h2.t{margin:18px 0 6px;font-size:1.6rem;line-height:1.3}.screen p.sub{color:var(--muted);margin:0 0 22px}.field{color:var(--muted);margin:0 0 8px;font-size:.92rem;display:block}input.text,textarea.text{border:1px solid var(--line);background:var(--bg-2);width:100%;color:var(--on);font:inherit;border-radius:12px;padding:14px 16px;font-size:1rem}textarea.text{resize:vertical;word-break:break-all;min-height:84px}textarea.code{font-size:.85rem}input.text:focus,textarea.text:focus{border-color:var(--gold);outline:none}.count{text-align:right;color:var(--muted);margin-top:4px;font-size:.8rem}.chips{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 22px;display:grid}.chips.two{grid-template-columns:1fr 1fr}.chip{border:1px solid var(--line);background:var(--bg-2);text-align:center;word-break:keep-all;border-radius:12px;padding:12px 8px;font-size:.98rem}.chip small{color:var(--muted);margin-top:2px;font-size:.78rem;display:block}.chip[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold-2)}:root[data-theme=light] .chip[aria-pressed=true]{color:var(--gold)}.qbox{border:1px solid var(--line);border-radius:14px;margin:0 0 20px;padding:16px}.qbox .qq{margin:0 0 2px;font-family:Gowun Batang,serif;font-size:1.08rem;font-weight:700}.qbox .qn{color:var(--muted);margin:0 0 12px;font-size:.84rem}.qbox .chips{margin:0}.err{color:var(--peach);min-height:1.4em;margin:6px 0 10px;font-size:.9rem}.note{color:var(--muted);font-size:.86rem}.center{text-align:center}.steps-mini{justify-content:center;gap:6px;margin:6px 0 0;display:flex}.steps-mini i{background:var(--line);border-radius:2px;width:22px;height:3px}.steps-mini i.on{background:var(--gold)}.heroes{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px;display:grid}.hpick{border:1px solid var(--line);background:var(--bg-2);text-align:center;border-radius:16px;padding:12px 12px 14px}.hpick img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:100%;margin:0 0 10px;display:block;box-shadow:0 0 0 3px #0000}.hpick[aria-pressed=true]{border-color:var(--gold)}.hpick[aria-pressed=true] img{box-shadow:0 0 0 3px var(--gold)}.hpick b{font-family:Gowun Batang,serif}.fan{perspective:900px;justify-content:center;align-items:flex-end;height:210px;margin:14px 0 26px;display:flex}.pick{width:clamp(52px,14vw,74px);transform:rotate(var(--r)) translateY(var(--y));background:0 0;border:0;margin-inline:-7px;padding:0;transition:transform .25s,opacity .3s}.pick:hover:not(:disabled){transform:rotate(var(--r)) translateY(calc(var(--y) - 12px))}.fan.done .pick{opacity:.12}.fan.done .pick.chosen{opacity:1;z-index:2;transform:rotate(0)translateY(-30px)scale(1.9)}.flip{transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1);position:relative}.flip .side{backface-visibility:hidden}.flip .front{position:absolute;inset:0;transform:rotateY(180deg)}.pick.chosen .flip{transform:rotateY(180deg)}.reveal{margin:44px 0 16px}.reveal h3{margin:0 0 2px;font-size:1.25rem}.reveal .kw{color:var(--gold-ink);margin:0 0 8px;font-size:.92rem}.reveal p{margin:0}.duo{justify-content:center;align-items:center;gap:14px;margin:0 0 22px;display:flex}.duo>*{flex:none;width:96px}.duo .q{aspect-ratio:2/3;border:1.5px dashed var(--line);color:var(--muted);border-radius:9px;place-items:center;font-family:Gowun Batang,serif;font-size:1.6rem;display:grid}.duo .plus{width:auto;color:var(--gold);font-size:1.4rem}.codebox{border:1px dashed var(--gold);word-break:break-all;color:var(--muted);border-radius:12px;max-height:96px;margin:0 0 12px;padding:14px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.76rem;overflow:auto}.divider{background:var(--line);height:1px;margin:30px 0 22px}.lock-top{text-align:center;padding-top:8px}.lock-top .lc{width:132px;margin:0 auto 16px;position:relative}.lock-top .badge{color:#f3dda4;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--gold);background:#121833e6;border-radius:10px;padding:8px 12px;font-size:.8rem;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lock-top .badge b{font-family:Gowun Batang,serif;font-size:1.02rem;display:block}.lock-top h2{margin:0 0 6px;font-size:1.7rem}.letter-arrive{text-align:left;grid-template-columns:84px 1fr;align-items:center;gap:12px;margin:16px 0 20px;display:grid}.letter-arrive img{width:84px;display:block}.letter-arrive p{margin:0;font-family:Gowun Batang,serif;font-size:1.05rem;line-height:1.5}.giftpack h3{text-align:center;margin:0 0 4px;font-size:1.2rem}.giftpack .strip-row{grid-template-columns:92px 1fr;align-items:start;gap:16px;margin-top:14px;display:grid}.blurwrap{position:relative}.blurwrap img{filter:blur(6px)saturate(1.1)}.blurwrap .lk{place-items:center;font-size:1.4rem;display:grid;position:absolute;inset:0}.price-note{text-align:center;color:var(--muted);margin:16px 0 12px;font-size:.9rem}.fine{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.8rem;line-height:1.55}.proto{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:10px;margin:14px 0 0;padding:8px;font-size:.8rem}.stage{height:350px;margin:4px 0 8px;position:relative}.stage .ca,.stage .cb{width:124px;position:absolute;top:44px}.stage .ca{animation:1.1s cubic-bezier(.5,0,.2,1) .2s forwards slideA;left:calc(50% - 158px)}.stage .cb{animation:1.1s cubic-bezier(.5,0,.2,1) .2s forwards slideB;right:calc(50% - 158px)}@keyframes slideA{to{opacity:.55;left:calc(50% - 116px);transform:rotate(-12deg)scale(.88)}}@keyframes slideB{to{opacity:.55;right:calc(50% - 116px);transform:rotate(12deg)scale(.88)}}.merged{opacity:0;z-index:2;width:214px;animation:.8s cubic-bezier(.2,.8,.2,1) 1.05s forwards mergeIn;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.85)}@keyframes mergeIn{to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.stage .ca,.stage .cb{opacity:.45;animation:none}.merged{opacity:1;animation:none;transform:translate(-50%)}.flip,.pick,body,#glow,#sky{transition:none}.loading{animation:none}}.gift-banner{border:1px solid var(--gold);border-radius:14px;grid-template-columns:64px 1fr;align-items:center;gap:12px;margin:8px 0 6px;padding:10px 14px;display:grid}.gift-banner img{border-radius:10px;width:64px;display:block}.gift-banner p{margin:0;font-family:Gowun Batang,serif}.who{text-align:center;color:var(--muted);margin:0 0 4px;font-size:.95rem}.who b{color:var(--on)}.serial{text-align:center;color:var(--gold);letter-spacing:.04em;margin:0 0 16px;font-size:.84rem}.jumps{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px;display:flex}.jumps button{border:1px solid var(--gold);color:var(--gold);background:0 0;border-radius:999px;padding:6px 14px;font-size:.88rem}.report{padding:6px 20px}.oneline{text-align:center;margin:14px 0 4px;font-family:Gowun Batang,serif;font-size:1.08rem;line-height:1.85}.sec{border-top:1px solid #8a661f4d;padding:20px 0}.sec h3{justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font-size:1.12rem;display:flex}.sec h3 em{color:var(--gold-ink);text-align:right;font-family:Gowun Dodum,sans-serif;font-size:.85rem;font-style:normal;font-weight:400}.sec p{margin:0 0 8px}.sec p:last-child{margin-bottom:0}.bubbles{gap:10px;display:grid}.bubble{background:var(--paper-2);border-radius:12px;padding:12px 14px;font-size:.95rem}.bubble.a{border-left:4px solid var(--peach-ink)}.bubble.b{border-left:4px solid var(--lav-ink)}.match{color:var(--ink-2);margin-top:8px;font-size:.9rem}.temps{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 10px;display:grid}.temp{background:var(--paper-2);text-align:center;border-radius:12px;padding:14px}.temp .v{font-family:Gowun Batang,serif;font-size:2rem;font-weight:700;line-height:1.1}.temp.a .v{color:var(--peach-ink)}.temp.b .v{color:var(--lav-ink)}.temp .n{color:var(--ink-2);word-break:keep-all;margin-top:2px;font-size:.84rem}.temp .l{margin-top:6px;font-size:.86rem}.bar{background:#8a661f2e;border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.bar i{border-radius:3px;height:100%;display:block}.temp.a .bar i{background:var(--peach-ink)}.temp.b .bar i{background:var(--lav-ink)}.lens{gap:10px;display:grid}.lens p{background:var(--paper-2);border-radius:12px;margin:0;padding:14px}.luck{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.luck div{background:var(--paper-2);border-radius:12px;padding:12px 6px}.luck small{color:var(--ink-2);font-size:.78rem;display:block}.luck b{word-break:keep-all;font-family:Gowun Batang,serif;font-size:.95rem}.qs{gap:8px;margin:0;padding-left:1.2em;display:grid}.letters{gap:12px;display:grid}.letter{background:#fffbf2;border-radius:10px;padding:16px 16px 14px;position:relative;box-shadow:0 2px #8a661f26,inset 0 0 0 1px #8a661f4d}.letter small{color:var(--ink-2);margin-bottom:6px;font-size:.82rem;display:block}.letter p{word-break:keep-all;margin:0;font-family:Gowun Batang,serif;font-size:1.05rem;line-height:1.7}.letter.a{border-top:3px solid var(--peach-ink)}.letter.b{border-top:3px solid var(--lav-ink)}.finale{text-align:center;margin:26px 0 8px}.finale h3{margin:0 0 4px;font-size:1.3rem}.finale p{color:var(--muted);margin:0 0 16px;font-size:.92rem}.finale .strip-frame{width:min(220px,64%);margin:0 auto 16px}.box-head{grid-template-columns:96px 1fr;align-items:center;gap:14px;margin:14px 0 22px;display:grid}.box-head img{border-radius:12px;width:96px;display:block}.box-head h2{margin:0 0 4px;font-size:1.5rem}.box-head p{color:var(--muted);margin:0;font-size:.92rem}.item{margin:0 0 18px}.item h3{margin:0 0 4px;font-size:1.12rem}.item>p{margin:0 0 14px;font-size:.9rem}.item .strip-frame{width:min(200px,58%);margin:0 auto 14px}.profiles{border-radius:10px;grid-template-columns:1fr 1fr;gap:0;margin:0 0 14px;display:grid;overflow:hidden}.profiles .pf{aspect-ratio:1}.profiles .pf img{object-fit:cover;width:100%;height:100%;display:block}.wall{aspect-ratio:9/16;border-radius:14px;width:min(190px,54%);margin:0 auto 14px;overflow:hidden}.wall img{object-fit:cover;width:100%;height:100%;display:block}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.revisit{justify-content:space-between;align-items:center;gap:12px;display:flex}.revisit b{color:var(--gold-ink);font-family:Gowun Batang,serif;font-size:1.15rem}.legal h3{margin:0 0 8px;font-size:1.1rem}.legal p,.legal li{color:var(--ink-2);margin:0 0 6px;font-size:.9rem}.legal ul{margin:0;padding-left:1.1em}.legal .draft{color:var(--peach-ink);border:1px solid var(--peach-ink);vertical-align:middle;border-radius:999px;margin-left:6px;padding:0 8px;font-family:Gowun Dodum,sans-serif;font-size:.76rem;font-weight:400;display:inline-block}.legal section+section{border-top:1px solid #8a661f4d;margin-top:18px;padding-top:18px}footer.foot{z-index:1;text-align:center;color:var(--muted);max-width:440px;margin:40px auto 0;padding:0 20px 20px;font-size:.8rem;position:relative}footer.foot .links{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:8px;display:flex}footer.foot .links button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.8rem;text-decoration:underline}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:10;background:var(--paper);color:var(--ink);opacity:0;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:.9rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}