@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#faf7f2;--surface:#fffdfa;--ink:#221d18;--ink-2:#5b544b;--ink-3:#756d63;--decor-muted:#a49a8d;--line:#ebe4d9;--accent:#0f766e;--accent-ink:#fff;--accent-soft:#edf7f3;--danger:#b91c1c;--nt:#6d28d9;--nf:#047857;--sj:#1d4ed8;--sp:#b45309;--nt-soft:#f5f3ff;--nf-soft:#ecfdf5;--sj-soft:#eff6ff;--sp-soft:#fffbeb;--shadow-card:0 1px 2px #4837240a, 0 14px 34px -24px #4837242e;--shadow-pop:0 2px 4px #4837240d, 0 22px 48px -24px #48372440;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--font:"Inter Variable", system-ui, -apple-system, sans-serif;--font-display:"Fraunces Variable", Georgia, serif;--page-gutter:clamp(18px, 3vw, 28px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}:where(a,button,input,[role=tab],[role=radio]):focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 78%, white);outline-offset:3px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}body:before{content:"";z-index:-2;pointer-events:none;animation:ambientDrift 42s var(--ease-in-out) infinite alternate;background:radial-gradient(38% 30% at 12% 8%,#0f766e12,#0000 70%),radial-gradient(34% 28% at 88% 14%,#d977060f,#0000 70%),radial-gradient(40% 32% at 78% 88%,#7c3aed0d,#0000 70%),radial-gradient(30% 26% at 8% 82%,#2563eb0a,#0000 70%);position:fixed;inset:-20%}@keyframes ambientDrift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1.5%)scale(1.06)}}body:after{content:"";z-index:-1;pointer-events:none;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.34 0 0 0 0 0.24 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-reduced-motion:reduce){body:before{animation:none}}@media (hover:none),(pointer:coarse){body:before{animation:none}}body:has(.admin-page):before{animation:none}body:has(.admin-login):before{animation:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.shell{max-width:640px;padding:0 var(--page-gutter);margin:0 auto}.shell-wide{max-width:1060px;padding:0 var(--page-gutter);margin:0 auto}.btn{background:var(--ink);min-height:44px;color:var(--bg);transition:transform .16s var(--ease-out), opacity .16s ease, box-shadow .2s ease;-webkit-user-select:none;user-select:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-accent{color:var(--accent-ink);background:linear-gradient(#14847b,#0c6059);box-shadow:0 10px 24px -12px #0f766e8c}.btn-ghost{color:var(--ink-2);border:1px solid var(--line);background:0 0}@media (hover:hover) and (pointer:fine){.btn:not(:disabled):hover{opacity:.88}.btn-ghost:hover{opacity:1;border-color:var(--ink-3)}}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:16px}.display{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 60, "WONK" 0;font-weight:560}.page-enter{animation:pageIn .3s var(--ease-out) both}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-enter{animation:.2s both fadeOnly}@keyframes fadeOnly{0%{opacity:0}to{opacity:1}}}.habitat-scene{isolation:isolate;aspect-ratio:1.08;border:1px solid color-mix(in srgb, var(--habitat-accent) 26%, white 24%);background:var(--habitat-deep);width:min(100%,540px);box-shadow:0 1px 2px #16120e14, 0 32px 74px -34px color-mix(in srgb, var(--habitat-deep) 72%, transparent);border-radius:34px;position:relative;overflow:hidden;transform:translateZ(0)}.habitat-backdrop{z-index:-3;position:absolute;inset:0;overflow:hidden}.habitat-backdrop img{object-fit:cover;object-position:var(--habitat-position,center);width:100%;height:100%;transition:transform .9s var(--ease-out);transform:scale(1.015)}.habitat-scene-scrim{z-index:-2;background:linear-gradient(180deg, #0f0c0a05 44%, #0f0c0a3d 100%), radial-gradient(circle at 70% 43%, transparent 20%, color-mix(in srgb, var(--habitat-deep) 16%, transparent) 78%);position:absolute;inset:0}.habitat-scene-motif{z-index:-1;aspect-ratio:1;opacity:.64;border:1px solid #ffffff38;border-radius:50%;width:42%;position:absolute;top:7%;right:7%}.habitat-scene-motif:before,.habitat-scene-motif:after{content:"";border-radius:inherit;border:1px solid #ffffff2e;position:absolute}.habitat-scene-motif:before{inset:17%}.habitat-scene-motif:after{border-left-color:#0000;border-right-color:#0000;inset:42% -15%}.habitat-scene[data-group=nf] .habitat-scene-motif{border-radius:70% 30%;transform:rotate(28deg)}.habitat-scene[data-group=sj] .habitat-scene-motif{border-radius:14px;transform:rotate(10deg)}.habitat-scene[data-group=sp] .habitat-scene-motif{border-radius:50% 50% 18% 82%;transform:rotate(-18deg)}.habitat-scene-atmosphere{z-index:2;background:var(--habitat-glow);box-shadow:0 0 18px color-mix(in srgb, var(--habitat-glow) 56%, transparent);opacity:0;pointer-events:none;animation:habitatMote 9s var(--ease-in-out) 1.2s 2;border-radius:50%;display:block;position:absolute}.habitat-atmosphere-a{width:5px;height:5px;bottom:28%;left:22%}.habitat-atmosphere-b{width:3px;height:3px;animation-delay:2.1s;top:24%;right:19%}.habitat-scene-light{z-index:1;background:color-mix(in srgb, var(--habitat-glow) 24%, transparent);filter:blur(34px);pointer-events:none;border-radius:50%;width:40%;height:70%;position:absolute;top:-26%;right:5%;transform:rotate(-14deg)}.habitat-avatar-wrap{z-index:3;transform:translateX(var(--avatar-x)) scale(var(--avatar-scale));transform-origin:50% 100%;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:3% 7% 9% 33%}.habitat-avatar{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 18px #15100c47);transform-origin:50% 88%;width:100%;height:100%;animation:habitatAvatarIn .68s var(--ease-out) 90ms both;transition:transform .24s var(--ease-out), filter .24s ease;-webkit-user-select:none;user-select:none;display:block}.habitat-avatar-shadow{z-index:2;filter:blur(12px);opacity:.62;width:44%;height:6%;animation:habitatShadowIn .6s var(--ease-out) .22s both;background:#140f0b57;border-radius:50%;position:absolute;bottom:8%;right:14%}.habitat-plaque{z-index:5;background:color-mix(in srgb, var(--habitat-paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);max-width:calc(100% - 36px);min-height:56px;animation:habitatPlaqueIn .42s var(--ease-out) .36s both;border:1px solid #ffffff8a;border-radius:17px;align-items:center;gap:11px;padding:9px 14px 9px 10px;display:flex;position:absolute;bottom:18px;left:18px;box-shadow:0 14px 36px #140f0b2e}.habitat-plaque-code{background:var(--habitat-deep);color:#fff;letter-spacing:.06em;border-radius:12px;align-self:stretch;place-items:center;min-width:55px;padding:0 9px;font-size:14px;font-weight:800;display:grid}.habitat-plaque-copy{flex-direction:column;min-width:0;line-height:1.25;display:flex}.habitat-plaque-copy strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.habitat-plaque-copy small{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}@keyframes habitatAvatarIn{0%{opacity:0;filter:blur(3px);transform:translate(3%,7%)scale(.96)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes habitatShadowIn{0%{opacity:0;transform:scaleX(.72)}to{opacity:.62;transform:scaleX(1)}}@keyframes habitatPlaqueIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes habitatMote{0%{opacity:0;transform:translateY(12px)scale(.8)}22%,72%{opacity:.78}to{opacity:0;transform:translate(18px,-34px)scale(1.1)}}@media (hover:hover) and (pointer:fine){.habitat-scene:hover .habitat-backdrop img{transform:scale(1.04)}.habitat-scene:hover .habitat-avatar{filter:drop-shadow(0 28px 22px #15100c57);transform:translateY(-5px)rotate(-.7deg)}}@media (width<=520px){.habitat-scene{border-radius:26px}.habitat-avatar-wrap{inset:3% 3% 10% 26%}.habitat-plaque{bottom:14px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){.habitat-backdrop img,.habitat-avatar,.habitat-avatar-shadow,.habitat-plaque,.habitat-scene-atmosphere{transition:none!important;animation:none!important}.habitat-scene:hover .habitat-backdrop img,.habitat-scene:hover .habitat-avatar{transform:none}}.world-atmosphere{z-index:0;isolation:isolate;pointer-events:none;background:var(--habitat-paper,var(--bg));position:absolute;inset:0;overflow:hidden}.world-atmosphere.is-fixed{position:fixed}.world-atmosphere-image,.world-atmosphere-veil,.world-atmosphere-bloom,.world-atmosphere-orbit,.world-atmosphere-grid{pointer-events:none;display:block;position:absolute}.world-atmosphere-image{object-fit:cover;object-position:var(--habitat-position,center);filter:saturate(.86)contrast(.92);width:106%;height:106%;animation:worldImageIn .9s var(--ease-out) both;inset:-3%;transform:scale(1.035)}.world-atmosphere-veil{z-index:1;inset:0}.world-atmosphere-bloom{z-index:2;filter:blur(1px);opacity:.62;border-radius:50%}.world-atmosphere-bloom-a{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--habitat-glow) 28%, transparent), transparent 68%);width:min(58vw,780px);top:-16%;right:-9%}.world-atmosphere-bloom-b{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--habitat-atmosphere) 24%, transparent), transparent 70%);width:min(64vw,880px);bottom:-28%;left:-13%}.world-atmosphere-orbit{z-index:3;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--habitat-accent) 14%, transparent);opacity:.6;border-radius:50%;width:clamp(180px,28vw,430px);top:8%;right:7%;transform:rotate(-11deg)}.world-atmosphere-orbit:before,.world-atmosphere-orbit:after{content:"";border:inherit;border-radius:inherit;position:absolute}.world-atmosphere-orbit:before{inset:17%}.world-atmosphere-orbit:after{border-left-color:#0000;border-right-color:#0000;inset:38% -10%}.world-atmosphere-grid{z-index:3;opacity:.3;background-image:linear-gradient(color-mix(in srgb, var(--habitat-deep) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--habitat-deep) 4%, transparent) 1px, transparent 1px);background-size:48px 48px;inset:0;-webkit-mask-image:radial-gradient(circle at 78% 20%,#000,#0000 56%);mask-image:radial-gradient(circle at 78% 20%,#000,#0000 56%)}.world-atmosphere[data-group=nf] .world-atmosphere-orbit{border-radius:74% 26% 72% 28%;transform:rotate(24deg)}.world-atmosphere[data-group=sj] .world-atmosphere-orbit{border-radius:24px;transform:rotate(8deg)}.world-atmosphere[data-group=sp] .world-atmosphere-orbit{border-radius:54% 46% 24% 76%;transform:rotate(-19deg)}.world-atmosphere--ambient .world-atmosphere-image{opacity:.13;filter:saturate(.72)contrast(.88)blur(.5px)}.world-atmosphere--ambient .world-atmosphere-veil{background:linear-gradient(90deg,#faf7f2f5 0 35%,#faf7f2c7 68%,#faf7f2eb 100%),linear-gradient(#faf7f2c2,#faf7f2f5)}.world-atmosphere--immersive .world-atmosphere-image{opacity:.28;filter:saturate(.9)contrast(.92)}.world-atmosphere--immersive .world-atmosphere-veil{background:linear-gradient(90deg,#faf7f2f2 0 39%,#faf7f2ab 70%,#faf7f2e0 100%),linear-gradient(#faf7f26b,#faf7f2f0)}.world-atmosphere--paper{background:color-mix(in srgb, var(--habitat-paper) 72%, var(--bg))}.world-atmosphere--paper .world-atmosphere-image{opacity:.2;filter:saturate(.7)contrast(.86)blur(1px);transform:scale(1.08)}.world-atmosphere--paper .world-atmosphere-veil{background:linear-gradient(180deg, color-mix(in srgb, var(--habitat-paper) 76%, transparent), #faf7f2e6 38%, #faf7f2f0), radial-gradient(circle at 50% 0%, transparent, #faf7f2bd 72%)}.world-atmosphere--console .world-atmosphere-image{opacity:.085;filter:saturate(.42)contrast(.9)}.world-atmosphere--console .world-atmosphere-veil{background:linear-gradient(#faf7f2e0,#faf7f2f7 48%),linear-gradient(90deg,#faf7f2f0,#0000 70%)}.world-atmosphere--console .world-atmosphere-grid{opacity:.46;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}@keyframes worldImageIn{0%{opacity:0;transform:scale(1.075)}}@media (width<=760px){.world-atmosphere-image{object-position:62% center}.world-atmosphere--ambient .world-atmosphere-veil,.world-atmosphere--immersive .world-atmosphere-veil{background:linear-gradient(#faf7f2ed 0 44%,#faf7f2b5 64%,#faf7f2f0 100%)}.world-atmosphere-grid{background-size:36px 36px}}@media (prefers-reduced-motion:reduce){.world-atmosphere-image{animation:none}}.landing{isolation:isolate;background:0 0;min-height:100dvh;padding:0 0 64px;position:relative;overflow-x:clip}.landing>.shell-wide{z-index:1;position:relative}.landing-nav{top:max(12px, env(safe-area-inset-top));z-index:30;background:color-mix(in srgb, var(--surface) 82%, transparent);min-height:64px;box-shadow:0 1px 1px #2f24190d, 0 16px 38px -28px color-mix(in srgb, var(--habitat-deep) 42%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.12);border:1px solid #ffffff94;border-radius:19px;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 0;padding:0 16px;display:flex;position:sticky}.brand-lockup{align-items:center;gap:11px;display:inline-flex}.brand-lockup>span:last-child{flex-direction:column;line-height:1.15;display:flex}.brand-lockup strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:650}.brand-lockup small{color:var(--ink-3);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:600}.brand-symbol{background:var(--surface);width:29px;height:29px;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-card);border-radius:9px;grid-template-columns:repeat(2,10px);gap:3px;padding:3px;display:grid;position:relative;transform:rotate(45deg)}.brand-symbol i{border-radius:3px;display:block}.brand-symbol i:first-child{background:var(--nt)}.brand-symbol i:nth-child(2){background:var(--nf)}.brand-symbol i:nth-child(3){background:var(--sj)}.brand-symbol i:nth-child(4){background:var(--sp)}.landing-nav-cta{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 84%, transparent);color:var(--ink-2);transition:color .15s ease, border-color .15s ease, transform .15s var(--ease-out);border-radius:99px;align-items:center;gap:7px;padding:8px 13px;font-size:13px;font-weight:650;display:inline-flex}.landing-nav-cta:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.landing-nav-cta:hover{border-color:var(--accent);color:var(--accent)}}.landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:clamp(42px,6vw,76px);min-height:min(760px,100dvh - 76px);display:grid}@media (width<=860px){.landing-hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding-top:12px}}.landing-brand{border:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));background:color-mix(in srgb, var(--habitat-paper) 82%, transparent);letter-spacing:.1em;text-transform:uppercase;width:fit-content;color:var(--accent);border-radius:99px;align-items:center;margin-bottom:18px;padding:6px 10px;font-size:11px;font-weight:750;display:inline-flex}.landing-hero-copy h1{font-family:var(--font-display);letter-spacing:-.025em;font-variation-settings:"SOFT" 70, "WONK" 0;max-width:13ch;font-size:clamp(38px,5.8vw,64px);font-weight:590;line-height:1.035}.landing-hero-copy h1 em{color:var(--habitat-accent,var(--accent));font-variation-settings:"SOFT" 100, "WONK" 1;font-style:italic;font-weight:480}.lede{color:var(--ink-2);max-width:54ch;margin-top:20px;font-size:clamp(16px,1.65vw,18px);line-height:1.72}.landing-cta-row{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.landing-start{background:linear-gradient(180deg, color-mix(in srgb, var(--habitat-accent) 88%, white), color-mix(in srgb, var(--habitat-deep) 82%, var(--habitat-accent)));min-height:54px;box-shadow:0 1px 0 #ffffff42 inset, 0 15px 30px -16px color-mix(in srgb, var(--habitat-deep) 66%, transparent);border-radius:15px;padding:14px 30px;font-size:16px}.landing-note{color:var(--ink-3);font-size:13.5px}.landing-dims{flex-wrap:wrap;gap:8px;margin-top:30px;list-style:none;display:flex}.landing-dims li{color:var(--ink-2);background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid color-mix(in srgb, var(--habitat-accent) 13%, var(--line));border-radius:99px;align-items:center;gap:7px;padding:6px 13px 6px 7px;font-size:13px;font-weight:600;display:inline-flex}.landing-dim-icon{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.landing-preview{perspective:1200px;justify-self:end;width:100%;max-width:520px;padding:0 26px 72px 0;position:relative}.landing-character{width:100%;max-width:520px;box-shadow:0 2px 3px #221b1414, 0 42px 90px -48px color-mix(in srgb, var(--habitat-deep) 78%, transparent)}.preview-card{z-index:8;border:1px solid color-mix(in srgb, var(--g) 20%, var(--line));background:color-mix(in srgb, var(--habitat-paper) 88%, transparent);width:min(250px,68%);box-shadow:0 1px 2px #1c19170d, 0 18px 46px -22px color-mix(in srgb, var(--g) 55%, transparent);-webkit-backdrop-filter:blur(14px);animation:previewCardIn .46s var(--ease-out) .18s both;border-radius:18px;padding:15px 16px 14px;position:absolute;bottom:20px;right:0}.preview-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-label{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:10.5px;font-weight:650}.preview-type{letter-spacing:-.03em;color:var(--g);margin-top:7px;font-size:34px;font-weight:800;line-height:1}.preview-suffix{opacity:.7;font-size:18px}.preview-title{margin-top:5px;font-size:12.5px;font-weight:650}@keyframes previewCardIn{0%{opacity:0;filter:blur(2px);transform:translateY(10px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.preview-bars{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.preview-bar{background:var(--bg);border-radius:99px;height:5px;overflow:hidden}.preview-bar-fill{background:var(--g);opacity:.85;height:100%;transition:width .7s var(--ease-in-out);border-radius:99px}.preview-pop{color:var(--g);background:var(--g-soft);border-radius:99px;flex:none;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.preview-chip{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);pointer-events:none;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:650;display:inline-flex;position:absolute;box-shadow:0 4px 14px #1c191712}.preview-chip svg{color:var(--accent)}.preview-chip-1{animation:previewChipFloat 5.4s var(--ease-in-out) -1.4s infinite;top:9%;left:-24px}.preview-chip-2{animation:previewChipFloat 6.2s var(--ease-in-out) -3.1s infinite;top:34%;right:-8px}.preview-chip-3{animation:previewChipFloat 5.8s var(--ease-in-out) -2.2s infinite;bottom:56px;left:-8px}@keyframes previewChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.preview-selector{z-index:10;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:99px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;bottom:-2px;right:0;box-shadow:0 8px 22px #1c191712}.preview-step,.preview-pause{width:40px;height:40px;color:var(--ink-2);transition:color .15s ease, background-color .15s ease, transform .12s var(--ease-out);border-radius:50%;place-items:center;display:grid}.preview-step{font-size:16px}.preview-pause{border-left:1px solid var(--line);color:var(--ink-3);border-radius:0 50% 50% 0;margin-left:2px;font-size:9px}.preview-selector-count{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:3px;min-width:60px;font-size:10px;display:inline-flex}.preview-selector-count strong{color:var(--g);font-size:13px}.preview-selector-count span{color:var(--ink-3)}@media (hover:hover) and (pointer:fine){.preview-step:hover,.preview-pause:hover{background:var(--g-soft);color:var(--g)}}.preview-selector button:active{transform:scale(.88)}@media (width<=860px){.landing-preview{justify-self:center;padding-right:22px}.preview-chip-1{left:-12px}}@media (width<=480px){.landing-preview{padding:0 12px 74px 0}.preview-card{width:min(238px,72%);right:-2px}.preview-chip{padding:6px 10px;font-size:11.5px}.preview-chip-1{left:-5px}.preview-chip-2{right:-3px}.preview-chip-3{left:2px}}@media (prefers-reduced-motion:reduce){.preview-chip{animation:none}}.landing-proof{border:1px solid var(--line);border-color:color-mix(in srgb, var(--habitat-accent) 13%, var(--line));background:color-mix(in srgb, var(--surface) 79%, transparent);box-shadow:var(--shadow-card), 0 24px 56px -42px color-mix(in srgb, var(--habitat-deep) 42%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:24px;grid-template-columns:repeat(4,1fr);margin-top:42px;display:grid;overflow:hidden}.landing-proof>div{align-items:baseline;gap:8px;min-width:0;padding:18px 20px;display:flex;position:relative}.landing-proof>div+div:before{content:"";background:var(--line);width:1px;position:absolute;top:18px;bottom:18px;left:0}.landing-proof strong{font-family:var(--font-display);color:var(--habitat-accent,var(--accent));font-size:26px;font-weight:650;line-height:1}.landing-proof span{color:var(--ink-2);font-size:12.5px;font-weight:550;line-height:1.3}@media (width<=720px){.landing-proof{grid-template-columns:repeat(2,1fr)}.landing-proof>div:nth-child(3):before{display:none}.landing-proof>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=390px){.landing-proof>div{flex-direction:column;gap:4px;padding:15px 16px}}.landing-groups{grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(78px,10vw,118px);display:grid}@media (width<=720px){.landing-groups{grid-template-columns:1fr}}.landing-group{background:radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--g-soft) 82%, white), transparent 44%), var(--surface);border-color:color-mix(in srgb, var(--g) 17%, var(--line));min-height:318px;box-shadow:0 1px 2px #281f170d, 0 22px 50px -38px color-mix(in srgb, var(--g) 52%, transparent);animation:pageIn .4s var(--ease-out) both;transition:transform .22s var(--ease-out), border-color .22s ease, box-shadow .22s ease;border-radius:26px;padding:25px 25px 16px;position:relative;overflow:hidden}.landing-group-habitats{z-index:0;opacity:.46;width:100%;height:100%;transition:opacity .22s ease, transform .7s var(--ease-out);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);display:grid;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#0000 0%,#0000004d 32%,#000 100%);mask-image:linear-gradient(105deg,#0000 0%,#0000004d 32%,#000 100%)}.landing-group-habitats img{object-fit:cover;filter:saturate(.9)contrast(.94);width:100%;height:100%}.landing-group:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(105deg, var(--surface) 0 30%, color-mix(in srgb, var(--surface) 66%, transparent) 47%, transparent 82%), linear-gradient(180deg, transparent 52%, color-mix(in srgb, var(--surface) 54%, transparent));position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.landing-group:hover{border-color:color-mix(in srgb, var(--g) 28%, var(--line))}.landing-group:hover .landing-group-animal{transform:translateY(-7px)}.landing-group:hover .landing-group-habitats{opacity:.58;transform:scale(1.035)}}.landing-group:before{content:"";z-index:5;background:var(--g);width:3px;position:absolute;inset:0 auto 0 0}.landing-group-dot{background:var(--g);border-radius:50%;width:10px;height:10px;margin-bottom:10px;display:block}.landing-group h2{font-family:var(--font-display);letter-spacing:-.015em;font-size:23px;font-weight:620}.landing-group-types{letter-spacing:.05em;color:var(--g);margin-top:2px;font-size:12px;font-weight:600}.landing-group-desc{max-width:28ch;color:var(--ink-2);margin-top:8px;font-size:13.5px}.landing-group-copy{z-index:4;position:relative}.landing-group-animals{z-index:2;pointer-events:none;grid-template-columns:repeat(4,1fr);align-items:end;height:176px;display:grid;position:absolute;bottom:-5px;left:8px;right:6px}.landing-group-animals:before{content:"";background:color-mix(in srgb, var(--g) 14%, transparent);filter:blur(8px);border-radius:50%;height:18px;position:absolute;bottom:7px;left:4%;right:4%}.landing-group-animal{transform-origin:50% 100%;height:166px;transition:transform .26s var(--ease-out);transition-delay:calc(var(--animal-index) * 28ms);position:relative}.landing-group-animal img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 6px #1c19171f);-webkit-user-select:none;user-select:none;width:100%;height:146px}.landing-group-animal span{color:var(--g);letter-spacing:.06em;text-align:center;font-size:10px;font-weight:750;position:absolute;bottom:0;left:0;right:0}@media (width<=440px){.landing-group{min-height:248px}.landing-group-animals{height:126px}.landing-group-animal{height:118px}.landing-group-animal img{height:100px}.preview-chip-2,.preview-chip-3{display:none}}@media (prefers-reduced-motion:reduce){.landing-group,.landing-group-animal{transition:none;animation:none}.landing-group-habitats{transition:none}}.landing-how{margin-top:clamp(72px,9vw,108px)}.landing-how>h2{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 70, "WONK" 0;margin-bottom:18px;font-size:26px;font-weight:570}.landing-how-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=760px){.landing-how-grid{grid-template-columns:1fr}}.landing-how-card{border-color:color-mix(in srgb, var(--habitat-accent) 13%, var(--line));background:color-mix(in srgb, var(--surface) 83%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:22px;min-height:190px;padding:58px 24px 24px;position:relative;overflow:hidden}.landing-how-card:before{content:"0" counter(landing-benefit);color:color-mix(in srgb, var(--habitat-accent) 74%, var(--ink));letter-spacing:.12em;font-size:11px;font-weight:800;position:absolute;top:18px;left:23px}.landing-how-grid{counter-reset:landing-benefit}.landing-how-card{counter-increment:landing-benefit}.landing-how-card:after{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb, var(--habitat-accent) 16%, transparent);border-radius:50%;width:112px;position:absolute;top:-38px;right:-30px}.landing-how-card h3{margin-bottom:6px;font-size:15px;font-weight:650}.landing-how-card p{color:var(--ink-2);font-size:14px}.landing-foot{border-top:1px solid color-mix(in srgb, var(--habitat-accent) 14%, var(--line));color:var(--ink-3);max-width:58ch;margin-top:72px;padding-top:28px;font-size:13.5px}.landing-foot p:first-child{font-family:var(--font-display);color:var(--ink-2);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:16px;font-style:italic;font-weight:470}.landing-copy{letter-spacing:.04em;margin-top:16px;font-size:12.5px}.landing-jodoh{border-color:color-mix(in srgb, #9b5c3e 30%, var(--line));color:#6b3824;gap:8px}.landing-jodoh-mark{color:#5e6a53;width:24px;height:24px;font-family:var(--font-display);background:linear-gradient(135deg,#e8f4ef,#f8eee7);border-radius:8px;place-items:center;font-size:15px;font-style:italic;font-weight:650;display:grid}@media (hover:hover) and (pointer:fine){.landing-jodoh:hover{opacity:1;background:linear-gradient(135deg,#f2f8f5,#fbf3ed);border-color:#9b5c3e}}.jodoh-start,.jodoh-handoff,.jodoh-result,.jodoh-result-empty{--pair-a:#0f766e;--pair-a-deep:#164e4a;--pair-a-soft:#e8f4ef;--pair-a-glow:#f0c96a;--pair-b:#a65f3b;--pair-b-deep:#6b3824;--pair-b-soft:#f8eee7;--pair-b-glow:#f3bf70;--pair-aligned:#3f7f69;--pair-bridge:#d6ad5d;--pair-ease:cubic-bezier(.23, 1, .32, 1)}.jodoh-start{isolation:isolate;background:color-mix(in srgb, var(--habitat-paper) 60%, var(--bg));min-height:100dvh;padding-bottom:76px;position:relative;overflow-x:clip}.jodoh-start-world{opacity:.92}.jodoh-start-shell{z-index:1;position:relative}.jodoh-topbar,.pair-topbar{justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px 0;display:flex}.jodoh-brand{width:fit-content;color:var(--ink);font-family:var(--font-display);letter-spacing:-.015em;align-items:center;gap:9px;font-size:18px;font-weight:680;text-decoration:none;display:inline-flex}.jodoh-brand:before{content:"";border:1px solid color-mix(in srgb, var(--habitat-accent,var(--pair-a)) 28%, var(--line));background:radial-gradient(circle at 34% 34%, var(--habitat-accent,var(--pair-a)) 0 3px, transparent 3.5px), radial-gradient(circle at 68% 66%, color-mix(in srgb, var(--pair-b) 72%, var(--pair-a)) 0 3px, transparent 3.5px), color-mix(in srgb, var(--surface) 84%, transparent);width:24px;height:24px;box-shadow:0 7px 18px -10px color-mix(in srgb, var(--habitat-deep,var(--pair-a-deep)) 54%, transparent);border-radius:8px}.jodoh-brand:focus-visible{outline:3px solid color-mix(in srgb, var(--habitat-accent,var(--pair-a)) 45%, transparent);outline-offset:4px;border-radius:6px}.jodoh-mode-pill,.pair-topbar>span{border:1px solid color-mix(in srgb, var(--habitat-accent,var(--pair-a)) 18%, var(--line));background:color-mix(in srgb, var(--surface) 76%, transparent);min-height:34px;color:var(--ink-2);letter-spacing:.015em;-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.jodoh-mode-pill i{background:var(--habitat-accent);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--habitat-accent) 12%, transparent);border-radius:50%}.jodoh-hero{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:clamp(34px,7vw,94px);min-height:min(680px,100dvh - 72px);padding:54px 0 68px;display:grid}.jodoh-hero-copy{max-width:670px}.jodoh-hero h1{max-width:720px;font-family:var(--font-display);font-variation-settings:"SOFT" 68, "WONK" 0;letter-spacing:-.045em;text-wrap:balance;margin-top:8px;font-size:clamp(43px,6.7vw,76px);font-weight:585;line-height:.98}.jodoh-hero h1 em{color:color-mix(in srgb, var(--pair-b) 78%, var(--habitat-deep));font-variation-settings:"SOFT" 100, "WONK" 1;font-style:italic;font-weight:470;display:block}.jodoh-lede{max-width:62ch;color:var(--ink-2);margin-top:22px;font-size:clamp(15px,1.6vw,17px);line-height:1.72}.jodoh-lede b{color:var(--ink);font-weight:660}.jodoh-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:30px;padding:0;list-style:none;display:grid}.jodoh-route li{border:1px solid color-mix(in srgb, var(--habitat-accent) 14%, var(--line));background:color-mix(in srgb, var(--surface) 68%, transparent);border-radius:14px;align-items:center;gap:10px;min-width:0;padding:11px 10px;display:flex;position:relative}.jodoh-route li>span{background:color-mix(in srgb, var(--habitat-accent) 12%, var(--surface));width:32px;height:32px;color:var(--habitat-deep);letter-spacing:.05em;border-radius:10px;flex:0 0 32px;place-items:center;font-size:10px;font-weight:850;display:grid}.jodoh-route div{flex-direction:column;min-width:0;line-height:1.25;display:flex}.jodoh-route b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.jodoh-route small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;overflow:hidden}.jodoh-preview{isolation:isolate;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--habitat-accent) 26%, white);background:radial-gradient(circle at 25% 24%, color-mix(in srgb, var(--pair-a-glow) 27%, transparent), transparent 34%), radial-gradient(circle at 78% 30%, color-mix(in srgb, var(--pair-b-glow) 24%, transparent), transparent 36%), linear-gradient(135deg, color-mix(in srgb, var(--pair-a-soft) 78%, white), color-mix(in srgb, var(--pair-b-soft) 78%, white));width:min(100%,500px);box-shadow:0 2px 3px #1e18120d, 0 42px 100px -42px color-mix(in srgb, var(--habitat-deep) 52%, transparent);border-radius:clamp(30px,5vw,54px);justify-self:center;position:relative;overflow:hidden}.jodoh-preview:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--habitat-accent) 14%, transparent);border-radius:50%;position:absolute;inset:8%}.jodoh-preview:after{content:"";z-index:5;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--habitat-deep) 18%, transparent));filter:blur(18px);pointer-events:none;height:22%;position:absolute;bottom:7%;left:8%;right:8%}.jodoh-preview-label{z-index:8;background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--ink-2);letter-spacing:.075em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff94;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;top:17px;left:17px}.jodoh-preview-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--habitat-accent) 20%, transparent);border-radius:50%;display:block;position:absolute}.jodoh-preview-orbit-a{aspect-ratio:1;width:64%;top:12%;left:-8%}.jodoh-preview-orbit-b{aspect-ratio:1;border-radius:70% 30% 68% 32%;width:72%;bottom:7%;right:-10%;transform:rotate(28deg)}.jodoh-preview-avatar{z-index:2;width:59%;height:90%;animation:jodohAvatarIn .62s var(--pair-ease) both;position:absolute;bottom:-4%}.jodoh-preview-avatar.side-a{left:-2%}.jodoh-preview-avatar.side-b{animation-delay:90ms;right:-3%}.jodoh-preview-avatar img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 20px #17140f40);width:100%;height:100%}.jodoh-preview-avatar.side-b img{transform:scaleX(-1)}.jodoh-preview-core{z-index:6;background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffffa8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:118px;min-height:118px;line-height:1.05;display:flex;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 42px #251c1529}.jodoh-preview-core b{font-family:var(--font-display);font-size:29px;font-weight:650}.jodoh-preview-core span{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.jodoh-preview-core i{background:linear-gradient(90deg, var(--pair-a), var(--pair-b));width:32px;height:1px;margin:7px 0 5px}.jodoh-preview-core small{color:var(--ink-3);font-size:9px}.jodoh-preview>p{z-index:7;color:#ffffffe0;letter-spacing:.04em;text-align:center;text-shadow:0 1px 8px #14100c70;font-size:10.5px;font-weight:720;position:absolute;bottom:18px;left:0;right:0}@keyframes jodohAvatarIn{0%{opacity:0;transform:translateY(18px)scale(.97)}}.jodoh-setup{border:1px solid color-mix(in srgb, var(--habitat-accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 84%, transparent);box-shadow:0 1px 2px #2018120a, 0 34px 82px -48px color-mix(in srgb, var(--habitat-deep) 46%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:clamp(24px,4vw,38px);padding:clamp(24px,4vw,44px);position:relative}.jodoh-setup-head{grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:36px;max-width:960px;margin:0 auto 24px;display:grid}.jodoh-setup-head h2{font-family:var(--font-display);font-variation-settings:"SOFT" 70, "WONK" 0;letter-spacing:-.025em;text-wrap:balance;margin-top:5px;font-size:clamp(27px,4.5vw,39px);font-weight:585;line-height:1.08}.jodoh-setup-head>p{color:var(--ink-2);font-size:13.5px;line-height:1.65}.jodoh-resume{border:1px solid color-mix(in srgb, var(--habitat-accent) 22%, var(--line));background:linear-gradient(110deg, color-mix(in srgb, var(--pair-a-soft) 58%, var(--surface)), color-mix(in srgb, var(--pair-b-soft) 54%, var(--surface)));max-width:960px;box-shadow:0 22px 56px -44px color-mix(in srgb, var(--habitat-deep) 46%, transparent);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 auto;padding:clamp(18px,3vw,26px);display:grid}.jodoh-resume-mark{border:1px solid color-mix(in srgb, var(--pair-bridge) 38%, var(--line));background:color-mix(in srgb, var(--surface) 76%, transparent);width:64px;height:64px;color:color-mix(in srgb, var(--pair-a-deep) 50%, var(--pair-b-deep));font-family:var(--font-display);border-radius:21px;place-items:center;font-size:30px;font-style:italic;display:grid;box-shadow:0 12px 24px -18px #1f181247}.jodoh-resume-copy{min-width:0}.jodoh-resume-copy p{color:var(--habitat-accent);letter-spacing:.085em;text-transform:uppercase;font-size:9.5px;font-weight:820}.jodoh-resume-copy h3{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:clamp(22px,3.8vw,29px);font-weight:620;overflow:hidden}.jodoh-resume-copy>span{color:var(--ink-2);margin-top:3px;font-size:12px;line-height:1.5;display:block}.jodoh-resume-actions{flex-direction:column;gap:7px;min-width:220px;display:flex}.jodoh-resume-actions .btn{overflow-wrap:anywhere;white-space:normal;min-height:43px;padding:9px 15px;font-size:11.5px}.jodoh-people{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch;gap:10px;max-width:960px;margin:0 auto;display:grid}.jodoh-person{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, var(--pair-a-soft));min-width:0;transition:border-color .18s ease, box-shadow .18s ease, transform .18s var(--pair-ease);border-radius:22px;margin:0;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 52px -42px #1f18126b}.jodoh-person:before{content:"";background:var(--pair-a);width:4px;position:absolute;inset:0 auto 0 0}.jodoh-person-b{background:color-mix(in srgb, var(--surface) 94%, var(--pair-b-soft))}.jodoh-person-b:before{background:var(--pair-b);left:auto;right:0}.jodoh-person.is-complete{border-color:color-mix(in srgb, var(--pair-a) 42%, var(--line));box-shadow:0 20px 56px -42px color-mix(in srgb, var(--pair-a-deep) 54%, transparent)}.jodoh-person-b.is-complete{border-color:color-mix(in srgb, var(--pair-b) 42%, var(--line));box-shadow:0 20px 56px -42px color-mix(in srgb, var(--pair-b-deep) 54%, transparent)}.jodoh-person.has-error{border-color:color-mix(in srgb, var(--danger) 58%, var(--line))}.jodoh-person-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:20px;display:grid}.jodoh-person-index{background:color-mix(in srgb, var(--pair-a) 12%, var(--surface));width:38px;height:38px;color:var(--pair-a-deep);letter-spacing:.06em;border-radius:12px;place-items:center;font-size:11px;font-weight:850;display:grid}.jodoh-person-b .jodoh-person-index{background:color-mix(in srgb, var(--pair-b) 11%, var(--surface));color:var(--pair-b-deep)}.jodoh-person-title{font-family:var(--font-display);font-size:21px;font-weight:610;line-height:1.15}.jodoh-person-hint{color:var(--ink-3);margin-top:2px;font-size:11px;line-height:1.35}.jodoh-person-state{background:var(--bg);color:var(--ink-3);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:760}.jodoh-person.is-complete .jodoh-person-state{background:color-mix(in srgb, var(--pair-a) 11%, var(--surface));color:var(--pair-a-deep)}.jodoh-person-b.is-complete .jodoh-person-state{background:color-mix(in srgb, var(--pair-b) 11%, var(--surface));color:var(--pair-b-deep)}.jodoh-field>span,.jodoh-gender-label{color:var(--ink-2);margin-bottom:7px;font-size:12px;font-weight:720;display:block}.jodoh-field input{border:1.5px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, var(--bg));width:100%;min-height:50px;color:var(--ink);border-radius:13px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s,background-color .15s}.jodoh-field input::placeholder{color:color-mix(in srgb, var(--ink-3) 74%, transparent)}.jodoh-field input:focus{border-color:var(--pair-a);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--pair-a) 12%, transparent)}.jodoh-field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 9%, transparent)}.jodoh-person-b .jodoh-field input:focus{border-color:var(--pair-b);box-shadow:0 0 0 4px color-mix(in srgb, var(--pair-b) 11%, transparent)}.jodoh-gender-field{margin-top:16px}.jodoh-genders{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.jodoh-gender{cursor:pointer;border:1.5px solid var(--line);background:var(--surface);min-width:0;min-height:64px;color:var(--ink-2);transition:border-color .15s ease, background-color .15s ease, color .15s ease, transform .14s var(--pair-ease);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 9px;font-size:12px;font-weight:680;display:grid;position:relative}.jodoh-gender input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jodoh-gender-avatar{background:color-mix(in srgb, var(--pair-a-soft) 72%, var(--surface));border-radius:12px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.jodoh-person-b .jodoh-gender-avatar{background:color-mix(in srgb, var(--pair-b-soft) 72%, var(--surface))}.jodoh-gender-avatar img{object-fit:contain;transform-origin:50% 32%;width:100%;height:100%;transform:scale(1.18)}.jodoh-gender-check{border:1px solid var(--line);color:#0000;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.jodoh-gender.is-on{border-color:var(--pair-a);background:color-mix(in srgb, var(--pair-a) 8%, var(--surface));color:var(--pair-a-deep)}.jodoh-person-b .jodoh-gender.is-on{border-color:var(--pair-b);background:color-mix(in srgb, var(--pair-b) 8%, var(--surface));color:var(--pair-b-deep)}.jodoh-gender.is-on .jodoh-gender-check{border-color:var(--pair-a);background:var(--pair-a);color:#fff}.jodoh-person-b .jodoh-gender.is-on .jodoh-gender-check{border-color:var(--pair-b);background:var(--pair-b)}.jodoh-gender:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--pair-a) 48%, transparent);outline-offset:2px}.jodoh-person-b .jodoh-gender:has(input:focus-visible){outline-color:color-mix(in srgb, var(--pair-b) 48%, transparent)}.jodoh-gender:active{transform:scale(.975)}.jodoh-gender-field>small{color:var(--ink-3);margin-top:7px;font-size:10.5px;line-height:1.4;display:block}.jodoh-field-error{color:var(--danger);margin-top:6px;font-size:10.5px;font-weight:650;display:block}.jodoh-gender-field.has-error .jodoh-genders{border:1px solid color-mix(in srgb, var(--danger) 46%, transparent);border-radius:17px;padding:3px}.jodoh-amp{z-index:2;border:1px solid color-mix(in srgb, var(--pair-b) 22%, var(--line));background:var(--surface);width:54px;height:54px;color:color-mix(in srgb, var(--pair-b) 78%, var(--pair-a));font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;border-radius:50%;align-self:center;place-items:center;font-size:30px;font-style:italic;display:grid;position:relative;box-shadow:0 14px 30px #1f18121a}.jodoh-amp:before,.jodoh-amp:after{content:"";z-index:-1;background:var(--line);width:14px;height:1px;position:absolute;top:50%}.jodoh-amp:before{right:100%}.jodoh-amp:after{left:100%}.jodoh-privacy{border:1px solid color-mix(in srgb, var(--habitat-accent) 16%, var(--line));background:color-mix(in srgb, var(--habitat-paper) 58%, var(--surface));border-radius:15px;align-items:center;gap:12px;max-width:680px;margin:22px auto 0;padding:12px 15px;display:flex}.jodoh-privacy-mark{background:color-mix(in srgb, var(--habitat-accent) 11%, var(--surface));width:38px;height:38px;color:var(--habitat-deep);border-radius:12px;flex:0 0 38px;place-items:center;display:grid}.jodoh-privacy-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:20px}.jodoh-privacy>span:last-child{flex-direction:column;min-width:0;line-height:1.35;display:flex}.jodoh-privacy b{font-size:12.5px}.jodoh-privacy small{color:var(--ink-3);font-size:11px}.jodoh-start-cta{flex-direction:column;align-items:center;gap:9px;margin-top:24px;display:flex}.jodoh-start-cta .btn{opacity:.82;overflow-wrap:anywhere;text-align:center;white-space:normal;min-width:min(100%,330px);min-height:52px;transition:transform .15s var(--pair-ease), opacity .15s ease, box-shadow .18s ease;padding-inline:24px}.jodoh-start-cta .btn.is-ready{opacity:1;box-shadow:0 18px 34px -18px color-mix(in srgb, var(--habitat-deep) 58%, transparent)}.jodoh-start-cta>span{color:var(--ink-3);text-align:center;font-size:11.5px}.jodoh-handoff{isolation:isolate;background:color-mix(in srgb, var(--habitat-paper) 68%, var(--bg));min-height:100dvh;position:relative;overflow:hidden}.jodoh-handoff-world{opacity:.86}.jodoh-handoff-shell{z-index:1;flex-direction:column;justify-content:center;min-height:100dvh;padding-top:86px;padding-bottom:64px;display:flex;position:relative}.handoff-brand{top:24px;left:var(--page-gutter);position:absolute}.handoff-card{border:1px solid color-mix(in srgb, var(--habitat-accent) 18%, var(--line));background:color-mix(in srgb, var(--surface) 89%, transparent);width:min(100%,620px);box-shadow:0 2px 3px #1f18120d, 0 38px 88px -46px color-mix(in srgb, var(--habitat-deep) 58%, transparent);text-align:center;-webkit-backdrop-filter:blur(16px);border-radius:30px;padding:clamp(24px,5vw,42px)}.handoff-step{background:color-mix(in srgb, var(--pair-a) 10%, var(--surface));min-height:28px;color:var(--pair-a-deep);letter-spacing:.055em;text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 12px;font-size:10.5px;font-weight:780;display:inline-flex}.handoff-people{grid-template-columns:1fr 68px 1fr;align-items:center;gap:8px;margin:25px auto 24px;display:grid}.handoff-person{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.handoff-person>span{border:1px solid var(--line);background:var(--bg);width:58px;height:58px;color:var(--ink-2);font-family:var(--font-display);border-radius:19px;place-items:center;margin-bottom:7px;font-size:24px;font-weight:650;display:grid}.handoff-person.is-done>span{border-color:color-mix(in srgb, var(--pair-a) 28%, var(--line));background:color-mix(in srgb, var(--pair-a) 10%, var(--surface));color:var(--pair-a-deep)}.handoff-person.is-next>span{border-color:color-mix(in srgb, var(--pair-b) 28%, var(--line));background:color-mix(in srgb, var(--pair-b) 9%, var(--surface));color:var(--pair-b-deep)}.handoff-person b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;overflow:hidden}.handoff-person small{color:var(--ink-3);font-size:10.5px}.handoff-transfer{height:42px;color:var(--ink-3);grid-template-columns:auto 1fr auto;align-items:center;gap:5px;display:grid;position:relative}.handoff-transfer span{background:var(--pair-a);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.handoff-transfer i{background:linear-gradient(90deg, var(--pair-a), var(--pair-b));height:1px}.handoff-transfer b{color:var(--pair-b);font-size:16px}.handoff-card h1{font-family:var(--font-display);font-variation-settings:"SOFT" 72, "WONK" 0;letter-spacing:-.025em;font-size:clamp(29px,6vw,42px);font-weight:585}.handoff-card h1:focus{outline:none}.handoff-note{max-width:48ch;color:var(--ink-2);margin:11px auto 0;font-size:14px;line-height:1.65}.handoff-privacy-note{border:1px solid color-mix(in srgb, var(--habitat-accent) 16%, var(--line));background:color-mix(in srgb, var(--habitat-paper) 62%, var(--surface));border-radius:14px;flex-direction:column;gap:2px;max-width:460px;margin:18px auto 22px;padding:12px 14px;font-size:12px;display:flex}.handoff-privacy-note b{color:var(--habitat-deep)}.handoff-privacy-note span{color:var(--ink-3)}.handoff-button{overflow-wrap:anywhere;white-space:normal;max-width:100%;min-height:50px}.handoff-device{color:var(--ink-3);margin-top:10px;font-size:10.5px}.jodoh-result{background:linear-gradient(90deg, color-mix(in srgb, var(--pair-a-soft) 36%, var(--bg)), var(--bg) 42% 58%, color-mix(in srgb, var(--pair-b-soft) 36%, var(--bg)));min-height:100dvh;padding-bottom:78px;overflow-x:clip}.jodoh-result-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.jodoh-empty-mark{border:1px solid var(--line);background:linear-gradient(135deg, var(--pair-a-soft), var(--pair-b-soft));width:68px;height:68px;color:color-mix(in srgb, var(--pair-a) 48%, var(--pair-b));font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:16px;font-size:34px;font-style:italic;display:grid}.jodoh-result-empty h1{font-family:var(--font-display);font-size:clamp(28px,5vw,40px);font-weight:590}.jodoh-result-empty p{max-width:42ch;color:var(--ink-2);margin:8px auto 20px}.pair-hero{isolation:isolate;border-bottom:1px solid color-mix(in srgb, var(--pair-a) 12%, var(--line));background:color-mix(in srgb, var(--surface) 78%, transparent);min-height:720px;padding-bottom:68px;position:relative;overflow:hidden}.pair-hero-worlds{z-index:-2;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.pair-hero-world{position:relative;overflow:hidden}.pair-hero-world img{object-fit:cover;filter:saturate(.78)contrast(.9);opacity:.34;width:100%;height:100%;transform:scale(1.08)}.pair-hero-world.side-a img{object-position:45% center}.pair-hero-world.side-b img{object-position:55% center}.pair-hero-world:after{content:"";position:absolute;inset:0}.pair-hero-world.side-a:after{background:linear-gradient(90deg, color-mix(in srgb, var(--pair-a-soft) 54%, var(--surface)), transparent 68%), linear-gradient(180deg, #faf7f275, #faf7f2e0)}.pair-hero-world.side-b:after{background:linear-gradient(270deg, color-mix(in srgb, var(--pair-b-soft) 54%, var(--surface)), transparent 68%), linear-gradient(180deg, #faf7f275, #faf7f2e0)}.pair-hero-merge{background:linear-gradient(90deg,#0000 0 31%,#faf7f2e0 48% 52%,#0000 69% 100%),radial-gradient(circle at 50% 45%,#faf7f2c7,#0000 34%);position:absolute;inset:0}.pair-topbar{z-index:4;position:relative}.pair-topbar>span{border-color:color-mix(in srgb, var(--pair-a) 16%, var(--line));background:color-mix(in srgb, var(--surface) 72%, transparent)}.pair-eyebrow{z-index:2;text-align:center;margin-top:28px;position:relative}.pair-stage{z-index:2;grid-template-columns:minmax(220px,1fr) minmax(300px,.86fr) minmax(220px,1fr);grid-template-areas:"person-a core person-b";align-items:center;gap:clamp(20px,3.5vw,46px);margin-top:20px;display:grid;position:relative}.pair-stage:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--pair-a), var(--pair-bridge), var(--pair-b));height:2px;box-shadow:0 0 22px color-mix(in srgb, var(--pair-bridge) 44%, transparent);opacity:.58;border-radius:999px;position:absolute;top:43%;left:14%;right:14%}.pair-figure{width:min(100%,330px);animation:pairFigureIn .56s var(--pair-ease) both;justify-self:center;margin:0}.pair-figure.side-a{grid-area:person-a}.pair-figure.side-b{grid-area:person-b;animation-delay:80ms}.pair-portrait{isolation:isolate;aspect-ratio:.9;border:1px solid color-mix(in srgb, var(--habitat-accent) 28%, white);background:var(--habitat-deep);box-shadow:0 2px 3px #1c161114, 0 34px 68px -34px color-mix(in srgb, var(--habitat-deep) 72%, transparent);border-radius:34px;position:relative;overflow:hidden}.pair-portrait-world,.pair-portrait-veil,.pair-portrait-orbit,.pair-portrait-animal{display:block;position:absolute}.pair-portrait-world{z-index:-3;object-fit:cover;object-position:var(--habitat-position,center);width:100%;height:100%;transition:transform .7s var(--pair-ease);inset:0;transform:scale(1.05)}.pair-portrait-veil{z-index:-2;background:linear-gradient(180deg, #120e0b08 34%, #120e0b75 100%), radial-gradient(circle at 55% 42%, transparent 23%, color-mix(in srgb, var(--habitat-deep) 22%, transparent) 78%);inset:0}.pair-portrait-orbit{z-index:-1;aspect-ratio:1;border:1px solid #ffffff47;border-radius:50%;width:52%;top:8%;right:7%}.pair-portrait-animal{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 24px 20px #140f0b52);transform-origin:50% 88%;width:88%;height:96%;transition:transform .22s var(--pair-ease), filter .22s ease;bottom:-2%;left:50%;transform:translate(-50%)}.pair-figure.side-b .pair-portrait-animal{transform:translate(-50%)scaleX(-1)}.pair-portrait-realm{z-index:4;color:#ffffffeb;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 4px #00000038;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#14100c47;border:1px solid #ffffff61;border-radius:11px;padding:7px 10px;font-size:9.5px;font-weight:780;position:absolute;bottom:13px;left:13px;right:13px;overflow:hidden}.pair-figure figcaption{text-align:center;flex-direction:column;gap:2px;margin-top:12px;display:flex}.pair-figure figcaption b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;font-size:21px;font-weight:620;overflow:hidden}.pair-figure figcaption span{font-size:12px;font-weight:760}.pair-figure.side-a figcaption span{color:var(--pair-a-deep)}.pair-figure.side-b figcaption span{color:var(--pair-b-deep)}.pair-figure figcaption small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}@keyframes pairFigureIn{0%{opacity:0;transform:translateY(14px)}}.pair-core{text-align:center;grid-area:core;justify-self:center;max-width:440px}.pair-core-kicker{border:1px solid color-mix(in srgb, var(--pair-a) 16%, var(--line));background:color-mix(in srgb, var(--surface) 70%, transparent);min-height:28px;color:var(--ink-2);letter-spacing:.045em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;padding:5px 12px;font-size:10px;font-weight:760;display:inline-flex}.pair-score{filter:drop-shadow(0 12px 18px #221a1414);width:126px;height:126px;margin:17px auto 11px;position:relative}.pair-score svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.pair-score-track,.pair-score-value{fill:none;stroke-width:8.5px}.pair-score-track{stroke:color-mix(in srgb, var(--pair-a) 10%, var(--line))}.pair-score-value{stroke:url(#pairGrad);stroke-linecap:round;animation:pairScoreReveal .88s var(--pair-ease) .18s both}.pair-score-stop-a{stop-color:var(--pair-a)}.pair-score-stop-b{stop-color:var(--pair-b)}@keyframes pairScoreReveal{0%{stroke-dashoffset:100px}}.pair-score-num{place-content:center;line-height:1.05;display:grid;position:absolute;inset:0}.pair-score-num b{letter-spacing:-.035em;font-size:27px;font-weight:820}.pair-score-num span{color:var(--ink-3);letter-spacing:.075em;text-transform:uppercase;margin-top:3px;font-size:8.5px;font-weight:780}.pair-archetype{font-family:var(--font-display);font-variation-settings:"SOFT" 72, "WONK" 0;letter-spacing:-.03em;text-wrap:balance;margin-top:13px;font-size:clamp(31px,4.2vw,44px);font-weight:590;line-height:1.02}.pair-archetype-desc{color:var(--ink-2);margin-top:10px;font-size:13.5px;line-height:1.58}.pair-same-world{background:color-mix(in srgb, var(--pair-aligned) 10%, var(--surface));width:fit-content;color:var(--ink-2);border-radius:999px;margin:10px auto 0;padding:5px 10px;font-size:10.5px;font-weight:690}.pair-badge{border:1px solid color-mix(in srgb, var(--pair-b) 20%, var(--line));background:color-mix(in srgb, var(--pair-b-soft) 62%, var(--surface));color:var(--pair-b-deep);border-radius:13px;margin-top:13px;padding:7px 12px;font-size:11px;font-weight:690;line-height:1.35;display:inline-block}.pair-score-note{max-width:38ch;color:var(--ink-3);margin:12px auto 0;font-size:10.5px;line-height:1.45}.pair-chapters{z-index:30;width:min(calc(100% - (var(--page-gutter) * 2)), 850px);border:1px solid color-mix(in srgb, var(--pair-a) 14%, var(--line));background:color-mix(in srgb, var(--surface) 86%, transparent);scrollbar-width:none;-webkit-backdrop-filter:blur(16px);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:-24px auto 0;padding:5px;display:grid;position:sticky;top:12px;overflow-x:auto;box-shadow:0 18px 42px -28px #1f181252}.pair-chapters::-webkit-scrollbar{display:none}.pair-chapters a{min-width:0;min-height:42px;color:var(--ink-2);white-space:nowrap;transition:background-color .15s ease, color .15s ease, transform .14s var(--pair-ease);border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-size:11.5px;font-weight:700;text-decoration:none;display:flex}.pair-chapters a span{color:color-mix(in srgb, var(--pair-a) 48%, var(--pair-b));letter-spacing:.04em;font-size:9px;font-weight:850}.pair-chapters a:active{transform:scale(.975)}.pair-chapters a:focus-visible{outline:3px solid color-mix(in srgb, var(--pair-a) 46%, transparent);outline-offset:-1px}.pair-content{padding-top:16px}.pair-section{max-width:1040px;margin:76px auto 0;scroll-margin-top:88px}.pair-section:nth-of-type(n+2){content-visibility:auto;contain-intrinsic-size:auto 620px}.pair-section-head{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:16px;max-width:830px;margin-bottom:24px;display:grid}.pair-chapter-number{border:1px solid color-mix(in srgb, var(--pair-a) 18%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--pair-a-soft) 68%, white), color-mix(in srgb, var(--pair-b-soft) 55%, white));width:54px;height:54px;color:color-mix(in srgb, var(--pair-a-deep) 52%, var(--pair-b-deep));letter-spacing:.06em;border-radius:17px;place-items:center;font-size:11px;font-weight:850;display:grid}.pair-section-head h2{font-family:var(--font-display);font-variation-settings:"SOFT" 72, "WONK" 0;letter-spacing:-.025em;text-wrap:balance;margin-top:4px;font-size:clamp(27px,4.5vw,39px);font-weight:585;line-height:1.08}.pair-section-head div>p:last-child{max-width:68ch;color:var(--ink-2);margin-top:8px;font-size:13.5px;line-height:1.65}.pair-legend{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);border-radius:14px;align-items:center;gap:10px;margin-bottom:12px;padding:11px 13px;display:flex}.pair-legend>span{color:var(--ink-2);align-items:center;gap:6px;font-size:11.5px;font-weight:650;display:inline-flex}.pair-legend>span i{background:var(--pair-a);border-radius:50%;width:9px;height:9px}.pair-legend>span.side-b i{background:var(--pair-b);border-radius:2px;transform:rotate(45deg)}.pair-legend>span b{display:none}.pair-legend small{color:var(--ink-3);margin-left:auto;font-size:10.5px}.pair-dims{gap:12px;display:grid}.pair-dim{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 90%, var(--pair-b-soft));border-radius:17px;grid-template-columns:minmax(230px,.68fr) minmax(300px,1.08fr) minmax(240px,.86fr);align-items:center;gap:20px;padding:17px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px -42px #1f18125c}.pair-dim:before{content:"";background:var(--pair-bridge);width:3px;position:absolute;inset:0 auto 0 0}.pair-dim.is-same{background:color-mix(in srgb, var(--surface) 91%, var(--pair-a-soft))}.pair-dim.is-same:before{background:var(--pair-aligned)}.pair-dim-head{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.pair-dim-head>div:first-child{min-width:0}.pair-dim-code{color:var(--ink-3);letter-spacing:.1em;font-size:9px;font-weight:850}.pair-dim-head h3{font-family:var(--font-display);margin-top:1px;font-size:17px;font-weight:620;line-height:1.18}.pair-dim-status{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.pair-dim-chip{letter-spacing:.035em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:780}.chip-same{background:color-mix(in srgb, var(--pair-aligned) 11%, var(--surface));color:var(--ink-2)}.chip-diff{background:color-mix(in srgb, var(--pair-bridge) 18%, var(--surface));color:var(--ink-2)}.pair-dim-status small{color:var(--ink-3);font-size:9px}.pair-dim-bars{grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:8px;min-width:0;display:grid}.pair-dim-pole{color:var(--ink-2);text-align:center;font-size:13px;font-weight:820}.pair-dim-track{border:1px solid var(--line);background:linear-gradient(90deg, color-mix(in srgb, var(--ink-3) 5%, var(--surface)), transparent 42% 58%, color-mix(in srgb, var(--ink-3) 5%, var(--surface))), linear-gradient(180deg, transparent calc(50% - .5px), var(--line) 50%, transparent calc(50% + .5px));border-radius:12px;height:36px;position:relative}.pair-dim-track:after{content:"";background:color-mix(in srgb, var(--ink-3) 16%, transparent);width:1px;position:absolute;top:6px;bottom:6px;left:50%}.pair-dim-marker{z-index:2;color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;font-weight:850;line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #231b1447}.pair-dim-marker.side-a{background:var(--pair-a);top:33%}.pair-dim-marker.side-b{background:var(--pair-b);border-radius:6px;top:67%}.pair-dim-blurb{color:var(--ink-2);font-size:12px;line-height:1.55}.pair-idnote{border:1px solid color-mix(in srgb, var(--pair-b) 13%, var(--line));background:linear-gradient(110deg, color-mix(in srgb, var(--pair-a-soft) 48%, var(--surface)), color-mix(in srgb, var(--pair-b-soft) 48%, var(--surface)));border-radius:16px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:13px;margin-top:14px;padding:14px 16px;display:grid}.pair-idnote>span{background:color-mix(in srgb, var(--pair-a-deep) 50%, var(--pair-b-deep));color:#fff;letter-spacing:.06em;border-radius:15px;place-items:center;width:48px;height:48px;font-size:11px;font-weight:850;display:grid}.pair-idnote p{color:var(--ink-2);flex-direction:column;gap:2px;font-size:12.5px;line-height:1.55;display:flex}.pair-idnote b{color:var(--ink);font-size:12px}.pair-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pair-note-card,.pair-cheat{border:1px solid var(--line);background:var(--surface);border-radius:20px;min-width:0;padding:clamp(19px,2.8vw,28px);font-size:13.5px;position:relative;overflow:hidden;box-shadow:0 22px 58px -48px #1f181270}.pair-note-card:before,.pair-cheat:before{content:"";background:var(--pair-a);height:4px;position:absolute;inset:0 0 auto}.pair-note-card.side-b:before,.pair-cheat.side-b:before{background:var(--pair-b)}.pair-note-person{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:17px;padding-bottom:14px;display:flex}.pair-note-person>span{background:color-mix(in srgb, var(--habitat-paper) 66%, var(--surface));border-radius:16px;flex:0 0 52px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.pair-note-person img{object-fit:contain;transform-origin:50% 30%;width:100%;height:100%;transform:scale(1.22)}.pair-note-person p,.pair-cheat-for{color:var(--ink-3);letter-spacing:.085em;text-transform:uppercase;font-size:9.5px;font-weight:800}.pair-note-person h3,.pair-cheat h3{font-family:var(--font-display);font-variation-settings:"SOFT" 72, "WONK" 0;margin-top:2px;font-size:20px;font-weight:610}.pair-note-card .rich,.pair-cheat .rich{color:var(--ink-2);line-height:1.66}.pair-note-card .rich p+p,.pair-cheat .rich p+p,.pair-note-card .rich ul,.pair-cheat .rich ul,.pair-note-card .rich ol,.pair-cheat .rich ol{margin-top:10px}.pair-note-card .rich ul,.pair-cheat .rich ul,.pair-note-card .rich ol,.pair-cheat .rich ol{padding-left:20px}.pair-note-card .rich li+li,.pair-cheat .rich li+li{margin-top:6px}.pair-cheat-route{background:var(--bg);border-radius:999px;grid-template-columns:auto auto auto;align-items:center;gap:7px;width:fit-content;margin-bottom:14px;padding:5px 8px;display:grid}.pair-cheat-route span{background:var(--pair-b);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-weight:820;display:grid}.pair-cheat-route span:last-child,.pair-cheat.side-b .pair-cheat-route span{background:var(--pair-a)}.pair-cheat.side-b .pair-cheat-route span:last-child{background:var(--pair-b)}.pair-cheat-route i{color:var(--ink-3);font-size:9px;font-style:normal}.pair-cheat h3{margin-bottom:12px;font-size:22px}.pair-cheat-more{border-top:1px dashed var(--line);margin-top:11px;padding-top:2px}.pair-cheat-more summary{cursor:pointer;min-height:44px;color:var(--ink-2);align-items:center;padding:9px 32px 9px 0;font-size:12.5px;font-weight:700;list-style:none;display:flex;position:relative}.pair-cheat-more summary::-webkit-details-marker{display:none}.pair-cheat-more summary:after{content:"+";background:var(--bg);width:24px;height:24px;color:var(--ink-3);transition:transform .16s var(--pair-ease), background-color .16s ease;border-radius:8px;place-items:center;font-size:16px;font-weight:500;display:grid;position:absolute;right:2px}.pair-cheat-more[open] summary{color:var(--pair-a-deep)}.pair-cheat.side-b .pair-cheat-more[open] summary{color:var(--pair-b-deep)}.pair-cheat-more[open] summary:after{background:color-mix(in srgb, var(--pair-a) 9%, var(--surface));transform:rotate(45deg)}.pair-cheat.side-b .pair-cheat-more[open] summary:after{background:color-mix(in srgb, var(--pair-b) 9%, var(--surface))}.pair-cheat-more summary:focus-visible{outline:3px solid color-mix(in srgb, var(--pair-a) 42%, transparent);outline-offset:2px;border-radius:9px}.pair-profile-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pair-profile-card{cursor:pointer;border:1px solid color-mix(in srgb, var(--habitat-accent) 24%, var(--line));background:color-mix(in srgb, var(--habitat-paper) 46%, var(--surface));min-width:0;min-height:176px;color:var(--ink);text-align:left;box-shadow:0 22px 58px -46px color-mix(in srgb, var(--habitat-deep) 48%, transparent);transition:transform .18s var(--pair-ease), box-shadow .18s ease, border-color .18s ease;border-radius:22px;grid-template-columns:176px minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 22px 0 0;display:grid;position:relative;overflow:hidden}.pair-profile-scene{background:var(--habitat-deep);align-self:stretch;min-height:176px;display:block;position:relative;overflow:hidden}.pair-profile-scene:after{content:"";background:linear-gradient(#0000 34%,#140f0b52);position:absolute;inset:0}.pair-profile-world{object-fit:cover;object-position:var(--habitat-position,center);width:100%;height:100%}.pair-profile-animal{z-index:2;object-fit:contain;filter:drop-shadow(0 14px 12px #140f0b4d);transform-origin:bottom;width:90%;height:103%;transition:transform .22s var(--pair-ease);position:absolute;bottom:-7%;left:50%;transform:translate(-50%)}.pair-profile-card.side-b .pair-profile-animal{transform:translate(-50%)scaleX(-1)}.pair-profile-copy{flex-direction:column;min-width:0;display:flex}.pair-profile-copy small{color:var(--habitat-accent);letter-spacing:.085em;text-transform:uppercase;font-size:9.5px;font-weight:820}.pair-profile-copy strong{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:25px;font-weight:620;overflow:hidden}.pair-profile-copy>span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:650;overflow:hidden}.pair-profile-arrow{background:var(--habitat-deep);color:#fff;width:38px;height:38px;transition:transform .18s var(--pair-ease);border-radius:12px;place-items:center;font-size:16px;display:grid}.pair-profile-card:active{transform:scale(.985)}.pair-profile-card:focus-visible{outline:3px solid color-mix(in srgb, var(--habitat-accent) 52%, transparent);outline-offset:3px}.pair-foot{border-top:1px solid var(--line);text-align:center;max-width:760px;margin:90px auto 0;padding-top:32px}.pair-foot-mark{border:1px solid color-mix(in srgb, var(--pair-a) 16%, var(--line));background:linear-gradient(135deg, var(--pair-a-soft), var(--pair-b-soft));width:52px;height:52px;color:color-mix(in srgb, var(--pair-a-deep) 50%, var(--pair-b-deep));font-family:var(--font-display);border-radius:50%;place-items:center;margin:0 auto 14px;font-size:27px;font-style:italic;display:grid}.pair-foot>p{max-width:54ch;color:var(--ink-2);font-family:var(--font-display);font-variation-settings:"SOFT" 100, "WONK" 1;margin:0 auto 20px;font-size:clamp(16px,2.6vw,20px);font-style:italic;line-height:1.55}.pair-foot-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (hover:hover) and (pointer:fine){.jodoh-gender:hover{border-color:color-mix(in srgb, var(--pair-a) 42%, var(--line));transform:translateY(-1px)}.jodoh-person-b .jodoh-gender:hover{border-color:color-mix(in srgb, var(--pair-b) 42%, var(--line))}.pair-portrait:hover .pair-portrait-world{transform:scale(1.085)}.pair-figure.side-a .pair-portrait:hover .pair-portrait-animal{filter:drop-shadow(0 28px 24px #140f0b5c);transform:translate(-50%)translateY(-5px)}.pair-figure.side-b .pair-portrait:hover .pair-portrait-animal{filter:drop-shadow(0 28px 24px #140f0b5c);transform:translate(-50%)translateY(-5px)scaleX(-1)}.pair-chapters a:hover{background:color-mix(in srgb, var(--pair-a-soft) 52%, var(--surface));color:var(--ink)}.pair-profile-card:hover{border-color:var(--habitat-accent);box-shadow:0 28px 66px -42px color-mix(in srgb, var(--habitat-deep) 58%, transparent);transform:translateY(-3px)}.pair-profile-card.side-a:hover .pair-profile-animal{transform:translate(-50%)scale(1.035)}.pair-profile-card.side-b:hover .pair-profile-animal{transform:translate(-50%)scaleX(-1)scale(1.035)}.pair-profile-card:hover .pair-profile-arrow{transform:translate(3px)}}@media (width<=980px){.jodoh-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:34px}.jodoh-route{grid-template-columns:1fr;max-width:380px}.jodoh-route li{padding:8px 10px}.pair-hero{min-height:0}.pair-stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"core core""person-a person-b";max-width:760px;margin-left:auto;margin-right:auto}.pair-stage:before{top:72%;left:18%;right:18%}.pair-core{max-width:570px;margin-top:12px}.pair-dim{grid-template-columns:minmax(160px,.58fr) minmax(260px,1fr)}.pair-dim-blurb{border-top:1px dashed var(--line);grid-column:1/-1;padding-top:10px}.pair-profile-card{grid-template-columns:132px minmax(0,1fr) auto}}@media (width<=760px){.jodoh-start{padding-bottom:48px}.jodoh-topbar,.pair-topbar{min-height:64px;padding:10px 0}.jodoh-mode-pill,.pair-topbar>span{text-overflow:ellipsis;white-space:nowrap;max-width:56vw;font-size:10.5px;overflow:hidden}.jodoh-hero{grid-template-columns:1fr;gap:34px;min-height:0;padding:46px 0 52px}.jodoh-hero-copy{text-align:center}.jodoh-hero h1{margin-left:auto;margin-right:auto;font-size:clamp(42px,13vw,62px)}.jodoh-lede{margin-left:auto;margin-right:auto;font-size:14.5px}.jodoh-route{text-align:left;max-width:470px;margin-left:auto;margin-right:auto}.jodoh-preview{width:min(100%,430px)}.jodoh-setup{border-radius:25px;padding:22px 14px 26px}.jodoh-setup-head{grid-template-columns:1fr;gap:9px;margin-bottom:20px;padding:0 5px}.jodoh-setup-head>p{font-size:12.5px}.jodoh-resume{grid-template-columns:auto minmax(0,1fr);gap:13px}.jodoh-resume-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;width:100%;min-width:0;display:grid}.jodoh-people{grid-template-columns:1fr;gap:12px}.jodoh-person{border-radius:19px;padding:18px 16px}.jodoh-person-b:before{left:0;right:auto}.jodoh-amp{justify-self:center;width:46px;height:46px;font-size:25px}.jodoh-amp:before,.jodoh-amp:after{width:1px;height:12px;inset:auto auto 100% 50%}.jodoh-amp:after{top:100%;bottom:auto}.jodoh-privacy{align-items:flex-start}.handoff-card{border-radius:24px}.handoff-people{grid-template-columns:1fr 50px 1fr}.handoff-transfer{gap:3px}.pair-hero{padding-bottom:54px}.pair-eyebrow{margin-top:18px}.pair-stage{gap:12px}.pair-stage:before{top:78%;left:14%;right:14%}.pair-figure{width:min(100%,280px)}.pair-portrait{border-radius:24px}.pair-portrait-realm{padding:5px 7px;font-size:7.5px;bottom:8px;left:8px;right:8px}.pair-figure figcaption{margin-top:8px}.pair-figure figcaption b{font-size:17px}.pair-figure figcaption span{font-size:10.5px}.pair-figure figcaption small{font-size:9.5px}.pair-core{margin-top:20px}.pair-chapters{width:calc(100% - (var(--page-gutter) * 2));border-radius:16px;justify-content:flex-start;display:flex}.pair-chapters a{flex:none;min-width:126px}.pair-section{margin-top:62px}.pair-section-head{grid-template-columns:44px minmax(0,1fr);gap:12px}.pair-chapter-number{border-radius:14px;width:44px;height:44px}.pair-legend{flex-wrap:wrap}.pair-legend small{width:100%;margin-left:0}.pair-dim{grid-template-columns:1fr;gap:13px;padding:15px 14px}.pair-dim-blurb{grid-column:auto}.pair-dim-track{height:40px}.pair-two,.pair-profile-cards{grid-template-columns:1fr}.pair-profile-card{grid-template-columns:134px minmax(0,1fr) auto;min-height:154px}.pair-profile-scene{min-height:154px}.pair-foot{margin-top:68px}}@media (width<=480px){.jodoh-mode-pill i{display:none}.jodoh-preview-core{width:96px;min-height:96px}.jodoh-preview-core b{font-size:24px}.jodoh-person-head{grid-template-columns:auto minmax(0,1fr)}.jodoh-person-state{grid-column:1/-1;width:fit-content;margin-left:49px}.jodoh-gender{gap:6px;min-height:58px;padding:7px;font-size:11px}.jodoh-gender-avatar{width:36px;height:36px}.jodoh-gender-check{width:17px;height:17px}.jodoh-privacy small{line-height:1.45}.jodoh-resume{text-align:center;grid-template-columns:1fr}.jodoh-resume-mark{justify-self:center}.jodoh-resume-copy h3{white-space:normal}.jodoh-resume-actions{grid-column:auto;grid-template-columns:1fr}.handoff-card{padding:24px 16px}.handoff-people{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.handoff-person>span{border-radius:16px;width:50px;height:50px}.handoff-transfer span{display:none}.handoff-transfer{grid-template-columns:1fr auto}.pair-topbar>span{max-width:48vw}.pair-stage{gap:8px}.pair-portrait{border-radius:20px}.pair-figure figcaption small{display:none}.pair-score{width:114px;height:114px}.pair-archetype{font-size:32px}.pair-profile-card{border-radius:18px;grid-template-columns:104px minmax(0,1fr) 32px;gap:12px;min-height:132px;padding-right:12px}.pair-profile-scene{min-height:132px}.pair-profile-copy strong{font-size:21px}.pair-profile-arrow{border-radius:10px;width:32px;height:32px}.pair-foot-actions .btn{width:100%}}@media (width<=380px){.jodoh-genders{grid-template-columns:1fr}.jodoh-gender{min-height:54px}.test-page.is-jodoh .test-couple-node small{max-width:48px}.test-page .scale-row{gap:2px}}@media (prefers-reduced-motion:reduce){.jodoh-preview-avatar,.pair-figure,.pair-score-value{animation:none!important}.jodoh-gender,.jodoh-start-cta .btn,.pair-portrait-world,.pair-portrait-animal,.pair-chapters a,.pair-cheat-more summary:after,.pair-profile-card,.pair-profile-animal,.pair-profile-arrow{transition-duration:0s!important}}@media print{.pair-topbar,.pair-chapters,.pair-foot-actions{display:none!important}.jodoh-result{background:#fff;padding:0}.pair-hero{break-after:page;min-height:0;padding:20px 0}.pair-section{content-visibility:visible;contain:none;break-inside:avoid;margin-top:34px}.pair-note-card,.pair-cheat,.pair-dim,.pair-profile-card{box-shadow:none;break-inside:avoid}}:root{--scale-a:#0f766e;--scale-a-soft:#f0fdfa;--scale-b:#7c3aed;--scale-b-soft:#f5f3ff}.test-center{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.spinner{border:2.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.test-sending{font-family:var(--font-display);color:var(--ink-2);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:16px;font-style:italic}.test-recovery-link{color:var(--ink-3);text-underline-offset:3px;font-size:13px;text-decoration:underline}.test-intro{isolation:isolate;flex-direction:column;justify-content:center;min-height:100dvh;padding-top:48px;padding-bottom:48px;display:flex;position:relative}.test-intro h1{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 70, "WONK" 0;font-size:clamp(28px,5.2vw,38px);font-weight:580}.intro-list{color:var(--ink-2);flex-direction:column;gap:6px;max-width:54ch;margin:18px 0 28px;padding-left:18px;display:flex}.intro-form{flex-direction:column;gap:8px;width:min(100%,430px);display:flex}.intro-form>label,.gender-field legend{color:var(--ink-2);font-size:13px;font-weight:600}.intro-form>input{border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.intro-form>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.gender-field{border:0;min-width:0;margin:12px 0 0;padding:0}.gender-field legend{margin-bottom:8px}.gender-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gender-option{border:1.5px solid var(--line);background:var(--surface);min-height:72px;color:var(--ink);cursor:pointer;transition:border-color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .15s var(--ease-out);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid;position:relative;overflow:hidden}.gender-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.gender-symbol{background:var(--bg);width:34px;height:34px;color:var(--ink-2);border-radius:10px;place-items:center;font-size:22px;font-weight:650;line-height:1;transition:background-color .15s,color .15s;display:grid}.gender-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.gender-copy strong{font-size:13.5px;font-weight:650;line-height:1.2}.gender-copy small{color:var(--ink-3);font-size:11.5px;line-height:1.25}.gender-check{border:1.5px solid var(--line);color:#0000;border-radius:50%;place-items:center;width:19px;height:19px;font-size:11px;font-weight:800;transition:border-color .15s,background-color .15s,color .15s;display:grid}.gender-option.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 10%, transparent)}.gender-option.is-selected .gender-symbol,.gender-option.is-selected .gender-check{border-color:var(--accent);background:var(--accent);color:#fff}.gender-option:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 24%, transparent);outline-offset:2px}.gender-option:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.gender-option:hover{border-color:color-mix(in srgb, var(--accent) 56%, var(--line));transform:translateY(-1px)}}.gender-note{color:var(--ink-3);margin-top:8px;font-size:11.5px;line-height:1.45}.intro-form .btn{margin-top:10px}@media (width<=420px){.gender-options{grid-template-columns:1fr}.gender-option{min-height:64px}}@media (prefers-reduced-motion:reduce){.gender-option{transition:border-color .15s,background-color .15s,box-shadow .15s}}.test-intro{padding-top:clamp(30px,5vw,64px);padding-bottom:clamp(36px,6vw,76px);display:block}.test-intro-grid{z-index:1;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);align-items:center;gap:clamp(42px,7vw,88px);min-height:calc(100dvh - 120px);display:grid;position:relative}.test-intro-copy{min-width:0}.test-brand{font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;margin-bottom:34px;font-size:19px;font-weight:650;display:inline-flex}.test-intro .eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;font-weight:750}.test-intro h1{max-width:13ch;margin-top:8px;font-size:clamp(34px,5vw,50px);line-height:1.08}.test-intro-lede{max-width:53ch;color:var(--ink-2);margin-top:15px;font-size:15.5px}.test-intro .intro-list{gap:8px;margin:20px 0 24px;font-size:14px}.test-intro .intro-list li::marker{color:var(--accent)}.test-intro .intro-form{border:1px solid var(--line);border-color:color-mix(in srgb, var(--habitat-accent) 16%, var(--line));background:color-mix(in srgb, var(--surface) 84%, transparent);width:min(100%,470px);box-shadow:var(--shadow-card), 0 26px 58px -44px color-mix(in srgb, var(--habitat-deep) 58%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:24px;padding:20px}.test-intro .intro-form>input{background:#fff;border-radius:12px;min-height:48px}.test-intro .gender-option{border-radius:15px;min-height:82px;padding:10px}.test-intro .gender-symbol{border:1px solid color-mix(in srgb, var(--accent) 12%, var(--line));background:radial-gradient(circle at 50% 32%, var(--accent-soft), transparent 72%), white;border-radius:13px;width:54px;height:58px;position:relative;overflow:hidden}.test-intro .gender-symbol img{object-fit:contain;object-position:center top;filter:drop-shadow(0 5px 5px #1c19171f);width:62px;height:92px;position:absolute;top:2px;left:50%;transform:translate(-50%)}.gender-option.is-selected .gender-symbol{border-color:var(--accent);background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--accent-soft) 82%, white), transparent 72%), white}.test-intro .intro-form .btn{background:linear-gradient(180deg, color-mix(in srgb, var(--habitat-accent) 88%, white), color-mix(in srgb, var(--habitat-deep) 82%, var(--habitat-accent)));min-height:48px;box-shadow:0 14px 28px -16px color-mix(in srgb, var(--habitat-deep) 68%, transparent);border-radius:14px;margin-top:12px}.test-intro-visual{justify-self:end;width:min(100%,500px);padding:0 0 32px;position:relative}.test-intro-scene{aspect-ratio:.98;width:100%;max-width:none;box-shadow:0 42px 90px -46px color-mix(in srgb, var(--habitat-deep) 72%, transparent);transform:rotate(1.2deg)}.test-intro-caption{max-width:255px;box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(12px);background:#fffdfadb;border:1px solid #ffffffa6;border-radius:16px;flex-direction:column;padding:12px 15px;display:flex;position:absolute;bottom:4px;right:-12px}.test-intro-caption strong{color:var(--nf);font-size:13px}.test-intro-caption span{color:var(--ink-2);font-size:11.5px}@media (width<=900px){.test-intro-grid{grid-template-columns:1fr;gap:42px}.test-intro-copy,.test-intro .intro-form{margin-left:auto;margin-right:auto}.test-intro-copy{width:min(100%,600px)}.test-intro-visual{justify-self:center;width:min(100%,520px)}}@media (width<=520px){.test-brand{margin-bottom:24px}.test-intro .intro-form{padding:16px}.test-intro-visual{padding-left:4px;padding-right:4px}.test-intro-caption{right:0}}.test-progress{background:var(--line);z-index:100;height:3px;position:fixed;top:0;left:0;right:0}.test-progress-fill{background:linear-gradient(90deg, var(--habitat-accent,var(--accent)), color-mix(in srgb, var(--habitat-glow,var(--accent)) 72%, white));height:100%;transition:width .35s var(--ease-out)}.test-page{isolation:isolate;background:0 0;min-height:100dvh;position:relative;overflow-x:clip}.test-session-bar{z-index:40;width:min(calc(100% - (var(--page-gutter) * 2)), 760px);background:color-mix(in srgb, var(--surface) 84%, transparent);min-height:64px;box-shadow:0 1px 2px #271f180d, 0 16px 38px -28px color-mix(in srgb, var(--habitat-deep) 52%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);border:1px solid #ffffff9e;border-radius:19px;grid-template-columns:minmax(110px,1fr) auto minmax(110px,1fr);align-items:center;gap:18px;margin:12px auto 0;padding:8px 12px;display:grid;position:sticky;top:12px}.test-session-brand{width:fit-content;font-family:var(--font-display);align-items:center;gap:10px;font-size:16px;font-weight:650;display:inline-flex}.test-session-brand .brand-symbol{border-radius:8px;grid-template-columns:repeat(2,8px);width:25px;height:25px}.test-session-world{flex-direction:column;align-items:center;min-width:0;line-height:1.25;display:flex}.test-session-world span{color:var(--ink-3);letter-spacing:.11em;text-transform:uppercase;font-size:9.5px;font-weight:750}.test-session-world strong{max-width:24ch;color:var(--habitat-accent);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:700;overflow:hidden}.test-session-world.is-couple{width:min(240px,34vw)}.test-couple-mini{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:5px;width:100%;display:grid}.test-session-world .test-couple-node{min-width:0;color:var(--ink-3);font-size:inherit;font-weight:inherit;letter-spacing:0;text-transform:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.test-couple-node i{border:1px solid var(--line);background:var(--bg);width:25px;height:25px;color:var(--ink-3);border-radius:8px;place-items:center;font-size:9px;font-style:normal;font-weight:820;display:grid}.test-couple-node small{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.test-couple-node.is-active i{border-color:var(--habitat-accent);background:var(--habitat-accent);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb, var(--habitat-accent) 11%, transparent)}.test-couple-node.is-active small{color:var(--habitat-deep)}.test-couple-node.is-done i{border-color:color-mix(in srgb, var(--habitat-accent) 28%, var(--line));background:color-mix(in srgb, var(--habitat-accent) 10%, var(--surface));color:var(--habitat-deep)}.test-couple-mini>b{background:var(--line);height:1px;display:block;position:relative}.test-couple-mini>b:after{content:"";background:var(--habitat-accent);transform-origin:0;transition:transform .22s var(--ease-out);border-radius:99px;position:absolute;inset:-1px 0;transform:scaleX(0)}.test-couple-mini>b.is-complete:after{transform:scaleX(1)}.test-session-score{color:var(--ink-3);font-variant-numeric:tabular-nums;justify-self:end;font-size:12.5px}.test-session-score b{color:var(--habitat-accent);font-size:15px}.test-batch-body{z-index:1;padding-top:30px;padding-bottom:24px;position:relative}@media (width>=900px){.shell.test-batch-body{max-width:760px}.scale-row{max-width:420px}}.test-meta{justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:0 4px;display:flex}.test-back{color:var(--ink-3);border-radius:8px;margin-left:-8px;padding:4px 8px;font-size:14px;transition:color .15s}.test-back:disabled{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.test-back:hover{color:var(--ink)}}.test-count{font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.test-count:focus{outline:none}.test-count-total{color:var(--ink-3);font-weight:500}.batch-list{animation:qIn .26s var(--ease-out) both;flex-direction:column;gap:14px;display:flex}@keyframes qIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.batch-list{animation:.18s both qFade}@keyframes qFade{0%{opacity:0}to{opacity:1}}}.batch-q{border:1px solid color-mix(in srgb, var(--habitat-accent) 12%, var(--line));background:color-mix(in srgb, var(--surface) 86%, transparent);box-shadow:0 1px 2px #3e2f2108, 0 18px 42px -34px color-mix(in srgb, var(--habitat-deep) 34%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:22px;padding:30px clamp(16px,3.2vw,26px) 26px;transition:opacity .12s,border-color .18s,background-color .18s,box-shadow .18s;position:relative}.batch-q.is-done{border-color:color-mix(in srgb, var(--habitat-accent) 30%, var(--line));background:color-mix(in srgb, var(--habitat-paper) 42%, var(--surface))}.batch-q.is-muted{opacity:.32;box-shadow:none}.batch-q.is-active{z-index:1;opacity:1;border-color:color-mix(in srgb, var(--habitat-accent) 48%, var(--line));background:color-mix(in srgb, var(--surface) 95%, var(--habitat-paper));box-shadow:0 1px 2px #3e2f210d, 0 22px 50px -34px color-mix(in srgb, var(--habitat-deep) 52%, transparent)}.batch-q.is-done:after{content:"✓";background:var(--habitat-accent);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid;position:absolute;top:14px;right:14px}.batch-q h2{color:var(--ink);text-align:center;margin-bottom:16px;font-size:clamp(16.5px,3.6vw,19px);font-weight:650;line-height:1.4}.scale-statements{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}@media (width<=520px){.scale-statements{gap:8px}.scale-statement{padding:10px 11px;font-size:12.5px;font-weight:570;line-height:1.42}}.scale-statement{border:1.5px solid var(--line);background:var(--surface);border-radius:13px;padding:13px 15px;font-size:14.5px;font-weight:550;line-height:1.45;transition:opacity .12s,border-color .18s,background-color .18s,color .18s}.scale-statement-a{border-left:3px solid color-mix(in srgb, var(--scale-a) 55%, var(--line))}.scale-statement-b{border-right:3px solid color-mix(in srgb, var(--scale-b) 55%, var(--line));text-align:left}.scale-statement-a.is-lit{border-color:var(--scale-a);background:var(--scale-a-soft);color:var(--scale-a)}.scale-statement-b.is-lit{border-color:var(--scale-b);background:var(--scale-b-soft);color:var(--scale-b)}.batch-q.is-active .scale-statement.is-muted{opacity:.28}.batch-q.is-active.is-neutral-choice .scale-statement.is-muted{opacity:.54}.batch-q.is-active .scale-statement.is-lit{opacity:1}.scale-row{justify-content:space-between;align-items:flex-start;gap:4px;max-width:380px;margin:0 auto;display:flex}.scale-cell{flex-direction:column;flex:1;align-items:center;gap:7px;transition:opacity .12s;display:flex}.batch-q.is-active .scale-cell.is-muted{opacity:.2}.scale-slot{place-items:center;height:48px;display:grid}.scale-word{letter-spacing:.02em;color:var(--ink-3);font-size:10.5px;font-weight:600}.scale-cell-a .scale-word{color:var(--scale-a)}.scale-cell-b .scale-word{color:var(--scale-b)}.scale-dot{width:48px;height:48px;transition:transform .14s var(--ease-out);background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.scale-dot:focus-visible{outline:3px solid color-mix(in srgb, var(--habitat-accent) 72%, white);outline-offset:2px}.scale-dot-core{width:var(--dot-size);height:var(--dot-size);border:2.5px solid var(--line);background:var(--surface);transition:transform .15s var(--ease-out), border-color .14s ease, background-color .14s ease, box-shadow .14s ease;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scale-dot:active{transform:scale(.92)}.scale-a .scale-dot-core{border-color:color-mix(in srgb, var(--scale-a) 45%, var(--line))}.scale-b .scale-dot-core{border-color:color-mix(in srgb, var(--scale-b) 45%, var(--line))}@media (hover:hover) and (pointer:fine){.scale-a:hover .scale-dot-core{border-color:var(--scale-a);transform:translate(-50%,-50%)scale(1.08)}.scale-b:hover .scale-dot-core{border-color:var(--scale-b);transform:translate(-50%,-50%)scale(1.08)}.scale-n:hover .scale-dot-core{border-color:var(--ink-3);transform:translate(-50%,-50%)scale(1.08)}}.scale-a.is-on .scale-dot-core{background:var(--scale-a);border-color:var(--scale-a);box-shadow:0 0 0 5px color-mix(in srgb, var(--scale-a) 12%, transparent)}.scale-b.is-on .scale-dot-core{background:var(--scale-b);border-color:var(--scale-b);box-shadow:0 0 0 5px color-mix(in srgb, var(--scale-b) 12%, transparent)}.scale-n.is-on .scale-dot-core{background:var(--ink-3);border-color:var(--ink-3);box-shadow:0 0 0 5px color-mix(in srgb, var(--ink-3) 12%, transparent)}.batch-next{flex-direction:column;align-items:center;gap:10px;padding:44px 0 clamp(260px,100dvh - 280px,640px);display:flex}.batch-next-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--habitat-accent) 88%, white), color-mix(in srgb, var(--habitat-deep) 82%, var(--habitat-accent)));box-shadow:0 14px 30px -16px color-mix(in srgb, var(--habitat-deep) 62%, transparent);transition:transform .16s var(--ease-out), opacity .2s ease, background-color .2s ease;border-radius:15px;padding:15px 44px;font-size:16px}@media (width<=560px){.test-session-bar{border-radius:16px;grid-template-columns:1fr auto;gap:10px;min-height:58px}.test-session-world{display:none}.test-page.is-jodoh .test-session-bar{grid-template-columns:auto minmax(0,1fr) auto}.test-page.is-jodoh .test-session-brand strong{display:none}.test-page.is-jodoh .test-session-world.is-couple{width:100%;display:flex}.test-page.is-jodoh .test-couple-mini{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:4px}.test-page.is-jodoh .test-couple-node{gap:4px}.test-page.is-jodoh .test-couple-node i{border-radius:7px;width:22px;height:22px}.test-page.is-jodoh .test-couple-node small{font-size:9px}.test-batch-body{padding-top:22px}.batch-q{border-radius:18px;padding-left:14px;padding-right:14px;scroll-margin-top:82px}.test-meta,.batch-next-btn{scroll-margin-top:82px}.batch-q.is-muted{opacity:.38}.batch-q.is-active .scale-statement.is-muted{opacity:.32}.batch-q.is-active.is-neutral-choice .scale-statement.is-muted{opacity:.58}.batch-q.is-active .scale-cell.is-muted{opacity:.24}}@media (prefers-reduced-motion:reduce){.test-progress-fill{transition-duration:.12s}.batch-q,.scale-statement,.scale-cell{transition-duration:0s}}:is(.batch-list:has(.scale-dot:focus-visible) .batch-q,.batch-list:has(.scale-dot:focus-visible) .scale-statement,.batch-list:has(.scale-dot:focus-visible) .scale-cell){transition-duration:0s}.batch-next-hint{color:var(--ink-3);font-size:13px}.test-error{color:var(--danger);margin-top:18px;font-size:14px}.compo{margin-top:18px}.compo-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:16px;display:flex}.compo-head h2{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 70, "WONK" 0;font-size:clamp(21px,4vw,27px);font-weight:580}.compo-head p{color:var(--ink-3);font-size:13.5px}.compo-rings{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=900px){.compo-rings{scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -20px;padding:2px 20px 10px;display:flex;overflow-x:auto}.compo-rings::-webkit-scrollbar{display:none}.compo-ring{scroll-snap-align:center;flex:0 0 138px}}.compo-ring{border:1.5px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);transition:border-color .2s ease, background-color .2s ease, transform .18s var(--ease-out), box-shadow .2s ease;border-radius:18px;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 13px;display:flex}.compo-ring:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.compo-ring:not(.is-active):hover{border-color:color-mix(in srgb, var(--dim-color) 45%, var(--line));transform:translateY(-3px)}}.compo-ring.is-active{border-color:var(--dim-color);background:radial-gradient(120% 100% at 50% 0%, color-mix(in srgb, var(--dim-color) 10%, transparent), transparent 70%), var(--surface);box-shadow:var(--shadow-card), 0 14px 30px -18px color-mix(in srgb, var(--dim-color) 55%, transparent)}.compo-ring-figure{width:76px;height:76px;position:relative}.compo-ring-figure svg{width:100%;height:100%;transform:rotate(-90deg)}.compo-ring-track{fill:none;stroke:color-mix(in srgb, var(--dim-color) 14%, var(--line));stroke-width:7px}.compo-ring-value{fill:none;stroke:var(--dim-color);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .8s var(--ease-in-out)}.compo-ring-letter{color:var(--dim-color);place-items:center;font-size:26px;font-weight:800;display:grid;position:absolute;inset:0}.compo-ring-pct{font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px;font-weight:750}.compo-ring-aspect{color:var(--ink-2);text-align:center;align-items:center;gap:5px;font-size:11.5px;font-weight:650;line-height:1.25;display:inline-flex}.compo-ring-icon{color:var(--dim-color);display:inline-flex}.compo-ring-icon svg{width:13px;height:13px}.compo-ring-strength{color:var(--dim-color);background:var(--dim-soft);border-radius:99px;margin-top:3px;padding:2px 9px;font-size:10.5px;font-weight:650}.compo-detail{border:1px solid color-mix(in srgb, var(--dim-color) 26%, var(--line));background:radial-gradient(110% 130% at 6% 0%, color-mix(in srgb, var(--dim-color) 9%, transparent), transparent 55%), var(--surface);box-shadow:var(--shadow-card);animation:compoIn .28s var(--ease-out) both;border-radius:18px;margin-top:12px;padding:20px 22px}@keyframes compoIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.compo-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.compo-detail-head h3{font-size:16.5px;font-weight:650}.compo-detail-head h3 b{color:var(--dim-color)}.compo-detail-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--dim-color);background:var(--dim-soft);border-radius:99px;flex:none;padding:4px 12px;font-size:11.5px;font-weight:700}.compo-tug{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:14px;display:grid}@media (width<=640px){.compo-tug{grid-template-columns:1fr;gap:6px}.compo-tug-track{order:2}.compo-tug-label:last-child{text-align:right;order:3}}.compo-tug-label{color:var(--ink-3);white-space:nowrap;font-size:12.5px;font-weight:600}.compo-tug-label.is-win{color:var(--dim-color);font-weight:750}.compo-tug-track{background:color-mix(in srgb, var(--dim-color) 12%, var(--bg));border:1px solid color-mix(in srgb, var(--dim-color) 18%, var(--line));border-radius:99px;height:10px;position:relative}.compo-tug-fill{background:linear-gradient(90deg, var(--dim-color), color-mix(in srgb, var(--dim-color) 55%, white));height:100%;transition:width .7s var(--ease-in-out);border-radius:99px 0 0 99px}.compo-tug-fill.is-right{background:linear-gradient(270deg, var(--dim-color), color-mix(in srgb, var(--dim-color) 55%, white));border-radius:0 99px 99px 0;position:absolute;top:0;right:0}.compo-tug-knob{background:var(--surface);border:3px solid var(--dim-color);width:18px;height:18px;transition:left .7s var(--ease-in-out);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #231c142e}.compo-detail-blurb{color:var(--ink-2);max-width:72ch;margin-top:14px;font-size:14.5px}.compo-detail-note{color:var(--ink-3);margin-top:10px;font-size:13px;font-style:italic}.compo-foot{color:var(--ink-3);margin-top:10px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.compo-detail{animation:none}.compo-ring-value,.compo-tug-fill,.compo-tug-knob{transition:none}}.result-page{min-height:100dvh;padding-bottom:72px;overflow-x:clip}.result-empty{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.result-hero{background:radial-gradient(ellipse 76% 86% at 82% 16%, color-mix(in srgb, var(--type-color) 16%, transparent), transparent 70%), var(--bg);border-bottom:1px solid var(--line);margin-bottom:28px;padding:64px 0 58px;overflow:hidden}.result-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:center;gap:56px;display:grid}.result-hero-copy{min-width:0}.result-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-size:13px;font-weight:650}.result-type{justify-content:flex-start;gap:8px;margin:16px 0 12px;display:flex}.result-letter{letter-spacing:-.03em;color:var(--type-color);animation:letterIn .45s var(--ease-out) both;font-size:clamp(64px,8vw,88px);font-weight:800;line-height:1}@keyframes letterIn{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.result-suffix{opacity:.75;align-self:flex-end;padding-bottom:clamp(6px,1vw,10px);font-size:clamp(30px,4.4vw,42px)}.result-title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 70, "WONK" 0;animation:fadeUp .4s var(--ease-out) .46s both;font-size:clamp(28px,4.6vw,42px);font-weight:580;line-height:1.12}.result-nick{color:var(--ink-2);animation:fadeUp .4s var(--ease-out) .52s both;margin-top:6px;font-size:14.5px}.result-nick b{color:var(--type-color)}.result-spirit{border:1px solid color-mix(in srgb, var(--type-color) 22%, transparent);background:color-mix(in srgb, var(--type-soft) 74%, white);max-width:520px;animation:fadeUp .4s var(--ease-out) .58s both;border-radius:15px;grid-template-columns:auto 1fr;align-items:baseline;gap:1px 10px;margin-top:22px;padding:14px 16px 14px 19px;display:grid;position:relative}.result-spirit:before{content:"";background:var(--type-color);border-radius:0 99px 99px 0;width:3px;position:absolute;top:13px;bottom:13px;left:0}.result-spirit>span{color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.result-spirit strong{color:var(--type-color);font-size:16px}.result-spirit p{color:var(--ink-2);grid-column:1/-1;font-size:13.5px}.result-tagline{max-width:46ch;font-family:var(--font-display);color:var(--ink-2);font-variation-settings:"SOFT" 100, "WONK" 1;animation:fadeUp .4s var(--ease-out) .64s both;margin:20px 0 0;font-size:19px;font-style:italic;font-weight:470}.result-pop{color:var(--ink-2);background:var(--surface);border:1px solid var(--line);animation:fadeUp .4s var(--ease-out) .71s both;border-radius:99px;margin-top:18px;padding:6px 14px;font-size:13.5px;display:inline-block}.result-pop b{color:var(--type-color)}.result-character{--g:var(--type-color);--g-soft:var(--type-soft);width:100%;max-width:410px;animation:resultCharacterIn .6s var(--ease-out) .12s both;justify-self:end}@keyframes resultCharacterIn{0%{opacity:0;transform:translate(22px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.result-hero{padding:48px 0 44px}.result-hero-grid{grid-template-columns:1fr;gap:34px}.result-hero-copy{text-align:center}.result-type{justify-content:center}.result-title,.result-tagline,.result-spirit{margin-left:auto;margin-right:auto}.result-character{order:-1;justify-self:center;width:min(100%,380px)}}@media (width<=480px){.result-hero{padding-top:28px}.result-letter{font-size:clamp(52px,18vw,70px)}.result-suffix{font-size:clamp(26px,9vw,36px)}.result-spirit{grid-template-columns:1fr;justify-items:center}}@media (prefers-reduced-motion:reduce){.result-letter,.result-title,.result-nick,.result-spirit,.result-tagline,.result-pop,.result-dims,.result-character{animation:none!important}}.result-top{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}@media (width>=940px){.result-top{grid-template-columns:2fr 1fr}.result-identity{flex-direction:column;position:sticky;top:68px}.result-dims .dims{grid-template-columns:1fr 1fr;gap:22px 36px;display:grid}}.result-dims{animation:fadeUp .4s var(--ease-out) .76s both;padding:26px}.result-dims h2{margin-bottom:18px;font-size:16px;font-weight:650}.dims{flex-direction:column;gap:22px;display:flex}.dim-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.dim-aspect{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);font-size:12px;font-weight:650}.dim-strength{color:var(--ink-2);font-size:12.5px}.dim-strength b{color:var(--type-color,var(--accent))}.dim-labels{color:var(--ink-3);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.dim-labels b{font-weight:700}.dim-win{color:var(--ink)}.dim-icon{background:var(--type-soft,var(--accent-soft));width:26px;height:26px;color:var(--type-color,var(--accent));vertical-align:middle;border-radius:8px;justify-content:center;align-items:center;margin-right:8px;display:inline-flex}.dim-aspect{align-items:center;display:inline-flex}.dim-blurb{color:var(--ink-2);background:var(--bg);border-radius:9px;margin-top:8px;padding:9px 12px;font-size:13px}.dim-track{background:var(--bg);border:1px solid var(--line);border-radius:99px;height:9px;overflow:hidden}.dim-fill{height:100%;transition:width .8s var(--ease-in-out);border-radius:99px}.result-dims-note{color:var(--ink-3);margin-top:16px;font-size:13px}.result-identity{animation:fadeUp .4s var(--ease-out) .82s both;align-items:flex-start;gap:18px;padding:22px;display:flex}.result-identity-badge{background:var(--type-soft);width:54px;height:54px;color:var(--type-color);border-radius:14px;flex:none;place-items:center;font-size:22px;font-weight:800;display:grid}.result-identity h2{margin-bottom:6px;font-size:16px;font-weight:650}.result-identity p{color:var(--ink-2);font-size:14.5px}.result-tabs{z-index:20;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-card);scrollbar-width:none;border-radius:99px;gap:4px;margin:28px 0 16px;padding:6px;display:flex;position:sticky;top:10px;overflow-x:auto}.result-tabs::-webkit-scrollbar{display:none}.result-tab{color:var(--ink-2);white-space:nowrap;transition:background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .14s var(--ease-out);border-radius:99px;flex:none;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;display:inline-flex}.result-tab:active{transform:scale(.96)}.result-tab-num{font-variant-numeric:tabular-nums;opacity:.55;font-size:10.5px;font-weight:700}.result-tab.is-active{background:var(--tab-color);color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb, var(--tab-color) 65%, transparent)}@media (hover:hover) and (pointer:fine){.result-tab:not(.is-active):hover{color:var(--tab-color);background:color-mix(in srgb, var(--tab-color) 8%, transparent)}}.tab-panel{border:1px solid color-mix(in srgb, var(--tab-color) 24%, var(--line));background:radial-gradient(120% 90% at 88% -10%, color-mix(in srgb, var(--tab-color) 13%, transparent), transparent 55%), radial-gradient(70% 60% at 0% 100%, color-mix(in srgb, var(--tab-color) 6%, transparent), transparent 60%), var(--surface);box-shadow:var(--shadow-pop);animation:panelIn .34s var(--ease-out) both;border-radius:24px;padding:clamp(20px,3.5vw,34px);position:relative;overflow:hidden}@keyframes panelIn{0%{opacity:0;filter:blur(2px);transform:translateY(14px)scale(.99)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.tab-panel-head{border-bottom:1px solid color-mix(in srgb, var(--tab-color) 16%, var(--line));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:18px;display:grid}.tab-panel-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--tab-color);font-size:11.5px;font-weight:700}.tab-panel-heading h2{font-family:var(--font-display);letter-spacing:-.01em;font-variation-settings:"SOFT" 70, "WONK" 0;margin-top:6px;font-size:clamp(24px,4.8vw,34px);font-weight:580;line-height:1.12}.tab-panel-intro{color:var(--ink-2);max-width:56ch;margin-top:8px;font-size:14.5px}.tab-panel-avatar{aspect-ratio:1;flex:none;width:clamp(88px,12vw,148px);position:relative}.tab-panel-avatar:before{content:"";background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--tab-color) 26%, transparent), color-mix(in srgb, var(--tab-color) 9%, transparent) 58%, transparent 75%);border-radius:50%;position:absolute;inset:-8%}.tab-panel-avatar img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 14px 22px color-mix(in srgb, var(--tab-color) 35%, transparent));animation:avatarIn .46s var(--ease-out) .1s both, avatarFloat 6s var(--ease-in-out) .6s infinite;position:relative}@keyframes avatarIn{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.tab-panel .result-grid>:first-child{animation-delay:60ms}.tab-panel .result-grid>:nth-child(2){animation-delay:.105s}.tab-panel .result-grid>:nth-child(3){animation-delay:.15s}.tab-panel .result-grid>:nth-child(4){animation-delay:.195s}.tab-panel .result-grid>:nth-child(5){animation-delay:.24s}.tab-panel .result-grid>:nth-child(6){animation-delay:.285s}.tab-panel .result-grid>:nth-child(n+7){animation-delay:.32s}.tab-panel .result-card{border-color:color-mix(in srgb, var(--tab-color) 14%, var(--line))}.tab-panel .result-card h3{color:color-mix(in srgb, var(--tab-color) 78%, var(--ink))}.tab-panel-next{justify-content:center;margin-top:26px;display:flex}@media (width<=640px){.result-tabs{border-left:0;border-right:0;border-radius:0;margin-left:-20px;margin-right:-20px;padding-left:14px;padding-right:14px;top:6px}.tab-panel-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (prefers-reduced-motion:reduce){.tab-panel,.tab-panel-avatar img,.tab-panel .result-grid>*{animation:none!important}}.result-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}@media (width<=640px){.result-grid{grid-template-columns:1fr}}@media (width>=1000px){.result-grid{grid-template-columns:repeat(3,1fr)}.result-card.is-wide .rich{column-count:2;column-gap:40px}.result-card.is-wide .rich>*{break-inside:avoid}}.result-card{padding:22px}.result-card.is-wide{grid-column:1/-1}.result-card h3{color:var(--type-color);margin-bottom:8px;font-size:13.5px;font-weight:650}.result-quote{background:var(--type-soft);border:1px solid color-mix(in srgb, var(--type-color) 22%, transparent);border-radius:14px;grid-column:1/-1;padding:26px 28px}.result-quote p{font-family:var(--font-display);color:var(--ink);font-variation-settings:"SOFT" 100, "WONK" 1;font-size:19px;font-style:italic;font-weight:470;line-height:1.55}.result-quote cite{color:var(--type-color);margin-top:10px;font-size:12.5px;font-style:normal;font-weight:650;display:block}.rich{color:var(--ink-2);flex-direction:column;gap:8px;font-size:14.5px;display:flex}.rich ul,.rich ol{flex-direction:column;gap:5px;padding-left:18px;display:flex}.rich li::marker{color:var(--type-color,var(--accent));font-weight:650}.result-foot{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:64px;display:flex}.result-foot p{color:var(--ink-3);max-width:54ch;font-size:13.5px}.result-foot-actions{gap:10px;display:flex}.result-foot-actions .btn-accent{background:var(--type-color)}.result-page{background:linear-gradient(180deg, color-mix(in srgb, var(--habitat-paper) 34%, var(--bg)) 0 940px, var(--bg) 1280px)}.result-hero{isolation:isolate;border-bottom:1px solid color-mix(in srgb, var(--habitat-deep) 24%, transparent);background:var(--habitat-deep);min-height:760px;margin:0;padding:46px 0 68px;position:relative;overflow:hidden}.result-hero-backdrop{z-index:0}.result-hero-backdrop img{object-position:var(--habitat-position,center);animation:resultHabitatReveal 1.1s var(--ease-out) both}.result-hero-wash{z-index:1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--habitat-paper) 87%, white 6%) 0%, color-mix(in srgb, var(--habitat-paper) 78%, transparent) 36%, color-mix(in srgb, var(--habitat-deep) 8%, transparent) 63%, color-mix(in srgb, var(--habitat-deep) 24%, transparent) 100%), linear-gradient(180deg, #0f0c0a0a 58%, #0f0c0a52 100%);position:absolute;inset:0}.result-hero-motif{z-index:1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--habitat-accent) 22%, transparent);width:min(52vw,760px);box-shadow:0 0 0 5vw color-mix(in srgb, var(--habitat-accent) 4%, transparent), 0 0 0 12vw color-mix(in srgb, var(--habitat-accent) 3%, transparent);opacity:.62;pointer-events:none;border-radius:50%;position:absolute;top:-13vw;left:-10vw}.result-page[data-group=nf] .result-hero-motif{border-radius:68% 32% 70% 30%;transform:rotate(28deg)}.result-page[data-group=sj] .result-hero-motif{border-radius:42px;transform:rotate(12deg)}.result-page[data-group=sp] .result-hero-motif{border-radius:50% 50% 18% 82%;transform:rotate(-20deg)}.result-hero-grid{z-index:3;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center;gap:clamp(28px,5vw,68px);min-height:646px;position:relative}.result-hero-copy{background:color-mix(in srgb, var(--habitat-paper) 82%, transparent);-webkit-backdrop-filter:blur(13px)saturate(1.05);width:min(100%,590px);animation:resultCopyIn .56s var(--ease-out) 80ms both;border:1px solid #ffffff7a;border-radius:30px;padding:clamp(25px,3.4vw,40px);box-shadow:0 1px 1px #1d160f12,0 28px 70px -36px #1d160f61}.result-eyebrow{color:var(--ink-2);letter-spacing:.09em;align-items:center;gap:9px;font-size:10.5px;display:flex}.result-eyebrow span{background:var(--habitat-deep);color:#fff;letter-spacing:.12em;border-radius:99px;padding:5px 9px;display:inline-flex}.result-type{gap:clamp(3px,.7vw,8px);margin:17px 0 10px}.result-letter{color:var(--habitat-accent);text-shadow:0 10px 28px color-mix(in srgb, var(--habitat-accent) 15%, transparent);font-size:clamp(54px,6.5vw,78px)}.result-suffix{font-size:clamp(27px,3.5vw,38px)}.result-title{color:var(--ink);font-size:clamp(28px,3.8vw,40px)}.result-nick b,.result-pop b,.result-spirit strong{color:var(--habitat-accent)}.result-spirit{border-color:color-mix(in srgb, var(--habitat-accent) 25%, transparent);background:color-mix(in srgb, white 50%, var(--habitat-paper));margin-top:20px}.result-spirit:before{background:var(--habitat-accent)}.result-tagline{margin-top:17px;font-size:18px}.result-pop{border-color:color-mix(in srgb, var(--habitat-deep) 13%, transparent);background:color-mix(in srgb, white 68%, var(--habitat-paper));margin-top:15px}.result-character-stage{isolation:isolate;justify-content:center;align-self:stretch;align-items:flex-end;min-height:630px;display:flex;position:relative}.result-character-halo{z-index:-1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--habitat-glow) 34%, transparent), transparent 67%);filter:blur(4px);border-radius:50%;width:min(32vw,440px);position:absolute;top:12%;left:50%;transform:translate(-50%)}.result-character{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 22px #120d0a57);width:min(100%,500px);max-width:none;height:610px;animation:resultCharacterIn .68s var(--ease-out) .15s both;position:relative}.result-character-shadow{z-index:1;filter:blur(15px);height:7%;animation:resultShadowIn .62s var(--ease-out) .26s both;background:#140f0b61;border-radius:50%;position:absolute;bottom:2.5%;left:13%;right:13%}.result-character-plaque{z-index:4;background:color-mix(in srgb, var(--habitat-paper) 86%, transparent);-webkit-backdrop-filter:blur(13px);min-width:230px;animation:fadeUp .36s var(--ease-out) .54s both;border:1px solid #ffffff85;border-radius:18px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:absolute;bottom:2%;right:0;box-shadow:0 18px 44px #140f0b33}.result-character-code{background:var(--habitat-deep);color:#fff;letter-spacing:.06em;border-radius:12px;align-self:stretch;place-items:center;min-width:57px;font-size:13px;font-weight:800;display:grid}.result-character-plaque>span:last-child{flex-direction:column;line-height:1.25;display:flex}.result-character-plaque strong{color:var(--ink);font-size:13px}.result-character-plaque small{color:var(--ink-2);font-size:11px}.result-hero-cue{z-index:4;color:#fffc;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:10.5px;font-weight:650;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.result-hero-cue span{background:currentColor;width:24px;height:1px}.result-body{z-index:5;position:relative}.result-snapshot{border:1px solid color-mix(in srgb, var(--habitat-deep) 12%, var(--line));background:color-mix(in srgb, var(--surface) 90%, transparent);box-shadow:var(--shadow-pop);-webkit-backdrop-filter:blur(14px);border-radius:21px;grid-template-columns:repeat(4,minmax(0,1fr));margin:-34px 0 24px;display:grid;overflow:hidden}.result-snapshot>div{flex-direction:column;gap:3px;min-width:0;padding:17px 20px;display:flex;position:relative}.result-snapshot>div+div:before{content:"";background:var(--line);width:1px;position:absolute;top:16px;bottom:16px;left:0}.result-snapshot span{color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:650}.result-snapshot strong{color:var(--habitat-deep);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.result-tabs{border-color:color-mix(in srgb, var(--habitat-accent) 15%, var(--line));background:color-mix(in srgb, var(--surface) 91%, transparent)}.result-tab.is-active{background:var(--habitat-deep);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--habitat-deep) 58%, transparent)}.tab-panel{border-color:color-mix(in srgb, var(--habitat-accent) 19%, var(--line));background:radial-gradient(100% 82% at 94% -12%, color-mix(in srgb, var(--habitat-atmosphere) 13%, transparent), transparent 58%), var(--surface);animation-duration:.22s}.tab-panel .result-grid>*{animation-duration:.22s;animation-delay:0s!important}.tab-panel-kicker,.tab-panel .result-card h3,.result-quote cite{color:var(--habitat-accent)}.tab-panel-emblem{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--habitat-accent) 25%, transparent);background:radial-gradient(circle at 40% 32%, color-mix(in srgb, var(--habitat-glow) 30%, transparent), transparent 48%), color-mix(in srgb, var(--habitat-paper) 74%, white);width:clamp(72px,9vw,104px);color:var(--habitat-deep);border-radius:50%;place-items:center;display:grid;position:relative;overflow:hidden}.tab-panel-emblem:before,.tab-panel-emblem:after{content:"";border:1px solid color-mix(in srgb, var(--habitat-accent) 20%, transparent);border-radius:inherit;position:absolute}.tab-panel-emblem:before{inset:12%}.tab-panel-emblem:after{inset:37% -15%}.tab-panel-emblem span,.tab-panel-emblem small{z-index:1;position:relative}.tab-panel-emblem span{font-family:var(--font-display);font-size:clamp(25px,3vw,34px);font-weight:650;line-height:1}.tab-panel-emblem small{letter-spacing:.12em;margin-top:-18px;font-size:9px;font-weight:800}@media (width>=1000px){.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-card.is-wide .rich{column-count:initial}}@keyframes resultHabitatReveal{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1.015)}}@keyframes resultCopyIn{0%{opacity:0;filter:blur(3px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes resultShadowIn{0%{opacity:0;transform:scaleX(.72)}to{opacity:1;transform:scaleX(1)}}@media (width<=820px){.result-hero{min-height:0;padding:30px 0 68px}.result-hero-wash{background:linear-gradient(180deg, color-mix(in srgb, var(--habitat-paper) 76%, transparent) 0 38%, transparent 64%), linear-gradient(180deg, transparent 55%, color-mix(in srgb, var(--habitat-deep) 38%, transparent) 100%)}.result-hero-grid{grid-template-columns:1fr;gap:8px;min-height:0}.result-hero-copy{text-align:left;width:100%;margin:0 auto}.result-type{justify-content:flex-start}.result-title,.result-tagline,.result-spirit{margin-left:0;margin-right:0}.result-character-stage{min-height:500px;margin-top:-46px}.result-character{width:min(90vw,430px);height:500px}.result-character-plaque{bottom:3%;left:50%;right:auto;translate:-50%}.result-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}.result-snapshot>div:nth-child(3):before{display:none}.result-snapshot>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (width<=640px){.result-tabs{margin-right:calc(var(--page-gutter) * -1);margin-left:calc(var(--page-gutter) * -1)}.tab-panel-emblem{width:68px}}@media (width<=480px){.result-hero-copy{border-radius:24px;padding:21px}.result-letter{font-size:clamp(44px,15.5vw,60px)}.result-suffix{font-size:clamp(22px,8vw,30px)}.result-spirit{grid-template-columns:1fr;justify-items:start}.result-character-stage{min-height:430px;margin-top:-34px}.result-character{height:430px}.result-character-plaque{min-width:min(230px,86vw)}.result-snapshot>div{padding:14px}}@media (prefers-reduced-motion:reduce){.result-hero-backdrop img,.result-hero-copy,.result-character,.result-character-shadow,.result-character-plaque{animation:none!important}}.chapters-layout{grid-template-columns:236px minmax(0,1fr);align-items:start;gap:18px;min-width:0;margin-top:26px;display:grid}.chapters-layout .tab-panel{min-width:0}@media (width>=1280px){.shell-wide.result-body{max-width:1240px}.chapters-layout{grid-template-columns:256px minmax(0,1fr);gap:22px}}.chapter-rail-wrap{position:sticky;top:14px}.chapter-rail{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:4px;padding:14px;display:flex}.chapter-rail-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:2px 10px 8px;font-size:11px;font-weight:700}.chapter-link{width:100%;color:var(--ink-2);text-align:left;transition:background-color .18s ease, color .18s ease, transform .14s var(--ease-out), box-shadow .2s ease;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:grid}.chapter-link:active{transform:scale(.98)}.chapter-link-num{font-variant-numeric:tabular-nums;color:var(--tab-color);background:var(--tab-soft);border-radius:8px;padding:3px 7px;font-size:11px;font-weight:750;transition:background-color .18s,color .18s}.chapter-link-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-link-mark{color:var(--tab-color);text-align:center;width:14px;font-size:11px;font-weight:800}.chapter-link.is-active .chapter-link-num{color:#fff;background:#ffffff38}@media (hover:hover) and (pointer:fine){.chapter-link:not(.is-active):hover{background:color-mix(in srgb, var(--tab-color) 9%, transparent);color:var(--tab-color)}}.chapter-progress{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin-top:10px;padding:10px 10px 4px;display:flex}.chapter-progress span{color:var(--ink-3);font-size:11.5px;font-weight:600}.chapter-progress-track{background:var(--bg);border:1px solid var(--line);border-radius:99px;height:5px;overflow:hidden}.chapter-progress-fill{background:linear-gradient(90deg, var(--accent), #7c3aed);height:100%;transition:width .5s var(--ease-out);border-radius:99px}.tab-panel-pager{border-top:1px solid color-mix(in srgb, var(--tab-color) 14%, var(--line));justify-content:space-between;gap:12px;margin-top:28px;padding-top:18px;display:flex}.pager-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:border-color .18s ease, transform .15s var(--ease-out), box-shadow .2s ease;border-radius:13px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:650;display:inline-flex}.pager-btn:disabled{opacity:.35;pointer-events:none}.pager-btn:active{transform:scale(.97)}.pager-btn span{flex-direction:column;align-items:flex-start;line-height:1.25;display:flex}.pager-next span{align-items:flex-end}.pager-btn small{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10.5px;font-weight:700}@media (hover:hover) and (pointer:fine){.pager-btn:not(:disabled):hover{border-color:var(--tab-color);box-shadow:0 8px 20px -12px color-mix(in srgb, var(--tab-color) 50%, transparent)}}@media (width<=940px){.chapters-layout{grid-template-columns:minmax(0,1fr);gap:12px}.chapter-rail-wrap{z-index:20;min-width:0;margin:0 -20px;position:sticky;top:6px}.chapter-rail{scrollbar-width:none;border-left:0;border-right:0;border-radius:0;flex-direction:row;align-items:center;gap:4px;padding:8px 14px;overflow-x:auto}.chapter-rail::-webkit-scrollbar{display:none}.chapter-rail-title,.chapter-progress,.chapter-link-mark{display:none}.chapter-link{white-space:nowrap;border-radius:99px;flex:none;grid-template-columns:auto auto;gap:7px;width:auto;padding:8px 13px}.tab-panel-pager{flex-wrap:wrap}}.result-page{isolation:isolate;background:0 0;min-height:100dvh;position:relative}.result-page>:not(.world-atmosphere){z-index:1;position:relative}.result-world{z-index:0}.result-hero{min-height:clamp(680px,94svh,800px);padding:clamp(28px,4vw,50px) 0 72px}.result-hero-backdrop img{opacity:1;animation:none;transform:scale(1.015)}.result-hero-wash{background:linear-gradient(90deg, color-mix(in srgb, var(--habitat-paper) 92%, white 4%) 0%, color-mix(in srgb, var(--habitat-paper) 72%, transparent) 38%, color-mix(in srgb, var(--habitat-deep) 3%, transparent) 62%, color-mix(in srgb, var(--habitat-deep) 18%, transparent) 100%), linear-gradient(180deg, #0f0c0a03 55%, #0f0c0a47 100%)}.result-hero-grid{min-height:clamp(590px,78svh,680px)}.result-hero-copy{background:linear-gradient(90deg, color-mix(in srgb, var(--habitat-paper) 34%, transparent), transparent 92%);box-shadow:none;-webkit-backdrop-filter:none;animation:atlasCopyIn .44s var(--ease-out) 80ms both;border:0;border-radius:0;padding:clamp(20px,3vw,34px) clamp(18px,3vw,34px) clamp(22px,3vw,34px) 0}.result-character-stage{min-height:clamp(500px,70svh,640px)}.result-character-wrap{width:100%;min-height:inherit;transform:translateX(var(--avatar-x)) scale(var(--avatar-scale));transform-origin:50% 100%;justify-content:center;align-items:flex-end;display:flex;position:relative}.result-character{width:min(100%,500px);height:min(68svh,610px)}.result-character-shadow{bottom:2.5%;left:13%;right:13%}.result-body{padding-bottom:50px}.result-snapshot{background:color-mix(in srgb, var(--surface) 94%, var(--habitat-paper));-webkit-backdrop-filter:none;border-radius:24px}.result-snapshot dt{color:var(--ink-3);letter-spacing:.07em;text-transform:uppercase;font-size:10.5px;font-weight:650}.result-snapshot dd{color:var(--habitat-deep);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:720;overflow:hidden}.result-body>.compo{border:1px solid color-mix(in srgb, var(--habitat-accent) 14%, var(--line));background:radial-gradient(90% 110% at 100% 0%, color-mix(in srgb, var(--habitat-atmosphere) 10%, transparent), transparent 58%), color-mix(in srgb, var(--surface) 94%, var(--habitat-paper));box-shadow:var(--shadow-card), 0 30px 66px -52px color-mix(in srgb, var(--habitat-deep) 44%, transparent);border-radius:28px;margin-top:28px;padding:clamp(20px,3vw,30px)}.chapters-layout{margin-top:clamp(24px,4vw,42px);scroll-margin-top:16px}.chapter-rail{border-color:color-mix(in srgb, var(--habitat-accent) 13%, var(--line));background:color-mix(in srgb, var(--surface) 95%, var(--habitat-paper));-webkit-backdrop-filter:none;position:relative}.chapter-rail:before{content:"";background:color-mix(in srgb, var(--habitat-accent) 16%, var(--line));pointer-events:none;width:1px;position:absolute;top:58px;bottom:76px;left:39px}.chapter-link{z-index:1;position:relative}.chapter-link.is-active{background:var(--tab-soft);color:var(--tab-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tab-color) 22%, transparent)}.chapter-link.is-active .chapter-link-num{background:var(--tab-color);color:#fff}.chapter-progress-fill{background:linear-gradient(90deg, var(--habitat-accent), var(--habitat-glow));transform-origin:0;width:100%;transition:transform .22s var(--ease-out)}.chapters-layout .tab-panel{border-color:color-mix(in srgb, var(--habitat-accent) 16%, var(--line));background:color-mix(in srgb, var(--surface) 96%, var(--habitat-paper));box-shadow:var(--shadow-card), 0 30px 70px -56px color-mix(in srgb, var(--habitat-deep) 46%, transparent);animation:atlasPanelIn .19s var(--ease-out) both;border-radius:28px;padding:0 clamp(20px,3vw,30px) clamp(22px,3vw,32px);overflow:hidden}.tab-panel-landmark{background:var(--habitat-deep);height:clamp(76px,9vw,108px);margin:0 calc(-1*clamp(20px,3vw,30px)) clamp(22px,3vw,30px);position:relative;overflow:hidden}.tab-panel-landmark img{object-fit:cover;object-position:var(--habitat-position,center);filter:saturate(.64)contrast(.92);opacity:.72;width:100%;height:100%}.tab-panel-landmark span{background:linear-gradient(90deg, color-mix(in srgb, var(--tab-color) 68%, transparent), transparent 64%), linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface) 18%, transparent));position:absolute;inset:0}.tab-panel-head{margin-bottom:22px}.tab-panel .result-grid>*{animation:none}.tab-panel .result-card{border-color:color-mix(in srgb, var(--tab-color) 11%, var(--line));background:color-mix(in srgb, var(--tab-soft) 34%, var(--surface));box-shadow:none;border-radius:18px}.tab-panel .result-card.is-wide{border-left:3px solid var(--tab-color);background:linear-gradient(100deg, color-mix(in srgb, var(--tab-color) 7%, transparent), transparent 68%), var(--surface)}.tab-panel .result-card .rich{max-width:72ch;line-height:1.72}.result-quote{border:1px solid color-mix(in srgb, var(--tab-color) 30%, transparent);background:radial-gradient(circle at 92% 16%, color-mix(in srgb, var(--habitat-glow) 20%, transparent), transparent 34%), linear-gradient(125deg, var(--habitat-deep), color-mix(in srgb, var(--habitat-deep) 74%, var(--tab-color)));color:#fff;box-shadow:0 20px 48px -36px color-mix(in srgb, var(--habitat-deep) 76%, transparent);border-radius:22px;grid-column:1/-1;overflow:hidden}.result-quote p{color:#fff}.result-quote cite{color:color-mix(in srgb, var(--habitat-glow) 78%, white)}.pager-btn{background:color-mix(in srgb, var(--surface) 92%, var(--tab-soft));min-height:48px}.result-foot{isolation:isolate;border:1px solid color-mix(in srgb, var(--habitat-accent) 22%, transparent);background:var(--habitat-deep);color:#fff;border-radius:30px;min-height:230px;margin-top:clamp(54px,8vw,90px);padding:clamp(28px,5vw,46px);position:relative;overflow:hidden}.result-foot:before{content:"";z-index:-1;background:linear-gradient(90deg, color-mix(in srgb, var(--habitat-deep) 96%, transparent) 0 42%, color-mix(in srgb, var(--habitat-deep) 66%, transparent)), linear-gradient(180deg, transparent, color-mix(in srgb, var(--habitat-deep) 72%, transparent));position:absolute;inset:0}.result-foot-habitat{z-index:-2;object-fit:cover;object-position:var(--habitat-position,center);filter:saturate(.78);opacity:.84;width:100%;height:100%;position:absolute;inset:0}.result-foot p{color:#ffffffd6}.result-foot-actions .btn-ghost{color:#fff;background:#ffffff14;border-color:#ffffff52}@keyframes atlasCopyIn{0%{opacity:0;transform:translateY(10px)}}@keyframes atlasPanelIn{0%{opacity:0;transform:translateY(7px)}}@media (width<=940px){.chapter-rail:before{display:none}.chapter-rail{background:color-mix(in srgb, var(--surface) 94%, var(--habitat-paper))}}@media (width<=820px){.result-hero{background:color-mix(in srgb, var(--habitat-paper) 92%, var(--bg));min-height:0;padding:0 0 52px;overflow:hidden}.result-hero-backdrop,.result-hero-wash{height:clamp(390px,112vw,520px);inset:0 0 auto}.result-hero-backdrop img{object-position:var(--habitat-position,center)}.result-hero-wash{background:linear-gradient(180deg, #0e0b0908 0 56%, color-mix(in srgb, var(--habitat-paper) 38%, transparent) 76%, var(--habitat-paper) 100%)}.result-hero-grid{gap:0;min-height:0;padding-top:0}.result-character-stage{order:-1;min-height:clamp(390px,112vw,520px);margin:0}.result-character-wrap{min-height:clamp(370px,108vw,500px)}.result-character{width:min(92vw,450px);height:clamp(360px,106vw,480px)}.result-character-plaque{min-width:0;bottom:20px;left:auto;right:14px;translate:0}.result-hero-copy{z-index:4;border:1px solid color-mix(in srgb, var(--habitat-accent) 13%, var(--line));background:color-mix(in srgb, var(--surface) 97%, var(--habitat-paper));width:calc(100% - 8px);box-shadow:0 26px 58px -42px color-mix(in srgb, var(--habitat-deep) 56%, transparent);border-radius:28px;margin:-28px auto 0;padding:clamp(23px,6vw,34px);position:relative}.result-hero-cue{display:none}.result-snapshot{margin-top:-26px}}@media (width<=560px){.result-character-plaque{padding:7px 10px 7px 7px;bottom:14px;right:10px}.result-character-code{min-width:46px}.result-character-plaque small{display:none}.result-body>.compo{margin-right:calc(var(--page-gutter) * -.35);margin-left:calc(var(--page-gutter) * -.35);border-radius:22px}.chapters-layout .tab-panel{border-radius:22px}.tab-panel-landmark{height:78px}.result-foot{border-radius:24px;min-height:270px}}@media (prefers-reduced-motion:reduce){.result-hero-copy,.chapters-layout .tab-panel{animation:none}.chapter-progress-fill{transition-duration:.12s}}.result-couple-back{color:#e11d48;transition:transform .15s var(--ease-out), box-shadow .2s ease;background:#fff1f2;border:1px solid #e11d484d;border-radius:99px;align-items:center;gap:6px;margin-bottom:14px;padding:7px 15px;font-size:13px;font-weight:650;display:inline-flex}.result-couple-back:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.result-couple-back:hover{box-shadow:0 8px 18px -10px #e11d4873}}.admin-login{isolation:isolate;flex-direction:column;justify-content:center;gap:6px;min-height:100dvh;display:flex;position:relative}.admin-login-panel{z-index:1;background:color-mix(in srgb, var(--surface) 88%, transparent);width:min(100%,430px);box-shadow:var(--shadow-pop), 0 34px 74px -48px color-mix(in srgb, var(--habitat-deep) 68%, transparent);-webkit-backdrop-filter:blur(18px);border:1px solid #ffffff9e;border-radius:26px;padding:clamp(24px,5vw,38px);position:relative}.admin-login-brand,.admin-wordmark{width:fit-content;font-family:var(--font-display);color:var(--accent);letter-spacing:-.01em;font-size:17px;font-weight:650;display:inline-flex}.admin-login-brand{margin-bottom:34px}.admin-eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;font-size:10.5px;font-weight:760}.admin-login-form{flex-direction:column;gap:9px;display:flex}.admin-login-form label{color:var(--ink-2);font-size:13px;font-weight:650}.admin-login-form input{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:48px;padding:11px 13px}.admin-login-form .btn{min-height:46px;margin-top:8px}.admin-error{color:var(--danger);font-size:14px}.admin-state{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-height:100dvh;display:flex}.admin-loading{min-height:100dvh;color:var(--ink-2);justify-content:center;align-items:center;gap:11px;font-size:14px;display:flex}.admin-loading-dot{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.admin-loading-dot{animation-duration:1.4s}}.admin-login h1{letter-spacing:-.02em;margin-bottom:18px;font-size:26px}.admin-page{isolation:isolate;padding-top:36px;padding-bottom:64px;position:relative}.admin-page>:not(.world-atmosphere){z-index:1;position:relative}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.admin-dashboard-head{background:linear-gradient(115deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--habitat-paper) 74%, transparent));min-height:140px;box-shadow:var(--shadow-card), 0 26px 60px -46px color-mix(in srgb, var(--habitat-deep) 48%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid #fff9;border-radius:25px;align-items:center;margin-bottom:12px;padding:22px 24px;overflow:hidden}.admin-wordmark{margin-bottom:14px}.admin-head h1{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(28px,4vw,40px);font-weight:620}.admin-actions{gap:8px;display:flex}.admin-actions .btn{min-height:42px;padding:9px 16px;font-size:14px}.admin-realm-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.admin-realm{background:var(--ink);min-height:84px;box-shadow:var(--shadow-card);border:1px solid #ffffff8a;border-radius:17px;position:relative;overflow:hidden}.admin-realm:after{content:"";background:linear-gradient(#0000 15%,#110e0cad);position:absolute;inset:0}.admin-realm img{object-fit:cover;filter:saturate(.76);width:100%;height:100%;transition:transform .32s var(--ease-out), filter .18s ease;position:absolute;inset:0}.admin-realm span{z-index:1;color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:720;position:absolute;bottom:9px;left:12px;right:12px}@media (hover:hover) and (pointer:fine){.admin-realm:hover img{filter:saturate(.95);transform:scale(1.035)}}.admin-load-error{border-color:color-mix(in srgb, var(--danger) 22%, var(--line));color:var(--danger);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;font-size:14px;display:flex}.admin-load-error .btn{flex:none;padding:7px 12px;font-size:12px}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-summary .card{border-color:color-mix(in srgb, var(--accent) 10%, var(--line));background:color-mix(in srgb, var(--surface) 87%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:18px;min-width:0;padding:18px 20px;position:relative;overflow:hidden}.admin-summary .card:after{content:"";background:var(--accent-soft);opacity:.75;z-index:0;pointer-events:none;border-radius:50%;width:76px;height:76px;position:absolute;top:-30px;right:-22px}.admin-summary .card>*{z-index:1;position:relative}.admin-summary span,.admin-summary small{color:var(--ink-3);font-size:11px;display:block}.admin-summary span{letter-spacing:.06em;text-transform:uppercase;font-weight:650}.admin-summary strong{color:var(--ink);font-family:var(--font-display);margin:6px 0 1px;font-size:29px;font-weight:760;line-height:1;display:block}@media (width<=760px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-dist{background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:22px;margin-bottom:18px;padding:22px}.admin-dist h2,.detail-dims h2,.detail-positions h2,.detail-group>h2,.detail-toggle h2,.detail-pop h2{margin-bottom:12px;font-size:14px;font-weight:650}.dist-grid{grid-template-columns:repeat(16,1fr);gap:6px;display:grid}@media (width<=720px){.dist-grid{grid-template-columns:repeat(8,1fr);row-gap:16px}}.dist-cell{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.dist-cell:before{content:"";background:var(--ink-3);opacity:.28;border-radius:99px;width:18px;height:2px;margin-bottom:2px}.dist-cell[data-group=nt]:before{background:var(--nt)}.dist-cell[data-group=nf]:before{background:var(--nf)}.dist-cell[data-group=sj]:before{background:var(--sj)}.dist-cell[data-group=sp]:before{background:var(--sp)}.dist-bar-track{background:var(--bg);border-radius:6px;align-items:flex-end;width:100%;max-width:26px;height:64px;display:flex;overflow:hidden}.dist-bar{width:100%;transition:height .4s var(--ease-out);opacity:.85;border-radius:6px 6px 0 0;min-height:2px}.dist-type{color:var(--ink-2);letter-spacing:.02em;font-size:10.5px;font-weight:650}.dist-n{font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.admin-toolbar{top:max(12px, env(safe-area-inset-top));z-index:20;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid #fff9;border-radius:16px;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0 -8px 12px;padding:8px;display:flex;position:sticky;box-shadow:0 12px 30px -26px #251d1657}.admin-tabs{background:var(--surface);border:1px solid var(--line);border-radius:10px;gap:4px;padding:3px;display:flex}.admin-tab{min-height:38px;color:var(--ink-2);border-radius:7px;padding:6px 14px;font-size:14px;font-weight:550;transition:background-color .12s,color .12s}.admin-tab.is-active{background:var(--ink);color:var(--bg)}.admin-search{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;min-width:220px;min-height:44px;padding:8px 14px 8px 36px;font-size:14px;transition:border-color .12s}.admin-search-wrap{min-width:220px;display:block;position:relative}.admin-search-icon{z-index:1;color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-52%)}.admin-search:focus-visible{border-color:var(--accent);outline:3px solid color-mix(in srgb, var(--accent) 34%, transparent);outline-offset:1px}.admin-table-wrap{background:color-mix(in srgb, var(--surface) 92%, transparent);overscroll-behavior:contain;border-radius:20px;max-height:min(68dvh,720px);overflow:auto}.admin-table-wrap:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 74%, white);outline-offset:3px}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{z-index:2;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(10px);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:650;position:sticky;top:0}.admin-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 14px}.admin-table tbody tr{transition:background-color .1s}@media (hover:hover) and (pointer:fine){.admin-table tbody tr:hover{background:var(--bg)}}.admin-table tr:last-child td{border-bottom:none}.th-right,.td-right{text-align:right;font-variant-numeric:tabular-nums}.td-date{color:var(--ink-3);font-size:13px}.td-name a{font-weight:600}.td-name a:hover{color:var(--accent)}.td-gender{color:var(--ink-3);margin-top:2px;font-size:11.5px;font-weight:500;display:block}.td-empty{text-align:center;color:var(--ink-3);padding:32px!important}.td-del button{min-width:40px;min-height:40px;color:var(--ink-3);border-radius:6px;place-items:center;padding:4px 8px;transition:color .12s;display:grid}.td-del button:disabled{opacity:.45;cursor:wait}.td-del button:hover{color:var(--danger)}.chip{border:1px solid #0000;border-radius:99px;padding:2px 9px;font-size:12px;font-weight:650;display:inline-block}.chip-umum{background:var(--nt-soft);color:var(--nt)}.chip-karyawan{background:var(--accent-soft);color:var(--accent)}.chip-calon{background:var(--sj-soft);color:var(--sj)}.chip-gender{border-color:var(--line);background:var(--bg);color:var(--ink-2);font-weight:550}.chip-type{letter-spacing:.03em;border-width:1.5px;align-items:center;gap:4px;display:inline-flex}@media (width<=720px){.admin-page{padding-top:16px}.admin-dashboard-head{align-items:flex-start;padding:20px}.admin-realm-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar{align-items:stretch}.admin-tabs,.admin-search-wrap{width:100%}.admin-tab{flex:1;min-width:0;padding-left:8px;padding-right:8px}.admin-search{min-width:0}}@media (width<=540px){.admin-actions{width:100%}.admin-actions .btn{flex:1}.admin-table th:nth-child(n+5):not(:last-child),.admin-table td:nth-child(n+5):not(:last-child){display:none}.admin-table th,.admin-table td{padding-left:10px;padding-right:10px}}.detail-back{color:var(--ink-3);font-size:14px}.detail-back:hover{color:var(--ink)}.detail-sub{align-items:center;gap:10px;margin-top:6px;display:flex}.detail-date{color:var(--ink-3);font-size:13px}.detail-type{text-align:right;align-items:center;gap:12px;display:flex}.detail-type>div{flex-direction:column;gap:2px;display:flex}.detail-type-badge{border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:18px;flex:none;justify-content:center;align-items:flex-end;width:82px;height:92px;position:relative;overflow:hidden;display:flex!important}.detail-type-badge img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 5px #1c191721);-webkit-user-select:none;user-select:none;width:74px;height:88px}.detail-type-badge .detail-type-habitat{z-index:0;object-fit:cover;object-position:center;filter:saturate(.84);opacity:.72;width:100%;height:100%;position:absolute;inset:0}.detail-type-badge .detail-type-avatar{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 7px 5px #1c191733);width:74px;height:88px;position:relative}.detail-type-code{letter-spacing:-.02em;font-size:44px;font-weight:800;line-height:1}.detail-type-nick{font-size:14px;font-weight:600}.detail-type-group{color:var(--ink-3);font-size:12.5px}.detail-dims{grid-template-columns:1fr auto;gap:28px;margin-bottom:14px;padding:20px;display:grid}@media (width<=640px){.detail-dims{grid-template-columns:1fr}}.detail-pop{border-left:1px solid var(--line);min-width:150px;padding-left:24px}@media (width<=640px){.detail-pop{border-left:none;border-top:1px solid var(--line);padding-top:16px;padding-left:0}}.detail-pop-big{color:var(--type-color);font-size:34px;font-weight:750;line-height:1.1}.detail-pop-note{color:var(--ink-2);font-size:13px}.detail-positions{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:14px;padding:20px;display:grid}@media (width<=640px){.detail-positions{grid-template-columns:1fr}}.detail-positions ol{flex-direction:column;gap:4px;padding-left:20px;font-size:14.5px;display:flex}.detail-positions li::marker{color:var(--type-color);font-weight:650}.detail-worst li::marker{color:var(--ink-3)}.detail-group{margin-bottom:14px;padding:20px}.detail-fields{grid-template-columns:1fr 1fr;gap:20px 28px;display:grid}@media (width<=760px){.detail-fields{grid-template-columns:1fr}}.detail-field h3{color:var(--type-color,var(--accent));margin-bottom:6px;font-size:13px;font-weight:650}.detail-field .rich{font-size:14px}.detail-toggle{text-align:left;justify-content:space-between;align-items:center;width:100%;display:flex}.detail-toggle h2{margin-bottom:0}.detail-toggle span{color:var(--ink-3);font-size:20px}.detail-answers{flex-direction:column;gap:12px;margin-top:16px;padding-left:22px;display:flex}.detail-q{color:var(--ink-3);font-size:13.5px}.detail-a{font-size:14px}.detail-hero{background:color-mix(in srgb, var(--surface) 93%, transparent);min-height:230px;box-shadow:var(--shadow-card), 0 32px 72px -50px color-mix(in srgb, var(--habitat-deep) 64%, transparent);border:1px solid #ffffffa3;border-radius:28px;align-items:center;margin-bottom:14px;padding:clamp(24px,4vw,38px);position:relative;overflow:hidden}.detail-hero:before{content:"";z-index:1;background:linear-gradient(100deg, var(--surface) 0 36%, color-mix(in srgb, var(--surface) 86%, transparent) 58%, color-mix(in srgb, var(--surface) 38%, transparent)), linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--surface) 58%, transparent));pointer-events:none;position:absolute;inset:0}.detail-hero>:not(.detail-hero-backdrop){z-index:2;position:relative}.detail-hero-backdrop{z-index:0;object-fit:cover;object-position:center;filter:saturate(.86)contrast(.94);width:68%;height:100%;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 32%);mask-image:linear-gradient(90deg,#0000,#000 32%)}.detail-hero h1{margin-top:10px;font-size:clamp(30px,5vw,46px)}.detail-hero .detail-type{background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff8f;border-radius:21px;padding:12px 14px;box-shadow:0 16px 38px -28px #17120e57}.detail-dims,.detail-positions,.detail-group{border-color:color-mix(in srgb, var(--type-color) 12%, var(--line));background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:22px}.detail-toc{top:max(12px, env(safe-area-inset-top));z-index:18;background:color-mix(in srgb, var(--surface) 84%, transparent);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff9e;border-radius:17px;align-items:center;gap:16px;margin:16px 0 14px;padding:8px 10px 8px 14px;display:flex;position:sticky;box-shadow:0 12px 28px -24px #211a1457}.detail-toc>span{color:var(--type-color);letter-spacing:.09em;text-transform:uppercase;flex:none;font-size:10px;font-weight:760}.detail-toc>div{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.detail-toc>div::-webkit-scrollbar{display:none}.detail-toc a{min-height:36px;color:var(--ink-2);white-space:nowrap;border-radius:10px;flex:none;padding:8px 11px;font-size:11.5px;font-weight:620;transition:color .13s,background-color .13s}@media (hover:hover) and (pointer:fine){.detail-toc a:hover{background:var(--type-soft);color:var(--type-color)}}.detail-group{padding:clamp(20px,3vw,28px);scroll-margin-top:80px}.detail-field{border:1px solid color-mix(in srgb, var(--type-color) 9%, var(--line));background:color-mix(in srgb, var(--type-soft) 30%, var(--surface));border-radius:15px;padding:16px 17px}.detail-field .rich{max-width:72ch;line-height:1.72}.detail-toggle{min-height:46px}.detail-toggle span{background:var(--type-soft);width:34px;height:34px;color:var(--type-color);border-radius:50%;place-items:center;display:grid}@media (width<=760px){.detail-hero{align-items:flex-end;min-height:390px;padding-top:170px}.detail-hero:before{background:linear-gradient(180deg, transparent 0 22%, color-mix(in srgb, var(--surface) 88%, transparent) 52%, var(--surface) 82%)}.detail-hero-backdrop{width:100%;height:66%;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000 92%);mask-image:linear-gradient(#000,#0000 92%)}.detail-hero .detail-type{text-align:left;width:100%}.detail-sub{flex-wrap:wrap}.detail-toc{margin-right:calc(var(--page-gutter) * -1);margin-left:calc(var(--page-gutter) * -1);border-left:0;border-right:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:3px}.detail-toc>div{width:100%}}@media (width<=520px){.detail-hero{border-radius:22px;min-height:430px;padding:190px 18px 20px}.detail-type-code{font-size:36px}.detail-type-badge{width:72px;height:82px}.detail-fields{gap:10px}}.chip-jodoh{color:#e11d48;background:#fff1f2}