/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--spacing:.25rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.hidden{display:none}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#fff7fb;--foreground:#18131f;--ink:#18131f;--muted:#665f72;--paper:#fffdfb;--paper-soft:#fff1f7;--line:#18131f1f;--rose:#f0528f;--violet:#7165f5;--green:#09a77b;--amber:#f39a1f;--clay:#ff6b58;--blue:#2f7df6;--mint:#36d5bd;--shadow:0 24px 70px #48305c29}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--foreground);background:linear-gradient(135deg,#ffdce4e0 0%,#ffcddde6 34%,#ffe2d2e0 67%,#fffaf4f2 100%),linear-gradient(#fff7fb 0%,#fffdfb 100%);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{place-items:center;min-height:100vh;padding:28px 16px;display:grid}.gate-shell{background:linear-gradient(#ffffff0a 0%,#ffffff85 72%,#fffc 100%),linear-gradient(125deg,#ffcbd6 0%,#ffb6cc 36%,#ffd8c5 72%,#fff2e8 100%);position:relative;overflow:hidden}.gate-shell:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0 34%,#ffffff57 34% 43%,#0000 43% 100%),linear-gradient(20deg,#0000 0 58%,#ffffff47 58% 68%,#0000 68% 100%);position:absolute;inset:0}.gate-panel,.intro-shell,.test-shell,.reading-panel,.result-shell{border:1px solid var(--line);background:linear-gradient(180deg, #ffffffe0, #fffaf5f5), var(--paper);width:min(100%,980px);box-shadow:var(--shadow);border-radius:8px}.gate-panel,.intro-shell,.test-shell,.result-shell{padding:24px}.gate-shell .gate-panel{background:linear-gradient(#ffffffe6,#fff8f8bd 58%,#ffffffeb),linear-gradient(135deg,#ff799e6b,#ffb78e4d);border:1px solid #ffffff8f;flex-direction:column;width:min(100%,880px);min-height:min(780px,100vh - 56px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #b44f6838}.gate-shell .gate-panel:after{content:"";background:linear-gradient(90deg,#ff5f9c,#ffb65a,#ff86b2);height:8px;position:absolute;bottom:0;left:0;right:0}.brand-row,.test-header,.result-hero,.action-row,.section-title,.test-footer,.dim-top{align-items:center;display:flex}.brand-row{color:var(--muted);justify-content:center;gap:12px;font-size:14px}.brand-mark{background:var(--ink);color:#fffaf5;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.gate-shell .brand-mark{width:92px;height:86px;box-shadow:none;background:0 0;border-radius:0}.butterfly-icon{filter:drop-shadow(0 14px 18px #d61d4e3d);width:88px;height:78px;display:block;position:relative}.butterfly-icon:before,.butterfly-icon:after{content:"";background:radial-gradient(circle at 26% 22%,#ffffffe0 0 5px,#0000 6px),linear-gradient(128deg,#ffffff5c 0 16%,#0000 17% 44%,#b800272e 45% 100%),linear-gradient(145deg,#ff86ad 0%,#ff3266 47%,#d7002e 100%);width:38px;height:46px;position:absolute;top:5px}.butterfly-icon:before{border-radius:28px 20px 24px 12px;left:3px;transform:rotate(-17deg)}.butterfly-icon:after{border-radius:20px 28px 12px 24px;right:3px;transform:rotate(17deg)}.butterfly-icon i{z-index:2;background:linear-gradient(90deg,#ffffff47,#0000 34%),linear-gradient(#8f1634,#e3184d 58%,#a8002b);border-radius:999px;width:10px;height:34px;position:absolute;top:14px;left:39px;box-shadow:0 -8px #b8133c,0 6px 10px #74001f2e}.butterfly-icon b,.butterfly-icon em{clip-path:polygon(14% 0,100% 8%,74% 100%,52% 72%,18% 100%,0 12%);background:linear-gradient(120deg,#ffffff57 0 18%,#0000 19% 48%,#ab00273d 49% 100%),linear-gradient(155deg,#ff8fb2,#ff2458 62%,#c80031);width:28px;height:36px;position:absolute;top:43px}.butterfly-icon b{border-radius:15px 8px 12px 10px;left:20px;transform:rotate(16deg)}.butterfly-icon em{border-radius:8px 15px 10px 12px;right:20px;transform:rotate(-16deg)}.gate-shell .brand-row{z-index:2;color:#9d536a;justify-content:flex-start;font-weight:800;position:absolute;top:22px;left:24px}.gate-grid{text-align:center;grid-template-columns:1fr;align-items:center;gap:30px;max-width:760px;margin:0 auto;padding:66px 0 38px;display:grid}.gate-copy h1,.intro-hero h1,.test-header h1,.reading-panel h1,.result-hero h1{color:var(--ink);margin:0}.gate-copy h1{max-width:660px;margin:0 auto;font-size:42px;font-weight:900;line-height:1.12}.gate-shell .gate-copy h1{color:#2a1720;text-shadow:0 1px #ffffffb3;max-width:620px}.gate-shell .gate-copy h1 span{display:block}.gate-shell .gate-copy h1 span:first-child{font-size:38px;line-height:1.12}.gate-shell .gate-copy h1 span:last-child{margin-top:4px;font-size:54px;line-height:1.05}.gate-shell .kicker{color:#e14d85;letter-spacing:0}.gate-shell .gate-copy p:not(.kicker){color:#6d3949;max-width:520px;margin:16px auto 0;font-weight:700;line-height:1.62}.kicker{color:var(--rose);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900}.gate-copy p:not(.kicker),.intro-hero p,.reading-panel p:not(.kicker),.result-summary,.note-card p,.type-card p,.summary-card p{color:#55505b;font-size:16px;line-height:1.75}.password-card,.gender-card,.privacy-bar,.form-card,.type-card,.summary-card,.note-card,.profile-compare-card,.analysis-item,.advice-card{border:1px solid var(--line);background:#ffffffa8;border-radius:8px}.password-card{text-align:center;width:min(100%,560px);margin:0 auto;padding:24px}.gate-shell .password-card{background:#ffffffc2;border-color:#ff8cae52;box-shadow:0 18px 44px #ba557124}.gate-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.gate-metrics span{color:#bd1435;background:#fff4f7db;border:1px solid #e600232e;border-radius:8px;justify-content:center;align-items:center;min-height:34px;font-size:13px;font-weight:900;display:inline-flex}.password-card label,.field-label{color:var(--ink);margin-bottom:12px;font-size:14px;font-weight:900;display:block}.password-line{grid-template-columns:1fr auto;gap:10px;display:grid}.password-line input{border:1px solid var(--line);min-width:0;height:46px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:0 14px}.password-line input:focus{border-color:var(--rose);box-shadow:0 0 0 3px #d14f7924}.password-line button,.primary-button,.ghost-button{border-radius:8px;min-height:46px;padding:0 18px;font-weight:900}.password-line button,.primary-button{background:linear-gradient(90deg, var(--rose), var(--violet) 58%, #9c8dff);color:#fffaf5;border:0;box-shadow:0 14px 30px #7165f533}.password-line button{background:var(--ink);box-shadow:none}.gate-shell .password-line button{background:linear-gradient(90deg,#ff5f9c,#ff8f73);box-shadow:0 12px 24px #ff5f9c38}.gate-gender-card{text-align:left;border-top:1px solid #201b2214;margin-top:14px;padding-top:16px}.gate-gender-card>span{color:#6d3949;margin-bottom:10px;font-size:14px;font-weight:800;display:block}.gate-gender-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.gate-gender-btn{min-height:54px;color:var(--ink);background:#ffffffe6;border:1px solid #201b2229;border-radius:8px;font-size:18px;font-weight:900;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.gate-gender-btn:hover,.gate-gender-btn.selected{background:#fff7faf5;border-color:#e6002347;transform:translateY(-1px);box-shadow:0 12px 26px #e600231a}.gate-gender-card+.password-line{margin-top:16px}.primary-button:disabled{box-shadow:none;background:linear-gradient(90deg,#e4bad0,#c8c2f2)}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#fff}.wide-button{width:100%;margin-top:16px}.privacy-note{color:#665f72db;text-align:center;max-width:620px;margin:12px auto 0;padding:0 6px;font-size:12px;line-height:1.7}.privacy-note strong{color:#28212d;font-weight:900}.gate-privacy-note{width:min(100%,680px);margin-top:auto;padding:18px 8px 8px}.gate-error{color:#0000;min-height:22px;margin:10px 0 0;font-size:14px}.gate-error.visible{color:var(--clay)}.gender-male{--rose:#2678f2;--violet:#2da8ff;--paper-soft:#edf6ff;--line:#18488024;--shadow:0 24px 70px #2660a429}.app-shell.gender-male{background:radial-gradient(circle at 82% 12%,#77d5ff42,#0000 30%),radial-gradient(circle at 10% 86%,#ffdf963d,#0000 28%),linear-gradient(135deg,#dbebfff5,#e1f8ffe6 48%,#fffaf1eb)}.gate-shell.gender-male{background:linear-gradient(#ffffff0f 0%,#ffffff8a 72%,#ffffffd6 100%),linear-gradient(125deg,#d7e9ff 0%,#b8ddff 38%,#c8f3ff 70%,#fff3df 100%)}.gate-shell.gender-male:before{background:linear-gradient(105deg,#0000 0 34%,#ffffff6b 34% 43%,#0000 43% 100%),linear-gradient(20deg,#0000 0 58%,#ffffff57 58% 68%,#0000 68% 100%)}.gate-shell.gender-male .gate-panel{background:linear-gradient(#ffffffeb,#f4faffc2 58%,#ffffffeb),linear-gradient(135deg,#4597f547,#6cdae633);border-color:#ffffff9e;box-shadow:0 30px 90px #2d76be33}.gate-shell.gender-male .gate-panel:after{background:linear-gradient(90deg,#2678f2,#39c1ff,#92dfff)}.gender-male .butterfly-icon{filter:drop-shadow(0 14px 18px #2678f238)}.gender-male .butterfly-icon:before,.gender-male .butterfly-icon:after{background:radial-gradient(circle at 26% 22%,#ffffffe6 0 5px,#0000 6px),linear-gradient(128deg,#ffffff61 0 16%,#0000 17% 44%,#004ba22e 45% 100%),linear-gradient(145deg,#95d8ff 0%,#3e9cff 47%,#135bd8 100%)}.gender-male .butterfly-icon i{background:linear-gradient(90deg,#ffffff4d,#0000 34%),linear-gradient(#164f9b,#2678f2 58%,#0d3f93);box-shadow:0 -8px #1b61c6,0 6px 10px #0f3e882e}.gender-male .butterfly-icon b,.gender-male .butterfly-icon em{background:linear-gradient(120deg,#ffffff5c 0 18%,#0000 19% 48%,#00489938 49% 100%),linear-gradient(155deg,#a6e5ff,#379aff 62%,#0f56ca)}.gate-shell.gender-male .brand-row,.gate-shell.gender-male .gate-copy p:not(.kicker),.gate-shell.gender-male .gate-gender-card>span{color:#315172}.gate-shell.gender-male .gate-copy h1{color:#13263d}.gate-shell.gender-male .kicker{color:#2678f2}.gate-shell.gender-male .password-card{background:#fffc;border-color:#2678f23d;box-shadow:0 18px 44px #2d76be21}.gate-shell.gender-male .gate-metrics span{color:#145fc8;background:#eff7ffe6;border-color:#2678f23d}.gate-shell.gender-male .gate-gender-btn:hover,.gate-shell.gender-male .gate-gender-btn.selected,.gender-male .gender-btn:hover,.gender-male .gender-btn.selected,.gender-male .opt:hover,.gender-male .opt.selected{background:linear-gradient(135deg,#f0f8fffa,#e8fbfff5);border-color:#2678f261;box-shadow:0 12px 28px #2678f21f}.gate-shell.gender-male .password-line button,.gender-male .primary-button{background:linear-gradient(90deg,#2678f2,#2cb7ff 62%,#76ddff);box-shadow:0 14px 30px #2678f238}.gender-male .primary-button:disabled{background:linear-gradient(90deg,#b9d7f8,#c3eef7)}.gender-male .opt span{background:#2678f21f}.gender-male .opt.selected span{color:#2678f2}.gender-male .test-shell,.gender-male .reading-panel,.gender-male .result-shell{background:linear-gradient(180deg, #ffffffe6, #f7fcfff5), var(--paper);box-shadow:var(--shadow);border-color:#1848801f}.gender-male .reading-stack span:nth-child(2){background:#eef6ff}.gender-male .reading-stack span:nth-child(3){background:#ecfbff}.gender-male .step-pill,.gender-male .range-value{color:#2678f2;background:#2678f21a}.gender-male .type-card span,.gender-male .summary-card span,.gender-male .section-title span,.gender-male .dimension-breakdown-title span{color:#2678f2}.gender-male .score-card{background:radial-gradient(circle at 89% 14%,#beeeffe6,#0000 28%),radial-gradient(circle at 91% 12%,#2678f229,#0000 30%),linear-gradient(135deg,#fffffffa,#f4faffeb 48%,#f6feffe6);border-color:#2678f23d;box-shadow:0 24px 56px #2678f224,inset 0 1px #ffffffeb}.gender-male .score-card:before{background:linear-gradient(120deg,#ffffffc2,#0000 36%),radial-gradient(circle at 18% 110%,#2678f21f,#0000 34%)}.gender-male .score-card:after{background:radial-gradient(circle,#ffffff94,#e7f7ff1a);border-color:#2678f21f}.gender-male .score-band{background:linear-gradient(135deg,#2678f2,#2cb7ff);box-shadow:0 10px 20px #2678f238}.gender-male .score-total-bubble{color:#2678f2;text-shadow:0 14px 26px #2678f22e}.gender-male .score-total-bubble small{color:#315172}.gender-male .score-bar i{background:linear-gradient(90deg,#2678f2,#2cb7ff 58%,#79e3de);box-shadow:0 10px 22px #2678f242}.gender-male .score-bar em{background:radial-gradient(circle at 35% 30%,#c8efff,#3aa3ff 58%,#2678f2);box-shadow:0 10px 18px #2678f242,0 0 0 1px #2678f238}.gender-male .dimension-breakdown{border-color:#2678f229}.gender-male .dimension-group-head i,.gender-male .dimension-group.is-strong .dimension-mini-track i{background:linear-gradient(90deg,#2678f2,#2cb7ff)}.gender-male .dimension-group.is-steady .dimension-group-head i,.gender-male .dimension-group.is-steady .dimension-mini-track i{background:linear-gradient(90deg,#2cb7ff,#79e3de)}.gender-male .dimension-group.is-unlock .dimension-group-head i,.gender-male .dimension-group.is-unlock .dimension-mini-track i{background:linear-gradient(90deg,#0c87a6,#79e3de)}.gender-male .type-chip.current{background:linear-gradient(135deg,#f2f8ff,#effcff);border-color:#2678f26b;box-shadow:0 8px 22px #2678f21a}.gender-male .profile-compare-card{background:radial-gradient(circle at 86% 10%,#50d3e029,#0000 30%),linear-gradient(#ffffffe0,#f7fcfff0);box-shadow:0 18px 42px #2678f214}.gender-male .profile-compare-title{background:linear-gradient(135deg,#f1f8fffa,#f1feffdb)}.gender-male .profile-compare-title span,.gender-male .profile-compare-row span{color:#2678f2}.gender-male .profile-compare-header{background:#f1f8ffe6;border-color:#2678f21f}.gender-male .profile-compare-header span{color:#315172}.gender-male .profile-compare-header .ideal{background:linear-gradient(90deg,#2678f2,#2cb7ff)}.gender-male .profile-compare-header .base{color:#0c87a6;background:#ecfcfff0;border-color:#0c87a642}.mini-spectrum{border-top:1px solid var(--line);grid-template-columns:repeat(8,1fr);gap:10px;padding-top:18px;display:grid}.intro-shell{max-width:720px;box-shadow:none;background:0 0;border:0;gap:16px;padding:0;display:grid}.intro-hero{text-align:center;background:linear-gradient(90deg,#ffe0ebc7,#ebefffd1 48%,#ddf9f2db),#fffdfb;border:1px solid #7165f51f;border-radius:8px;padding:34px 24px 30px;position:relative;overflow:hidden;box-shadow:0 22px 54px #50457c1f}.intro-hero:after{content:"";background:linear-gradient(90deg, var(--rose), var(--blue), var(--mint), var(--amber));height:7px;position:absolute;inset:auto 0 0}.hero-crest{width:58px;height:52px;margin:0 auto 14px;position:relative}.hero-heart{background:linear-gradient(135deg,#ff2d79 10%,#ff658c 48%,#ff9f1f 100%);border-radius:8px 8px 2px;width:30px;height:30px;position:absolute;top:2px;left:14px;transform:rotate(-45deg);box-shadow:0 10px 22px #f0528f38}.hero-heart:before,.hero-heart:after{content:"";background:inherit;border-radius:50%;width:30px;height:30px;position:absolute}.hero-heart:before{top:-15px;left:0}.hero-heart:after{top:0;left:15px}.hero-ribbon{background:linear-gradient(90deg,#ffd53d,#ff8b34);border-radius:2px;width:32px;height:12px;position:absolute;top:27px;left:14px}.hero-ribbon:before,.hero-ribbon:after{content:"";clip-path:polygon(0 0,100% 0,72% 100%,0 68%);background:#ff8b34;width:16px;height:18px;position:absolute;top:8px}.hero-ribbon:before{left:2px;transform:rotate(12deg)}.hero-ribbon:after{right:2px;transform:scaleX(-1)rotate(12deg)}.hero-knot{background:#ff4f80;border-radius:50%;width:10px;height:10px;position:absolute;top:25px;left:25px}.intro-hero h1{margin-top:4px;font-size:32px;line-height:1.14;position:relative}.intro-hero p{color:#403a48;max-width:560px;margin:12px auto 0;font-size:16px;line-height:1.8;position:relative}.intro-pills{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:16px;display:flex;position:relative}.intro-pills span{color:#d93f78;background:#ffffffc7;border:1px solid #f0528f80;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 16px;font-size:14px;font-weight:900;display:inline-flex;box-shadow:0 10px 24px #f0528f1a}.intro-info-card{background:#ffffffd1;border:1px solid #18131f1a;border-radius:8px;padding:20px;box-shadow:0 16px 34px #50457c14}.intro-info-card p{color:#4d4655;margin:0;font-size:16px;line-height:1.75}.intro-info-card strong{color:var(--ink);font-weight:900}.privacy-bar{background:linear-gradient(90deg,#e0fbf1f5,#e9f9ffe0);border-color:#09a77b3d;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0;padding:16px 18px;display:grid;box-shadow:0 14px 30px #09a77b14}.privacy-bar strong{color:var(--green);font-size:15px}.privacy-bar span{color:#285b51;font-size:15px;line-height:1.6}.gender-card{background:#ffffffdb;padding:20px;box-shadow:0 14px 32px #50457c14}.gender-row,.opts{gap:10px;display:grid}.gender-row{grid-template-columns:1fr 1fr}.gender-btn,.opt{border:1px solid var(--line);min-height:54px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;font-weight:800;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;position:relative}.gender-btn{text-align:center;font-size:18px}.gender-btn:hover,.gender-btn.selected,.opt:hover,.opt.selected{background:linear-gradient(135deg,#fff2f8f5,#eff5fff5);border-color:#d14f7973;transform:translateY(-1px);box-shadow:0 12px 28px #d14f791f}.opt{padding:14px 42px 14px 14px}.opt span{color:#0000;background:#d14f791f;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.opt.selected span{color:var(--rose)}.test-shell{max-width:760px}.test-header{justify-content:space-between;gap:18px}.test-header h1{font-size:30px;line-height:1.2}.step-pill{min-width:78px;height:48px;color:var(--rose);background:#d14f791a;border-radius:8px;justify-content:center;align-items:baseline;gap:3px;font-size:24px;font-weight:900;display:flex}.step-pill span{font-size:14px}.progress-track{background:#201b221a;border-radius:999px;height:8px;margin:22px 0;overflow:hidden}.progress-track i{border-radius:inherit;height:100%;transition:width .22s;display:block}.field-stack{gap:14px;display:grid}.form-card{padding:16px}.opts-two{grid-template-columns:repeat(2,1fr)}.range-wrap{gap:12px;display:grid}.range-value{background:var(--paper-soft);width:fit-content;min-width:112px;color:var(--rose);border-radius:8px;place-items:center;padding:8px 12px;font-size:18px;font-weight:900;display:inline-grid}input[type=range]{width:100%;accent-color:var(--rose)}.test-footer{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px}.reading-panel{text-align:center;max-width:620px;padding:48px 28px}.reading-stack{width:118px;height:86px;margin:0 auto 24px;position:relative}.reading-stack span{border:1px solid var(--line);background:#fffaf5;border-radius:8px;animation:.95s ease-in-out infinite alternate pageFloat;position:absolute;inset:0;box-shadow:0 16px 32px #201b221f}.reading-stack span:nth-child(2){background:#f5eefb;animation-delay:.12s;transform:rotate(-7deg)translate(-12px,8px)}.reading-stack span:nth-child(3){background:#eef8f2;animation-delay:.24s;transform:rotate(8deg)translate(12px,10px)}@keyframes pageFloat{0%{translate:0}to{translate:0 -7px}}.result-shell{max-width:1060px}.result-hero{border-bottom:1px solid var(--line);text-align:center;gap:18px;max-width:740px;margin:0 auto;padding-bottom:24px;display:grid}.result-hero h1{z-index:1;max-width:470px;color:var(--ink);text-align:left;margin:8px 0 0;font-size:46px;line-height:1.05;position:relative}.result-hero h2{color:var(--ink);margin:0;font-size:34px;line-height:1.15}.result-hero h3{color:var(--rose);margin:8px 0 0;font-size:28px;font-weight:500}.result-copy{z-index:1;text-align:left;width:100%;max-width:570px;margin-top:14px;position:relative}.result-title-line{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.result-title-line h2{font-size:28px}.result-title-line h3{margin:0;font-size:22px}.result-title-line i{color:#201b2242;font-size:20px;font-style:normal;font-weight:900}.result-summary{max-width:650px;margin:14px auto 0}.score-card{isolation:isolate;text-align:left;background:radial-gradient(circle at 89% 14%,#fff2b8db,#0000 27%),radial-gradient(circle at 91% 12%,#ff59942e,#0000 30%),linear-gradient(135deg,#fffffff5,#fff7fbe6 48%,#fffceedb);border:1px solid #ff699147;border-radius:8px;width:100%;min-height:268px;padding:30px;position:relative;overflow:hidden;box-shadow:0 24px 56px #d14f7929,inset 0 1px #ffffffe6}.score-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(120deg,#ffffffb8,#0000 36%),radial-gradient(circle at 18% 110%,#ff7a9a1f,#0000 34%);position:absolute;inset:0}.score-card:after{content:"";z-index:0;background:radial-gradient(circle,#ffffff8a,#ffedf414);border:24px solid #ff5c941f;border-radius:50%;width:154px;height:154px;position:absolute;top:-42px;right:-32px}.score-card-head{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;min-height:74px;display:flex;position:relative}.score-band{color:#fffaf5;background:linear-gradient(135deg,#ff5f9c,#ff8a66);border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 15px;font-size:13px;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 10px 20px #ff5f9c3d}.score-total-bubble{z-index:1;color:#ff3f8c;letter-spacing:0;text-shadow:0 14px 26px #ff5f9c33;align-items:flex-end;font-size:66px;font-weight:950;line-height:.85;display:flex;position:absolute;top:-2px;right:2px}.score-total-bubble small{color:#5d4153;margin-left:3px;padding-bottom:4px;font-size:21px;font-weight:900}.score-bar{z-index:1;background:#201b2214;border:1px solid #ffffffad;border-radius:999px;height:16px;margin-top:28px;position:relative;overflow:visible;box-shadow:inset 0 2px 8px #5c48471f,0 10px 24px #d14f791a}.score-bar i{border-radius:inherit;background:linear-gradient(90deg,#ff5f9c,#ff8a66 58%,#ffc45f);height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 10px 22px #ff5f9c52}.score-bar i:after{content:"";background:#ffffff75;border-radius:999px;height:4px;position:absolute;top:3px;left:9px;right:9px}.score-bar em{background:radial-gradient(circle at 35% 30%,#ffd4df,#ff6d8d 58%,#ff4e92);border:4px solid #fffaf5;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 10px 18px #d14f7947,0 0 0 1px #ff5f9c3d}.dimension-breakdown{z-index:1;border-top:1px solid #d14f792e;gap:18px;margin-top:30px;padding-top:24px;display:grid;position:relative}.dimension-breakdown-title,.dimension-group-head,.dimension-item-score>div:first-child{align-items:center;display:flex}.dimension-breakdown-title{justify-content:space-between;gap:14px}.dimension-breakdown-title>div{gap:4px;display:grid}.dimension-breakdown-title span{color:var(--rose);font-size:12px;font-weight:900}.dimension-breakdown-title strong{color:var(--ink);font-size:22px;font-weight:900}.dimension-breakdown-title p{color:var(--muted);margin:0;font-size:13px;font-weight:800}.dimension-groups,.dimension-group,.dimension-group-items,.dimension-item-score{display:grid}.dimension-groups{gap:18px}.dimension-group{gap:12px}.dimension-group+.dimension-group{border-top:1px solid #201b2214;padding-top:18px}.dimension-group-head{justify-content:flex-start;gap:8px}.dimension-group-head i{background:linear-gradient(90deg,#ff5f9c,#ff8a66);border-radius:50%;flex:none;width:10px;height:10px}.dimension-group-head strong{color:var(--ink);font-size:16px}.dimension-group-head span{color:var(--muted);font-size:13px}.dimension-group.is-steady .dimension-group-head i{background:linear-gradient(90deg,#148c68,#5fc7a8)}.dimension-group.is-unlock .dimension-group-head i{background:linear-gradient(90deg,#b97720,#ffc45f)}.dimension-group-items{gap:14px}.dimension-group-item{grid-template-columns:118px minmax(0,1fr);align-items:start;gap:14px;display:grid}.dimension-item-score{gap:8px}.dimension-item-score>div:first-child{justify-content:space-between;gap:8px}.dimension-item-score strong{color:var(--ink);font-size:13px}.dimension-item-score span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:900}.dimension-mini-track{background:#201b2214;border-radius:999px;height:6px;overflow:hidden}.dimension-mini-track i{border-radius:inherit;background:linear-gradient(90deg,#ff5f9c,#ff8a66);height:100%;display:block}.dimension-group.is-steady .dimension-mini-track i{background:linear-gradient(90deg,#148c68,#5fc7a8)}.dimension-group.is-unlock .dimension-mini-track i{background:linear-gradient(90deg,#b97720,#ffc45f)}.dimension-group-item>p{color:#55505b;text-align:left;margin:-2px 0 0;font-size:14px;line-height:1.58}.type-card,.summary-card,.note-card,.advice-card{margin-top:14px;padding:16px}.type-card{grid-template-columns:210px 1fr;align-items:center;gap:14px;display:grid}.type-card span,.summary-card span,.section-title span{color:var(--rose);font-size:13px;font-weight:900}.type-card>div>strong,.note-card strong,.advice-card strong{color:var(--ink);margin-top:4px;font-size:18px;display:block}.type-card p,.summary-card p,.note-card p{margin:0}.summary-card p{margin-top:8px}.summary-card strong,.type-card p strong{color:var(--ink);margin:0 4px}.dim-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.dim-card{border:1px solid var(--line);background:#ffffff9e;border-radius:8px;padding:13px}.dim-top{justify-content:space-between;gap:10px}.dim-top span{color:var(--muted);font-size:13px;font-weight:800}.dim-top strong{font-size:22px}.dim-track{background:#201b2214;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.dim-track i{border-radius:inherit;height:100%;display:block}.section-title{justify-content:space-between;gap:12px;margin:20px 0 12px}.section-title strong{color:var(--ink)}.profile-compare-card{background:radial-gradient(circle at 86% 10%,#ffc45f29,#0000 30%),linear-gradient(#ffffffdb,#fffbf8eb);margin-top:18px;overflow:hidden;box-shadow:0 18px 42px #d14f7914}.profile-compare-title{background:linear-gradient(135deg,#fff4f9f5,#fffaf1d6);padding:22px 24px 16px}.profile-compare-title span{color:var(--rose);font-size:13px;font-weight:900;display:block}.profile-compare-title strong{color:var(--ink);margin-top:6px;font-size:24px;line-height:1.2;display:block}.profile-compare-title p{max-width:620px;color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.65}.profile-compare-grid{gap:0;padding:0 24px 22px;display:grid}.profile-compare-header,.profile-compare-row{grid-template-columns:132px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;display:grid}.profile-compare-header{background:#fff4f8db;border:1px solid #d14f791f;border-radius:8px;min-height:56px;margin-bottom:2px;padding:10px 14px}.profile-compare-header span{color:#9b6576;font-size:13px;font-weight:900}.profile-compare-header strong{border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:900;line-height:1;display:inline-flex}.profile-compare-header .ideal{color:#fffaf5;background:linear-gradient(90deg,#ff5f9c,#ff8a66)}.profile-compare-header .base{color:#b97720;background:#fff4dee6;border:1px solid #b9772052}.profile-compare-row{border-bottom:1px solid #201b2214;min-height:52px;padding:10px 14px}.profile-compare-row:last-child{border-bottom:0}.profile-compare-row span{color:#9b6576;font-size:13px;font-weight:900}.profile-compare-row p{color:var(--ink);margin:0;font-size:14px;font-weight:800;line-height:1.45}.analysis-list{gap:10px;display:grid}.analysis-item{grid-template-columns:6px 1fr;gap:12px;padding:14px;display:grid}.analysis-item i{border-radius:999px;width:6px}.analysis-item strong{color:var(--ink);font-size:15px}.analysis-item p{color:#55505b;margin:5px 0 0;font-size:14px;line-height:1.65}.type-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.type-chip{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.type-chip .match-image-small{width:34px;height:34px}.type-chip.current{background:linear-gradient(135deg,#fff7fa,#fff8ef);border-color:#d14f7980;box-shadow:0 8px 22px #d14f791f}.type-chip strong,.type-chip span{display:block}.type-chip strong{color:var(--ink);font-size:12px;line-height:1.15}.type-chip span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.2}.advice-card ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.advice-card li{color:#55505b;grid-template-columns:8px 1fr;align-items:start;gap:10px;font-size:14px;line-height:1.65;display:grid}.advice-card li i{border-radius:50%;width:8px;height:8px;margin-top:7px}.action-row{justify-content:flex-end;gap:10px;margin-top:18px}.match-image{background:#f4eadf;border:1px solid #201b221f;border-radius:8px;flex:none;width:104px;height:104px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c}.match-image-small{width:58px;height:58px}.mi{display:block;position:absolute}.type-diamond{background:linear-gradient(150deg,#fbe6ef,#e8f4ef)}.type-diamond .mi-one{border:4px solid var(--rose);width:38%;height:38%;top:26%;left:31%;transform:rotate(45deg)}.type-diamond .mi-two{background:#201b222e;width:6%;height:78%;top:9%;left:47%}.type-diamond .mi-three{background:var(--green);width:64%;height:4px;bottom:18%;left:18%}.type-asset{background:linear-gradient(150deg,#fff0dc,#e9f8f0)}.type-asset .mi-one{background:var(--green);clip-path:polygon(0 100%,0 36%,50% 0,100% 36%,100% 100%);width:64%;height:34%;bottom:22%;left:18%}.type-asset .mi-two,.type-asset .mi-three{background:var(--amber);border-radius:50%;width:20%;height:20%;bottom:18%}.type-asset .mi-two{left:18%}.type-asset .mi-three{right:18%}.type-career{background:linear-gradient(150deg,#edeafd,#fff5e7)}.type-career .mi-one{background:var(--violet);width:16%;height:26%;bottom:22%;left:20%}.type-career .mi-two{background:var(--rose);width:16%;height:42%;bottom:22%;left:42%}.type-career .mi-three{background:var(--green);width:16%;height:58%;bottom:22%;right:20%}.type-firstSight{background:linear-gradient(150deg,#ffe5ec,#f6efff)}.type-firstSight .mi-one{border:4px solid var(--rose);border-radius:50%;inset:22%}.type-firstSight .mi-two{background:var(--violet);border-radius:50%;width:14%;height:14%;top:31%;left:30%}.type-firstSight .mi-three{background:var(--clay);border-radius:50%;width:20%;height:20%;bottom:24%;right:24%}.type-city{background:linear-gradient(150deg,#e9f4ff,#f8efe6)}.type-city .mi-one{background:var(--violet);width:18%;height:42%;bottom:20%;left:20%}.type-city .mi-two{background:var(--green);width:18%;height:58%;bottom:20%;left:45%}.type-city .mi-three{background:var(--rose);border-radius:50%;width:18%;height:18%;top:18%;right:18%}.type-family{background:linear-gradient(150deg,#ecf8ed,#fff0e5)}.type-family .mi-one{background:var(--green);border-radius:6px 6px 0 0;width:60%;height:44%;bottom:20%;left:20%}.type-family .mi-two{background:var(--amber);clip-path:polygon(50% 0,100% 100%,0 100%);width:68%;height:24%;bottom:54%;left:16%}.type-family .mi-three{background:#fffaf5;width:14%;height:24%;bottom:20%;left:44%}.type-warm{background:linear-gradient(150deg,#fff1e7,#f0ecff)}.type-warm .mi-one,.type-warm .mi-two{border-radius:18px;width:34%;height:30%;top:28%}.type-warm .mi-one{background:var(--rose);left:18%}.type-warm .mi-two{background:var(--violet);right:18%}.type-warm .mi-three{background:var(--amber);border-radius:50%;width:24%;height:18%;bottom:24%;left:38%}.type-window{background:linear-gradient(150deg,#fff3d8,#f7e7f0)}.type-window .mi-one{border:3px solid var(--amber);border-radius:8px;width:52%;height:60%;top:20%;left:24%}.type-window .mi-two{background:var(--rose);width:52%;height:3px;top:34%;left:24%}.type-window .mi-three{background:var(--violet);width:10%;height:26%;bottom:24%;left:45%}.type-load{background:linear-gradient(150deg,#fcebe4,#edf6f0)}.type-load .mi-one{border:4px solid var(--clay);border-radius:14px;width:44%;height:46%;bottom:18%;left:28%}.type-load .mi-two{border:4px solid var(--clay);border-bottom:0;border-radius:18px 18px 0 0;width:32%;height:22%;top:20%;left:34%}.type-load .mi-three{background:var(--green);width:72%;height:3px;bottom:14%;left:14%}.type-mainstream{background:linear-gradient(150deg,#eef8f2,#fff8e8)}.type-mainstream .mi-one{background:repeating-linear-gradient(90deg, var(--green) 0 10px, transparent 10px 18px), repeating-linear-gradient(0deg, var(--amber) 0 10px, transparent 10px 18px);width:64%;height:64%;top:18%;left:18%}.type-mainstream .mi-two{background:var(--rose);border-radius:50%;width:20%;height:20%;top:40%;left:40%}.type-mainstream .mi-three{display:none}.type-strategy{background:linear-gradient(150deg,#fff1de,#ecebff)}.type-strategy .mi-one{background:var(--amber);width:68%;height:4px;bottom:25%;left:16%;transform:rotate(-18deg)}.type-strategy .mi-two{border:3px solid var(--violet);border-radius:50%;width:24%;height:24%;top:23%;right:16%}.type-strategy .mi-three{background:var(--rose);width:16%;height:3px;top:27%;right:18%;transform:rotate(38deg)}.type-reroute{background:linear-gradient(150deg,#f9e7e1,#eaf5ff)}.type-reroute .mi-one{border:3px solid var(--clay);border-radius:50%;inset:22%}.type-reroute .mi-two{background:var(--violet);width:6%;height:68%;top:16%;left:47%;transform:rotate(42deg)}.type-reroute .mi-three{background:var(--green);clip-path:polygon(0 50%,100% 0,100% 100%);width:24%;height:14%;bottom:24%;left:24%}@media (width<=860px){.app-shell{place-items:start center;padding:14px}.gate-panel,.intro-shell,.test-shell,.reading-panel,.result-shell{width:100%;padding:18px}.intro-shell{padding:0}.gate-grid,.dim-grid,.type-card{grid-template-columns:1fr}.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gate-grid{gap:28px;padding:48px 0 34px}.gate-shell .gate-panel{min-height:calc(100vh - 28px)}.gate-copy h1,.intro-hero h1,.result-hero h1,.gate-shell .gate-copy h1 span:first-child{font-size:32px}.gate-shell .gate-copy h1 span:last-child{font-size:42px}.intro-hero{padding:30px 16px 28px}.mini-spectrum{grid-template-columns:repeat(4,1fr)}.result-hero{justify-items:center;display:grid}.result-hero h1{font-size:38px}.score-card{justify-self:center}}@media (width<=560px){.gate-shell .gate-panel{padding:20px}.gate-grid{padding:44px 0 30px}.gate-shell .gate-copy h1 span:first-child{font-size:30px}.gate-shell .gate-copy h1 span:last-child{font-size:40px}.gate-shell .gate-copy p:not(.kicker){font-size:17px}.gate-shell .password-card{padding:24px}.gate-metrics{gap:6px}.gate-metrics span{min-height:32px;padding:0 4px;font-size:12px}.password-line,.gender-row,.opts-two,.test-footer,.action-row{grid-template-columns:1fr}.gate-gender-row{grid-template-columns:repeat(2,1fr)}.test-footer,.action-row{flex-direction:column;align-items:stretch}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-card{width:100%;min-width:0;min-height:238px;padding:26px 22px 24px}.score-card:after{border-width:20px;width:134px;height:134px;top:-44px;right:-46px}.score-card-head{min-height:66px}.score-band{min-height:30px;padding:0 12px;font-size:12px}.score-total-bubble{font-size:56px;top:0;right:0}.score-total-bubble small{padding-bottom:3px;font-size:18px}.result-copy{margin-top:12px}.result-title-line{gap:7px}.result-title-line h2{font-size:24px}.result-title-line h3{font-size:19px}.result-title-line i{font-size:17px}.result-hero h1{max-width:320px;font-size:34px}.score-bar{height:14px;margin-top:22px}.score-bar em{width:22px;height:22px}.dimension-breakdown{gap:16px;margin-top:24px;padding-top:20px}.dimension-breakdown-title strong{font-size:20px}.dimension-groups{gap:16px}.dimension-group{gap:10px}.dimension-group+.dimension-group{padding-top:16px}.dimension-group-items{gap:13px}.dimension-group-item{grid-template-columns:100px minmax(0,1fr);gap:12px}.dimension-group-item>p{font-size:13px}.result-hero h2{font-size:30px}.result-hero h3{font-size:24px}.type-chip{grid-template-columns:28px 1fr;gap:7px;padding:7px}.type-chip .match-image-small{width:28px;height:28px}.type-chip strong{font-size:11px}.type-chip span{font-size:9px}.test-header{flex-direction:column;align-items:flex-start}.step-pill,.primary-button,.ghost-button{width:100%}.profile-compare-title{padding:18px 18px 14px}.profile-compare-title strong{font-size:21px}.profile-compare-grid{padding:0 12px 16px}.profile-compare-header,.profile-compare-row{grid-template-columns:76px minmax(0,1fr) minmax(0,1fr);gap:8px;padding-left:8px;padding-right:8px}.profile-compare-header{min-height:50px}.profile-compare-header span,.profile-compare-row span{font-size:12px}.profile-compare-header strong{min-height:30px;padding:0 7px;font-size:12px}.profile-compare-row{min-height:48px;padding-top:9px;padding-bottom:9px}.profile-compare-row p{font-size:12px;line-height:1.4}}@media (width<=380px){.dimension-group-item{grid-template-columns:1fr;gap:7px}.dimension-item-score{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px}}