.dx-rule{position:fixed;top:0;bottom:0;left:max(2.2rem,4vw);width:1px;background:var(--alterous);opacity:.5;z-index:0;pointer-events:none}@media(max-width:720px){.dx-rule{display:none}}.dx{position:relative}.dx-sheet{width:100%;max-width:46rem;margin:0 auto;padding:clamp(2.4rem,6vh,4rem) clamp(1.4rem,6vw,3rem) 4.5rem;position:relative}.dx-sheet--quiz{min-height:74vh;display:flex;flex-direction:column}.dx-h1{font-size:clamp(2.6rem,7vw,4.4rem);line-height:1.04;letter-spacing:-.015em;margin:.3rem 0 0}.dx-frame{position:relative;margin:2rem 0 0;max-width:40ch}.dx-lede{font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.4;color:var(--ink);margin:0 0 .9rem}.dx-lede em{font-style:italic;color:var(--teal-text)}.dx-frame-note{display:block;margin-top:1.4rem;font-size:1.6rem;color:var(--ink-pen)}@media(min-width:980px){.dx-frame-note{position:absolute;right:-8.5rem;top:1rem;margin:0;width:7.5rem;text-align:center}}.dx-privacy{margin:2.4rem 0 0;max-width:46ch;font-size:.98rem;color:var(--stone);background:var(--sand);border-left:3px solid var(--teal);padding:.9rem 1.1rem;border-radius:2px}.dx-privacy-mark{margin-right:.4rem}.dx-btn{display:inline-block;font-family:var(--font-body);font-size:1.02rem;padding:.8rem 1.7rem;border-radius:2px;text-decoration:none;cursor:pointer;background:var(--teal);color:#fff;border:1px solid var(--teal);transition:background .15s ease,transform .1s ease;margin-top:2rem}.dx-btn:hover{background:var(--teal-deep)}.dx-btn:active{transform:translateY(1px)}.dx-tiny{margin-top:1.3rem;max-width:48ch;font-size:.9rem;color:var(--stone);line-height:1.6}.dx-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.dx-progress{position:sticky;top:2.9rem;z-index:4;height:4px;width:100%;background:var(--border)}@media(max-width:819px){.dx-progress{top:2.7rem}}.dx-progress-fill{display:block;height:100%;width:0%;background:var(--teal);transition:width .4s cubic-bezier(.4,0,.2,1)}.dx-qhead{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.6rem}.dx-back{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-body);font-size:.92rem;color:var(--stone);background:none;border:0;cursor:pointer;padding:.3rem .4rem .3rem 0;text-transform:lowercase;margin-left:-.1rem}.dx-back:hover{color:var(--ink)}.dx-count{font-family:var(--font-eyebrow);font-size:.8rem;letter-spacing:.12em;color:var(--mist)}.dx-question{font-family:var(--font-display);color:var(--ink);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.18;margin:0 0 1.8rem;outline:none}.dx-options{display:flex;flex-direction:column;gap:.7rem}.dx-opt{display:flex;align-items:flex-start;gap:.9rem;width:100%;text-align:left;cursor:pointer;font-family:var(--font-body);font-size:1.06rem;line-height:1.45;color:var(--charcoal);background:var(--cream);border:1px solid var(--border);border-radius:3px;padding:.95rem 1.1rem;min-height:48px;transition:border-color .14s ease,background .14s ease,transform .08s ease}.dx-opt:hover{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 5%,var(--cream))}.dx-opt:active{transform:translateY(1px)}.dx-opt.is-picked{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 11%,var(--cream));box-shadow:inset 0 0 0 1px var(--teal)}.dx-opt-key{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-eyebrow);font-size:.78rem;color:var(--stone);border:1px solid var(--border);background:var(--ivory);margin-top:.05rem;transition:background .14s ease,color .14s ease,border-color .14s ease}.dx-opt:hover .dx-opt-key,.dx-opt.is-picked .dx-opt-key{background:var(--teal);color:#fff;border-color:var(--teal)}.dx-opt-text i{font-style:italic}.dx-kbd{margin-top:auto;padding-top:1.6rem;font-family:var(--font-eyebrow);font-size:.72rem;letter-spacing:.04em;color:var(--mist)}.dx-kbd kbd{font-family:var(--font-eyebrow);font-size:.7rem;background:var(--sand);border:1px solid var(--border);border-radius:3px;padding:.05rem .35rem;color:var(--stone)}@media(max-width:620px){.dx-kbd{display:none}}.dx-result .dx-sheet{--type: var(--teal);--type-text: var(--teal-text)}.dx-dominant{margin:.2rem 0 1.6rem}.dx-dom-name{font-family:var(--font-display);color:var(--type-text);font-size:clamp(2.8rem,9vw,5rem);line-height:1;margin:0;letter-spacing:-.015em}.dx-dom-line{font-family:var(--font-display);font-style:italic;font-size:clamp(1.15rem,2.6vw,1.5rem);color:var(--stone);margin:.6rem 0 0}.dx-verdict{max-width:60ch;margin-top:.5rem}.dx-verdict p{font-size:1.08rem}.dx-verdict em{font-style:italic}.dx-verdict-second{font-family:var(--font-display);font-style:italic;color:var(--stone);border-top:1px dotted var(--rule);padding-top:1.1rem}.dx-verdict-second a{color:var(--type-text)}.dx-limerence{margin:1.6rem 0 2.2rem;padding:1.3rem 1.4rem;background:color-mix(in srgb,var(--sexual) 12%,var(--cream));border:1px solid var(--sexual);border-left:4px solid var(--sexual-text);border-radius:3px}.dx-limerence p{font-size:1.02rem;margin:0 0 .8rem}.dx-limerence p:last-child{margin-bottom:0}.dx-limerence strong{color:var(--sexual-text)}.dx-lim-tab{font-family:var(--font-eyebrow)!important;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem!important;color:var(--sexual-text);margin-bottom:.7rem!important}.dx-spread{margin:3rem 0 0}.dx-spread-tab,.dx-routes-tab{display:inline-block;font-family:var(--font-eyebrow);text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;color:var(--stone);background:var(--sand);border:1px solid var(--border);padding:.28rem .7rem;border-radius:2px;margin:0 0 1.4rem}.dx-bars{display:flex;flex-direction:column;gap:.7rem;max-width:34rem}.dx-bar-row{display:grid;grid-template-columns:7.2rem 1fr 2.8rem;align-items:center;gap:.8rem}.dx-bar-name{font-family:var(--font-display);font-size:1.02rem;color:var(--type-text);text-align:right;white-space:nowrap}.dx-bar-track{height:12px;background:var(--sand);border-radius:6px;overflow:hidden}.dx-bar-fill{display:block;height:100%;background:var(--type);border-radius:6px;transition:width .7s cubic-bezier(.2,.7,.2,1)}.dx-bar-pct{font-family:var(--font-eyebrow);font-size:.78rem;color:var(--stone);text-align:right}.dx-thesis{margin:2rem 0 0;max-width:54ch;font-family:var(--font-display);font-size:1.2rem;line-height:1.45;color:var(--ink)}@media(max-width:460px){.dx-bar-row{grid-template-columns:5.6rem 1fr 2.4rem;gap:.5rem}.dx-bar-name{font-size:.9rem}}.dx-ask{margin:3rem 0 0;padding:1.8rem 1.6rem;background:var(--teal-wash);border:1px solid var(--border);border-radius:4px}.dx-ask-head{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);margin:0 0 .5rem}.dx-ask-body{max-width:48ch;font-size:1rem;color:var(--charcoal);margin:0 0 1.2rem}.dx-ask-body em{font-style:italic}.dx-ask-form{display:flex;gap:.6rem;max-width:460px}.dx-ask-email{flex:1 1 auto;min-width:0;font-family:var(--font-body);font-size:1rem;padding:.72rem 1rem;color:var(--charcoal);background:var(--cream);border:1px solid var(--stone);border-radius:2px;transition:border-color .15s ease}.dx-ask-email::placeholder{color:var(--mist)}.dx-ask-email:focus{outline:none;border-color:var(--teal)}.dx-ask-btn{flex:none;margin-top:0}.dx-ask-fine{margin:1rem 0 0;font-family:var(--font-eyebrow);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;color:var(--mist)}@media(max-width:480px){.dx-ask-form{flex-direction:column}}.dx-routes{margin:3rem 0 0}.dx-route-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.dx-route-list a{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;row-gap:.1rem;align-items:baseline;text-decoration:none;color:var(--charcoal);width:fit-content;padding-bottom:.4rem;border-bottom:1px solid transparent;transition:border-color .15s ease}.dx-route-list a:hover{border-bottom-color:var(--type)}.dx-route-dot{grid-row:1 / 3;align-self:center;width:15px;height:15px;border-radius:50%;background:var(--type);box-shadow:0 0 0 4px color-mix(in srgb,var(--type) 20%,transparent)}.dx-route-name{font-family:var(--font-display);font-size:1.35rem;color:var(--ink)}.dx-route-list a:hover .dx-route-name{color:var(--type-text)}.dx-route-line{font-size:.94rem;color:var(--stone)}.dx-again{margin:3rem 0 0}.dx-textbtn{display:inline-flex;align-items:center;min-height:44px;font-family:var(--font-body);font-size:1.02rem;color:var(--teal-text);background:none;border:0;cursor:pointer;padding:.2rem 0;text-transform:lowercase}.dx-textbtn:hover{color:var(--teal-deep);text-decoration:underline}
