@font-face{font-family:Seonga;src:url('../assets/arita-buri.woff2?release=17004f1a7017ecd8c5b51033cf166579df9659f7') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;background:#09090e;color:#f4eee9}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,p{margin:0;word-break:keep-all}h1,h2{font-family:Seonga,serif;font-weight:600}h1 span,.intro span{display:block}button{color:inherit}input{min-width:0}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.funnel{max-width:480px;margin:auto;min-height:100svh;background:#111019;--accent:#c7b8e8;--accent-rgb:199,184,232;position:relative;isolation:isolate;overflow:hidden;box-shadow:0 0 100px #0008}.landing{min-height:100svh;position:relative;display:flex;flex-direction:column;padding-top:24px}.landing-art{position:absolute;top:0;left:0;width:100%;height:68svh;object-fit:cover;object-position:50% 0;z-index:-3;mask-image:linear-gradient(#000 40%,transparent 74%)}.art-shade{position:absolute;inset:0;background:linear-gradient(180deg,#100e1925 0%,transparent 22%,#100e1940 43%,#111019 69%);z-index:-2}.brand{display:flex;justify-content:space-between;align-items:center;padding:0 25px;font-size:11px;letter-spacing:.08em;text-shadow:0 2px 8px #000}.brand span:first-child{letter-spacing:.18em;font-weight:700}.landing-copy{margin-top:38svh;text-align:center;padding:0 22px;position:relative}.overline{font-size:9px;letter-spacing:.19em;color:var(--accent);line-height:1.6}.edition{font-size:12px;letter-spacing:.13em;color:var(--accent);margin:13px 0 15px}.landing h1{font-size:clamp(26px,6.8vw,33px);line-height:1.5;letter-spacing:-.055em;text-shadow:0 2px 12px #111}.intro{font-size:13px;color:#bcb8c5;line-height:1.9;margin-top:17px}.welcome{font-size:11px;color:#c5bdc9;margin:22px 0 0}.tiny-star{color:var(--accent);margin-right:7px}.landing-foot{padding:24px 24px max(22px,env(safe-area-inset-bottom));margin-top:auto}.primary{border:1px solid #fff2;background:linear-gradient(105deg,var(--accent),#f0dfd0);color:#221a2b;display:flex;justify-content:center;align-items:center;gap:22px;width:100%;border-radius:12px;min-height:58px;padding:16px 20px;font-weight:700;font-size:15px;box-shadow:0 6px 26px rgba(var(--accent-rgb),.1)}.primary span{font-size:21px;font-weight:400}.landing-foot>p,.step-bottom>p{font-size:10px;color:#a09ba9;text-align:center;margin-top:12px;line-height:1.6}.draft-tag{display:block;text-align:center;position:relative;font-size:9px;letter-spacing:.08em;color:#a99db9;padding:8px;background:#16121e}.question-screen{min-height:calc(100svh - 27px);display:flex;flex-direction:column;position:relative}.ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 95% 5%,rgba(var(--accent-rgb),.14),transparent 50%),radial-gradient(ellipse at 5% 85%,rgba(var(--accent-rgb),.04),transparent 60%)}.question-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;gap:12px;font-size:12px;color:#d1c9d6}.back{border:1px solid #fff2;background:#ffffff04;border-radius:50%;width:36px;height:36px;font-size:22px;flex-shrink:0}.step-count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--accent)}.step-count i{font-style:normal;color:#77707f}.progress{height:2px;background:#ffffff0c;margin:0 24px}.progress span{display:block;height:100%;background:var(--accent);transition:width .3s}.guide{margin:30px 26px 29px;display:flex;gap:12px;align-items:center}.guide img{height:52px;width:52px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:1px solid #fff3}.guide span{display:block;font-family:Seonga;font-size:13px;color:#eee4e7}.guide small{display:block;color:#93899d;font-size:10px;margin-top:6px}.guide b{margin-left:auto;color:var(--accent);font-size:27px;font-weight:400}.question-body{padding:0 26px;flex:1;display:flex;flex-direction:column}.question-body h1{font-size:29px;letter-spacing:-.04em;line-height:1.55;margin:16px 0;outline:none}.hint{font-size:12px;color:#aca3b7;line-height:1.9}.question-body form{flex:1;display:flex;flex-direction:column}.fields{margin:34px 0 12px}.input-label{display:block;font-size:11px;color:#c3baca;letter-spacing:.03em}.input-label input{display:block;width:100%;background:#ffffff04;border:1px solid #ffffff24;border-radius:12px;height:60px;margin-top:10px;padding:15px;color:#f5edf3;font-size:19px;letter-spacing:.03em}.input-label input::placeholder{font-size:16px;color:#68616f}.input-label input:disabled{opacity:.3}.choices{display:flex;gap:10px;margin-bottom:22px}.choice{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 17px;min-height:62px;border-radius:12px;border:1px solid #ffffff24;background:#ffffff03;font-size:15px}.choice span{color:#8d819b}.choice.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.1);color:var(--accent)}.choice.selected span{color:var(--accent)}.time-row{display:flex;align-items:center;gap:14px}.time-row .input-label{flex:1}.time-row>span{padding-top:23px;color:#b0a3b9}.checkbox{display:flex;align-items:center;gap:10px;line-height:1.8;margin-top:20px;font-size:13px;color:#c3b8d0}.checkbox input{width:19px;height:19px}.unknown{padding:15px;border:1px solid #fff2;border-radius:12px}.notice{font-size:12px;line-height:1.9;padding:14px 16px;background:rgba(var(--accent-rgb),.06);border-left:2px solid var(--accent);margin-top:16px;color:#c5bace}.field-note{font-size:11px;color:#908697;line-height:1.8;margin-top:15px}.step-bottom{margin-top:auto;padding:22px 0 max(23px,env(safe-area-inset-bottom))}.error{font-size:12px;color:#f1adb5;line-height:1.6;min-height:20px}.delivery-note{display:flex;gap:15px;padding:20px 16px;background:#ffffff04;border:1px solid #fff1;border-radius:12px;margin-top:25px;font-size:12px;color:#b9afc3;line-height:1.8}.delivery-note>span{font-size:24px;color:var(--accent)}.review{margin:0}.review>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #fff1;padding:15px 0;font-size:13px}.review dt{color:#9b91a7;min-width:74px;font-size:11px}.review dd{margin:0;flex:1;overflow-wrap:anywhere}.review button{border:0;color:var(--accent);font-size:11px;background:transparent;padding:7px}.preview-art{height:280px;overflow:hidden;mask-image:linear-gradient(#000 55%,transparent)}.preview-art img{width:100%;margin-top:-20px}.preview article{padding:10px 26px 40px}.preview h1{font-size:28px;line-height:1.6;margin:18px 0}.preview h2{font-size:24px;line-height:1.7;margin:35px 0 18px}.preview article>p{font-size:14px;line-height:1.95;color:#c3b9cb}.preview .preview-label{font-size:11px;color:var(--accent)}.preview details{margin:30px 0;border-block:1px solid #fff2;padding:20px 0}.preview summary{cursor:pointer;font-size:14px}.preview summary span{float:right;color:var(--accent)}.preview details p{font-size:13px;line-height:1.9;color:#b5aabe;margin-top:18px}.preview ul{list-style:none;padding:0}.preview li{padding:18px 0;border-bottom:1px solid #fff1;display:flex;gap:15px;color:var(--accent)}.preview li span{color:#d5cddd;font-size:14px}.preview .primary{margin-top:30px}@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 20%,#21182d,#08080d 65%)}.funnel{border-inline:1px solid #fff1}}@media(max-height:740px){.landing-copy{margin-top:29svh}.landing h1{font-size:27px}.welcome{margin-top:14px}.landing-foot{padding-top:18px}.guide{margin-block:20px}.question-body h1{font-size:26px}.fields{margin-top:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@font-face{font-family:FunnelSans;src:url('../assets/funnel/Pretendard-Regular.woff2?release=17004f1a7017ecd8c5b51033cf166579df9659f7');font-weight:400;font-display:swap}@font-face{font-family:FunnelSans;src:url('../assets/funnel/Pretendard-Medium.woff2?release=17004f1a7017ecd8c5b51033cf166579df9659f7');font-weight:500 600;font-display:swap}@font-face{font-family:FunnelSans;src:url('../assets/funnel/Pretendard-Bold.woff2?release=17004f1a7017ecd8c5b51033cf166579df9659f7');font-weight:700;font-display:swap}
body{background:#161416;font-family:FunnelSans,Pretendard,sans-serif}.funnel{max-width:480px;background:#080709}.landing{height:100svh;min-height:650px;padding-top:20px}.landing-art{height:100%;width:100%;object-fit:cover;object-position:50% 30%;mask-image:none}.art-shade{background:linear-gradient(180deg,#0002 0%,transparent 40%,#0006 65%,#000d 100%)}.brand{font-size:11px}.landing-copy{margin-top:auto;padding:0 24px;text-align:left}.edition{font-size:12px;letter-spacing:.05em}.landing h1{font-family:FunnelSans,sans-serif;font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-.04em}.intro{font-size:13px;color:#e1dadd;line-height:1.8;margin-top:16px}.landing-foot{margin-top:0;padding:24px 24px 24px}.landing .primary{background:#f5efee;color:#231b26;border-radius:6px;box-shadow:none}.draft-tag{position:absolute;top:60px;right:16px;z-index:5;background:#0005;border-radius:3px;padding:3px 6px;font-size:8px;color:#d5cbd1;pointer-events:none}.question-screen{height:100svh;min-height:550px;position:relative;display:flex;flex-direction:column}.conversation-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;z-index:-3}.conversation-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,#0001 35%,#0005 55%,#000c 82%,#000e 100%);z-index:-2}.question-header{padding:12px 18px;font-size:13px;font-weight:600;color:#f5f0f2}.back{border:0;background:none;font-size:30px;width:30px;height:32px;border-radius:0}.step-count{font-size:10px;color:#ffffff70}.progress{margin:0 22px;background:#ffffff0a;height:1px}.progress span{background:#ffffff65}.question-body{flex:0;margin-top:auto;padding:0 24px max(22px,env(safe-area-inset-bottom));animation:question-in .28s ease-out}.question-body h1{font-family:FunnelSans,sans-serif;font-size:26px;font-weight:600;line-height:1.45;letter-spacing:-.04em;margin:0 0 22px;color:#f7f3f5;text-shadow:0 2px 8px #0007}.question-body form{display:block}.fields{margin:0}.fields>input,.inline-date>input,.inline-time>input{font-family:inherit;border:0;border-bottom:1px solid #ffffff60;border-radius:0;background:none;color:#fff;min-width:0;width:100%;height:54px;padding:10px 0;font-size:22px;font-weight:600;outline-offset:2px}.fields input::placeholder{color:#ffffff55;font-weight:500;font-size:20px}.inline-date{display:flex;align-items:center;gap:12px}.inline-date>input{flex:1;width:0}.choices{margin:0;gap:7px;display:flex}.choice{display:flex;justify-content:center;align-items:center;flex:0 0 auto;border:0;border-radius:30px;padding:0 14px;height:48px;min-height:48px;background:#ffffff20;color:#ffffffa0;font-weight:500;font-size:15px;min-width:55px}.choice span{display:none}.choice.selected{background:#fff;color:#1b1620;border-color:transparent}.fields>.choices{gap:10px}.fields>.choices .choice{flex:1;border-radius:5px;height:56px;background:#ffffff12;border:1px solid #ffffff40;font-size:18px;color:#eee}.inline-time{display:flex;align-items:center;gap:10px}.inline-time>input{width:65px;text-align:center;flex:1}.inline-time>span{color:#fff9}.time-unknown{border:0;border-radius:30px;background:#ffffff1c;color:#eee;height:46px;padding:0 16px;font-size:14px;margin-left:12px}.step-bottom{display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;min-height:26px;gap:12px}.keyboard-hint{margin:0!important;text-align:left!important;color:#ffffff65!important;font-size:10px!important;line-height:1.6}.next-arrow{background:transparent;color:#fff;border:1px solid #ffffff45;border-radius:50%;min-width:34px;height:34px;font-size:20px;display:grid;place-items:center}.small-note{color:#ffffff90;font-size:11px;line-height:1.65;margin:10px 0}.error{min-height:0;font-size:12px;margin:8px 0;color:#ffc6ce}.error:empty{display:none}.checkbox{font-size:12px;margin:12px 0;color:#ddd}.is-review .question-body{padding-top:24px;background:linear-gradient(transparent,#0009 15%)}.review>div{padding:10px 0;font-size:13px}.is-review .primary{margin-top:16px;min-height:48px;border-radius:5px;background:#f5f0f1;box-shadow:none}.is-review .conversation-shade{background:#0007}.preview .draft-tag{display:none}@keyframes question-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-height:650px){.question-screen{min-height:360px}.question-body h1{font-size:23px;margin-bottom:13px}.is-review{height:auto;min-height:100svh}.landing{min-height:570px}.landing h1{font-size:26px}}@media(prefers-reduced-motion:reduce){.question-body{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.question-body{transition:opacity .22s ease,transform .22s ease}.question-body.fading-out{opacity:0;transform:translateY(-6px);pointer-events:none}@media(prefers-reduced-motion:reduce){.question-body{transition:none}}

.sound-toggle{position:absolute;right:20px;top:60px;z-index:5;border:1px solid #ffffff65;border-radius:24px;background:#15101e88;color:#fff;padding:9px 14px;font-size:12px;backdrop-filter:blur(8px)}

/* Centered product title lockup */
.landing-copy{text-align:center;padding:0 16px;margin-top:auto}
.landing-hook{font-family:Seonga,serif;font-size:clamp(17px,4.7vw,22px);font-weight:600;line-height:1.5;letter-spacing:-.045em;color:#fff0d8;text-shadow:0 2px 12px #120a1f;margin:0 0 18px;word-break:keep-all}
.landing h1.product-title{font-family:Seonga,serif;font-weight:600;line-height:1.12;letter-spacing:-.065em;text-align:center;color:#fff0d5;text-shadow:0 3px 18px #11091ed9,0 1px 2px #000}
.product-title .title-series{font-size:clamp(48px,13.5vw,65px);display:block}
.product-title .title-edition{font-size:clamp(57px,16vw,77px);display:block;margin-top:8px;letter-spacing:-.075em}
.landing-foot{padding-top:28px;padding-bottom:max(28px,env(safe-area-inset-bottom))}
@media(max-height:700px){.landing-hook{margin-bottom:12px;font-size:17px}.product-title .title-series{font-size:44px}.product-title .title-edition{font-size:56px}.landing-foot{padding-top:20px}}

.landing .reveal-letter{display:inline-block;position:relative;white-space:pre;opacity:0;animation:letter-arrive .7s cubic-bezier(.2,.7,.2,1) var(--reveal-delay) forwards}
.letter-spark{position:absolute;pointer-events:none;opacity:0;width:3px;height:3px;background:#ffe8b7;box-shadow:0 0 5px #fff1cb;border-radius:1px;animation:letter-scatter .85s ease-out calc(var(--reveal-delay) + 120ms) both}
.spark-a{left:45%;top:35%;--spark-x:12px;--spark-y:-22px}
.spark-b{left:60%;top:60%;width:2px;height:2px;--spark-x:-13px;--spark-y:-12px}
@keyframes letter-arrive{0%{opacity:0;filter:blur(5px);transform:translateY(7px);text-shadow:0 0 12px #fff4da}65%{opacity:1;filter:blur(0);text-shadow:0 0 7px #ffe4aa70}100%{opacity:1;filter:none;transform:translateY(0)}}
@keyframes letter-scatter{0%{opacity:0;transform:translate(0,3px) rotate(0) scale(.4)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(110deg) scale(.1)}}
@media(prefers-reduced-motion:reduce){.landing .reveal-letter{opacity:1;animation:none}.letter-spark{display:none}}

.landing h1.title-art{position:relative;margin:0 auto;width:100%;max-width:440px;line-height:0;animation:title-art-reveal 1.4s ease-out 1.25s both}
.title-art img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 8px #180b1bb0)}
.title-glints{position:absolute;left:10%;top:45%;font-size:24px;color:#fff4d1;opacity:0;animation:title-glint-pass 1.2s ease-out 1.5s both;pointer-events:none}
@keyframes title-art-reveal{from{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(3px)}to{opacity:1;clip-path:inset(0 0 0 0);filter:blur(0)}}
@keyframes title-glint-pass{0%{opacity:0;transform:translateX(0) scale(.3)}25%{opacity:1}80%{opacity:.7}100%{opacity:0;transform:translateX(300px) scale(.3)}}
@media(prefers-reduced-motion:reduce){.landing h1.title-art{animation:none}.title-glints{display:none}}

/* Tighten hook and title spacing across all five landings. */
.landing-hook{margin-bottom:2px}
@media(max-height:700px){.landing-hook{margin-bottom:2px}}

/* Stationary title pieces with short glitter trails; no sliding title. */
.landing h1.title-art{animation:none;filter:none;clip-path:none;isolation:isolate}
.title-layers{display:block;position:relative;aspect-ratio:2/1;overflow:visible}
.title-art .title-glyph-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:title-glyph-in .55s ease-out var(--glyph-delay) forwards;z-index:2}
.title-particle{position:absolute;z-index:1;width:var(--size);height:var(--size);background:#ffe6a4;box-shadow:0 0 5px #fff0c0,0 0 10px #f5cb7980;pointer-events:none;opacity:0;animation:title-particle-out .85s ease-out var(--particle-delay) both}
@keyframes title-glyph-in{0%{opacity:0;filter:blur(3px) brightness(1.35)}100%{opacity:1;filter:blur(0) brightness(1)}}
@keyframes title-particle-out{0%{opacity:0;transform:translate(0,0) rotate(45deg) scale(.2)}20%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(150deg) scale(.1)}}
@media(prefers-reduced-motion:reduce){.title-art .title-glyph-piece{animation:none;opacity:1}.title-particle{display:none}}

/* Persistent video layer shared by landing and all input steps. */
.funnel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:-3;pointer-events:none}
.funnel-content{position:relative;min-height:100svh}
.funnel[data-screen="question"] .sound-toggle{top:76px;right:22px;padding:6px 11px}

.renewal-notice{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(360px,calc(100vw - 40px));padding:35px 25px 26px;border:1px solid #d8c39a66;border-radius:22px;color:#fff3db;background:radial-gradient(ellipse at 50% 0,#30324c 0,transparent 65%),#111724;box-shadow:0 24px 90px #0008;text-align:center;font-family:FunnelSans,sans-serif}.renewal-notice::backdrop{background:#050913b8;backdrop-filter:blur(5px)}.renewal-notice .renewal-close{position:absolute;right:12px;top:12px;width:30px;height:30px;border:1px solid #fff3;border-radius:50%;background:#ffffff08;color:#e8ddca;font-size:22px;line-height:1;cursor:pointer}.renewal-stars{color:#deca9e;font-size:20px;letter-spacing:16px;padding-left:16px;margin:8px 0 19px}.renewal-stars span{font-size:32px;text-shadow:0 0 22px #f7d89080}.renewal-notice h2{font-family:Seonga,serif;font-size:27px;line-height:1.5;font-weight:500;letter-spacing:-.05em;margin:0 0 19px;word-break:keep-all}.renewal-notice p{font-size:14px;line-height:1.95;color:#d0cbd3;margin:0 0 27px;word-break:keep-all}.renewal-notice .renewal-confirm{width:100%;min-height:49px;border:1px solid #d8c39a;border-radius:10px;background:#e8d7b5;color:#272136;font-size:15px;font-weight:600;cursor:pointer}