:root{--primary:#7657d6;--primary-dark:#4d369e;--accent:#ff8a65;--soft:#f7f3ff;--ink:#241c35;--muted:#71677f;--line:#e5def0;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(67,44,112,.12);font-size:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;line-height:1.7}a{color:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:999;background:#111;color:#fff;padding:10px}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-row{min-height:76px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:900;font-size:1.08rem}.brand-mark{display:grid;place-items:center;min-width:50px;height:50px;padding:0 10px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.8rem;box-shadow:0 8px 25px color-mix(in srgb,var(--primary) 30%,transparent)}#primary-menu{margin-left:auto}.primary-menu ul,.footer-menu ul{list-style:none;display:flex;gap:20px;padding:0;margin:0}.primary-menu a,.footer-menu a{text-decoration:none}.primary-menu a{font-weight:750;padding:12px 2px}.primary-menu a:hover{color:var(--primary)}.mobile-menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px}.hero{background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 26%),linear-gradient(135deg,var(--soft),#fff 65%);border-bottom:1px solid var(--line);overflow:hidden}.hero-inner{min-height:530px;display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:center;padding:72px 0}.eyebrow{display:inline-flex;padding:8px 13px;border-radius:999px;background:#fff;color:var(--primary-dark);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--line));font-weight:850;font-size:.84rem}.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.12;letter-spacing:-.055em;margin:18px 0}.hero p{font-size:1.08rem;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.hero-panel{background:#fff;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-panel .big-emoji{font-size:4rem}.hero-panel h2{margin:12px 0 6px}.hero-panel p{font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:13px;padding:12px 19px;font-weight:850;cursor:pointer;font:inherit}.btn.primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 28%,transparent)}.btn.secondary{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn.full{width:100%}.section{padding:72px 0}.section-soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{font-size:2rem;letter-spacing:-.04em;margin:0}.section-heading p{margin:7px 0 0;color:var(--muted)}.section-heading a{color:var(--primary);font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:.2s;box-shadow:0 8px 25px rgba(56,37,98,.04)}.category-card:hover,.test-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}.category-icon{font-size:2.3rem}.category-card h3{font-size:1.18rem;margin:10px 0 5px}.category-card p{color:var(--muted);margin:0}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.test-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 25px rgba(56,37,98,.05);transition:.2s;display:flex;flex-direction:column}.test-card-visual{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,var(--soft),#fff);overflow:hidden}.test-card-visual img{width:100%;height:100%;object-fit:cover}.test-card-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:4.2rem;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,#fff),#fff)}.test-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.test-card-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem}.test-card h3{font-size:1.18rem;line-height:1.42;margin:13px 0 8px}.test-card h3 a{text-decoration:none}.test-card p{color:var(--muted);flex:1}.custom-banner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px;background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;border-radius:var(--radius);box-shadow:var(--shadow)}.custom-banner h2{margin:0 0 8px}.custom-banner p{margin:0;color:rgba(255,255,255,.85)}.site-footer{margin-top:70px;padding:52px 0 24px;background:#211a31;color:#e8e2f1}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:45px}.footer-grid p{color:#bdb3ca}.footer-menu ul{justify-content:flex-end;flex-wrap:wrap}.copyright{border-top:1px solid #3d334f;margin-top:28px;padding-top:20px;color:#9e93ad;font-size:.82rem}.page-shell{padding:55px 0}.page-narrow{width:min(820px,calc(100% - 32px));margin:auto}.page-title{font-size:2.4rem;letter-spacing:-.045em;margin-bottom:14px}.page-lead{color:var(--muted);font-size:1.05rem}.content-body h2{font-size:1.55rem;margin:42px 0 16px;border-bottom:3px solid color-mix(in srgb,var(--primary) 22%,var(--line));padding-bottom:10px}.content-body p{margin:0 0 20px}.content-body ul{padding-left:25px}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.filter-chip{padding:9px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.test-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center;padding:55px 0}.test-intro-visual{aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,var(--soft),#fff);display:grid;place-items:center;font-size:7rem;box-shadow:var(--shadow)}.test-intro-visual img{width:100%;height:100%;object-fit:cover}.test-intro h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.2;letter-spacing:-.05em}.test-summary-pills{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.test-summary-pills span{padding:7px 11px;border-radius:999px;background:var(--soft);color:var(--primary-dark);font-weight:750;font-size:.84rem}.disclaimer{padding:17px 19px;border-radius:14px;background:#fff8ee;border-left:5px solid var(--accent);color:#725233;margin:24px 0;font-size:.9rem}.quiz-shell{width:min(800px,calc(100% - 28px));margin:50px auto}.quiz-head{text-align:center;margin-bottom:25px}.progress-wrap{height:11px;border-radius:999px;background:#eee8f5;overflow:hidden;margin:16px 0}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--accent));transition:.3s}.question-card{display:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}.question-card.active{display:block}.question-number{color:var(--primary);font-weight:900}.question-card h2{font-size:1.5rem;line-height:1.42}.question-help{color:var(--muted)}.option-list{display:grid;gap:12px;margin-top:25px}.option-label{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:.15s}.option-label:hover{border-color:var(--primary);background:var(--soft)}.option-label input{margin-top:5px;accent-color:var(--primary)}.quiz-actions{display:flex;justify-content:space-between;gap:10px;margin-top:24px}.quiz-actions .btn{min-width:125px}.result-shell{width:min(850px,calc(100% - 28px));margin:50px auto}.result-hero{text-align:center;padding:45px 30px;background:linear-gradient(135deg,var(--soft),#fff);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.result-emoji{font-size:5rem}.result-label{font-weight:900;color:var(--primary)}.result-hero h1{font-size:2.7rem;margin:8px 0}.result-subtitle{font-size:1.12rem;color:var(--muted)}.result-description{font-size:1.02rem;max-width:700px;margin:22px auto 0}.result-detail{margin:22px 0;padding:25px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.result-detail h2{margin-top:0;color:var(--primary-dark)}.result-detail li{margin:8px 0}.result-detail.caution{background:#fff8f4;border-color:#ffd7ca}.result-detail.advice{background:var(--soft)}.share-row{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:25px 0}.share-btn{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.related-tests{margin-top:50px}.pagination{display:flex;gap:6px;justify-content:center;margin:38px 0}.pagination a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;text-decoration:none}.pagination a.active{background:var(--primary);color:#fff}.empty-state{text-align:center;padding:45px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:920px){.hero-inner,.test-intro{grid-template-columns:1fr}.hero-panel{display:none}.test-intro-visual{max-width:520px;width:100%;margin:auto}.test-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.mobile-menu-button{display:block;margin-left:auto}.header-row{flex-wrap:wrap;padding:11px 0}.brand{margin-right:auto}#primary-menu{display:none;width:100%;order:3;margin-left:0}#primary-menu.open{display:block}.primary-menu ul{display:grid;gap:0}.primary-menu a{display:block;padding:12px;border-top:1px solid var(--line)}.test-grid,.category-grid{grid-template-columns:1fr}.hero-inner{min-height:auto;padding:55px 0}.hero h1{font-size:2.45rem}.section{padding:52px 0}.section-heading{align-items:flex-start}.custom-banner{display:block}.custom-banner .btn{margin-top:18px}.test-intro{padding:38px 0}.test-intro h1{font-size:2.35rem}.question-card{padding:22px}.quiz-actions .btn{min-width:0;flex:1}.result-hero h1{font-size:2.2rem}.footer-grid{grid-template-columns:1fr}.footer-menu ul{justify-content:flex-start}}

/* v2.0 visual storytelling engine */
.visual-scene,.test-card-generated,.generated-hero,.result-poster,.question-scene,.ai-visual-preview{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--visual-bg,#f7f3ff),color-mix(in srgb,var(--visual-primary,#7657d6) 16%,#fff));color:var(--visual-text,#241c35)}
.test-card-generated{width:100%;height:100%;display:grid;place-items:center}.generated-symbol{font-size:4.8rem;filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--visual-primary) 25%,transparent));z-index:2}.generated-badge{position:absolute;top:16px;left:16px;padding:7px 12px;border-radius:999px;background:#ffffffd9;backdrop-filter:blur(12px);font-weight:850;font-size:.74rem;color:var(--visual-primary);z-index:3}.visual-decorations{position:absolute;inset:0;pointer-events:none;overflow:hidden}.visual-shape{position:absolute;display:block;opacity:.32;filter:drop-shadow(0 8px 18px color-mix(in srgb,var(--visual-primary) 20%,transparent));animation:floatShape 6s ease-in-out infinite}.shape-1{left:8%;top:13%;width:48px;height:48px}.shape-2{right:8%;top:18%;width:72px;height:72px;animation-delay:-1.4s}.shape-3{left:13%;bottom:12%;width:62px;height:62px;animation-delay:-2.7s}.shape-4{right:16%;bottom:8%;width:42px;height:42px;animation-delay:-4s}.shape-5{left:46%;top:6%;width:30px;height:30px;animation-delay:-3s}.shape-circle,.shape-bubble,.shape-dot{border-radius:50%;background:var(--visual-accent)}.shape-bubble{border:2px solid #ffffffaa;background:color-mix(in srgb,var(--visual-secondary) 28%,transparent);backdrop-filter:blur(4px)}.shape-star,.shape-sparkle,.shape-diamond{background:var(--visual-accent);clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%)}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.shape-cloud{border-radius:60px;background:#ffffffaa;box-shadow:24px 8px 0 -2px #ffffff9c,-24px 10px 0 -5px #ffffff90}.shape-heart{background:var(--visual-accent);transform:rotate(45deg);border-radius:8px}.shape-heart:before,.shape-heart:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:50%}.shape-heart:before{left:-50%}.shape-heart:after{top:-50%}.shape-wave,.shape-line,.shape-ribbon{height:8px!important;border-radius:999px;background:linear-gradient(90deg,var(--visual-primary),var(--visual-accent));transform:rotate(-18deg)}.shape-leaf{border-radius:100% 0 100% 0;background:var(--visual-accent);transform:rotate(32deg)}
.illustration-moon_stars{background-image:radial-gradient(circle at 72% 24%,#fff6c7 0 8%,transparent 8.5%),radial-gradient(circle at 75% 21%,var(--visual-bg) 0 7%,transparent 7.5%),linear-gradient(145deg,var(--visual-bg),color-mix(in srgb,var(--visual-primary) 45%,#1d1740))}.illustration-abstract_orbit{background-image:radial-gradient(circle at 50% 50%,transparent 0 25%,color-mix(in srgb,var(--visual-primary) 24%,transparent) 25.5% 27%,transparent 27.5% 42%,color-mix(in srgb,var(--visual-accent) 24%,transparent) 42.5% 44%,transparent 44.5%),linear-gradient(135deg,var(--visual-bg),color-mix(in srgb,var(--visual-primary) 20%,#fff))}.illustration-sunrise_mountain{background-image:radial-gradient(circle at 72% 25%,var(--visual-accent) 0 11%,transparent 11.5%),linear-gradient(150deg,transparent 0 52%,color-mix(in srgb,var(--visual-secondary) 78%,#132b35) 52.5% 67%,color-mix(in srgb,var(--visual-primary) 62%,#fff) 67.5%),linear-gradient(135deg,var(--visual-bg),#fff)}.illustration-flower_garden{background-image:radial-gradient(circle at 20% 75%,var(--visual-accent) 0 4%,transparent 4.5%),radial-gradient(circle at 35% 82%,var(--visual-primary) 0 5%,transparent 5.5%),radial-gradient(circle at 75% 73%,var(--visual-secondary) 0 6%,transparent 6.5%),linear-gradient(135deg,var(--visual-bg),#fff)}.illustration-ocean_wave{background-image:radial-gradient(ellipse at 50% 100%,transparent 0 42%,color-mix(in srgb,var(--visual-primary) 70%,#2aa9d6) 42.5% 55%,transparent 55.5%),radial-gradient(ellipse at 15% 105%,transparent 0 45%,color-mix(in srgb,var(--visual-secondary) 60%,#5bc7e8) 45.5% 62%,transparent 62.5%),linear-gradient(180deg,#f2fcff,var(--visual-bg))}.illustration-city_lights{background-image:linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--visual-primary) 45%,transparent) 8% 14%,transparent 14% 22%,color-mix(in srgb,var(--visual-secondary) 48%,transparent) 22% 31%,transparent 31% 43%,color-mix(in srgb,var(--visual-primary) 42%,transparent) 43% 54%,transparent 54% 64%,color-mix(in srgb,var(--visual-accent) 45%,transparent) 64% 74%,transparent 74%),linear-gradient(180deg,var(--visual-secondary),var(--visual-bg))}.illustration-confetti{background-image:radial-gradient(circle at 18% 20%,var(--visual-accent) 0 3%,transparent 3.5%),radial-gradient(circle at 78% 22%,var(--visual-primary) 0 4%,transparent 4.5%),radial-gradient(circle at 28% 80%,var(--visual-secondary) 0 3%,transparent 3.5%),linear-gradient(135deg,var(--visual-bg),#fff)}.illustration-compass{background-image:radial-gradient(circle at 50% 50%,transparent 0 25%,color-mix(in srgb,var(--visual-primary) 30%,transparent) 25.5% 27%,transparent 27.5%),conic-gradient(from 45deg at 50% 50%,transparent 0 11%,color-mix(in srgb,var(--visual-accent) 35%,transparent) 11% 14%,transparent 14% 36%,color-mix(in srgb,var(--visual-primary) 30%,transparent) 36% 39%,transparent 39%),linear-gradient(135deg,var(--visual-bg),#fff)}.illustration-cloud_dream{background-image:radial-gradient(ellipse at 25% 70%,#fff 0 14%,transparent 14.5%),radial-gradient(ellipse at 52% 78%,#ffffffd0 0 20%,transparent 20.5%),radial-gradient(ellipse at 80% 66%,#ffffffa8 0 15%,transparent 15.5%),linear-gradient(145deg,var(--visual-bg),color-mix(in srgb,var(--visual-primary) 28%,#fff))}.illustration-geometric{background-image:linear-gradient(45deg,color-mix(in srgb,var(--visual-primary) 13%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--visual-accent) 13%,transparent) 75%),linear-gradient(-45deg,color-mix(in srgb,var(--visual-secondary) 12%,transparent) 25%,transparent 25% 75%,color-mix(in srgb,var(--visual-primary) 10%,transparent) 75%),linear-gradient(135deg,var(--visual-bg),#fff);background-size:72px 72px}.illustration-heart_ribbon{background-image:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--visual-accent) 18%,transparent) 0 22%,transparent 22.5%),linear-gradient(145deg,var(--visual-bg),#fff)}.illustration-forest_path{background-image:linear-gradient(165deg,transparent 0 45%,color-mix(in srgb,var(--visual-accent) 35%,#d9c49c) 45.5% 56%,transparent 56.5%),linear-gradient(90deg,color-mix(in srgb,var(--visual-primary) 32%,#274c3c),transparent 20% 80%,color-mix(in srgb,var(--visual-secondary) 35%,#274c3c)),linear-gradient(180deg,#f1fff5,var(--visual-bg))}
.generated-hero{box-shadow:0 28px 65px color-mix(in srgb,var(--visual-primary) 25%,transparent);border:1px solid #ffffffc7;display:flex!important;flex-direction:column;gap:16px;text-align:center;padding:34px}.hero-poster-symbol{font-size:7rem;z-index:2;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--visual-primary) 25%,transparent))}.hero-poster-title{font-size:1.35rem;line-height:1.35;z-index:2;max-width:88%}.generated-hero small{z-index:2;padding:8px 13px;border-radius:999px;background:#ffffffce;font-weight:800;color:var(--visual-primary)}.visual-badge-inline{display:inline-block;margin-left:8px;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--visual-primary) 10%,#fff);color:var(--visual-primary);font-size:.75rem;font-weight:850}.start-glow{position:relative;overflow:hidden}.start-glow:after{content:"";position:absolute;inset:-40%;background:linear-gradient(100deg,transparent 35%,#ffffff8c 48%,transparent 60%);transform:translateX(-70%);animation:buttonShine 3.6s infinite}
.quiz-shell{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--visual-primary) 8%,transparent),transparent 45%);padding:28px 0 55px}.quiz-mini-symbol{font-size:2rem}.question-card{background:linear-gradient(145deg,var(--question-bg,#fff),#fff);border-color:color-mix(in srgb,var(--question-accent,var(--visual-primary)) 22%,var(--line));transform-origin:center}.question-scene{min-height:145px;margin:-12px -12px 24px;border-radius:calc(var(--radius) - 5px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:radial-gradient(circle at 70% 25%,color-mix(in srgb,var(--question-accent) 20%,transparent),transparent 35%),linear-gradient(135deg,color-mix(in srgb,var(--question-bg) 75%,#fff),#fff);overflow:hidden}.question-scene span{font-size:4.2rem;filter:drop-shadow(0 12px 20px color-mix(in srgb,var(--question-accent) 25%,transparent))}.question-scene small{font-weight:750;color:color-mix(in srgb,var(--question-accent) 72%,#241c35)}.question-scene img{width:100%;height:190px;object-fit:cover}.option-label{position:relative;overflow:hidden}.option-label .option-emoji{font-size:1.45rem;line-height:1}.option-label i{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--option-accent);color:#fff;font-style:normal;opacity:0;transform:scale(.5);transition:.18s}.option-label.selected{border-color:var(--option-accent);background:color-mix(in srgb,var(--option-accent) 9%,#fff);transform:translateY(-2px) scale(1.012);box-shadow:0 12px 25px color-mix(in srgb,var(--option-accent) 16%,transparent)}.option-label.selected i{opacity:1;transform:scale(1)}.quiz-style-glass .option-label{background:#ffffffb8;backdrop-filter:blur(12px)}.quiz-style-soft .option-label{background:color-mix(in srgb,var(--visual-bg) 75%,#fff)}.quiz-style-outline .option-label{background:transparent;border-width:2px}.quiz-style-vivid .option-label{border:0;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--option-accent) 13%,#fff));box-shadow:0 8px 18px color-mix(in srgb,var(--option-accent) 10%,transparent)}.question-card.enter-forward{animation:questionForward .36s both}.question-card.enter-back{animation:questionBack .36s both}
.result-poster{position:relative;overflow:hidden;text-align:center;padding:62px 36px;background:linear-gradient(145deg,var(--visual-bg),color-mix(in srgb,var(--visual-primary) 18%,#fff));border:1px solid color-mix(in srgb,var(--visual-primary) 18%,#fff);border-radius:calc(var(--radius) + 8px);box-shadow:0 30px 80px color-mix(in srgb,var(--visual-primary) 24%,transparent)}.result-poster:after{content:"";position:absolute;inset:18px;border:1px solid #ffffffb3;border-radius:calc(var(--radius) + 1px);pointer-events:none}.result-poster>*:not(.visual-decorations){position:relative;z-index:2}.poster-kicker{color:var(--visual-primary);font-weight:950;letter-spacing:-.025em;font-size:1.1rem;margin:8px 0}.result-poster h1{font-size:clamp(2.5rem,7vw,4.2rem);margin:8px 0;letter-spacing:-.055em}.result-poster .result-emoji{font-size:6.2rem;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--visual-primary) 24%,transparent))}.visual-keywords{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.visual-keywords span{padding:7px 12px;border-radius:999px;background:#ffffffb8;backdrop-filter:blur(10px);font-weight:850;color:var(--visual-primary)}.result-hashtags{text-align:center;color:var(--visual-primary);font-weight:800;letter-spacing:.02em}.share-image-btn{background:linear-gradient(135deg,var(--visual-primary),var(--visual-secondary));color:#fff;border:0}.result-detail{box-shadow:0 12px 35px rgba(56,37,98,.06)}
.visual-scene.visual-admin{aspect-ratio:1/1;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.visual-admin .visual-symbol{font-size:5rem;z-index:2}.visual-admin .visual-title,.visual-admin .visual-subtitle{position:relative;z-index:2}.visual-admin .visual-title{font-size:1.15rem}.visual-admin .visual-subtitle{font-size:.82rem;opacity:.8}
@keyframes floatShape{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(7deg)}}@keyframes buttonShine{0%,45%{transform:translateX(-80%)}75%,100%{transform:translateX(80%)}}@keyframes questionForward{from{opacity:0;transform:translateX(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes questionBack{from{opacity:0;transform:translateX(-28px) scale(.985)}to{opacity:1;transform:none}}
.motion-reduced *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:700px){.generated-hero{min-height:360px}.hero-poster-symbol{font-size:5.4rem}.question-scene{min-height:120px}.result-poster{padding:48px 22px}.result-poster .result-emoji{font-size:5rem}.result-poster h1{font-size:2.65rem}}


/* v3 personality portal landing */
.personality-hero{background:radial-gradient(circle at 15% 10%,rgba(255,216,120,.32),transparent 28%),radial-gradient(circle at 88% 12%,rgba(159,126,255,.30),transparent 32%),linear-gradient(180deg,#fbfaff 0,#f4f0ff 100%);padding:68px 0 54px;overflow:hidden}.personality-hero .hero-inner{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:44px}.hero-copy h1{font-size:clamp(3rem,6.2vw,6.25rem);line-height:.98;letter-spacing:-.075em;max-width:760px}.hero-copy>p{font-size:1.2rem;line-height:1.8;max-width:650px}.hero-mini-trust{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px;color:#5d5472;font-weight:750;font-size:.9rem}.hero-art{position:relative}.hero-art img{display:block;width:100%;filter:drop-shadow(0 35px 50px rgba(45,31,90,.22));animation:heroFloat 6s ease-in-out infinite}.floating-pill{position:absolute;padding:11px 17px;border-radius:999px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(39,27,78,.18);font-weight:900;color:#3d2b73}.pill-one{left:-18px;top:18%}.pill-two{right:-14px;bottom:18%}.stats-strip{margin-top:-1px;background:#171b3d;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats-grid div{padding:28px 16px;border-right:1px solid rgba(255,255,255,.12)}.stats-grid div:last-child{border-right:0}.stats-grid strong{display:block;font-size:2rem;color:#ffd872}.stats-grid span{display:block;margin-top:5px;color:#d9d7ec}.section-heading.centered{justify-content:center;text-align:center}.section-heading.centered>div{max-width:760px}.section-kicker{display:block;margin-bottom:10px;color:var(--primary);font-size:.78rem;font-weight:950;letter-spacing:.16em}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.benefit-card{background:#fff;border:1px solid rgba(82,62,146,.12);border-radius:calc(var(--radius) + 6px);padding:32px;box-shadow:0 16px 45px rgba(67,45,126,.08);transition:.25s}.benefit-card:hover{transform:translateY(-7px);box-shadow:0 25px 60px rgba(67,45,126,.14)}.benefit-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,var(--soft),#fff0e8);font-size:2rem}.benefit-card h3{font-size:1.35rem;margin:22px 0 10px}.benefit-card p{color:#6b637b;line-height:1.75}.universe-section{background:#151936;color:#fff;overflow:hidden}.universe-section .section-heading p{color:#bfc0db}.universe-section .section-kicker{color:#ffd872}.type-orbit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.type-orbit-card{position:relative;min-height:190px;padding:25px;border-radius:26px;background:linear-gradient(145deg,color-mix(in srgb,var(--type-color) 38%,#22264d),#22264d);border:1px solid rgba(255,255,255,.12);color:#fff;overflow:hidden;transition:.25s}.type-orbit-card:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-45px;top:-55px;background:var(--type-color);opacity:.35}.type-orbit-card:hover{transform:translateY(-6px) rotate(-.5deg);border-color:rgba(255,255,255,.3)}.type-orbit-card>span{position:relative;display:block;font-size:3rem}.type-orbit-card strong{position:relative;display:block;margin-top:18px;font-size:1.2rem}.type-orbit-card small{position:relative;display:block;margin-top:6px;color:#d8d8e8}.type-orbit-demo{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.type-orbit-demo div{display:flex;align-items:center;gap:12px;padding:22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.type-orbit-demo span{font-size:2rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps-grid article{position:relative;padding:34px;border-radius:26px;background:#fff;border:1px solid #ece8f5}.step-number{font-weight:950;font-size:3.3rem;line-height:1;color:#ebe5ff}.steps-grid h3{font-size:1.25rem;margin:16px 0 8px}.steps-grid p{color:#6b637b;line-height:1.7}.premium-cta{background:radial-gradient(circle at 90% 0,rgba(255,216,114,.32),transparent 32%),linear-gradient(135deg,#2b2357,#7657d6);color:#fff;border:0;box-shadow:0 28px 70px rgba(64,42,126,.25)}.premium-cta p{color:#e1ddf5}.premium-cta .section-kicker{color:#ffd872}.premium-cta .btn.secondary{background:#fff;color:#3d2b73;border-color:#fff}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-12px) rotate(-.3deg)}}
@media(max-width:980px){.personality-hero .hero-inner{grid-template-columns:1fr}.hero-art{max-width:720px;margin:0 auto}.benefit-grid,.steps-grid{grid-template-columns:1fr 1fr}.type-orbit-grid,.type-orbit-demo{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.personality-hero{padding-top:40px}.hero-copy h1{font-size:3.2rem}.hero-mini-trust{display:grid;gap:7px}.floating-pill{font-size:.75rem;padding:8px 11px}.pill-one{left:0}.pill-two{right:0}.stats-grid{grid-template-columns:1fr}.stats-grid div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.benefit-grid,.steps-grid,.type-orbit-grid,.type-orbit-demo{grid-template-columns:1fr}}