:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy-950:#040a18;--navy-900:#071024;--navy-850:#0a142a;--navy-800:#101b35;--ivory-50:#fffdf7;--ivory-100:#f8f2e7;--ivory-200:#eee5d6;--ink-950:#0c1528;--ink-700:#465063;--ink-500:#707687;--lavender-300:#b9a5ef;--lavender-400:#9a82dc;--lavender-500:#8065c4;--gold-300:#dccaa7;--line-dark:#e8dec930;--line-light:#d9d0c2;--danger:#b95757;--shadow-shell:0 28px 90px #0000007a;--shadow-paper:0 12px 34px #0000002b;--radius-paper:22px;--font-serif:"Iowan Old Style", "Noto Serif KR", "AppleMyungjo", "Batang", serif;--font-sans:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;font-family:var(--font-sans)}*{box-sizing:border-box}html{background:var(--navy-950);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 20% 15%, #4b5b8f29, transparent 28rem), var(--navy-950);min-height:100%;color:var(--ivory-100);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-stage{background:radial-gradient(circle at 50% 8%,#7e67c114,#0000 28%),radial-gradient(circle at 10% 60%,#47618014,#0000 24%);place-items:center;min-height:100dvh;display:grid}.app-shell{isolation:isolate;background:radial-gradient(circle at 50% 38%, #3644702b, transparent 38%), linear-gradient(180deg, var(--navy-900), #050c1b 72%);width:min(100%,768px);height:100dvh;min-height:100dvh;box-shadow:var(--shadow-shell);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.app-shell:before{z-index:-1;pointer-events:none;content:"";opacity:.45;background-image:radial-gradient(circle at 16% 20%,#ffffffad 0 1px,#0000 1.5px),radial-gradient(circle at 82% 31%,#ffffff73 0 1px,#0000 1.5px),radial-gradient(circle at 38% 62%,#ffffff47 0 1px,#0000 1.5px),radial-gradient(circle at 68% 76%,#ffffff52 0 1px,#0000 1.5px);position:absolute;inset:0}.app-header{z-index:20;min-height:calc(68px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;border-bottom:1px solid var(--line-dark);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040b1ab3;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.wordmark{font-family:var(--font-serif);letter-spacing:-.08em;color:var(--ivory-50);align-items:center;gap:8px;font-size:27px;line-height:1;display:inline-flex}.wordmark img{border-radius:50%;width:28px;height:28px;box-shadow:0 2px 10px #00000038}.wordmark span{transform:translateY(-1px)}.header-side{align-items:center;min-width:44px;display:flex}.header-side-right{justify-content:flex-end}.header-spacer{width:42px;height:42px}.icon-button{width:42px;height:42px;color:var(--ivory-100);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button:hover{background:#ffffff12}.icon-button:focus-visible,.primary-cta:focus-visible,.secondary-cta:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lavender-300);outline-offset:3px}.header-text-action{align-items:center;gap:5px;font-size:13px;display:flex}.app-menu{position:relative}.app-menu summary{cursor:pointer;list-style:none}.app-menu summary::-webkit-details-marker{display:none}.menu-popover{background:#0c162cf7;border:1px solid #ffffff21;border-radius:16px;width:154px;padding:8px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 16px 42px #0000006b}.menu-popover a{border-radius:10px;padding:12px 13px;font-size:14px}.menu-popover a:hover{background:#ffffff14}.app-main{scrollbar-width:none;width:auto;min-height:0;margin:0;padding:0;overflow:hidden auto}.app-main::-webkit-scrollbar{display:none}.bottom-dock{z-index:15;padding:13px 16px calc(13px + env(safe-area-inset-bottom));border-top:1px solid var(--line-dark);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#040b1af0;position:sticky;bottom:0}.bottom-cta-stack{gap:9px;width:min(100%,600px);margin-inline:auto;display:grid}.primary-cta,.secondary-cta,.primary-inline-button{letter-spacing:-.02em;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:56px;font-weight:700;display:flex}.primary-cta{color:#fff;background:linear-gradient(105deg,#735ab9,#a28ae0);justify-content:space-between;width:100%;padding:0 20px;font-size:17px;box-shadow:0 9px 24px #5f47a14d,inset 0 1px #ffffff3d}.primary-cta:hover{filter:brightness(1.06)}.primary-cta:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.55)}.cta-label{flex:1;justify-content:center;align-items:center;gap:9px;display:inline-flex}.secondary-cta{background:0 0;border:1px solid #f5efe26b;min-height:48px;font-size:15px}.dock-note,.dock-error{text-align:center;color:#f4efe59e;margin:0;font-size:11px;line-height:1.45}.dock-error{color:#ffb7b7}.paper-panel{color:var(--ink-950);border-radius:var(--radius-paper);background:linear-gradient(#fffdf7f7, #f8f2e7fa), var(--ivory-100);box-shadow:var(--shadow-paper), inset 0 0 0 1px #a08f6f40;border:1px solid #ffffffb3}.progress-wrap{flex:none;grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.progress-track{background:#ffffff26;border-radius:999px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--lavender-500), var(--lavender-300));height:100%;transition:width .35s;display:block}.progress-count{min-width:34px;font-family:var(--font-serif);color:#f4efe5ad;font-size:15px}.home-screen{overscroll-behavior-y:contain;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden auto}.home-hero{z-index:4;text-align:center;flex:none;padding:34px 28px 0;position:relative}.home-hero h1{font-family:var(--font-serif);letter-spacing:-.055em;color:#ead9b9;text-shadow:0 3px 20px #00000080;margin:0;font-size:clamp(34px,9vw,47px);font-weight:500;line-height:1.35}.home-hero p{color:#f6f0e5c2;margin:18px 0 0;font-size:14px;line-height:1.8}.ornament-line{width:58%;color:var(--gold-300);align-items:center;gap:10px;margin:12px auto 0;display:flex}.ornament-line:before,.ornament-line:after{content:"";background:linear-gradient(90deg,#0000,currentColor);flex:1;height:1px}.ornament-line:after{transform:scaleX(-1)}.ornament-line span{font-size:12px}.character-stage{z-index:2;flex:0 0 300px;height:300px;min-height:300px;margin:-6px 0 -46px;position:relative}.character-stage:before{z-index:5;pointer-events:none;content:"";background:linear-gradient(var(--navy-900), transparent);height:48px;position:absolute;inset:0 0 auto}.character-stage:after{z-index:4;content:"";background:linear-gradient(transparent, var(--navy-900));height:140px;position:absolute;inset:auto 7% 35px}.hero-character{filter:saturate(.7)brightness(.66);width:52%;height:100%;transition:left .35s,right .35s,transform .35s,filter .35s,opacity .35s;position:absolute;bottom:0}.hero-character img{object-fit:contain;object-position:center top}.hero-character-1{z-index:4;filter:none;width:54%;left:24%}.hero-character-2{z-index:2;transform-origin:bottom;left:-10%;transform:scale(.8)}.hero-character-3{z-index:2;transform-origin:bottom;right:11%;transform:scale(.8)}.hero-character-4{transform-origin:bottom;right:-16%;transform:scale(.73)}.home-bottom-panel{--home-panel-inline:clamp(10px, 2vw, 15px);z-index:8;color:var(--ink-950);background:linear-gradient(#fffdf7,#f4ecdf 72%);border-radius:28px 28px 0 0;flex:1 0 auto;position:relative;box-shadow:0 -13px 35px #0000003d,inset 0 1px #ffffffd9}.home-selector-panel{padding:21px var(--home-panel-inline) 15px;scroll-margin-top:calc(68px + env(safe-area-inset-top))}.home-selector-panel h2{text-align:center;font-family:var(--font-serif);margin:0 0 14px;font-size:19px;font-weight:600}.home-cta-area{padding:0 var(--home-panel-inline) calc(15px + env(safe-area-inset-bottom))}.home-cta-area .bottom-cta-stack{width:100%}.home-cta-area .secondary-cta{color:var(--ink-950);background:#ffffff6b;border-color:#d7cec1}.home-cta-area .dock-note{color:var(--ink-500)}.text-link{text-align:center;color:#5c4a8f;text-underline-offset:3px;margin-top:11px;font-size:12px;text-decoration:underline;display:block}.sample-shortcuts{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:11px;display:grid}.sample-shortcuts a{color:#5c4a8f;background:#ffffff6b;border:1px solid #d7cec1;border-radius:9px;place-items:center;min-height:34px;font-size:10px;font-weight:750;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.sample-shortcuts a:hover{border-color:var(--lavender-500);background:#fff;transform:translateY(-1px)}.character-selector{border:0;min-width:0;margin:0;padding:0}.character-selector legend{display:none}.character-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.character-option{min-width:0;color:var(--ink-950);cursor:pointer;background:#ffffff47;border:1px solid #d3c8b8;border-radius:13px;place-items:center;gap:4px;padding:11px 5px 10px;transition:color .22s,border-color .22s,background-color .22s,transform .22s,box-shadow .22s;display:grid;position:relative}.character-option[aria-pressed=true]{color:var(--reader-accent);border:2px solid var(--reader-accent);background:#fff;padding:10px 4px 9px;transform:translateY(-2px);box-shadow:0 7px 17px #231f331f}.character-avatar{background:#c7c4cf;border-radius:50%;width:52px;height:52px;position:relative;overflow:hidden}.character-avatar img{object-fit:cover;object-position:50% 16%;transition:transform .3s,filter .3s}.character-option[aria-pressed=true] .character-avatar img{transform:scale(1.05)}.character-option strong{font-family:var(--font-serif);font-size:14px}.character-option small{max-width:100%;min-height:24px;color:var(--ink-700);text-align:center;word-break:keep-all;place-items:center;font-size:9px;line-height:1.25;display:grid;overflow:hidden}.selected-check{color:#fff;background:var(--reader-accent);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:7px;right:7px}.flow-screen{flex-direction:column;gap:16px;width:min(100%,600px);min-height:100%;margin-inline:auto;padding:18px 16px;animation:.22s ease-out both route-enter;display:flex}.flow-screen>.progress-wrap{margin-top:auto;animation:.32s ease-out both content-rise}.flow-panel{padding:22px 25px 27px;animation:.26s cubic-bezier(.2,.75,.25,1) 30ms both panel-rise}.panel-heading h1{font-family:var(--font-serif);letter-spacing:-.05em;margin:0;font-size:clamp(29px,8vw,39px);font-weight:600;line-height:1.35}.panel-heading p{color:var(--ink-500);margin:12px 0 0;font-size:13px;line-height:1.65}.step-caption{letter-spacing:.05em;font-weight:700;color:var(--lavender-500)!important;font-size:11px!important}.field-label{color:var(--ink-950);margin-bottom:9px;font-size:14px;font-weight:750;display:block}.text-input,.date-fields select{width:100%;height:54px;color:var(--ink-950);background:#ffffff6b;border:1px solid #cdc5b9;border-radius:12px;outline:none;padding:0 15px;font-size:16px}.text-input:focus,.date-fields select:focus{border-color:var(--lavender-500);box-shadow:0 0 0 3px #8065c41f}.text-input::placeholder{color:#a49f98}.field-group{border:0;margin:23px 0 0;padding:0}.field-help{color:var(--ink-500);margin:8px 0 0;font-size:11px;line-height:1.55}.field-error{color:var(--danger);margin:7px 0 0;font-size:12px}.segmented-control{border:1px solid #ccc4b8;border-radius:12px;display:grid;overflow:hidden}.segmented-two{grid-template-columns:repeat(2,1fr)}.segmented-three{grid-template-columns:repeat(3,1fr)}.segmented-control label{min-height:48px;color:var(--ink-700);cursor:pointer;text-align:center;border-right:1px solid #ddd5c9;place-items:center;padding:6px;font-size:13px;transition:color .2s,background-color .2s,box-shadow .2s;display:grid}.segmented-control label:last-child{border-right:0}.segmented-control label.is-selected{color:var(--lavender-500);box-shadow:inset 0 0 0 1px var(--lavender-500);background:#f3eefc;font-weight:750}.segmented-control input{opacity:0;position:absolute}.character-selector-compact{border-top:1px solid #ded6ca;margin-top:25px;padding-top:20px}.character-selector-compact legend{margin-bottom:11px;font-size:13px;font-weight:750;display:block}.character-selector-compact .character-avatar{width:46px;height:46px}.character-selector-compact .character-option{padding-block:9px}.character-selector-compact .character-option strong{font-size:14px}.input-guide-header{height:132px;color:var(--ivory-50);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--reader-accent) 42%, transparent), transparent 52%), linear-gradient(115deg, #111c38, #0a1227);border-radius:16px;margin:-8px -11px 24px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.input-guide-header:after{z-index:1;pointer-events:none;content:"";background:linear-gradient(90deg,#030816f5,#030816cc 45%,#03081614 78%);position:absolute;inset:0}.input-guide-art{min-width:0;position:absolute;inset:0}.input-guide-art img{z-index:1;object-fit:cover;object-position:center 34%;filter:drop-shadow(0 8px 12px #00000047);transition:opacity .25s,transform .35s;animation:.48s ease-out .1s both character-reveal}.input-guide-copy{z-index:2;align-content:center;width:60%;height:100%;padding:14px 12px;display:grid;position:relative}.input-guide-copy small{color:color-mix(in srgb, var(--reader-accent) 55%, white);letter-spacing:.04em;font-size:9px;font-weight:750}.input-guide-copy strong{font-family:var(--font-serif);margin-top:2px;font-size:22px;font-weight:600}.input-guide-copy p{color:#fffdf7b3;word-break:keep-all;margin:5px 0 0;font-size:10px;line-height:1.45}.choice-step-panel .large-segmented label{min-height:66px;font-family:var(--font-serif);font-size:17px}.calendar-help{background:#f0ece4;border-radius:10px;margin-top:18px;padding:12px}.support-boundary{color:var(--ink-700);border-left:3px solid var(--lavender-500);background:#f0ece4;border-radius:3px 10px 10px 3px;margin:18px 0 0;padding:11px 12px;font-size:10px;line-height:1.55}.support-boundary strong{color:var(--ink-950);margin-bottom:2px;display:block}.birth-panel{padding-bottom:22px}.date-fields{grid-template-columns:1.15fr 1fr 1fr;gap:8px;display:grid}.date-fields select{padding:0 10px;font-size:14px}.date-fields select:invalid{color:#8d8982}.inline-explanation{border:1px solid #ddd5c8;border-radius:12px;align-items:center;gap:11px;margin-top:20px;padding:11px 13px;display:flex}.explanation-face{color:#fff;width:38px;height:38px;font-family:var(--font-serif);background:linear-gradient(145deg,#8e80b4,#5b6284);border-radius:50%;flex:none;place-items:center;display:grid}.inline-explanation span:last-child{gap:2px;display:grid}.inline-explanation strong{font-size:12px}.inline-explanation small{color:var(--ink-500);font-size:10px;line-height:1.4}.time-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.time-input:disabled{opacity:.46}.time-known-choice{margin-top:2px}.time-value-field{color:var(--ink-700);gap:8px;margin-top:14px;font-size:11px;font-weight:700;display:grid}.check-row{cursor:pointer;align-items:center;gap:9px;margin-top:12px;font-size:13px;display:flex}.check-row input,.agreement-row input{width:19px;height:19px;accent-color:var(--lavender-500)}.advanced-time-option{border-top:1px solid #ded6ca;margin-top:16px;padding-top:13px}.advanced-time-option summary{width:max-content;color:var(--ink-700);cursor:pointer;font-size:11px}.advanced-time-option>p{color:var(--ink-500);margin:10px 0;font-size:10px;line-height:1.55}.advanced-time-option .segmented-control label{min-height:42px;font-size:11px}.clear-offset{color:var(--lavender-500);cursor:pointer;background:0 0;border:0;margin:8px 0 0 auto;padding:0;font-size:11px;display:block}.privacy-note{color:var(--ink-500);border-top:1px solid #ded6ca;align-items:flex-start;gap:10px;margin:20px 0 0;padding-top:16px;font-size:11px;line-height:1.55;display:flex}.privacy-note svg{color:var(--lavender-500);flex:none}.guide-intro{border-bottom:1px solid #dfd7cb;align-items:center;gap:14px;margin:-4px 0 24px;padding-bottom:19px;display:flex}.guide-avatar,.result-reader-avatar{background:#d4ced7;border-radius:50%;flex:none;width:66px;height:66px;position:relative;overflow:hidden}.guide-avatar img,.result-reader-avatar img{object-fit:cover;object-position:center 16%}.guide-intro p{font-family:var(--font-serif);color:var(--ink-700);margin:0;font-size:14px;line-height:1.55}.guide-intro p strong{color:var(--lavender-500);font-family:var(--font-sans);margin-bottom:3px;font-size:12px;display:block}.focus-options{border:0;gap:9px;margin:0;padding:0;display:grid}.focus-options label{cursor:pointer;border:1px solid #d8d0c5;border-radius:13px;grid-template-columns:1fr auto;align-items:center;padding:13px 14px;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s;display:grid}.focus-options label.is-selected{border-color:var(--lavender-500);box-shadow:-3px 0 var(--lavender-500);background:#f5f0fc;transform:translate(3px)}.focus-options input{opacity:0;position:absolute}.focus-options label>span:first-of-type{gap:3px;display:grid}.focus-options strong{font-family:var(--font-serif);font-size:15px}.focus-options small{color:var(--ink-500);font-size:10px}.focus-title-break{display:none}.radio-check{color:#fff;border:1px solid #c5bdb2;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.is-selected .radio-check{border-color:var(--lavender-500);background:var(--lavender-500)}.gentle-note{color:var(--ink-500);background:#f0ece4;border-radius:10px;margin:17px 0 0;padding:11px 13px;font-size:10px;line-height:1.55}.confirm-guide{background:#f0ebf5;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;display:grid}.confirm-guide .guide-avatar{width:57px;height:57px}.confirm-guide>span:nth-child(2){display:grid}.confirm-guide small{color:var(--ink-500);font-size:9px}.confirm-guide strong{font-family:var(--font-serif);font-size:17px}.confirm-guide em{color:var(--ink-500);margin-top:2px;font-size:9px;font-style:normal}.confirm-guide a,.confirm-list a{color:var(--lavender-500);text-underline-offset:3px;font-size:10px;text-decoration:underline}.confirm-list{margin:18px 0 0}.confirm-list div{border-bottom:1px solid #e1d9cd;grid-template-columns:73px 1fr auto;align-items:center;gap:8px;min-height:43px;display:grid}.confirm-list dt{color:var(--ink-500);font-size:11px}.confirm-list dd{margin:0;font-size:12px;font-weight:650}.boundary-note{border:1px solid #dcd3c5;border-radius:12px;margin-top:18px;padding:14px}.boundary-note strong{font-family:var(--font-serif);font-size:14px}.boundary-note p{color:var(--ink-500);margin:6px 0 0;font-size:10px;line-height:1.6}.analyzing-screen{overflow:hidden}.analysis-scene{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100%;padding:30px 30px 55px;display:flex;position:relative}.analysis-character{width:min(100vw,570px);height:430px;position:absolute;top:4%}.analysis-character img{object-fit:cover;object-position:58% 24%;opacity:.84;transition:opacity .24s,filter .24s;-webkit-mask-image:linear-gradient(#000 66%,#0000 96%);mask-image:linear-gradient(#000 66%,#0000 96%)}.analysis-scene.is-error .analysis-character img{opacity:.38;filter:grayscale(.3)}.analysis-orbit{border:1px solid #b7a3ed45;border-radius:50%;width:305px;height:305px;animation:16s linear both slow-spin;position:absolute;top:13%}.analysis-orbit:before,.analysis-orbit:after{content:"";border:1px solid #dbcbab2e;border-radius:50%;position:absolute;inset:20px}.analysis-orbit:after{inset:48px}.analysis-orbit span{background:var(--lavender-300);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 14px}.analysis-orbit span:first-child{top:10%;left:22%}.analysis-orbit span:nth-child(2){top:56%;right:-3px}.analysis-orbit span:nth-child(3){bottom:3%;left:32%}.analysis-kicker{color:var(--lavender-300);letter-spacing:.08em;margin:0 0 11px;font-size:11px;font-weight:700;position:relative}.analysis-scene h1{font-family:var(--font-serif);margin:0;font-size:30px;font-weight:500;line-height:1.45;position:relative}.analysis-scene>p:not(.analysis-kicker){color:#f5efe4b3;margin:13px 0 0;font-size:12px;position:relative}.analysis-scene>small{color:#f5efe478;margin-top:16px;font-size:10px;position:relative}.analysis-dots{gap:6px;margin-top:17px;display:flex;position:relative}.analysis-dots span{background:var(--lavender-300);border-radius:50%;width:6px;height:6px;animation:1.15s ease-in-out 4 pulse-dot}.analysis-dots span:nth-child(2){animation-delay:.15s}.analysis-dots span:nth-child(3){animation-delay:.3s}.analysis-error{justify-items:center;display:grid;position:relative}.analysis-error>p{color:#e3b2b2;margin:0 0 10px;font-size:11px;font-weight:750}.analysis-error>span{color:#f5efe4b8;margin-top:13px;font-size:12px}.analysis-error>small{color:#f5efe47a;margin-top:12px;font-size:10px;line-height:1.55}.analysis-edit-link{color:var(--lavender-300);text-underline-offset:3px;margin-top:14px;font-size:12px;text-decoration:underline}.products-screen,.my-readings-screen{padding:28px 18px 34px}.editorial-heading h1{font-family:var(--font-serif);letter-spacing:-.04em;margin:0;font-size:36px;font-weight:500;line-height:1.38}.editorial-heading p{color:#f5efe4a6;max-width:360px;margin:12px 0 0;font-size:13px;line-height:1.7}.featured-product{background:#ffffff0b;border:1px solid #e8dec93d;border-radius:24px;margin-top:27px;display:block;overflow:hidden}.product-portrait-rail{background:radial-gradient(circle,#252747,#070e20 72%);height:270px;position:relative;overflow:hidden}.product-portrait-rail:after{content:"";background:linear-gradient(#0000,#0e172c);height:90px;position:absolute;inset:auto 0 0}.product-portrait-rail span{width:55%;height:104%;position:absolute;bottom:-7%}.product-portrait-rail span img{object-fit:contain;object-position:center top}.product-portrait-rail span:first-child{z-index:2;left:-8%;transform:scale(.9)}.product-portrait-rail span:nth-child(2){z-index:3;left:23%}.product-portrait-rail span:nth-child(3){z-index:2;right:-8%;transform:scale(.9)}.product-copy{padding:20px}.product-copy>span:first-child{letter-spacing:.06em;color:var(--lavender-300);font-size:10px}.product-copy h2{font-family:var(--font-serif);margin:7px 0 0;font-size:25px;font-weight:600}.product-copy>p{color:#f5efe49e;margin:8px 0 0;font-size:11px;line-height:1.65}.product-copy dl{border-top:1px solid var(--line-dark);grid-template-columns:repeat(3,1fr);margin:18px 0 0;padding-top:14px;display:grid}.product-copy dl div{gap:4px;display:grid}.product-copy dt{color:#f5efe475;font-size:9px}.product-copy dd{margin:0;font-size:12px;font-weight:700}.product-link-label{color:var(--lavender-300);justify-content:flex-end;align-items:center;gap:5px;margin-top:18px;font-size:12px;display:flex}.products-footnote{color:#f5efe470;margin:18px 4px 0;font-size:10px;line-height:1.6}.product-list{gap:10px;margin-top:25px;display:grid}.product-list-item{background:linear-gradient(110deg, color-mix(in srgb, var(--reader-accent) 16%, transparent), #ffffff09 46%);border:1px solid #e8dec933;border-radius:20px;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:116px;padding:10px 13px 10px 8px;transition:border-color .2s,transform .2s,background-color .2s;display:grid;overflow:hidden}.product-list-item:hover{border-color:color-mix(in srgb, var(--reader-accent) 65%, white);transform:translateY(-2px)}.product-list-portrait{background:radial-gradient(circle at 50% 24%, color-mix(in srgb, var(--reader-accent) 28%, transparent), transparent 70%);border-radius:14px;align-self:stretch;position:relative;overflow:hidden}.product-list-portrait img{object-fit:contain;object-position:center top}.product-list-copy{gap:3px;min-width:0;display:grid}.product-list-copy small{color:color-mix(in srgb, var(--reader-accent) 72%, white);font-size:9px;font-weight:750}.product-list-copy strong{font-family:var(--font-serif);font-size:21px;font-weight:600}.product-list-copy>span{color:#f5efe49e;font-size:10px;line-height:1.45}.product-list-copy em{color:#f5efe46b;margin-top:4px;font-size:8px;font-style:normal}.product-detail-screen{flex-direction:column;padding:0 16px 18px;display:flex}.product-detail-hero{min-height:343px;margin-inline:-16px;position:relative;overflow:hidden}.detail-dedicated-reader{position:absolute;inset:0 8% 22px}.detail-dedicated-reader:after{z-index:2;content:"";background:linear-gradient(transparent, var(--navy-900) 90%);position:absolute;inset:20% -12% 0}.detail-dedicated-reader img{object-fit:contain;object-position:center top;filter:drop-shadow(0 18px 30px #0000004d)}.detail-title{z-index:5;text-align:center;position:absolute;inset:auto 25px 18px}.detail-title p{color:var(--lavender-300);letter-spacing:.05em;margin:0;font-size:10px;font-weight:700}.detail-title h1{font-family:var(--font-serif);margin:7px 0 0;font-size:29px;font-weight:550}.detail-title span{color:#f5efe49e;margin-top:7px;font-size:11px;line-height:1.55;display:block}.product-outline{padding:18px 18px 14px}.product-outline header{border-bottom:1px solid #ddd5c9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.product-outline header span{font-family:var(--font-serif);font-size:15px}.product-outline header strong{color:var(--ink-500);font-size:10px}.product-outline ol{margin:9px 0 0;padding:0;list-style:none}.product-outline li{border-bottom:1px solid #ebe4da;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;min-height:34px;display:grid}.product-outline li>span{width:19px;height:19px;color:var(--lavender-500);background:#f0ebf9;border-radius:50%;place-items:center;font-size:9px;display:grid}.product-outline li strong{font-size:11px}.product-outline li em,.product-outline li small{color:var(--lavender-500);font-size:9px;font-style:normal}.product-outline li em{align-items:center;gap:3px;display:flex}.product-outline>p{color:var(--ink-500);margin:12px 0 0;font-size:9px;line-height:1.55}.sample-result-links{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:13px;display:grid}.sample-result-links a{color:#5c4a8f;text-align:center;background:#ffffff85;border:1px solid #cfc5b7;border-radius:10px;place-items:center;min-height:40px;padding:7px;font-size:10px;font-weight:750;display:grid}.sample-result-links a:last-child{color:#fff;border-color:var(--lavender-500);background:var(--lavender-500)}.result-state-screen{place-items:center;padding:28px;display:grid}.result-loading{text-align:center;justify-items:center;display:grid}.result-loading>span{border:2px solid #ffffff2e;border-top-color:var(--lavender-300);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite slow-spin}.result-loading h1{font-family:var(--font-serif);margin:20px 0 0;font-size:26px;font-weight:500}.result-loading p{color:#f5efe494;margin:8px 0 0;font-size:11px}.state-message{text-align:center;justify-items:center;display:grid}.state-symbol{border:1px solid var(--lavender-300);width:52px;height:52px;color:var(--lavender-300);font-family:var(--font-serif);border-radius:50%;place-items:center;font-size:27px;display:grid}.state-message h1{font-family:var(--font-serif);margin:19px 0 0;font-size:28px;font-weight:550}.state-message p{color:#f5efe4a1;max-width:310px;margin:10px 0 22px;font-size:12px;line-height:1.65}.primary-inline-button{color:#fff;background:linear-gradient(105deg,#735ab9,#a28ae0);min-width:200px;padding:0 20px;font-size:14px}button.primary-inline-button{border:0}.secondary-inline-link{color:var(--lavender-300);text-underline-offset:3px;margin-top:14px;font-size:12px;text-decoration:underline}.quiet-link{color:#f5efe485;margin-top:18px;font-size:11px}.failure-message .state-symbol{color:#d28d8d;border-color:#d28d8d}.result-screen{flex-direction:column;gap:14px;padding:14px 12px 0;display:flex;overflow:hidden}.result-screen>.progress-wrap{padding-inline:4px}.sample-ribbon{color:var(--lavender-300);text-align:center;background:#b9a5ef12;border:1px solid #b9a5ef47;border-radius:8px;margin:-4px 0 0;padding:6px 10px;font-size:9px}.sample-product-switcher{scrollbar-width:none;flex:none;grid-auto-columns:minmax(92px,1fr);grid-auto-flow:column;gap:6px;padding:1px 1px 3px;display:grid;overflow-x:auto}.sample-product-switcher::-webkit-scrollbar{display:none}.sample-product-switcher a{color:#f5efe494;white-space:nowrap;border:1px solid #ffffff2b;border-radius:999px;place-items:center;min-height:30px;padding:5px 8px;font-size:9px;font-weight:700;display:grid}.sample-product-switcher a[aria-current=page]{color:var(--navy-950);border-color:var(--lavender-300);background:var(--lavender-300)}.result-chapter{flex:1;min-height:0;padding:25px 18px 19px;overflow-y:auto}.result-chapter.chapter-forward{animation:.24s ease-out chapter-forward}.result-chapter.chapter-backward{animation:.24s ease-out chapter-backward}.result-heading{text-align:center}.result-heading>p{letter-spacing:.08em;color:var(--lavender-500);margin:0;font-size:9px;font-weight:800}.result-heading h1{font-family:var(--font-serif);letter-spacing:-.04em;margin:7px 0 0;font-size:29px;font-weight:600;line-height:1.3}.result-heading>span{max-width:310px;font-family:var(--font-serif);color:var(--ink-700);margin:8px auto 0;font-size:13px;line-height:1.45;display:block}.reader-comment{background:linear-gradient(135deg,#f0eaf8,#e9e6f0);border-radius:13px;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;display:flex}.result-reader-avatar{width:56px;height:56px}.reader-comment p{color:var(--ink-700);font-family:var(--font-serif);margin:0;font-size:11px;line-height:1.5}.reader-comment strong{color:var(--lavender-500);font-family:var(--font-sans);margin-bottom:3px;font-size:10px;display:block}.chapter-copy{margin-top:20px}.chapter-copy p{font-family:var(--font-serif);color:#252a35;word-break:keep-all;margin:0;font-size:15px;line-height:1.85}.calculation-note{color:var(--ink-500);border-top:1px solid #ded6ca;margin:14px 0 0;padding-top:12px;font-size:9px;line-height:1.55}.locked-chapter-copy{text-align:center;background:#e6e0d66b;border:1px dashed #cfc4b3;border-radius:16px;justify-items:center;margin-top:22px;padding:25px 19px;display:grid}.locked-chapter-copy svg{color:var(--lavender-500)}.locked-chapter-copy h2{font-family:var(--font-serif);margin:12px 0 0;font-size:19px}.locked-chapter-copy p{color:var(--ink-500);margin:8px 0 0;font-size:10px;line-height:1.6}.result-footer{gap:10px;display:grid}.chapter-controls{grid-template-columns:48px 1fr 48px;align-items:center;display:grid}.chapter-controls button{width:44px;height:44px;color:var(--ink-950);background:var(--ivory-100);cursor:pointer;border:1px solid #d1c8bb;border-radius:10px;place-items:center;display:grid}.chapter-controls button:last-child{justify-self:end}.chapter-controls button:disabled{opacity:.35;cursor:default}.chapter-controls span{text-align:center;font-family:var(--font-serif);font-size:14px}.chart-block{margin-top:18px}.pillar-grid{border:1px solid #cfc6b8;border-radius:11px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.pillar-grid>div{border-right:1px solid #d8d0c4;place-items:center;padding-bottom:8px;display:grid}.pillar-grid>div:last-child{border-right:0}.pillar-grid span{color:#fff;text-align:center;background:var(--navy-900);width:100%;padding:6px 3px;font-size:9px}.pillar-grid strong,.pillar-grid em,.pillar-grid b{font-family:var(--font-serif);font-style:normal;line-height:1.05}.pillar-grid strong{margin-top:7px;font-size:25px;font-weight:500}.pillar-grid em{margin-top:4px;font-size:17px}.pillar-grid b{color:var(--ink-500);margin-top:4px;font-size:7px;font-weight:500}.pillar-grid small{color:var(--ink-500);margin-top:5px;font-size:7px}.chart-beginner-summary{background:#f0ece4;border-radius:10px;margin-bottom:12px;padding:11px 12px}.chart-beginner-summary strong{color:var(--lavender-500);font-size:9px}.chart-beginner-summary p{color:var(--ink-700);margin:4px 0 0;font-size:9px;line-height:1.55}.elements-block{margin-top:15px}.elements-block>p{text-align:center;font-family:var(--font-serif);margin:0 0 8px;font-size:11px}.element-bars{grid-template-columns:repeat(5,1fr);align-items:end;gap:8px;height:62px;padding:0 10px;display:grid}.element-bars>div{flex-direction:column;justify-content:flex-end;gap:4px;height:100%;display:flex}.element-bars span{text-align:center;order:3;font-size:9px}.element-bars i{border-radius:6px 6px 2px 2px;min-height:8px;display:block}.element-bars small{text-align:center;color:var(--ink-500);order:2;font-size:7px;line-height:1}.element-wood{background:#68a078}.element-fire{background:#dd7568}.element-earth{background:#c2a06d}.element-metal{background:#999994}.element-water{background:#6c85bb}.element-neutral{background:#9284ad}.element-evidence-note{color:var(--ink-500);text-align:center;margin-top:9px;font-size:8px;line-height:1.45;display:block}.chart-empty{color:var(--ink-500);text-align:center;margin:20px 0 0;font-size:10px}.chart-evidence-details{border-top:1px solid #ddd5c8;margin-top:16px;padding-top:13px}.chart-evidence-details>summary{color:var(--lavender-500);cursor:pointer;font-size:10px;font-weight:800}.evidence-section{margin-top:16px}.evidence-section h3{font-family:var(--font-serif);margin:0 0 8px;font-size:14px}.pillar-evidence-list{gap:6px;display:grid}.pillar-evidence-list article{border:1px solid #ded6ca;border-radius:9px;padding:9px 10px}.pillar-evidence-list header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pillar-evidence-list header strong{font-family:var(--font-serif);font-size:11px}.pillar-evidence-list header span{color:var(--ink-500);font-size:7px}.pillar-evidence-list p{color:var(--ink-700);margin:5px 0 0;font-size:8px;line-height:1.5}.relation-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.relation-list li{background:#f2eee7;border-radius:8px;justify-content:space-between;gap:8px;padding:8px 10px;font-size:8px;display:flex}.relation-list strong{color:var(--lavender-500)}.evidence-caution{color:var(--ink-500);margin:8px 0 0;font-size:8px;line-height:1.55}.daewoon-summary{font-family:var(--font-serif);margin:0;font-size:12px}.daewoon-summary strong{color:var(--lavender-500)}.raw-value{color:var(--ink-500);margin-top:3px;font-size:7px;display:block}.luck-periods{scrollbar-width:thin;grid-auto-columns:54px;grid-auto-flow:column;gap:6px;margin:10px 0 0;padding:0 0 5px;list-style:none;display:grid;overflow-x:auto}.luck-periods li{border:1px solid #ddd4c7;border-radius:8px;justify-items:center;gap:2px;padding:7px 4px;display:grid}.luck-periods small,.luck-periods span{color:var(--ink-500);font-size:6px}.luck-periods strong{font-family:var(--font-serif);font-size:13px}.assumption-list{gap:6px;margin:0;display:grid}.assumption-list div{grid-template-columns:72px 1fr;gap:8px;font-size:7px;line-height:1.45;display:grid}.assumption-list dt{color:var(--ink-500)}.assumption-list dd{color:var(--ink-700);word-break:break-word;margin:0}.checkout-screen{flex-direction:column;gap:18px;padding:18px 16px;display:flex}.checkout-progress{align-items:center;padding:0 22px;display:flex}.checkout-progress span{color:#fff;border:2px solid #ffffff40;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.checkout-progress span.done{background:var(--lavender-500);border:0}.checkout-progress span.current{border-color:var(--lavender-300);box-shadow:inset 0 0 0 4px var(--navy-900);background:var(--ivory-100)}.checkout-progress b{background:linear-gradient(90deg, var(--lavender-500), #fff3);flex:1;height:2px}.checkout-panel{padding:27px 25px 22px}.checkout-heading{text-align:center;border-bottom:1px solid #ddd5c8;padding-bottom:20px}.checkout-heading .checkout-eyebrow{color:var(--lavender-500);letter-spacing:.04em;margin:0 0 7px;font-size:10px;font-weight:800}.checkout-heading h1{font-family:var(--font-serif);margin:0;font-size:30px;font-weight:550;line-height:1.4}.checkout-heading strong{color:var(--lavender-500);font-family:var(--font-serif);margin-top:17px;font-size:35px;font-weight:500;display:block}.checkout-heading p{color:var(--ink-500);margin:4px 0 0;font-size:11px}.unlock-list{margin:18px 0 0;padding:0;list-style:none}.unlock-list li{min-height:41px;font-family:var(--font-serif);border-bottom:1px solid #e4ddd2;align-items:center;gap:10px;font-size:13px;display:flex}.unlock-list li>span{color:#fff;background:linear-gradient(145deg, var(--lavender-300), var(--lavender-500));border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.secure-message{color:var(--ink-700);background:#f0ece4;border-radius:11px;gap:10px;margin-top:17px;padding:12px;display:flex}.secure-message svg{color:var(--lavender-500);flex:none}.secure-message span{gap:3px;display:grid}.secure-message strong{font-size:12px}.secure-message small{color:var(--ink-500);font-size:11px;line-height:1.5}.signin-suggestion{text-align:center;margin-top:17px}.signin-suggestion p{font-family:var(--font-serif);margin:0 0 9px;font-size:13px}.signin-suggestion a{border:1px solid #d4ccc0;border-radius:11px;place-items:center;min-height:43px;font-size:12px;font-weight:700;display:grid}.signin-suggestion small{color:var(--ink-500);margin-top:7px;font-size:11px;line-height:1.5;display:block}.agreement-row{cursor:pointer;align-items:flex-start;gap:8px;margin-top:16px;font-size:12px;line-height:1.55;display:flex}.agreement-row input{flex:none}.agreement-row a{color:var(--lavender-500);text-decoration:underline}.payment-summary{border-top:1px solid #e1d9cd;gap:0;margin:17px 0 0;display:grid}.payment-summary div{border-bottom:1px solid #e1d9cd;grid-template-columns:90px 1fr;align-items:center;min-height:40px;display:grid}.payment-summary dt{color:var(--ink-500);font-size:12px}.payment-summary dd{text-align:right;margin:0;font-size:12px;font-weight:750}.payment-policy-links{justify-content:flex-end;gap:13px;margin-top:10px;display:flex}.payment-policy-links a{min-height:36px;color:var(--lavender-500);text-underline-offset:3px;align-items:center;font-size:12px;text-decoration:underline;display:inline-flex}.payment-inline-error{color:#743838;background:#faeeee;border:1px solid #d7adad;border-radius:11px;margin-top:16px;padding:12px}.payment-inline-error strong{font-size:12px}.payment-inline-error p{margin:5px 0 0;font-size:11px;line-height:1.6}.payment-inline-error button{color:#743838;cursor:pointer;background:0 0;border:0;min-height:40px;margin-top:7px;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.payment-status{color:var(--ink-500);text-align:center;margin:14px 0 0;font-size:12px;line-height:1.55}.completion-screen{overflow:hidden}.completion-content{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-height:100%;padding:30px 30px 45px;display:flex;position:relative}.completion-character{width:230px;height:330px;position:absolute;top:2%}.completion-character img{object-fit:contain;object-position:top;-webkit-mask-image:linear-gradient(#000 67%,#0000 97%);mask-image:linear-gradient(#000 67%,#0000 97%)}.success-mark{color:#fff;background:linear-gradient(145deg, var(--lavender-300), var(--lavender-500));border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative;box-shadow:0 0 32px #b9a5ef4d}.completion-content>p{color:var(--lavender-300);margin:15px 0 0;font-size:11px;font-weight:700;position:relative}.completion-content h1{font-family:var(--font-serif);margin:7px 0 0;font-size:35px;font-weight:500;line-height:1.35;position:relative}.completion-content>span:not(.success-mark){color:#f5efe475;margin-top:10px;font-size:9px;position:relative}.completion-note{background:#ffffff0b;border:1px solid #ffffff21;border-radius:13px;margin-top:22px;padding:14px;position:relative}.completion-note strong{font-family:var(--font-serif);font-size:13px}.completion-note p{color:#f5efe494;margin:6px 0 0;font-size:9px;line-height:1.55}.auth-screen{align-items:center;padding:22px 16px;display:grid}.auth-card{padding:30px 24px}.social-auth-entry{text-align:center}.social-auth-entry h1{font-family:var(--font-serif);margin:0;font-size:31px;font-weight:550}.social-auth-entry p{color:var(--ink-500);margin:10px 0 0;font-size:12px;line-height:1.6}.social-auth-entry>a{color:#fff;background:linear-gradient(105deg,#735ab9,#9a82dc);border-radius:10px;place-items:center;min-height:48px;margin-top:24px;font-size:13px;font-weight:700;display:grid;box-shadow:0 8px 20px #5f47a138}.auth-boundary{color:var(--ink-500);background:#efebe4;border-radius:10px;margin:24px 0 0;padding:12px;font-size:9px;line-height:1.55}.auth-boundary a{color:var(--lavender-500);text-decoration:underline}.auth-switch{text-align:center;color:var(--ink-500);margin:16px 0 0;font-size:11px}.auth-switch a{color:var(--lavender-500);font-weight:700}.signup-intro{text-align:center;border-bottom:1px solid #ddd5c8;margin-bottom:23px;padding-bottom:19px}.signup-intro h1{font-family:var(--font-serif);margin:0;font-size:29px}.signup-intro p{color:var(--ink-500);margin:8px 0 0;font-size:11px;line-height:1.55}.auth-continue{min-height:46px;color:var(--ink-950);background:#fff;border:1px solid #d3cbbf;border-radius:10px;place-items:center;margin-top:14px;font-size:12px;font-weight:700;display:grid}.my-readings-screen{flex-direction:column;display:flex}.empty-readings{text-align:center;justify-items:center;margin:auto 0;padding:34px 20px;display:grid}.empty-readings>span{width:66px;height:66px;color:var(--lavender-300);background:#b9a5ef14;border:1px solid #b9a5ef59;border-radius:50%;place-items:center;display:grid}.empty-readings h2{font-family:var(--font-serif);margin:17px 0 0;font-size:22px}.empty-readings p{color:#f5efe494;max-width:290px;margin:8px 0 20px;font-size:11px;line-height:1.6}.reading-list{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.reading-list a{background:#ffffff0b;border:1px solid #ffffff21;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.reading-list-avatar{border-radius:12px;width:62px;height:62px;position:relative;overflow:hidden}.reading-list-avatar img{object-fit:cover;object-position:center 16%}.reading-list-copy{gap:4px;min-width:0;display:grid}.reading-list-copy small{color:var(--lavender-300);font-size:9px}.reading-list-copy strong{font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reading-list-copy em{color:#f5efe473;font-size:8px;font-style:normal}.session-boundary-note{color:#f5efe48f;margin-top:auto;padding-top:22px}.session-boundary-note strong{color:var(--ivory-100);font-family:var(--font-serif);font-size:13px}.session-boundary-note p{margin:6px 0 0;font-size:9px;line-height:1.55}.session-boundary-note a{color:var(--lavender-300);margin-top:8px;font-size:10px;text-decoration:underline;display:inline-block}.legal-screen{padding:18px 14px 28px}.legal-document{padding:27px 23px}.legal-document>header{border-bottom:1px solid #dcd4c8;padding-bottom:17px}.legal-document h1{font-family:var(--font-serif);margin:0;font-size:30px}.legal-document header p{color:var(--ink-500);margin:5px 0 0;font-size:12px}.legal-document section{margin-top:22px}.legal-document h2{font-family:var(--font-serif);margin:0;font-size:16px}.legal-document section p{color:var(--ink-700);margin:8px 0 0;font-size:14px;line-height:1.75}.legal-document nav{border-top:1px solid #dcd4c8;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:16px;display:flex}.legal-document nav a{color:var(--lavender-500);font-size:12px;text-decoration:underline}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:.25;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}}@keyframes chapter-forward{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes chapter-backward{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes route-enter{0%{opacity:0}to{opacity:1}}@keyframes panel-rise{0%{opacity:0;transform:translateY(12px)scale(.994)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes content-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes character-reveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:600px){.flow-screen{padding-block:24px}.flow-panel{padding-inline:34px}.input-guide-header{margin-inline:-18px}.result-screen,.checkout-screen,.legal-screen{width:min(100%,640px);margin-inline:auto}}@media (max-height:760px){.analysis-character{height:300px;top:1%}.analysis-scene{padding-bottom:28px}.completion-character{height:275px;top:-3%}.completion-content{padding-bottom:24px}}@media (max-width:480px){.focus-title-break{display:block}}@media (max-width:360px){.app-header{padding-inline:10px}.home-hero{padding-inline:18px}.flow-screen{padding-inline:10px}.flow-panel{padding-inline:18px}.character-option small{font-size:9px}.date-fields{gap:5px}.date-fields select{padding-inline:6px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.analysis-orbit{display:none}.analysis-dots span{opacity:.72;transform:none}}.home-screen{grid-template-rows:auto minmax(168px,1fr) auto;display:grid;overflow:hidden auto}.home-hero{padding:clamp(18px,3.4vh,30px) 24px 0}.home-hero h1{font-size:clamp(28px,6.6vw,39px);line-height:1.28}.home-hero p{margin-top:10px;font-size:clamp(11px,2.8vw,14px);line-height:1.65}.character-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:auto;min-height:168px;margin:0}.character-stage:before{height:24px}.character-stage:after{pointer-events:none;background:linear-gradient(#0000,#071024f2);height:35%;inset:auto 0 0}.hero-character{background:0 0;border:0;height:100%;margin:0;padding:0;transition:opacity .24s,filter .24s,transform .3s cubic-bezier(.2,.78,.28,1);top:0;bottom:0;overflow:visible}.hero-character img{pointer-events:none;object-fit:contain;object-position:center bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.hero-character.is-selected{z-index:3;filter:none;width:min(78vw,560px);animation:.26s cubic-bezier(.2,.78,.28,1) both home-character-enter;left:50%;transform:translate(-50%)}.hero-character.is-neighbor{z-index:2;opacity:.66;filter:saturate(.68)brightness(.72);cursor:pointer;width:min(58vw,420px);height:88%;top:12%}.hero-character.is-previous{transform-origin:100% 100%;left:0;transform:translate(-53%)scale(.88)}.hero-character.is-next{transform-origin:0 100%;left:100%;transform:translate(-47%)scale(.88)}.hero-character.is-neighbor:hover,.hero-character.is-neighbor:focus-visible{opacity:.9;filter:saturate(.88)brightness(.88)}.home-bottom-panel{flex:none;min-height:max-content;overflow:visible}.home-selector-panel{padding-top:17px;padding-bottom:11px}.home-selector-panel h2{margin-bottom:11px;font-size:17px}.home-cta-area{padding-top:0}.home-cta-area .primary-cta{width:100%}.flow-screen{gap:12px;min-height:100%;padding-top:14px;padding-bottom:16px}.flow-screen>.progress-wrap{margin-top:0}.flow-step-form{touch-action:pan-y;min-height:0;overflow-y:auto}.flow-panel{padding-top:18px}.input-guide-header{background:linear-gradient(150deg,#101b35,#071024);border-radius:18px;height:clamp(184px,27dvh,244px);margin:-5px -8px 19px}.input-guide-header:after{background:linear-gradient(90deg,#030816e6,#0308166b 48%,#0308160a 76%),linear-gradient(#0000 52%,#0308168f)}.input-guide-art{inset:4px 0 0 26%}.input-guide-art img{object-fit:contain;object-position:right bottom;animation:.3s ease-out both guide-character-enter}.input-guide-copy{align-content:end;width:52%;padding:18px 15px}.input-guide-copy small{font-size:10px}.input-guide-copy strong{font-size:25px}.input-guide-copy p{margin-top:7px;font-size:11px;line-height:1.5}.panel-heading{margin-bottom:20px}.panel-heading h1{font-size:clamp(26px,6.7vw,36px)}.panel-heading p{margin-top:9px}.segmented-control{background:0 0;border:0;border-radius:0;gap:7px;overflow:visible}.segmented-control label,.segmented-control label:last-child{background:#ffffff5c;border:1px solid #cbc2b5;border-radius:11px}.segmented-control label.is-selected{color:#654ba9;background:#eee8f8;border:2px solid #8065c4;box-shadow:0 5px 14px #5740901f}.choice-step-panel .large-segmented label{min-height:68px}.result-mode-free .result-chapter{padding:24px 20px 20px}.result-mode-free .result-heading>span{display:none}.free-result-content{gap:15px;margin-top:22px;display:grid}.free-result-kicker{color:var(--lavender-500);letter-spacing:.04em;margin:0;font-size:10px;font-weight:800}.free-result-content>h2{font-family:var(--font-serif);letter-spacing:-.035em;margin:0;font-size:clamp(22px,6vw,30px);font-weight:600;line-height:1.45}.free-result-body{color:#303744;font-family:var(--font-serif);word-break:keep-all;margin:0;font-size:16px;line-height:1.88}.detail-result-content{padding-bottom:6px}.chapter-lead{color:#272c38;font-family:var(--font-serif);margin:22px 0 0;font-size:20px;font-weight:600;line-height:1.55}.chapter-detail-grid{gap:11px;margin-top:18px;display:grid}.chapter-detail-block{background:#ffffff6b;border:1px solid #ddd4c7;border-radius:14px;padding:15px}.chapter-detail-block h2{font-family:var(--font-serif);margin:0;font-size:15px}.chapter-detail-block ul{gap:9px;margin:11px 0 0;padding:0;list-style:none;display:grid}.chapter-detail-block li{color:var(--ink-700);align-items:flex-start;gap:8px;font-size:12px;line-height:1.55;display:flex}.chapter-detail-block li>span{color:#fff;background:var(--lavender-500);border-radius:50%;flex:none;place-items:center;width:20px;height:20px;display:grid}.chapter-detail-block.is-caution li>span{background:#a46f61}.chapter-action-block{color:#fff;background:#101b35;border-radius:15px;margin-top:13px;padding:16px}.chapter-action-block>p{color:var(--lavender-300);margin:0;font-size:10px;font-weight:800}.chapter-action-block ol{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.chapter-action-block li{font-family:var(--font-serif);grid-template-columns:25px 1fr;align-items:start;gap:9px;font-size:13px;line-height:1.55;display:grid}.chapter-action-block li>span{width:25px;height:25px;font-family:var(--font-sans);background:#b9a5ef38;border-radius:50%;place-items:center;font-size:10px;display:grid}.offer-screen{flex-direction:column;gap:12px;width:min(100%,640px);margin-inline:auto;padding:16px;display:flex}.offer-panel{padding:24px 22px}.offer-heading{text-align:center}.offer-reader{justify-content:center;align-items:center;gap:10px;margin-bottom:17px;display:flex}.offer-reader>span{background:#d8d4dd;border:1px solid #d6cdc0;border-radius:50%;width:62px;height:62px;position:relative;overflow:hidden}.offer-reader img{object-fit:cover;object-position:center 15%}.offer-reader p{text-align:left;gap:2px;margin:0;display:grid}.offer-reader small{color:var(--ink-500);font-size:9px}.offer-reader strong{font-family:var(--font-serif);font-size:18px}.offer-eyebrow{color:var(--lavender-500);letter-spacing:.05em;margin:0;font-size:10px;font-weight:800}.offer-heading h1{font-family:var(--font-serif);letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(30px,8vw,40px);font-weight:600;line-height:1.35}.offer-heading>p:last-child{max-width:390px;color:var(--ink-500);word-break:keep-all;margin:12px auto 0;font-size:12px;line-height:1.65}.offer-value-list{gap:11px;margin-top:24px;display:grid}.offer-value-list article{background:#ffffff6b;border:1px solid #ddd4c7;border-radius:14px;grid-template-columns:30px 1fr;gap:11px;padding:14px;display:grid}.offer-value-list article>span{color:#fff;background:var(--lavender-500);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.offer-value-list h2{font-family:var(--font-serif);margin:0;font-size:15px}.offer-value-list p{color:var(--ink-500);margin:5px 0 0;font-size:11px;line-height:1.55}.offer-trust{color:var(--ink-700);background:#efebe4;border-radius:12px;gap:10px;margin-top:17px;padding:13px;display:flex}.offer-trust svg{color:var(--lavender-500);flex:none}.offer-trust p{gap:4px;margin:0;display:grid}.offer-trust strong{font-size:11px}.offer-trust span{color:var(--ink-500);font-size:10px;line-height:1.55}.offer-price{text-align:center;border-top:1px solid #ddd4c7;justify-items:center;margin-top:19px;padding-top:18px;display:grid}.offer-price>span{color:var(--ink-500);font-size:10px}.offer-price strong{color:var(--lavender-500);font-family:var(--font-serif);margin-top:4px;font-size:32px;font-weight:600}.offer-price small{color:var(--ink-500);margin-top:4px;font-size:10px}.offer-policy-links{justify-content:center;gap:16px;margin-top:14px;display:flex}.offer-policy-links a{color:var(--ink-500);text-underline-offset:3px;font-size:10px;text-decoration:underline}.account-gate{margin-top:18px}.account-gate-loading{min-height:92px;color:var(--ink-500);background:#ffffff61;border:1px solid #ddd4c7;border-radius:14px;place-items:center;display:grid}.account-gate-loading p{margin:0;font-size:11px}.account-choice{background:#ffffff70;border:1px solid #d9d0c3;border-radius:16px;padding:17px}.account-choice>header{align-items:flex-start;gap:10px;display:flex}.account-choice>header>svg{color:var(--lavender-500);flex:none;margin-top:1px}.account-choice h2{font-family:var(--font-serif);margin:0;font-size:17px;line-height:1.4}.account-choice header p{color:var(--ink-500);margin:5px 0 0;font-size:10px;line-height:1.55}.kakao-login-button{color:#17130a;background:#fee500;border:1px solid #ead000;border-radius:12px;place-items:center;min-height:50px;margin-top:16px;font-size:13px;font-weight:800;display:grid}.kakao-login-button:hover{background:#f6dc00}.kakao-benefit{color:#6e6455;text-align:center;margin:7px 0 0;font-size:10px}.account-divider{color:#847c72;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin:16px 0 13px;font-size:9px;display:grid}.account-divider:before,.account-divider:after{content:"";background:#ddd4c7;height:1px}.phone-verification{gap:10px;display:grid}.phone-verification label{color:var(--ink-700);gap:6px;font-size:10px;font-weight:750;display:grid}.phone-verification input{width:100%;height:48px;color:var(--ink-950);background:#fff;border:1px solid #cbc2b6;border-radius:11px;outline:0;padding:0 13px;font-size:15px}.phone-verification input:focus{border-color:var(--lavender-500);box-shadow:0 0 0 3px #8065c41f}.phone-verification>button{color:#fff;cursor:pointer;background:#725db0;border:1px solid #65509d;border-radius:11px;min-height:47px;padding:0 14px;font-size:12px;font-weight:800}.phone-verification>button:disabled{color:#958f86;cursor:not-allowed;background:#ece8e2;border-color:#ded8cf}.phone-verification>p{color:#8d3d3d;margin:0;font-size:10px;line-height:1.5}.phone-verification>small{color:var(--ink-500);font-size:9px;line-height:1.55}.phone-verification-actions{justify-content:space-between;gap:12px;display:flex}.phone-verification-actions .phone-reset{color:#665495;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:36px;padding:0;font-size:10px;font-weight:750;text-decoration:underline}.account-status-card{background:#ffffff73;border:1px solid #d7cec1;border-radius:14px;grid-template-columns:32px 1fr;align-items:center;gap:11px;min-height:78px;padding:13px;display:grid}.account-status-card>span{color:#fff;background:#725db0;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.account-status-card.is-kakao{background:#fff9c8;border-color:#e3cf36}.account-status-card.is-kakao>span{color:#17130a;background:#fee500}.account-status-card strong{font-family:var(--font-serif);font-size:14px}.account-status-card p{color:var(--ink-500);margin:4px 0 0;font-size:10px;line-height:1.5}.account-phone-status{gap:9px;display:grid}.kakao-link-button{color:#17130a;background:#fee500;border:1px solid #ead000;border-radius:11px;place-items:center;min-height:44px;font-size:11px;font-weight:800;display:grid}.my-readings-screen{width:min(100%,640px);padding:20px 16px calc(28px + env(safe-area-inset-bottom));margin-inline:auto;overflow-y:auto}.my-readings-screen .editorial-heading{flex:none}.reading-list li.is-expired{opacity:.66}.reading-list-disabled{background:#ffffff06;border:1px solid #ffffff1a;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.reading-expired-mark{color:#f5efe4b8;text-align:center;border:1px solid #ffffff29;border-radius:999px;min-width:38px;padding:5px 7px;font-size:9px}.session-boundary-note>strong{align-items:center;gap:6px;display:flex}.session-boundary-note .kakao-link-button{margin-top:12px;text-decoration:none}.my-readings-screen>.account-gate{flex:none}.auth-card .account-gate{margin-top:18px}@keyframes home-character-enter{0%{opacity:.2;transform:translate(-50%)scale(.985)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes guide-character-enter{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-height:800px){.home-hero{padding-top:12px}.home-hero p{margin-top:6px;line-height:1.5}.character-stage{min-height:152px}.home-selector-panel{padding-top:13px;padding-bottom:8px}.home-selector-panel h2{margin-bottom:8px}.character-option{gap:3px;padding-top:8px;padding-bottom:7px}.character-option[aria-pressed=true]{padding-top:7px;padding-bottom:6px}.character-avatar{width:46px;height:46px}.sample-shortcuts,.text-link{margin-top:8px}.home-cta-area{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.home-cta-area .bottom-cta-stack{gap:6px}}@media (max-height:720px){.input-guide-header{height:168px}}@media (min-width:600px){.home-bottom-panel{--home-panel-inline:24px}.home-selector-panel,.home-cta-area{width:min(100%,640px);margin-inline:auto}.character-avatar{width:64px;height:64px}.character-option{padding-block:13px}.hero-character.is-selected{width:min(70%,540px)}.hero-character.is-neighbor{width:min(46%,360px)}.input-guide-header{height:250px}.chapter-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.flow-screen{gap:0;width:min(100%,600px);min-height:100%;padding:0}.flow-screen>.progress-wrap{width:auto;margin:18px 18px 10px}.progress-wrap.has-step-label{padding-bottom:24px;display:block;position:relative}.progress-steps{grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative}.progress-steps:before{z-index:0;content:"";background:#f5efe44d;height:1px;position:absolute;top:15px;left:8.33333%;right:8.33333%}.progress-steps li{z-index:1;color:#f5efe47a;text-align:center;justify-items:center;gap:6px;min-width:0;display:grid;position:relative}.progress-steps li>span{background:var(--navy-900);width:31px;height:31px;font-family:var(--font-serif);border:1px solid #f5efe475;border-radius:50%;place-items:center;font-size:13px;display:grid}.progress-steps li>small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:650;line-height:1.2;overflow:hidden}.progress-steps li.is-complete,.progress-steps li.is-current{color:var(--lavender-300)}.progress-steps li.is-complete>span{border-color:#b9a5efb8}.progress-steps li.is-current>span{color:#fff;background:linear-gradient(145deg,#8065c4,#aa94e5);border-color:#0000;box-shadow:0 0 0 4px #9a82dc1a}.progress-wrap.has-step-label .progress-count{font-family:var(--font-sans);font-size:11px;position:absolute;bottom:0;right:0}.progress-count b{color:var(--lavender-300);font-size:15px}.staged-flow-form{touch-action:pan-y;flex-direction:column;flex:1 0 auto;min-height:0;animation:.22s ease-out both route-enter;display:flex;overflow:visible}.staged-flow-form .input-guide-header{height:clamp(450px,55dvh,510px);box-shadow:none;background:#040a18;border-radius:0;flex:none;margin:0;overflow:hidden}.staged-flow-form .input-guide-header:before{z-index:2;pointer-events:none;content:"";background:radial-gradient(circle at 50% 34%,#0000 30%,#040a182e 68%,#040a188f 100%),linear-gradient(#040a181a,#040a1808 38%,#040a18fa);position:absolute;inset:0}.staged-flow-form .input-guide-header:after{display:none}.staged-flow-form .input-guide-art{transform-origin:50% 2%;inset:0;transform:scale(1.42)}.staged-flow-form .input-guide-art img{pointer-events:none;object-fit:cover;object-position:center 8%;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 22px #00000057);-webkit-user-drag:none}.staged-flow-form .input-guide-copy{z-index:4;text-align:center;align-content:end;justify-items:center;width:auto;height:auto;padding:0;display:grid;position:absolute;inset:auto 22px 28px}.staged-flow-form .input-guide-copy small{color:color-mix(in srgb, var(--reader-accent) 48%, white);font-family:var(--font-serif);letter-spacing:.04em;font-size:16px;font-weight:800}.staged-flow-form .input-guide-copy h1{max-width:360px;color:var(--ivory-50);font-family:var(--font-serif);letter-spacing:-.055em;text-wrap:balance;word-break:keep-all;margin:7px 0 0;font-size:clamp(28px,7.5vw,38px);font-weight:550;line-height:1.27}.staged-flow-form .input-guide-copy p{display:none}.flow-input-sheet{z-index:5;min-height:180px;color:var(--ink-950);background:linear-gradient(#fffdf7fc, #f8f2e7fc), var(--ivory-100);border:1px solid #ffffffd1;border-bottom:0;border-radius:27px 27px 0 0;flex:1 0 auto;margin-top:-18px;padding:38px 22px 30px;position:relative;box-shadow:0 -12px 34px #00000038,inset 0 1px #ffffffd1}.flow-input-sheet:before{content:"";background:#d8d3cc;border-radius:999px;width:42px;height:5px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.flow-sheet-heading{display:none}.flow-input-sheet>.field-group:first-of-type{margin-top:0}.staged-flow-form .segmented-control label{background-clip:padding-box}.staged-flow-form .segmented-control label.is-selected{color:#5d419e;background:#eee7f8;border-color:#8065c4;box-shadow:inset 0 0 0 1px #ffffff8c,0 5px 14px #5740901f}.staged-flow-form .text-input,.staged-flow-form .date-fields select{border-color:color-mix(in srgb, var(--lavender-500) 72%, #cdc5b9);background:#ffffff80}.flow-action-help{margin-top:11px;font-size:11px}.has-flow-layout .bottom-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f2e7fa;border-top:0;box-shadow:0 -1px #d9d0c2b8}.has-flow-layout .bottom-dock .dock-note{color:var(--ink-500)}.has-flow-layout .bottom-dock .secondary-cta{color:var(--ink-950);border-color:#d7cec1}.has-flow-layout .wordmark{gap:0}.has-flow-layout .wordmark img{display:none}@media (max-height:720px){.flow-screen>.progress-wrap{margin-top:10px;margin-bottom:7px}.staged-flow-form .input-guide-header{height:370px}.staged-flow-form .input-guide-copy{bottom:22px}.flow-input-sheet{padding-top:34px}}@media (max-width:360px){.flow-screen>.progress-wrap{margin-inline:16px}.staged-flow-form .input-guide-copy{left:18px;right:18px}.flow-input-sheet{padding-left:18px;padding-right:18px}}@media (min-width:600px){.flow-screen>.progress-wrap{margin-inline:28px}.staged-flow-form .input-guide-header{height:clamp(470px,55dvh,540px)}.staged-flow-form .input-guide-copy{bottom:34px;left:30px;right:30px}.flow-input-sheet{padding:42px 34px 36px}}
