:root{--ink:#17211d;--paper:#f4f0e6;--paper-strong:#fffdf7;--blue:#3155d9;--blue-dark:#223ca2;--coral:#ff6b4a;--coral-soft:#f3c8b8;--lime:#d9f068;--muted:#5f675f;--line:#17211d29;--shadow:0 28px 80px #232e291f}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:radial-gradient(circle at 84% 8%, #d9f06847, transparent 23rem), radial-gradient(circle at 4% 90%, #3155d914, transparent 30rem), var(--paper);min-width:320px;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;width:min(1380px,100% - 48px);height:88px;margin:0 auto;display:flex;position:relative}.brand{color:var(--ink);letter-spacing:.18em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:13px;font-weight:800;display:flex}.brand-mark{aspect-ratio:1;background:var(--ink);width:38px;color:var(--paper);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:10px;display:grid}.locale-picker{position:relative}.locale-picker:after{content:"⌄";pointer-events:none;color:var(--muted);position:absolute;top:50%;right:2px;transform:translateY(-54%)}.locale-picker select{appearance:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;padding:8px 22px 8px 4px;font-size:13px}.landing{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(40px,8vw,130px);width:min(1380px,100% - 48px);min-height:calc(100vh - 88px);margin:0 auto;padding:72px 5vw 80px;display:grid}.landing-copy{max-width:700px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin:0 0 18px;font-size:11px;font-weight:850}.landing h1{letter-spacing:-.075em;max-width:750px;margin:0;font-size:clamp(64px,8vw,128px);font-weight:900;line-height:.92}.title-line{display:block}.meta-line{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0;margin:38px 0;font-size:14px;display:flex}.meta-line span{align-items:center;display:inline-flex}.meta-line span:not(:last-child):after{content:"·";color:var(--coral);margin:0 14px;font-weight:900}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;min-height:58px;padding:0 26px;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;justify-content:space-between;align-items:center;gap:32px;min-width:230px;display:inline-flex;box-shadow:0 14px 32px #3155d93d}.primary-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 18px 42px #3155d94d}.primary-button:disabled{cursor:wait;opacity:.65}.primary-button.compact{justify-content:center;min-width:150px;min-height:50px}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0}.secondary-button:hover{background:#ffffff8c;transform:translateY(-2px)}.signal-field{aspect-ratio:1;background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper-strong);border:1px solid var(--line);width:min(45vw,570px);box-shadow:var(--shadow);background-size:36px 36px;border-radius:50%;justify-self:center;position:relative;transform:rotate(-4deg)}.signal-field:before,.signal-field:after{content:"";border:1px solid #3155d947;border-radius:50%;position:absolute;inset:12%}.signal-field:after{border-color:#ff6b4a73;inset:28%}.signal-core{aspect-ratio:1;background:var(--blue);color:#fff;border-radius:44% 56% 48% 52%;place-items:center;width:33%;font-size:clamp(64px,8vw,118px);font-weight:300;line-height:1;animation:5s ease-in-out infinite breathe;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(4deg);box-shadow:0 20px 50px #3155d94d}.signal-orbit{border:2px solid var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(24deg)}.orbit-one{width:76%;height:38%}.orbit-two{border-color:var(--coral);width:44%;height:88%;transform:translate(-50%,-50%)rotate(-36deg)}.signal-dot{aspect-ratio:1;background:var(--coral);border-radius:50%;width:18px;position:absolute;box-shadow:0 0 0 8px #ff6b4a29}.dot-one{top:43%;left:15%}.dot-two{background:var(--lime);top:25%;right:17%;box-shadow:0 0 0 8px #d9f06847}.dot-three{background:var(--blue);bottom:18%;right:22%;box-shadow:0 0 0 8px #3155d924}@keyframes breathe{0%,to{transform:translate(-50%,-50%)rotate(4deg)scale(1)}50%{transform:translate(-50%,-50%)rotate(1deg)scale(1.04)}}.quiz{width:min(1040px,100% - 48px);margin:0 auto;padding:52px 0 80px}.quiz-progress{margin-bottom:28px}.progress-label{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.progress-label span:first-child{color:var(--blue)}.progress-track{background:#17211d1f;height:4px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--blue), var(--coral));height:100%;transition:width .22s;display:block}.question-card{background:var(--paper-strong);border:1px solid var(--line);min-height:590px;box-shadow:var(--shadow);border-radius:32px;padding:clamp(34px,6vw,76px)}.question-index{color:var(--coral);letter-spacing:.18em;margin:0 0 20px;font-size:12px;font-weight:900}.question-card h1{letter-spacing:-.035em;max-width:800px;margin:0;font-size:clamp(28px,4vw,48px);line-height:1.28}.option-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:46px;display:grid}.option-button{border:1px solid var(--line);min-height:104px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:16px;grid-template-columns:34px 1fr;align-items:center;gap:15px;padding:18px 20px;line-height:1.5;transition:border-color .15s,background-color .15s,transform .15s;display:grid}.option-button:hover,.option-button.selected{border-color:var(--blue);background:#3155d912;transform:translateY(-2px)}.option-key{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;place-items:center;width:30px;font-size:11px;font-weight:900;display:grid}.option-button.selected .option-key{background:var(--blue);border-color:var(--blue);color:#fff}.quiz-nav{min-height:72px;color:var(--muted);justify-content:space-between;align-items:center;gap:24px;font-size:12px;display:flex}.back-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:750}.result-page{width:min(1220px,100% - 48px);margin:0 auto;padding:56px 0 96px}.result-hero{border:1px solid var(--line);background:var(--paper-strong);min-height:480px;box-shadow:var(--shadow);border-radius:32px;grid-template-columns:.72fr 1.28fr;display:grid;overflow:hidden}.result-code{background:repeating-linear-gradient(115deg, transparent 0, transparent 18px, #ffffff0f 18px, #ffffff0f 19px), var(--blue);color:#fff;letter-spacing:-.12em;place-items:center;min-height:480px;font-size:clamp(150px,24vw,330px);font-weight:900;line-height:1;display:grid;overflow:hidden}.hidden-result .result-code{color:var(--lime);background:radial-gradient(circle,#d9f06847,#0000 25%),repeating-radial-gradient(circle,#0000 0 28px,#d9f0681c 29px 30px),#101512}.result-heading{align-self:center;padding:clamp(38px,7vw,82px)}.status-row{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.status-pill,.sample-pill{border:1px solid var(--line);background:var(--lime);min-height:28px;color:var(--ink);letter-spacing:.06em;border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:850;display:inline-flex}.result-heading h1{letter-spacing:-.06em;margin:22px 0 14px;font-size:clamp(48px,7vw,92px);line-height:.98}.result-signature{max-width:640px;margin:0;font-size:clamp(18px,2.3vw,26px);line-height:1.5}.boundary-note{color:var(--muted);margin:18px 0 0;font-size:13px}.model-share{background:#3155d90f;border:1px solid #3155d92e;border-radius:18px;max-width:610px;margin-top:24px;padding:18px 20px}.model-share-label{color:var(--blue);letter-spacing:.08em;margin-bottom:7px;font-size:11px;font-weight:850;display:block}.model-share p{color:var(--ink);align-items:baseline;gap:10px;margin:0;line-height:1.5;display:flex}.model-share strong{color:var(--blue);letter-spacing:-.04em;white-space:nowrap;font-size:clamp(28px,3vw,38px)}.model-share .early-share-copy{font-size:15px;font-weight:700;display:block}.model-share small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.model-share .model-share-status{color:var(--muted);font-size:13px}.result-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.share-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c120fb3;place-items:center;padding:24px;animation:.18s ease-out share-fade-in;display:grid;position:fixed;inset:0}.share-dialog{background:var(--paper-strong);border:1px solid #ffffff47;border-radius:28px;width:min(980px,100%);max-height:min(820px,100vh - 48px);padding:clamp(24px,4vw,42px);animation:.22s ease-out share-rise-in;overflow:auto;box-shadow:0 36px 120px #00000052}.share-dialog-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.share-dialog-heading .eyebrow{margin-bottom:8px}.share-dialog-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,46px)}.share-close{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;font-size:28px;line-height:1}.share-close:hover{background:var(--paper)}.share-dialog-grid{grid-template-columns:minmax(260px,.82fr) minmax(300px,1.18fr);align-items:center;gap:clamp(24px,4vw,44px);display:grid}.share-card-preview{aspect-ratio:4/5;border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--paper);color:var(--muted);background-size:24px 24px;border-radius:20px;place-items:center;font-size:13px;display:grid;overflow:hidden}.share-card-preview img{object-fit:cover;width:100%;height:100%;display:block}.share-copy-panel{min-width:0}.share-copy-label{color:var(--blue);letter-spacing:.12em;margin-bottom:10px;font-size:11px;font-weight:850;display:block}.share-copy-panel>p{border:1px solid var(--line);background:var(--paper);overflow-wrap:anywhere;border-radius:16px;margin:0;padding:20px;font-size:15px;line-height:1.75}.share-dialog-actions{gap:10px;margin-top:18px;display:grid}.share-dialog-actions .primary-button,.share-dialog-actions .secondary-button{width:100%}.share-dialog-actions .secondary-button:disabled{cursor:wait;opacity:.5}.share-feedback{color:var(--blue);font-weight:700;background:0 0!important;border:0!important;margin-top:14px!important;padding:0!important;font-size:13px!important}.copy-toast{z-index:140;background:var(--ink);width:max-content;max-width:min(90vw,520px);color:var(--paper-strong);text-align:center;border:1px solid #ffffff38;border-radius:999px;padding:13px 18px;font-size:13px;font-weight:750;animation:.18s ease-out share-rise-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #0c120f3d}@keyframes share-fade-in{0%{opacity:0}}@keyframes share-rise-in{0%{opacity:0;transform:translateY(18px)scale(.98)}}.result-grid{grid-template-columns:1.55fr .75fr;gap:24px;margin-top:24px;display:grid}.dimension-panel,.archetype-card{border:1px solid var(--line);background:#fffdf7bd;border-radius:24px}.dimension-panel{padding:clamp(28px,4vw,50px)}.section-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading .eyebrow{margin:0 0 5px}.section-heading h2,.archetype-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px)}.dimension-list{gap:22px;margin-top:36px;display:grid}.dimension-labels{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:baseline;gap:12px;margin-bottom:9px;font-size:11px;display:grid}.dimension-labels span:last-child{text-align:right}.dimension-labels strong{color:var(--ink);font-size:12px}.dimension-track{background:#17211d1a;border-radius:999px;height:8px;position:relative}.dimension-track:after{content:"";background:#17211d2e;width:1px;height:14px;position:absolute;top:-3px;left:50%}.dimension-fill{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--blue));height:100%;display:block}.dimension-track i{aspect-ratio:1;border:3px solid var(--paper-strong);background:var(--blue);border-radius:50%;width:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #17211d33}.archetype-card{background:var(--ink);color:var(--paper);padding:38px}.archetype-card .eyebrow{color:var(--lime)}.archetype-card>p:not(.eyebrow){color:#f4f0e6b8;margin:20px 0 0;line-height:1.7}.nearby{border-top:1px solid #f4f0e62e;gap:9px;margin-top:54px;padding-top:24px;display:grid}.nearby span{color:#f4f0e68c;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.nearby strong{font-size:14px}.story-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.story-card{border:1px solid var(--line);background:#fffdf79e;border-radius:22px;min-height:255px;padding:34px;position:relative}.story-number{color:var(--coral);letter-spacing:.12em;font-size:11px;font-weight:900;display:block}.story-card h3,.guidance h3{margin:28px 0 12px;font-size:20px}.story-card p,.guidance p{color:var(--muted);margin:0;line-height:1.75}.guidance{border:1px solid var(--line);background:var(--coral-soft);border-radius:22px;grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid;overflow:hidden}.guidance article{padding:34px}.guidance article:not(:last-child){border-right:1px solid #17211d33}.guidance h3{margin-top:0}.guidance p{color:#17211de0}.statistics{border:1px solid var(--line);background:var(--paper-strong);border-radius:22px;align-items:center;gap:0;min-height:104px;margin-top:24px;padding:24px 28px;display:flex}.statistics>div{border-right:1px solid var(--line);gap:8px;min-width:180px;margin-right:28px;padding-right:28px;display:grid}.statistics span{color:var(--muted);font-size:11px}.statistics strong{font-size:24px}.statistics p{color:var(--muted);margin:0}.result-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:30px;margin-top:38px;padding-top:22px;font-size:11px;line-height:1.6;display:flex}.result-footer p{max-width:620px;margin:0}.result-footer a{color:var(--blue);text-underline-offset:3px;margin-left:9px}@media (width<=900px){.landing{grid-template-columns:1fr;padding:58px 4vw 72px}.landing-copy{order:1}.signal-field{order:2;width:min(78vw,460px);margin-top:16px}.result-hero,.result-grid{grid-template-columns:1fr}.result-code{min-height:260px;font-size:210px}.story-grid,.guidance{grid-template-columns:1fr}.share-dialog-grid{grid-template-columns:minmax(220px,340px) minmax(280px,1fr)}.story-card{min-height:0}.guidance article:not(:last-child){border-bottom:1px solid #17211d33;border-right:0}.statistics{flex-wrap:wrap;align-items:stretch;gap:18px}.statistics>div{min-width:130px;margin-right:0;padding-right:18px}}@media (width<=640px){.topbar,.landing,.quiz,.result-page{width:min(100% - 28px,1380px)}.topbar{height:72px}.landing{min-height:calc(100vh - 72px);padding:46px 4px 60px}.landing h1{font-size:clamp(54px,20vw,82px)}.meta-line{margin:28px 0;font-size:12px}.primary-button{width:100%}.signal-field{width:min(92vw,390px)}.quiz{padding-top:30px}.question-card{border-radius:22px;min-height:0;padding:28px 20px 24px}.question-card h1{font-size:25px}.option-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}.option-button{min-height:80px}.quiz-nav{flex-direction:column;align-items:flex-start;padding-top:16px}.result-page{padding-top:32px}.result-hero,.dimension-panel,.archetype-card{border-radius:22px}.result-code{min-height:220px;font-size:170px}.result-heading{padding:34px 24px 40px}.result-heading h1{overflow-wrap:anywhere;font-size:46px}.result-actions{flex-direction:column}.result-actions .primary-button,.result-actions .secondary-button{width:100%}.share-dialog-backdrop{align-items:end;padding:10px}.share-dialog{border-radius:24px;max-height:calc(100vh - 20px);padding:24px 18px}.share-dialog-grid{grid-template-columns:1fr}.share-card-preview{width:min(100%,320px);margin:0 auto}.copy-toast{border-radius:16px;bottom:16px}.dimension-panel,.archetype-card,.story-card,.guidance article{padding:26px 22px}.dimension-labels strong{display:none}.dimension-labels{grid-template-columns:1fr 1fr}.statistics{grid-template-columns:1fr 1fr;padding:22px;display:grid}.statistics>div{border:0}.result-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}