.product-flow{--pf-stage-width:440px;--pf-question-size:28px;--pf-question-weight:600;--pf-question-leading:1.35;--pf-support-size:16px;--pf-value-size:20px;--pf-value-weight:600;--pf-choice-height:50px;--pf-radio-size:18px;--pf-radio-border:1.6px;--pf-touch-target:44px;--pf-font-family:"Pretendard Variable", Pretendard, sans-serif;box-sizing:border-box;width:min(100%, var(--pf-stage-width));background:var(--m-bg);min-height:100dvh;color:var(--m-text);font-family:var(--pf-font-family);margin:0 auto}.product-flow *,.product-flow :before,.product-flow :after{box-sizing:border-box}.product-flow-header{justify-content:space-between;align-items:center;min-height:56px;padding:0 20px;display:flex}.product-flow-header p{margin:0;font-size:14px;font-weight:600}.product-flow-header a,.product-flow-cta{color:inherit;text-decoration:none}.product-onboarding{overflow:hidden}.product-onboarding-media{aspect-ratio:9/16;background:var(--m-asset-placeholder)}.immersion-screen-media{background:var(--m-asset-placeholder);width:100%;height:100%;display:block}.immersion-screen-media video,.immersion-screen-media img{object-fit:contain;object-position:center top;width:100%;height:100%;display:block}.product-onboarding-copy{gap:16px;padding:28px 20px 32px;display:grid}.product-flow-support{color:var(--m-muted);font-size:var(--pf-support-size);margin:0}.product-onboarding h1,.progressive-input h1{font-size:var(--pf-question-size);font-weight:var(--pf-question-weight);line-height:var(--pf-question-leading);word-break:keep-all;margin:0}.product-flow-cta{min-height:var(--pf-touch-target);background:var(--m-accent);color:var(--m-on-accent);border-radius:6px;place-items:center;font-size:16px;font-weight:700;display:grid}.immersion-screen{min-height:100dvh;position:relative;overflow:hidden}.immersion-screen-media,.immersion-screen-shade{position:absolute;inset:0}.immersion-screen-shade{background:linear-gradient(#0000002e,#0000009e)}.product-flow-back{z-index:1;width:var(--pf-touch-target);min-height:var(--pf-touch-target);color:var(--m-text);place-items:center;display:grid;position:absolute;top:12px;left:8px}.product-flow-back svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.product-flow-back-button{font:inherit;background:0 0;border:0;padding:0}.immersion-screen-actions{z-index:1;right:20px;bottom:max(24px, env(safe-area-inset-bottom));gap:12px;display:grid;position:absolute;left:20px}.immersion-screen-actions h1{margin:0;font-size:13px;font-weight:700}.immersion-dialogue{gap:12px;display:grid}.immersion-dialogue p{word-break:keep-all;margin:0;font-size:18px;font-weight:700;line-height:1.5}.immersion-choices{gap:8px;display:grid}.immersion-choices button{min-height:50px;color:var(--m-text);font:inherit;text-align:left;background:#050505ad;border:1px solid #ffffff6b;border-radius:6px;padding:0 16px;font-weight:700}.immersion-enter{font:inherit;border:0}.immersion-skip{min-height:var(--pf-touch-target);color:var(--m-text);font:inherit;background:0 0;border:0;text-decoration:underline}.immersion-skip span{font-size:inherit}.product-flow-start{min-height:100dvh;position:relative;overflow:hidden}.product-input-scene{background:#050505;position:absolute;inset:0;overflow:hidden}.product-input-scene>img,.product-input-scene>video{object-fit:cover;object-position:center 26%;width:100%;height:100%;transition:opacity .22s ease-out;display:block;position:absolute;inset:0}.product-input-scene.playing>img,.product-input-scene.playing>video{opacity:.96}.product-input-scene-shade{background:linear-gradient(#00000014,#0000001f 42%,#000000c2 78%,#000000f0 100%);position:absolute;inset:0}.product-input-listening{z-index:1;position:absolute;bottom:72px;left:20px;right:20px}.product-input-listening p{color:var(--m-accent-strong);margin:0 0 6px;font-size:13px;font-weight:700}.product-input-listening strong{word-break:keep-all;max-width:300px;font-size:28px;line-height:1.25;display:block}.progressive-input{z-index:2;min-height:48svh;max-height:72svh;padding:72px 20px max(24px, env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#05050552 28%,#050505e0 70%,#050505f7 100%);border:0;align-content:end;gap:20px;transition:opacity .22s ease-out,transform .22s ease-out;display:grid;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.progressive-input.transitioning{pointer-events:none;opacity:0;transform:translateY(100%)}.progressive-input fieldset{border:0;align-content:start;gap:16px;min-width:0;margin:0;padding:0;display:grid}.progressive-input fieldset[hidden]{display:none}.progressive-input-progress{gap:8px;display:grid}.progressive-input-progress>span{color:var(--m-muted);font-size:13px;font-weight:700}.progressive-input-progress>div{background:var(--m-line);height:2px;overflow:hidden}.progressive-input-progress i{background:var(--m-accent);height:100%;transition:width .22s ease-out;display:block}.progressive-input legend{font-size:var(--pf-question-size);font-weight:var(--pf-question-weight);line-height:var(--pf-question-leading);word-break:keep-all;overflow-wrap:anywhere;margin-bottom:4px;padding:0}.progressive-input-dialogue{color:var(--m-muted);word-break:keep-all;margin:-4px 0 0;font-size:14px;line-height:1.6}.progressive-input-summary{gap:12px;margin:0;padding:0;list-style:none;display:grid}.progressive-input-summary li{grid-template-columns:76px minmax(0,1fr);gap:12px;font-size:14px;line-height:1.5;display:grid}.progressive-input-summary span{color:var(--m-muted)}.progressive-input label{color:var(--m-muted);font-size:var(--pf-support-size)}.progressive-input input:not([type=radio]):not([type=checkbox]){width:100%;min-height:var(--pf-choice-height);color:var(--m-text);font:inherit;font-size:var(--pf-value-size);font-weight:var(--pf-value-weight);background:#05050585;border:1px solid #ffffff38;border-radius:6px;padding:0 14px}.progressive-input input::placeholder{color:#f4f3ef8a;text-align:left;font-size:15px;font-weight:500}.birthdate-input{gap:8px;display:grid}.birthdate-input span{padding-left:2px;font-size:12px}.birthdate-input .birthdate-input-units{grid-template-columns:2fr 1fr 1fr;gap:8px;padding:0;display:grid}.birthdate-input-units b{color:var(--m-muted);text-align:center;font-size:12px;font-weight:600}.birthdate-input-units b+b{border-left:1px solid var(--m-line)}.birthdate-input input,.progressive-input input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;min-height:58px}.birthdate-input small{color:#f4f3ef9e;font-size:13px;font-weight:500;line-height:1.5}.progressive-input-choice{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.progressive-input-choice label,.progressive-input-unknown{min-height:var(--pf-choice-height);border:1px solid var(--m-line);color:var(--m-text);align-items:center;gap:10px;padding:0 14px;display:flex}.progressive-input input[type=radio]{width:var(--pf-radio-size);height:var(--pf-radio-size);border:var(--pf-radio-border) solid currentColor;accent-color:var(--m-accent);margin:0}.progressive-input input[type=checkbox]{width:var(--pf-radio-size);height:var(--pf-radio-size);accent-color:var(--m-accent);margin:0}.progressive-input button:not(.immersion-choice){min-height:var(--pf-touch-target);background:var(--m-accent);color:var(--m-on-accent);font:inherit;border:0;border-radius:6px;font-size:16px;font-weight:700}.product-flow :is(a,button,input):focus-visible{outline:2px solid var(--m-accent-strong);outline-offset:3px}@media (prefers-reduced-motion:reduce){.product-input-scene>img,.product-input-scene>video,.progressive-input{transition:none}}.progressive-input.compact .progressive-input-unknown{min-height:var(--pf-touch-target);border:0;padding:0;font-size:14px}.progressive-input.compact input[type=checkbox]{width:14px;height:14px}.birthtime-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.birthtime-inputs label{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}