:root{--neutral-bg: #fafaf8;--neutral-surface: #ffffff;--neutral-text: #1a1a2e;--neutral-muted: #7c7c8a;--neutral-border: rgba(0, 0, 0, .06);--neutral-glow: #c8c4de;--theme-primary: #7b7f9b;--theme-soft: #fafaf8;--theme-deep: #1a1a2e;--theme-accent: #c8c4de;--theme-progress: 0;--glow-intensity: .06;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "DIN Alternate", "SF Pro Display", var(--font-sans);--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-hero: clamp(36px, 8vw, 48px);--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--content-max-width: 420px;--content-padding: 20px;--motion-instant: 80ms;--motion-fast: .2s;--motion-normal: .4s;--motion-slow: .8s;--motion-glacial: 1.8s;--ease-standard: cubic-bezier(.25, .1, .25, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--glow-transition-duration: 1.8s;--glow-easing: cubic-bezier(.25, .1, .25, 1)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{scroll-behavior:auto;scroll-snap-type:none;scroll-padding-top:0;overscroll-behavior-y:auto}body{min-height:100dvh;color:var(--neutral-text);font-family:var(--font-sans);background:#05050a;letter-spacing:0}button{font:inherit}img{display:block;max-width:100%}@media(min-width:768px){:root{--content-max-width: 520px;--content-padding: 32px}}@media print{.ambient-glow-layer,.progress-dots,.generating-overlay,.result-actions,.hero-section,.question-section,.generating-section,.gallery-section,.privacy-section,.result-id{display:none!important}.result-section{display:block!important;min-height:auto!important;padding:0!important}}.app-shell{position:relative;min-height:100dvh;background:#05050a;transition:background var(--glow-transition-duration) var(--glow-easing)}.ambient-glow-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.glow-orb{position:absolute;width:50vmax;height:50vmax;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 55%,white),transparent 68%);filter:blur(80px);opacity:var(--glow-intensity);transition:background var(--glow-transition-duration) var(--glow-easing),opacity var(--glow-transition-duration) var(--glow-easing);animation:glow-breathe 6s ease-in-out infinite;will-change:transform,opacity}.glow-orb--top-left{top:-25vmax;left:-25vmax;transition-delay:0ms}.glow-orb--top-right{top:-20vmax;right:-25vmax;animation-delay:-1.5s;transition-delay:.15s}.glow-orb--bottom-right{right:-25vmax;bottom:-25vmax;animation-delay:-3s;transition-delay:.3s}.glow-orb--bottom-left{bottom:-25vmax;left:-20vmax;animation-delay:-4.5s;transition-delay:.45s}@keyframes glow-breathe{0%,to{transform:scale(1);opacity:var(--glow-intensity)}50%{transform:scale(1.03);opacity:calc(var(--glow-intensity) + .04)}}.scroll-container{position:relative;z-index:1;width:100%;min-height:100dvh;overflow-x:hidden;background:#05050a;scroll-snap-type:none;scroll-padding-top:0;-webkit-overflow-scrolling:touch}.flow-section,.hero-section{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding);scroll-snap-align:none;scroll-snap-stop:normal}.hero-section{position:relative;max-width:520px;height:100dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 42px;background:#05050a}.hero-section:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:3;height:34dvh;pointer-events:none;background:linear-gradient(to bottom,transparent 0%,rgba(5,5,10,.78) 42%,#05050a 100%)}.hero__backdrop{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 50% 24%,rgba(139,92,255,.18),transparent 56%),radial-gradient(ellipse at 50% 92%,rgba(0,0,0,.86),transparent 58%),linear-gradient(180deg,#070812,#0d0f18 54%,#05050a)}.hero__color-bleed{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}.hero__bleed-orb{position:absolute;width:36vw;max-width:200px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--orb-color) 24%,transparent),transparent 72%);filter:blur(42px);transform:translate(-50%,-50%);animation:orb-breathe 8s ease-in-out infinite}.hero__bleed-orb[data-index="0"]{left:28%;top:62%;animation-delay:0s}.hero__bleed-orb[data-index="1"]{left:50%;top:66%;animation-delay:-1s}.hero__bleed-orb[data-index="2"]{left:72%;top:64%;animation-delay:-2s}.hero__bleed-orb[data-index="3"]{left:73%;top:30%;animation-delay:-3s}.hero__bleed-orb[data-index="4"]{left:72%;top:44%;animation-delay:-4s}.hero__bleed-orb[data-index="5"]{left:50%;top:43%;animation-delay:-5s}.hero__bleed-orb[data-index="6"]{left:28%;top:46%;animation-delay:-6s}.hero__bleed-orb[data-index="7"]{left:30%;top:30%;animation-delay:-7s}@keyframes orb-breathe{0%,to{opacity:.55;transform:translate(-50%,-50%) scale(1)}50%{opacity:.86;transform:translate(-50%,-50%) scale(1.08)}}.hero__characters{position:absolute;inset:0;z-index:2;display:flex;justify-content:center;align-items:flex-start;opacity:0;transform:scale(1.05);pointer-events:none}.hero__group-image{width:100%;max-width:520px;height:100dvh;object-fit:cover;object-position:center center;filter:brightness(.74) contrast(1.12) saturate(1.06)}.hero__char{position:absolute;left:50%;bottom:0;object-fit:contain;mask-image:linear-gradient(to bottom,black 0%,black 58%,transparent 92%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 58%,transparent 92%)}.hero__char--back-left{width:31%;bottom:38%;z-index:1;opacity:.36;filter:blur(1.6px);transform:translate(-138%)}.hero__char--back-right{width:31%;bottom:38%;z-index:1;opacity:.38;filter:blur(1.5px);transform:translate(82%)}.hero__char--mid-left{width:40%;bottom:23%;z-index:2;opacity:.72;filter:blur(.5px);transform:translate(-114%)}.hero__char--mid-center{width:43%;bottom:22%;z-index:3;opacity:.8;transform:translate(-50%)}.hero__char--mid-right{width:40%;bottom:23%;z-index:2;opacity:.72;filter:blur(.5px);transform:translate(58%)}.hero__char--front-left{width:50%;bottom:8%;z-index:5;transform:translate(-102%)}.hero__char--front-center{width:57%;bottom:5%;z-index:6;transform:translate(-50%)}.hero__char--front-right{width:50%;bottom:8%;z-index:5;transform:translate(48%)}.hero__brand{position:absolute;top:clamp(76px,12.5vh,132px);left:max(20px,calc((100vw - 520px)/2 + 28px));right:auto;z-index:4;text-align:left;transform:translate(-4px)}.hero__title-acti{margin:0;color:#ffffffd1;font-family:var(--font-display);font-size:clamp(52px,16vw,104px);font-weight:900;line-height:.88;letter-spacing:.3em;opacity:0;mix-blend-mode:normal;text-shadow:0 0 80px rgba(139,92,255,.34),0 14px 42px rgba(0,0,0,.45)}.hero__title-acti span{background:linear-gradient(135deg,#e93b4f,#f5a623,#b9d83b,#42c878,#35c7c9,#4a6cf7,#e146b5,#8b5cff);background-clip:text;-webkit-background-clip:text;color:transparent;animation:hue-drift 12s linear infinite}@keyframes hue-drift{to{filter:hue-rotate(360deg)}}.hero__content{position:relative;z-index:10;padding:22px 24px 0;text-align:center;background:linear-gradient(to top,#05050a,#05050ae6 58%,#05050a00)}.hero__tagline,.hero__subtitle,.hero__actions,.hero__privacy{opacity:0;transform:translateY(20px)}.hero__tagline{margin:0 0 8px;color:#fffffff0;font-size:clamp(24px,6vw,32px);font-weight:800;line-height:1.18}.hero__subtitle{margin:0 0 28px;color:#ffffffa8;font-size:clamp(14px,3.5vw,16px);line-height:1.5}.hero__actions{display:grid;justify-items:center;gap:10px;margin-bottom:22px}.hero__start,.hero__continue,.flow-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;cursor:pointer;font-weight:800;transition:transform var(--motion-normal) var(--ease-bounce),box-shadow var(--motion-normal),background var(--motion-glacial) var(--glow-easing),border-color var(--motion-glacial) var(--glow-easing)}.hero__start{padding:0 22px;color:#070812;background:#ffffffe6;box-shadow:0 18px 48px #0000006b}.hero__start svg{animation:float-arrow 2s ease-in-out infinite}.hero__continue{min-height:38px;padding:0 16px;color:#ffffffc2;background:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.hero__privacy{margin:0;color:#ffffff85;font-size:12px;opacity:0}@keyframes float-arrow{50%{transform:translateY(6px)}}.hero-section[data-state=ready] .hero__color-bleed{opacity:1;transition:opacity .6s ease .1s}.hero-section[data-state=ready] .hero__characters{opacity:1;transform:scale(1);transition:opacity .8s var(--ease-standard) .3s,transform .8s var(--ease-standard) .3s}.hero-section[data-state=ready] .hero__title-acti{opacity:.92;letter-spacing:0;transition:opacity .7s cubic-bezier(.16,1,.3,1) .6s,letter-spacing .7s cubic-bezier(.16,1,.3,1) .6s}.hero-section[data-state=ready] .hero__tagline{opacity:1;transform:translateY(0);transition:opacity .46s ease .62s,transform .46s ease .62s}.hero-section[data-state=ready] .hero__subtitle{opacity:1;transform:translateY(0);transition:opacity .46s ease .76s,transform .46s ease .76s}.hero-section[data-state=ready] .hero__actions{opacity:1;transform:translateY(0);transition:opacity .46s ease .94s,transform .46s ease .94s}.hero-section[data-state=ready] .hero__privacy{opacity:.7;transform:translateY(0);transition:opacity .4s ease 1.12s,transform .4s ease 1.12s}.flow-section{min-height:90dvh;padding-top:12dvh;padding-bottom:8dvh;opacity:0;transform:translateY(40px);filter:blur(4px);transition:opacity .5s var(--ease-decelerate),transform .5s var(--ease-decelerate),filter .5s var(--ease-decelerate);overscroll-behavior-y:auto}.flow-section.is-revealed{opacity:1;transform:translateY(0);filter:blur(0)}@supports (animation-timeline: view()){.flow-section{opacity:1;transform:none;filter:none;animation:section-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}@keyframes section-reveal{0%{opacity:0;transform:translateY(40px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.question-section.is-answered{opacity:.82}.question-section{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-soft) 76%,var(--neutral-bg)),var(--neutral-bg))}.gallery-section{background:radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--theme-primary) 13%,transparent),transparent 34%),linear-gradient(180deg,#f8f7f3,#ece8df)}.question__meta{margin-bottom:34px;color:color-mix(in srgb,var(--theme-deep) 50%,var(--neutral-muted));font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.08em;transition:color var(--motion-glacial) var(--glow-easing)}.question__copy h2{margin:0;color:var(--neutral-text);font-size:clamp(23px,6.4vw,30px);font-weight:850;line-height:1.25}.question__copy p{margin:12px 0 0;color:var(--neutral-muted);font-size:14px;line-height:var(--leading-normal)}.question__options{display:grid;gap:12px;margin-top:28px}.option-card{position:relative;min-height:58px;width:100%;overflow:hidden;display:flex;align-items:center;padding:18px 22px;color:var(--neutral-text);text-align:left;cursor:pointer;background:#ffffffd1;border:1.5px solid var(--neutral-border);border-radius:16px;box-shadow:0 10px 28px #1a1a2e0a;transition:transform .4s var(--ease-bounce),border-color .6s ease,background-color .8s ease,box-shadow .6s ease;will-change:transform}.option-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--theme-primary);opacity:0;transform:scaleY(.4);transition:opacity .6s ease,transform .6s var(--ease-bounce),background var(--motion-glacial) var(--glow-easing)}.option-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--click-x, 50%) var(--click-y, 50%),color-mix(in srgb,var(--theme-primary) 14%,transparent),transparent 70%);opacity:0;transform:scale(.5);transition:opacity .8s ease,transform .8s ease}.option-card span{position:relative;z-index:1;font-size:16px;line-height:1.42}.option-card:active{transform:scale(.97)}.option-card:hover{border-color:color-mix(in srgb,var(--theme-primary) 28%,var(--neutral-border))}.option-card.is-selected{background:color-mix(in srgb,var(--theme-primary) 7%,white);border-color:color-mix(in srgb,var(--theme-primary) 62%,white);box-shadow:0 18px 42px color-mix(in srgb,var(--theme-primary) 13%,transparent);transform:scale(1.012)}.option-card.is-selected:before{opacity:1;transform:scaleY(1)}.option-card.is-selected:after{opacity:1;transform:scale(1)}.option-card:disabled{cursor:not-allowed;opacity:.46}.continue-button{margin-top:22px}.flow-button{min-height:48px;padding:0 18px;color:#fff;background:var(--theme-primary);box-shadow:0 16px 36px color-mix(in srgb,var(--theme-primary) 24%,transparent)}.flow-button:disabled{cursor:wait;opacity:.66}.flow-button--light{color:var(--theme-deep);background:color-mix(in srgb,var(--theme-primary) 10%,white);border:1px solid color-mix(in srgb,var(--theme-primary) 26%,transparent);box-shadow:none}.flow-button--ghost{color:var(--neutral-muted);background:transparent;box-shadow:none}.hero__start:active,.hero__continue:active,.flow-button:active{transform:scale(.97)}.section-divider{width:42%;height:1px;margin:54px auto 0;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--theme-primary) 28%,var(--neutral-border)),transparent);transition:background var(--motion-glacial) var(--glow-easing)}.progress-dots{position:fixed;top:50%;right:12px;z-index:20;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}.progress-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#0000001f;cursor:pointer;transition:background-color 1.2s var(--glow-easing),transform .4s var(--ease-bounce),box-shadow .4s ease}.progress-dot.answered{background:var(--theme-primary);transform:scale(1.25)}.progress-dot.current{background:var(--theme-primary);transform:scale(1.85);box-shadow:0 0 12px color-mix(in srgb,var(--theme-primary) 44%,transparent)}.generating-section{min-height:100dvh;display:grid;align-content:center;justify-items:center;text-align:center}.generating__seed{width:min(78vw,330px);aspect-ratio:4 / 5;position:relative;display:grid;place-items:center}.generating__seed:before{content:"";position:absolute;inset:18%;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--theme-primary) 42%,white),transparent 72%);filter:blur(28px);animation:seed-converge 2.2s var(--ease-standard) both}.generating__card{position:relative;z-index:1;width:82%;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--theme-primary) 62%,white);border-radius:24px;background:#ffffff8c;box-shadow:0 28px 90px color-mix(in srgb,var(--theme-primary) 28%,transparent);animation:card-materialize 2.2s var(--ease-standard) both}.generating__card img{width:100%;aspect-ratio:1122 / 1402;object-fit:cover}.generating__card span{position:absolute;left:18px;bottom:14px;color:#fff;font-family:var(--font-display);font-size:34px;font-weight:900;text-shadow:0 8px 28px rgba(0,0,0,.36);animation:code-flash .8s steps(2,jump-none) 1.4s both}.generating-section p{margin:24px 0 0;color:var(--theme-deep);font-size:20px;font-weight:800;line-height:1.4}.generating-overlay{position:fixed;inset:0;z-index:35;display:grid;place-items:center;overflow:hidden;padding:28px;color:#fff;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--theme-primary) 28%,transparent),transparent 34%),#05050adb;-webkit-backdrop-filter:blur(24px) saturate(1.18);backdrop-filter:blur(24px) saturate(1.18);animation:calibrating-overlay-in .32s var(--ease-decelerate) both}.generating-overlay__halo{position:absolute;width:min(78vw,360px);aspect-ratio:1;border-radius:999px;background:conic-gradient(from 0deg,#e93b4f,#f5a623,#b9d83b,#35c7c9,#4a6cf7,#e146b5,#8b5cff,#e93b4f);opacity:.34;filter:blur(36px);animation:calibrating-halo 1.9s linear infinite}.generating-overlay__stage{position:relative;z-index:1;display:grid;justify-items:center;gap:18px}.generating-overlay__image{position:relative;width:min(58vw,250px);aspect-ratio:1122 / 1402;overflow:hidden;border-radius:8px;background:#080910;border:1px solid rgba(255,255,255,.28);box-shadow:0 34px 90px #0000007a}.generating-overlay__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 24%,transparent 60%,rgba(0,0,0,.62)),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 22px);mix-blend-mode:screen;opacity:.46;pointer-events:none}.generating-overlay__image img{width:100%;height:100%;object-fit:cover;animation:calibrating-image-swap .19s steps(2,jump-none) both}.generating-overlay__image span{position:absolute;left:14px;bottom:12px;z-index:1;color:#fff;font-family:var(--font-display);font-size:32px;font-weight:950;line-height:.9;text-shadow:0 10px 28px rgba(0,0,0,.72)}.generating-overlay__stage p{margin:0;color:#ffffffd6;font-size:14px;font-weight:850;letter-spacing:.02em;text-shadow:0 10px 32px rgba(0,0,0,.8)}@keyframes calibrating-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes calibrating-halo{to{transform:rotate(360deg)}}@keyframes calibrating-image-swap{0%{opacity:.28;transform:scale(1.05) translateY(4px);filter:blur(6px) contrast(1.18)}to{opacity:1;transform:scale(1);filter:blur(0) contrast(1.08)}}@keyframes seed-converge{0%{opacity:0;transform:scale(0);filter:blur(40px)}35%{opacity:.92;transform:scale(1.2)}to{opacity:.46;transform:scale(1);filter:blur(0)}}@keyframes card-materialize{0%{opacity:0;transform:scale(.92);filter:blur(8px)}55%{opacity:.45}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes code-flash{0%,45%{opacity:0}to{opacity:1}}.result-section{min-height:100dvh;padding-top:8dvh}.result-card{display:grid;gap:18px}.result-header{display:grid;gap:8px;text-align:center}.result-code{color:var(--theme-deep);font-family:var(--font-display);font-size:clamp(44px,14vw,72px);font-weight:900;line-height:.94;letter-spacing:.08em;animation:result-code-in .6s var(--ease-decelerate) both}.result-header p{order:3;margin:0;color:var(--neutral-muted);font-size:12px;font-weight:800}.result-header h1{margin:0;color:var(--theme-deep);font-size:25px;line-height:1.2;animation:result-rise .5s var(--ease-decelerate) .15s both}@keyframes result-code-in{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.08em}}@keyframes result-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.character-frame{position:relative;overflow:hidden;width:min(100%,360px);margin:0 auto;border-radius:24px;aspect-ratio:1122 / 1402;background:color-mix(in srgb,var(--theme-primary) 12%,white);box-shadow:0 24px 80px #00000029;animation:result-image-in .4s var(--ease-decelerate) .2s both}.character-frame img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity .42s var(--ease-standard),transform .42s var(--ease-standard)}.character-frame.is-loaded img{opacity:1;transform:scale(1)}@keyframes result-image-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.image-skeleton{position:absolute;inset:0;background:linear-gradient(110deg,#ffffff2e,#ffffffc7,#ffffff2e);animation:shimmer 1.2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.result-info{display:grid;gap:16px;text-align:center}.summary{margin:4px 0 0;color:var(--neutral-text);font-size:17px;font-weight:650;line-height:1.66;animation:fade-in .5s ease .4s both}.chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip-row span{padding:8px 12px;color:var(--theme-deep);font-size:13px;font-weight:850;border-radius:999px;background:color-mix(in srgb,var(--theme-primary) 12%,white);animation:result-rise .3s var(--ease-decelerate) both}.chip-row span:nth-child(1){animation-delay:.6s}.chip-row span:nth-child(2){animation-delay:.7s}.chip-row span:nth-child(3){animation-delay:.8s}.chip-row span:nth-child(4){animation-delay:.9s}.info-block{padding:14px 16px;text-align:left;border-radius:16px;background:#ffffffad;border:1px solid rgba(255,255,255,.7);animation:fade-in .5s ease .5s both}.info-block strong{color:var(--theme-deep);font-size:13px}.info-block p,.result-id{margin:7px 0 0;color:var(--neutral-muted);font-size:14px;line-height:1.55}.result-id{text-align:center}.result-actions{display:grid;gap:10px;margin-top:22px;animation:result-rise .4s var(--ease-decelerate) .9s both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.gallery-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.gallery-section h2{margin:6px 0 18px;color:var(--neutral-text);font-family:var(--font-display);font-size:clamp(34px,9vw,54px);font-weight:950;line-height:.96}.gallery-header h2{margin-bottom:0}.gallery-close{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;padding:0;color:var(--neutral-text);cursor:pointer;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#ffffffc2;box-shadow:0 12px 32px #1a1a2e1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .26s var(--ease-bounce),background-color .26s ease}.gallery-close:active{transform:scale(.92)}.section-kicker{margin:0;color:var(--theme-primary);font-family:var(--font-display);font-size:12px;font-weight:900;letter-spacing:.1em}.type-grid{display:grid;grid-template-columns:1fr;gap:12px}.type-tile{position:relative;min-width:0;overflow:hidden;min-height:136px;display:grid;grid-template-columns:116px minmax(0,1fr);color:var(--neutral-text);border-radius:8px;background:#ffffffc2;border:1px solid rgba(0,0,0,.08);box-shadow:0 16px 40px #1a1a2e1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.type-tile__image{position:relative;min-height:136px;overflow:hidden;background:#11131c}.type-tile__image img{width:100%;height:100%;object-fit:cover;opacity:.96}.type-tile__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.28));pointer-events:none}.type-tile__body{min-width:0;display:grid;align-content:space-between;gap:12px;padding:14px 14px 13px}.type-tile strong,.type-tile span{display:block}.type-tile strong{margin-top:0;color:var(--neutral-text);font-family:var(--font-display);font-size:25px;line-height:.9}.type-tile span{margin-top:5px;color:color-mix(in srgb,var(--theme-primary) 58%,var(--neutral-muted));font-weight:850}.type-tile p{display:-webkit-box;margin:0;overflow:hidden;color:var(--neutral-muted);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.privacy-section{min-height:auto;max-width:none;padding:22px max(22px,calc((100vw - 520px)/2 + 24px)) calc(24px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;color:#ffffff94;background:#05050a;scroll-snap-align:none;scroll-snap-stop:normal}.privacy-section svg{flex:0 0 auto;color:var(--theme-primary)}.privacy-section p{margin:0;max-width:32em;font-size:12px;line-height:1.7}@supports (animation-timeline: scroll()){.hero__characters{animation:hero-char-exit linear both;animation-timeline:scroll(root);animation-range:0 30dvh}.hero__brand{animation:hero-brand-exit linear both;animation-timeline:scroll(root);animation-range:0 20dvh}.hero__color-bleed{animation:hero-bleed-exit linear both;animation-timeline:scroll(root);animation-range:0 40dvh}}@keyframes hero-char-exit{to{transform:scale(.95) translateY(-5dvh);opacity:.3;filter:blur(4px)}}@keyframes hero-brand-exit{to{transform:translateY(-10dvh);opacity:0}}@keyframes hero-bleed-exit{to{opacity:0}}@media(max-width:480px){.glow-orb{width:60vw;height:60vw;filter:blur(50px)}}@media(max-width:374px){.hero__characters{transform-origin:center top}.hero__char{width:calc(var(--w, 1) * 1%)}.progress-dots{right:7px}}@media(max-height:667px){.hero__group-image{object-position:center top}.hero__char{mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 72%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 42%,transparent 72%)}.hero__content{padding-top:36px;background:linear-gradient(to top,#05050a,#05050af0 66%,#05050a00)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0ms!important}.flow-section{opacity:1;transform:none;filter:none}}.result-section.flow-section{position:relative;width:100%;max-width:none;min-height:100dvh;padding:0;overflow:visible;background:#05050a;scroll-snap-align:start;scroll-snap-stop:always}.result-section .result-card{position:relative;width:100%;max-width:540px;min-height:100dvh;margin:0 auto;overflow:hidden;display:block;color:#fff;background:#05050a;isolation:isolate}.result-section .character-frame{position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:0;aspect-ratio:auto;background:#05050a;box-shadow:none;animation:none}.result-section .character-frame img{width:100%;height:100%;object-fit:cover;object-position:var(--result-image-position, center center);opacity:0;transform:scale(1.035);filter:contrast(1.04) saturate(1.05);transition:opacity .78s var(--ease-standard),transform 1.1s var(--ease-decelerate)}.result-section .character-frame.is-loaded img{opacity:1;transform:scale(1)}.result-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,transparent 26%,transparent 48%,rgba(0,0,0,.78) 100%),radial-gradient(ellipse at var(--result-info-x, 50%) 92%,rgba(0,0,0,.72),transparent 48%),linear-gradient(var(--result-side-gradient, 90deg),rgba(0,0,0,.34),transparent 40%)}.result-section .result-header{position:absolute;z-index:2;top:max(22px,env(safe-area-inset-top));left:var(--result-header-left, 18px);right:var(--result-header-right, auto);width:min(82vw,410px);display:block;text-align:var(--result-align, left)}.result-section .result-header p{margin:0 0 4px;color:#ffffffa8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 3px 14px rgba(0,0,0,.62)}.result-section .result-code{display:block;color:#fff;font-size:clamp(60px,18vw,96px);line-height:.84;letter-spacing:.04em;text-shadow:0 16px 46px rgba(0,0,0,.58)}.result-section .result-header h1{margin:8px 0 0;color:#fff;font-size:clamp(24px,7vw,36px);line-height:1.08;letter-spacing:0;text-shadow:0 12px 32px rgba(0,0,0,.58)}.result-section .result-info{position:absolute;z-index:2;left:var(--result-info-left, 18px);right:var(--result-info-right, 18px);bottom:calc(86px + env(safe-area-inset-bottom));width:auto;display:grid;gap:10px;text-align:var(--result-align, left)}.result-section .summary{margin:0;color:#fffffff5;font-size:clamp(21px,6.1vw,29px);font-weight:850;line-height:1.28;text-shadow:0 10px 32px rgba(0,0,0,.78)}.result-scene-line{width:fit-content;max-width:min(74vw,25em);margin:2px 0 0;padding-top:9px;color:#ffffff9e;font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:.1em;line-height:1.45;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.28);text-shadow:0 8px 22px rgba(0,0,0,.74)}.result-section .chip-row{justify-content:var(--result-chip-justify, flex-start);gap:8px;order:-1}.result-section .chip-row span{color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 28px #0000002e}.result-section .info-block{padding:12px 14px;color:#ffffffd1;background:#08080e6b;border:1px solid rgba(255,255,255,.16);border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.result-section .info-block+.info-block{display:none}.result-section .info-block strong{color:#ffffffe0}.result-section .info-block p{color:#ffffffad}.result-section .result-id{margin:0 0 14px;color:#ffffff75;text-align:left;font-size:11px}.result-section .result-actions{display:grid;grid-template-columns:1.1fr 1fr auto;gap:8px;margin:0}.result-section .flow-button{min-height:46px;padding:0 12px;color:#070812;background:#ffffffe0;box-shadow:0 16px 42px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.result-section .flow-button--light,.result-section .flow-button--ghost{color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.result-section .flow-button--ghost{width:48px;padding:0;font-size:0}.result-utility{position:relative;width:100%;max-width:540px;margin:0 auto;padding:26px 18px calc(28px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(180deg,#05050a,#0a0a12)}.result-utility__rail{width:38px;height:3px;margin:0 auto 22px;border-radius:999px;background:#ffffff3d}.result-privacy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;margin-top:16px;padding-top:16px;color:#ffffff8a;border-top:1px solid rgba(255,255,255,.1)}.result-privacy svg{color:var(--theme-primary)}.result-privacy p{margin:0;font-size:12px;line-height:1.7}.result-card[data-type=A-DEC]{--result-image-position: 50% center;--result-header-left: 22px;--result-info-right: 72px;--result-side-gradient: 90deg}.result-card[data-type=A-DEO]{--result-image-position: 50% center;--result-header-left: 20px;--result-info-right: 54px}.result-card[data-type=A-DXC]{--result-image-position: 48% center;--result-header-left: 20px;--result-info-right: 48px}.result-card[data-type=A-DXO]{--result-image-position: 52% center;--result-header-left: 20px;--result-info-right: 46px}.result-card[data-type=A-LEC]{--result-image-position: 58% center;--result-header-left: auto;--result-header-right: 18px;--result-info-left: 76px;--result-info-right: 18px;--result-align: right;--result-chip-justify: flex-end;--result-side-gradient: 270deg}.result-card[data-type=A-LEO]{--result-image-position: 52% center;--result-header-left: 20px;--result-info-right: 52px}.result-card[data-type=A-LXC]{--result-image-position: 56% center;--result-header-left: auto;--result-header-right: 18px;--result-info-left: 70px;--result-info-right: 18px;--result-align: right;--result-chip-justify: flex-end;--result-side-gradient: 270deg}.result-card[data-type=A-LXO]{--result-image-position: 50% center;--result-header-left: 20px;--result-info-right: 48px}@media(max-height:740px){.result-section .result-header{top:max(18px,env(safe-area-inset-top))}.result-section .result-code{font-size:clamp(48px,14vw,76px)}.result-section .result-header h1{font-size:clamp(21px,6vw,30px)}.result-section .result-info{bottom:calc(70px + env(safe-area-inset-bottom));gap:8px}.result-section .summary{font-size:clamp(18px,5.5vw,23px)}.result-section .info-block{display:none}.result-section .flow-button{min-height:44px}}.app-shell:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.22) 0 1px,transparent 1px 4px),radial-gradient(circle at 74% 68%,rgba(0,0,0,.2) 0 1px,transparent 1px 5px);background-size:17px 19px,23px 29px}.question-section{position:relative;max-width:none;height:100dvh;min-height:100dvh;padding:0;overflow:hidden;touch-action:pan-y;opacity:1!important;transform:none!important;filter:none!important;background:linear-gradient(90deg,rgba(0,0,0,.038) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(180deg,rgba(0,0,0,.032) 1px,transparent 1px) 0 0 / 48px 48px,radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--theme-primary) 10%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--theme-soft) 84%,#fbfaf7),#f6f4ef)}.question-section:before{content:"Q" attr(data-page);position:absolute;top:4dvh;right:-.08em;z-index:0;color:color-mix(in srgb,var(--theme-primary) 10%,rgba(0,0,0,.04));font-family:var(--font-display);font-size:clamp(118px,36vw,220px);font-weight:950;line-height:.8;letter-spacing:0;pointer-events:none;transition:color var(--motion-glacial) var(--glow-easing)}.question-section:after{content:"";position:absolute;inset:18px;z-index:0;border:1px solid rgba(0,0,0,.055);pointer-events:none}.question__folio,.question__missing,.question__meta,.question__copy,.question__options,.question__footer,.continue-button,.section-divider{position:relative;z-index:1}.question__scroll{position:relative;z-index:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:10dvh max(22px,calc((100vw - var(--content-max-width)) / 2 + var(--content-padding))) 8dvh;overscroll-behavior-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.question__scroll::-webkit-scrollbar{width:0;height:0}.question__folio{display:flex;justify-content:space-between;gap:18px;margin-bottom:13dvh;color:color-mix(in srgb,var(--theme-deep) 48%,var(--neutral-muted));font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.14em}.question__missing{width:fit-content;max-width:100%;margin:-8dvh 0 24px;padding:9px 12px;color:#fff;font-size:13px;font-weight:850;line-height:1.45;border-radius:8px;background:color-mix(in srgb,var(--theme-primary) 76%,#080910);box-shadow:0 14px 34px color-mix(in srgb,var(--theme-primary) 22%,transparent);animation:missing-note-in .36s var(--ease-decelerate) both}.progress-dot.needs-answer{background:#ff4d66;box-shadow:0 0 0 5px #ff4d6629,0 0 18px #ff4d667a}@keyframes missing-note-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.question__meta{width:fit-content;margin-bottom:18px;padding:5px 9px;color:var(--theme-deep);background:#ffffff9e;border:1px solid rgba(0,0,0,.055);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question__copy{max-width:680px}.question__copy h2{max-width:10em;font-family:var(--font-display);font-size:clamp(34px,10vw,58px);font-weight:950;line-height:.98;letter-spacing:0}.question__copy p{max-width:28em;margin-top:18px;font-size:14px}.question__options{max-width:520px;gap:10px;margin-top:38px;touch-action:pan-y}.question__footer{position:sticky;bottom:0;width:min(520px,100%);margin-top:18px;padding:14px 0 4px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--theme-soft) 86%,#f6f4ef) 36%)}.option-card{min-height:54px;padding:15px 18px 15px 76px;background:#ffffff94;border:0;border-bottom:1px solid rgba(0,0,0,.09);border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.option-card:before{inset:0 auto 0 0;width:4px}.option-card::marker{display:none}.option-card:after{border-radius:0}.option-card span{font-weight:680}.option-card::selection{background:transparent}.option-card .option-letter{position:absolute;left:22px;top:50%;width:24px;color:color-mix(in srgb,var(--theme-primary) 78%,#111);font-family:var(--font-display);font-size:12px;font-weight:950;transform:translateY(-50%)}.option-card .option-letter:after{content:"";position:absolute;top:50%;right:-13px;width:18px;height:1px;background:color-mix(in srgb,var(--theme-primary) 32%,rgba(0,0,0,.18));transform:translateY(-50%)}.option-card.is-selected{background:color-mix(in srgb,var(--theme-primary) 13%,rgba(255,255,255,.72));border-color:color-mix(in srgb,var(--theme-primary) 48%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-primary) 30%,transparent)}.section-divider{width:min(220px,42%);margin-top:12dvh}.result-cover-lines{position:absolute;inset:18px;z-index:1;pointer-events:none;border:1px solid rgba(255,255,255,.16)}.result-cover-lines span:first-child{position:absolute;left:0;right:0;top:clamp(142px,18dvh,172px);height:1px;background:linear-gradient(90deg,rgba(255,255,255,.32),transparent)}.result-cover-lines span:last-child{position:absolute;top:0;bottom:0;left:var(--result-line-left, auto);right:var(--result-line-right, 78px);width:1px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 64%)}.result-vertical-label{position:absolute;z-index:3;top:116px;left:var(--result-vertical-left, auto);right:var(--result-vertical-right, 23px);color:#ffffff9e;font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.18em;writing-mode:vertical-rl;text-orientation:mixed;text-shadow:0 6px 18px rgba(0,0,0,.52)}.result-cover-meta{position:absolute;z-index:3;left:22px;right:22px;bottom:calc(30px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;color:#ffffff6b;font-family:var(--font-display);font-size:10px;font-weight:900;letter-spacing:.12em}.result-utility .result-id{display:block}.result-section .summary{max-width:18em}.result-card[data-type=A-LEC] .summary,.result-card[data-type=A-LXC] .summary,.result-card[data-type=A-LEC] .result-scene-line,.result-card[data-type=A-LXC] .result-scene-line{margin-left:auto}@media(max-height:740px){.question__scroll{padding-top:8dvh}.question__folio{margin-bottom:8dvh}.question__copy h2{font-size:clamp(30px,8.6vw,48px)}.question__options{margin-top:26px}.result-cover-lines span:first-child,.result-vertical-label,.result-cover-meta{display:none}}