:root{color:#f6f3ed;font-synthesis:none;text-rendering:optimizelegibility;--panel:#ffffff0b;--line:#ffffff1c;--muted:#f6f3ed94;background:#08090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:#08090c}body{background:#08090c;min-width:320px;min-height:100vh;margin:0}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 78% 8%,#745d972e,#0000 30rem),radial-gradient(circle at 5% 72%,#4c787e1a,#0000 28rem),#08090c;min-height:100vh}.intro-screen,.quiz-screen,.results-screen{min-height:100vh}.intro-screen{place-items:center;padding:48px 22px 120px;display:grid;position:relative;overflow:hidden}.grain{opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.intro-card{z-index:1;text-align:center;width:min(680px,100%);position:relative}.eyebrow,.result-eyebrow,.section-kicker,.scene-kicker{text-transform:uppercase;letter-spacing:.18em;color:#f6f3ed7a;font-size:12px}.intro-card h1{letter-spacing:-.045em;margin:24px 0 6px;font-size:clamp(38px,8vw,72px);font-weight:720;line-height:1.06}.intro-card h2{color:#cfc6da;letter-spacing:-.035em;margin:0;font-size:clamp(30px,6vw,54px);font-weight:420}.lead{max-width:560px;color:var(--muted);margin:32px auto 30px;font-size:15px;line-height:1.9}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:999px;padding:15px 28px;transition:transform .18s,opacity .18s,background .18s}.primary-button{color:#111217;background:#f5f1e8;font-weight:760}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:active,.secondary-button:active{transform:translateY(1px)}.secondary-button{color:#fff;border:1px solid var(--line);background:#ffffff14}.meta-row{color:#f6f3ed61;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:20px;font-size:12px;display:flex}.meta-row span:not(:last-child):after{content:"·";margin-left:18px}.teaser-grid{opacity:.22;grid-template-columns:repeat(4,1fr);gap:9px;width:min(920px,125vw);display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%)rotate(-2deg)}.teaser-grid span{text-align:center;white-space:nowrap;border:1px solid #ffffff1f;padding:12px;font-size:12px}.quiz-screen{flex-direction:column;justify-content:center;width:min(760px,100%);margin:0 auto;padding:42px 20px 80px;display:flex}.quiz-topline{color:#f6f3ed85;letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:12px;display:flex}.progress-track{background:#ffffff14;height:2px;margin:12px 0 34px;overflow:hidden}.progress-fill{background:#e8e0ed;height:100%;transition:width .35s}.quiz-card{border:1px solid var(--line);background:#0d0e12bd;padding:clamp(24px,6vw,52px);box-shadow:0 28px 80px #00000040}.quiz-card h2{letter-spacing:-.025em;margin:12px 0 34px;font-size:clamp(24px,5vw,38px);line-height:1.42}.option-list{gap:12px;display:grid}.option-button{color:#ffffffe8;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:3px;align-items:flex-start;gap:14px;width:100%;padding:17px 18px;line-height:1.6;transition:background .16s,border-color .16s,transform .16s;display:flex}.option-button:hover{background:#ffffff13;border-color:#ffffff3d;transform:translate(3px)}.option-index{color:#ffffff57;flex:0 0 24px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.quiz-hint{text-align:center;color:#f6f3ed5c;margin:20px 0 0;font-size:12px}.results-screen{background:radial-gradient(circle at 78% 4%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 33rem)}.result-hero{text-align:center;border-bottom:1px solid var(--line);flex-direction:column;justify-content:flex-end;align-items:center;min-height:72vh;padding:80px 22px 70px;display:flex}.result-score{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);letter-spacing:.08em;margin-top:18px;padding:7px 12px;font-size:12px}.result-hero h1{letter-spacing:-.06em;color:var(--accent);margin:18px 0 10px;font-size:clamp(56px,14vw,112px);line-height:.95}.result-tagline{color:#ffffffe0;max-width:680px;margin:10px auto 18px;font-size:clamp(18px,4vw,28px);line-height:1.6}.tag-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag-row span{color:#ffffff85;border:1px solid #ffffff1f;padding:7px 10px;font-size:12px}.result-content{width:min(820px,100%);margin:0 auto;padding:56px 20px 100px}.story-section{border:1px solid var(--line);background:var(--panel);margin-bottom:18px;padding:26px}.lead-section{padding:clamp(26px,6vw,42px)}.story-section p{color:#ffffffba;margin:12px 0 0;font-size:15px;line-height:1.95}.story-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.story-grid .story-section{height:100%}.role-quote{text-align:center;color:#fff;border:0;margin:46px 0;padding:34px 10px;font-size:clamp(25px,5vw,42px);font-weight:650;line-height:1.5}.top-three{gap:10px;margin-top:16px;display:grid}.rank-card{border:1px solid #ffffff17;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.rank-card.current{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.rank-number{color:#ffffff52;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.rank-card strong{font-size:16px;display:block}.rank-card small{color:#ffffff73;margin-top:5px;line-height:1.5;display:block}.rank-card em{color:var(--accent);font-style:normal;font-weight:700}.result-actions{flex-direction:column;align-items:center;gap:12px;margin-top:36px;display:flex}.result-actions .primary-button,.result-actions .secondary-button{width:min(420px,100%)}.text-button{color:#ffffff73;cursor:pointer;background:0 0;border:0;padding:10px}.disclaimer{text-align:center;color:#ffffff47;margin-top:34px;font-size:11px}.radar-wrap{margin-top:12px}.radar-svg{width:min(360px,100%);margin:0 auto 16px;display:block;overflow:visible}.dimension-list{gap:15px;display:grid}.dimension-label{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.dimension-label strong{color:var(--accent)}.dimension-bar{background:#ffffff14;height:5px;overflow:hidden}.dimension-bar span{height:100%;display:block}.dimension-poles{color:#ffffff47;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}@media (width<=720px){.story-grid{grid-template-columns:1fr}.result-hero{min-height:62vh}.teaser-grid{grid-template-columns:repeat(4,minmax(100px,1fr));width:150vw}}@media (width<=430px){.intro-screen{padding-inline:18px}.quiz-screen{padding:26px 14px 60px}.quiz-card{padding:24px 18px}.option-button{padding:15px 14px}.result-content{padding-inline:14px}.story-section{padding:22px 18px}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{overscroll-behavior-y:none}.mobile-status-pill{top:max(18px, env(safe-area-inset-top));z-index:2;color:#ffffff73;letter-spacing:.08em;white-space:nowrap;background:#ffffff09;border:1px solid #ffffff1a;border-radius:999px;padding:7px 12px;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.intro-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto 26px;display:grid}.intro-feature-strip div{text-align:left;background:#ffffff07;border:1px solid #ffffff17;padding:16px 13px}.intro-feature-strip strong{color:#ffffffd1;margin-bottom:7px;font-size:13px;display:block}.intro-feature-strip span{color:#ffffff61;font-size:11px;line-height:1.5;display:block}.hero-start{min-width:260px;min-height:52px}.privacy-note{color:#ffffff40;margin:12px 0 0;font-size:10px}.mobile-quiz{width:min(560px,100%);min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));justify-content:flex-start}.mobile-quiz-header{grid-template-columns:44px 1fr 44px;align-items:center;gap:6px;min-height:54px;display:grid}.back-button{color:#ffffffb8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.back-button span{font-size:29px;line-height:1;transform:translateY(-1px)}.back-button.is-disabled{opacity:.18}.quiz-header-center{text-align:center;min-width:0}.chapter-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffff9e;letter-spacing:.05em;font-size:11px;display:block;overflow:hidden}.question-counter{color:#ffffff45;margin-top:3px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.progress-number{color:#ffffff61;justify-self:end;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.mobile-progress{background:#ffffff0f;border-radius:999px;height:3px;margin:7px 2px 18px;overflow:hidden}.mobile-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#cfc2da,#f4efe8);height:100%;transition:width .3s}.quiz-stage-card{background:linear-gradient(#ffffff0a,#ffffff05),#0a0b0fcc;border:1px solid #ffffff16;border-radius:24px;flex-direction:column;flex:1;min-height:calc(100dvh - 160px);padding:24px 16px 18px;animation:.22s ease-out both cardIn;display:flex;box-shadow:0 22px 70px #00000042}@keyframes cardIn{0%{opacity:.35;transform:translateY(7px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.scene-stamp{color:#ffffff38;letter-spacing:.18em;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.quiz-stage-card .scene-kicker{letter-spacing:.12em;color:#dac9e480;margin-top:16px;font-size:10px}.quiz-stage-card h2{letter-spacing:-.025em;margin:11px 0 22px;font-size:clamp(22px,6vw,30px);font-weight:680;line-height:1.48}.mobile-options{gap:10px;margin-top:auto}.mobile-options .option-button{touch-action:manipulation;background:#ffffff0a;border-color:#ffffff17;border-radius:17px;align-items:center;min-height:64px;padding:14px;position:relative;transform:none}.mobile-options .option-button:hover{transform:none}.mobile-options .option-button:active{background:#ffffff14;transform:scale(.988)}.mobile-options .option-button.is-selected{background:#ceb9da21;border-color:#e0d3ea8c}.mobile-options .option-button.is-muted{opacity:.33}.mobile-options .option-index{color:#ffffff75;border:1px solid #ffffff1a;border-radius:10px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.option-copy{flex:1;font-size:14px;line-height:1.55}.option-check{opacity:0;color:#eee3f3;width:20px;font-size:14px;transition:opacity .12s}.is-selected .option-check{opacity:1}.mobile-quiz-footer{justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 4px 0;display:flex}.instinct-chip{color:#ffffff4d;font-size:10px}.instinct-chip span{color:#dfd0e88c}.chapter-dots{gap:5px;display:flex}.chapter-dots span{background:#ffffff14;border-radius:999px;width:12px;height:3px}.chapter-dots span.active{background:#e0d3ea8c}.dossier-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.dossier-card{background:#ffffff08;border:1px solid #ffffff17;border-radius:18px;min-height:176px;padding:21px}.dossier-card>span{color:#ffffff57;letter-spacing:.12em;margin-bottom:13px;font-size:10px;display:block}.dossier-card strong{color:var(--accent);letter-spacing:-.03em;margin-bottom:8px;font-size:26px;display:block}.dossier-card p{color:#ffffffb3;margin:0;font-size:13px;line-height:1.8}.dossier-card.accent-card{border-color:color-mix(in srgb, var(--accent) 35%, #ffffff14);background:color-mix(in srgb, var(--accent) 6%, #ffffff06)}.dimension-story-list{gap:8px;margin-top:16px;display:grid}.dimension-story-list article{border-top:1px solid #ffffff13;padding:17px 0}.dimension-story-list article:first-child{border-top:0}.dimension-story-list article>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dimension-story-list strong{font-size:14px}.dimension-story-list span{color:#ffffff52;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.dimension-story-list p{color:#fff9;margin:7px 0 0;font-size:13px;line-height:1.78}.dimension-story-list .is-strongest strong{color:var(--accent)}.dimension-story-list .is-quietest{opacity:.82}.secondary-role-card{border:1px solid color-mix(in srgb, var(--accent) 25%, #ffffff17);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 8%, transparent), #ffffff06);border-radius:22px;margin:0 0 18px;padding:30px 25px;position:relative;overflow:hidden}.secondary-role-card:after{content:"02";color:color-mix(in srgb, var(--accent) 8%, transparent);pointer-events:none;font-size:150px;font-weight:900;line-height:1;position:absolute;bottom:-36px;right:-8px}.secondary-role-topline{z-index:1;color:#ffffff57;letter-spacing:.16em;font-size:9px;position:relative}.secondary-role-name{z-index:1;color:var(--accent);letter-spacing:-.05em;margin-top:13px;font-size:clamp(34px,9vw,56px);font-weight:780;position:relative}.secondary-role-card p{z-index:1;color:#ffffffd1;margin:6px 0 17px;font-size:16px;line-height:1.6;position:relative}.secondary-role-card small{z-index:1;color:#ffffff7a;max-width:650px;font-size:12px;line-height:1.8;display:block;position:relative}@media (width<=560px){.intro-screen{min-height:100dvh;padding:max(82px, calc(env(safe-area-inset-top) + 68px)) 16px 100px;place-items:start center}.intro-card h1{margin-top:18px;font-size:43px}.intro-card h2{font-size:29px}.lead{margin:24px auto 22px;font-size:13px;line-height:1.85}.intro-feature-strip{grid-template-columns:1fr;gap:7px;margin-bottom:20px}.intro-feature-strip div{border-radius:14px;grid-template-columns:72px 1fr;align-items:center;gap:10px;padding:12px 13px;display:grid}.intro-feature-strip strong{margin:0}.hero-start{width:100%;min-height:54px}.teaser-grid{opacity:.14;bottom:14px}.result-hero{min-height:74dvh;padding-top:max(68px, env(safe-area-inset-top));padding-bottom:54px}.result-hero h1{font-size:clamp(56px,17vw,78px)}.result-tagline{max-width:330px;font-size:18px}.result-content{padding-top:28px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.dossier-grid{grid-template-columns:1fr;gap:9px}.dossier-card{min-height:0;padding:19px 18px}.story-section{border-radius:18px}.role-quote{margin:28px 0;padding:28px 8px;font-size:28px}.rank-card{border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;padding:13px 12px}.rank-card small{font-size:10px}.result-actions{bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0b0ee0;border:1px solid #ffffff14;border-radius:22px;margin:30px -4px 0;padding:10px;position:sticky}.result-actions .primary-button,.result-actions .secondary-button{min-height:50px}}@media (width<=380px){.mobile-quiz{padding-inline:10px}.quiz-stage-card{border-radius:20px;padding:20px 12px 14px}.quiz-stage-card h2{margin-bottom:18px;font-size:21px}.mobile-options .option-button{min-height:60px;padding:12px}.option-copy{font-size:13px}.intro-card h1{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}