html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intro-app-background{background-position:center bottom}.intro-screen{--intro-muted: #acaac4;--intro-accent: #c5b1fa;width:100%;max-width:560px;padding:0 16px 28px;color:#f5f3ff;font-family:Noto Sans KR,system-ui,sans-serif;text-align:left;background:transparent;box-sizing:border-box}.intro-scene{position:relative;isolation:isolate;margin:0 -16px;padding:14px 16px 0;background:transparent}.intro-scene:before{content:"";position:absolute;inset:0 0 auto;z-index:0;height:390px;pointer-events:none;background:url(/hero-celestial-tarot.png) right top / 175% auto no-repeat;-webkit-mask-image:radial-gradient(ellipse 75% 85% at 86% 34%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 75% 85% at 86% 34%,#000 25%,transparent 78%)}.intro-scene>*{position:relative;z-index:1}.intro-screen button,.cookie-notice button,.bottom-nav button{cursor:pointer}.intro-screen button:focus-visible,.intro-screen a:focus-visible,.cookie-notice button:focus-visible,.bottom-nav button:focus-visible{outline:2px solid #c4b3f4;outline-offset:4px}.intro-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.intro-brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:700;color:#f5f3ff;text-decoration:none;min-height:44px;white-space:nowrap}.intro-brand-mark{width:32px;height:32px;flex-shrink:0}.intro-login{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1.5px solid #c9bcf0;border-radius:28px;color:#f4efff;font-size:15px;background:#0f1425a6;white-space:nowrap}.intro-account-loading{font-size:12px;color:var(--intro-muted)}.intro-header button[aria-label]{min-width:44px;min-height:44px}.intro-hero{position:relative;padding:32px 0 24px;isolation:isolate}.intro-hero-copy{position:relative;z-index:1}.intro-eyebrow{margin:0 0 10px;font-size:11px;line-height:1.6;color:#9992c3;letter-spacing:.32em;white-space:nowrap}.intro-hero h1{margin:0;font-size:clamp(32px,8.25vw,43px);font-weight:700;line-height:1.22;letter-spacing:-.055em;text-shadow:0 2px 16px #090d1f88}.intro-hero h1 span{color:#c7aff9}.intro-subtitle{margin:14px 0 0;font-size:clamp(13px,3.75vw,17px);line-height:1.6;color:#d7d1ed;white-space:nowrap}.intro-free-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:#9f9ab6}.intro-hero-aside{position:absolute;top:50%;right:-4px;z-index:1;color:#d0c1a6;font-size:8px;line-height:2.2;letter-spacing:.17em;text-align:left;opacity:.8}.intro-reading-panel{--intro-action-font-size: 17px;position:relative;padding:16px 16px 12px;background:linear-gradient(130deg,#252a3fa8,#1b2032a3 65%,#171c2da8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #9295b15c;border-radius:16px;box-shadow:0 12px 28px #080c1b55}.intro-fortune-heading{display:flex;align-items:center;gap:12px}.intro-fortune-symbol{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1px solid #a493d660;border-radius:50%;color:#c9b8fb;font-size:25px;line-height:1}.intro-fortune-title{display:flex;align-items:center;gap:10px}.intro-fortune-title h2{margin:0;font-size:20px;font-weight:700}.intro-cost-badge{border-radius:20px;padding:4px 10px;color:#201634;background:linear-gradient(110deg,#dfcaff,#a887e6);font-size:12px;font-weight:700;white-space:nowrap}.intro-fortune-heading p{margin:6px 0 0;color:var(--intro-muted);font-size:12px;line-height:1.5}.intro-mbti{margin:14px 0 22px}.intro-field-label{margin:0 0 7px;font-size:13px;font-weight:700}.intro-mbti-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.intro-choice{min-height:44px;padding:8px;border:1.5px solid #a797d5;border-radius:12px;color:#e6dff7;background:#171b2ad9;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px}.intro-choice.is-selected,.intro-mbti-option.is-selected{background:linear-gradient(120deg,#c9b9fb,#aa98e9);color:#151329;border-color:#d2c0fc}.intro-helper{margin:7px 0 0;color:var(--intro-muted);font-size:12px;line-height:1.7}.intro-mbti-options{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 0}.intro-mbti-option{min-height:44px;border:1px solid #85779860;border-radius:9px;background:#101423;color:#eee9fb;font-size:12px;font-weight:700}.intro-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;border:1px solid #f1e8ff;border-radius:12px;background:linear-gradient(120deg,#faf8ff,#ded4f2);color:#12132b;font-size:var(--intro-action-font-size);font-weight:700;letter-spacing:-.025em;box-shadow:0 6px 18px #c6adf125;transition:filter .2s}.intro-cta-sparkle{font-size:26px;line-height:1}.intro-primary:hover{filter:brightness(1.05)}.intro-primary:disabled{cursor:not-allowed;opacity:.6}.intro-chat-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:10px;border:1px solid #bba9e7b3;border-radius:12px;background:#70628f38;color:#f2ebff;font-size:var(--intro-action-font-size);font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s}.intro-chat-cta:hover{background:#9a82c65c;border-color:#d4c2ff}.intro-chat-cta:disabled{cursor:not-allowed;opacity:.6}.intro-chat-cost{margin:7px 0 0;text-align:center;color:var(--intro-muted);font-size:11px;line-height:1.5}.intro-process{margin:10px 0 0;text-align:center;color:var(--intro-muted);font-size:12px;line-height:1.6}.intro-free-return{display:block;margin:10px auto 0;min-height:44px;color:#d5c2ff;font-size:13px;text-decoration:underline}.intro-error{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:#ffc3d0;font-size:13px}.intro-disclosures{margin:0}.intro-disclosures>section{border-bottom:1px solid #9b90c62b}.intro-disclosure{display:flex;align-items:center;gap:15px;width:100%;min-height:52px;padding:11px 10px;text-align:left;color:#eae4f5;background:transparent;border:0;font-size:15px;font-weight:500}.intro-disclosure>svg:first-child{width:24px;height:24px;color:#b9afd2;flex-shrink:0;stroke-width:1.7}.intro-disclosure>span{flex:1}.intro-disclosure>svg:last-child{width:18px;height:18px;color:#b9afd2;transition:transform .2s}.intro-disclosure>svg.is-open{transform:rotate(180deg)}.intro-example,.intro-fortunes{padding:4px 4px 16px}.intro-example-label{display:block;color:#cfc0f4;font-size:12px;margin-bottom:14px}.intro-example-content{display:flex;align-items:flex-start;gap:12px}.intro-example-content img{flex-shrink:0;width:62px;height:102px;border-radius:6px;object-fit:cover}.intro-example h3{margin:0 0 7px;font-size:14px;font-weight:600}.intro-example p{font-size:13px;line-height:1.8;color:#c7c0db}.intro-example p.intro-example-action{margin-top:8px;color:#e6dafc}.intro-fortune-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.intro-fortune-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;min-height:66px;border:1px solid #8e83b345;border-radius:10px;color:#e2dbee;background:#191b2d}.intro-fortune-option>span{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.intro-fortune-option small{color:#b5adc6;font-size:12px}.intro-fortune-option.is-selected{border-color:#c4b3f4;background:#34294d}.intro-guide-links{display:flex;align-items:center;justify-content:center;gap:14px;color:#9a92ac;font-size:12px}.intro-guide-links button{min-height:44px;color:#bcb4ce;font-size:12px}.intro-main{justify-content:flex-start;padding:env(safe-area-inset-top,0px) 0 calc(80px + env(safe-area-inset-bottom,0px));background:transparent}.cookie-notice{position:relative;width:100%;max-width:520px;margin:5px auto 0;padding:9px 12px;background:#20263ba8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #9399b180;border-radius:14px;color:#ded5f0;box-sizing:border-box}.cookie-notice-row{display:flex;align-items:center;gap:8px}.cookie-notice-row>svg{width:26px;height:26px;flex-shrink:0;color:#e0d2fa}.cookie-notice-copy{flex:1;min-width:0}.cookie-notice h3{margin:0;color:#f3edff;font-size:13px;font-weight:600}.cookie-notice button{min-height:44px;font-size:13px;border-radius:10px;padding:7px 12px;white-space:nowrap}.cookie-notice-detail{color:#d9c8ff;border:1px solid #9c8dc370}.cookie-notice-accept{color:#221b36;background:#bda9ec;font-weight:600}.cookie-notice p{margin:10px 0 0;font-size:12px;line-height:1.8;color:#c8bfd6}.cookie-notice-copy p{margin:2px 0 0;font-size:10.5px;line-height:1.3}.cookie-notice-details{margin-top:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.cookie-notice-details button{color:#dcf;text-decoration:underline}.cookie-notice-standalone{margin:16px auto calc(90px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px);background:#121727a0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-nav-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:#12172780;border-top:1px solid #848aa554}.bottom-nav-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:72px;padding:0 8px}.bottom-nav-items>button{min-height:48px;width:100%;min-width:0}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;height:26px}.bottom-nav-icon svg{width:23px;height:23px}.bottom-nav-items>button>span{font-size:12px}@media(max-width:370px){.intro-screen{padding:0 14px 20px}.intro-scene{margin:0 -14px;padding:10px 14px 0}.intro-scene:before{height:340px;background-size:190% auto}.intro-brand{font-size:15px;gap:6px}.intro-brand-mark{width:25px;height:25px}.intro-login{padding:0 11px}.intro-hero{padding:12px 0 14px}.intro-hero-aside{display:none}.intro-eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:.25em}.intro-subtitle{font-size:12px;margin-top:9px}.intro-reading-panel{--intro-action-font-size: 14px;padding:14px}.intro-mbti{margin-top:14px;margin-bottom:8px}.intro-chat-cta{min-height:44px;margin-top:4px}.cookie-notice{padding:10px}.cookie-notice-row{gap:6px}.cookie-notice-row>svg{width:20px;height:20px}.cookie-notice button{padding:7px 9px;font-size:12px}.bottom-nav-items{height:64px}}@media(max-width:767px){.intro-app-background{background-size:auto 150%}}@media(min-width:768px){.intro-screen{margin-top:24px;padding:0 24px 28px}.intro-scene{margin:0 -24px;padding:24px 24px 0}.intro-hero{padding:42px 0 35px}.intro-subtitle{font-size:15px}}@media(prefers-reduced-motion:reduce){.intro-screen *,.bottom-nav *{animation:none!important;transition:none!important}}