:root{--bg:#f6f7fb;--surface:#fff;--surface-2:#fbfbfc;--border:#e6e8ef;--border-strong:#d5d9e6;--text:#0f172a;--text-muted:#475569;--text-subtle:#64748b;--accent:#1d4ed8;--accent-press:#1e40af;--accent-soft:#1d4ed81f;--shadow:0 10px 30px #0f172a14;--radius:16px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#app{min-height:100svh}.shell{flex-direction:column;gap:1rem;width:min(920px,100%);min-height:100svh;margin:0 auto;padding:clamp(.9rem,2.6vw,1.6rem);display:flex}.shell--quiz{padding-bottom:max(.65rem, env(safe-area-inset-bottom));background:var(--surface);gap:.75rem}.shell--quiz>:last-child{flex:1;min-height:0}.topbar{border-bottom:1px solid var(--border);justify-content:center;align-items:center;padding:.35rem .25rem .85rem;display:flex}.brand-lockup{flex-direction:column;align-items:center;gap:.15rem;display:flex}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.78rem;font-weight:700}.brand-subtitle{color:var(--text-subtle);margin:0;font-size:.92rem}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.05rem,2.8vw,1.75rem)}.panel.quiz{box-shadow:none;border-color:#d8dee8;padding:0;overflow:hidden}.hero{text-align:center;flex-direction:column;align-items:center;gap:.95rem;margin-block:auto;display:flex}.welcome{text-align:center;color:var(--text-subtle);letter-spacing:.14em;text-transform:uppercase;margin:auto 0 0;font-size:.72rem;font-weight:600}h1,h2,h3{margin:0;line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(1.55rem,4.6vw,2.35rem);font-weight:700}h2{font-size:clamp(1.2rem,3.6vw,1.65rem);font-weight:600}h3{color:var(--text-muted);font-size:clamp(1.05rem,3.2vw,1.2rem);font-weight:600}p{margin:0;line-height:1.55}.lead{max-width:62ch;color:var(--text-muted);font-size:1rem}.disclaimer{max-width:62ch;color:var(--text-subtle);font-size:.92rem}.trust-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.82rem;font-weight:600;display:inline-flex}.micro{color:var(--text-subtle);font-size:.9rem}button{font:inherit;cursor:pointer;border:0;border-radius:12px;font-weight:600;transition:transform .12s,background-color .12s,border-color .12s}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.cta{background:var(--accent);color:#fff;border:1px solid #0f172a0f;min-height:50px;padding:.75rem 1rem}.cta:hover{background:var(--accent-press)}.ghost{color:var(--text-muted);border:1px solid var(--border-strong);background:#fff;min-height:44px;padding:.6rem .95rem}.ghost:disabled{opacity:.45;cursor:not-allowed}.quiz{flex-direction:column;flex:1;justify-content:flex-start;gap:0;min-height:0;display:flex}.quiz-body{flex-direction:column;flex:none;gap:1.1rem;padding:clamp(1.15rem,3vw,1.85rem) clamp(1.15rem,3vw,1.85rem) .35rem;display:flex}.quiz-prompt{letter-spacing:-.02em;color:#0b1220;font-size:clamp(1.25rem,3.8vw,1.72rem);font-weight:700;line-height:1.25}.type-grid-wrap{width:100%;padding-top:.15rem;overflow-x:auto}.type-grid{background:#c9d4e3;border:1px solid #c9d4e3;border-radius:8px;grid-template-columns:repeat(4,minmax(2.35rem,1fr)) minmax(1.65rem,.55fr);gap:1px;min-width:min(100%,20rem);margin:0 auto;display:grid;overflow:hidden}.type-grid__cell{text-align:center;background:#fff;justify-content:center;align-items:center;min-width:0;min-height:1.85rem;padding:.3rem .25rem;line-height:1.2;display:flex}.type-grid__cell--corner{display:none}.type-grid__cell--e-band,.type-grid__cell--i-band{background:#fff}.type-grid__cell--interaction-head{padding:.35rem .3rem}.type-grid__interaction-label{color:#0b1220;text-align:center;font-size:.62rem;font-weight:700;line-height:1.2}.type-grid__cell--meta-head{padding:.35rem .15rem}.type-grid__cell--orientation{letter-spacing:.04em;color:#0b1220;font-size:.68rem;font-weight:700}.type-grid__cell--column{background:#f4f7fb;flex-direction:column;gap:.05rem;padding:.35rem .2rem}.type-grid__column-short{color:#0b1220;letter-spacing:.03em;font-size:.72rem;font-weight:700}.type-grid__column-title{color:var(--text-muted);font-size:.55rem;font-weight:500;line-height:1.15}.type-grid__cell--row{display:none}.type-grid__cell--type{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.35rem .2rem}.type-grid__type-stack{flex-direction:column;align-items:center;gap:.28rem;width:100%;display:flex}.type-grid__type-header{justify-content:center;align-items:flex-start;width:100%;min-height:1.75rem;display:flex;position:relative}.type-grid__type-code-block{flex-direction:column;align-items:center;gap:.04rem;display:flex}.type-grid__orientation-corner{align-items:flex-start;display:flex;position:absolute;top:0;left:0}.type-grid__orientation-check{background-size:.42rem;width:.58rem;height:.58rem}.type-grid__temperament-corner{align-self:flex-end;align-items:flex-start;display:flex}.type-grid__temperament-check{background-size:.42rem;width:.58rem;height:.58rem}.type-grid__type-code{letter-spacing:.04em;color:#0b1220;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:700}.type-grid__function-row{justify-content:center;gap:.1rem;display:flex}.type-grid__function-square{letter-spacing:0;color:#0b1220;background:#f4f7fb;border:1px solid #b8c5d8;border-radius:2px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.08rem;width:1.45rem;min-height:1.65rem;padding:.1rem .05rem .12rem;font-size:.46rem;font-weight:700;line-height:1;display:flex}.type-grid__function-top{justify-content:center;align-items:flex-start;min-height:.62rem;display:flex}.type-grid__function-check{background-size:.42rem;width:.58rem;height:.58rem}.type-grid__function-code{font-size:.46rem;font-weight:700;line-height:1}.type-grid__point-count{color:#0b1220;margin-top:-.08rem;margin-left:.02rem;font-size:.42rem;font-weight:700;line-height:1}.type-grid__function-square[data-fn=Te],.type-grid__function-square[data-fn=Ti]{background:#e8eef8;border-color:#9eb0c8}.type-grid__function-square[data-fn=Fe],.type-grid__function-square[data-fn=Fi]{background:#eef6ef;border-color:#9eb89e}.type-grid__function-square[data-fn=Se],.type-grid__function-square[data-fn=Si]{background:#fbf0ea;border-color:#c8a892}.type-grid__function-square[data-fn=Ne],.type-grid__function-square[data-fn=Ni]{background:#f3f0fb;border-color:#a89ec8}.type-grid__cell--active{box-shadow:inset 0 0 0 1.5px var(--accent);background:#e8f0ff}.type-grid__cell--heat{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.type-grid__cell--style,.type-grid__cell--style-head{color:var(--text-subtle);background:#f8fafc;padding:.35rem .3rem;font-size:.52rem;font-weight:500;line-height:1.25}.type-grid__cell--style{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;padding:.4rem .35rem}.type-grid__style-lines{flex-direction:column;gap:.12rem;width:100%;min-width:0;display:flex}.type-grid__style-line{color:var(--text-subtle);overflow-wrap:anywhere;align-items:center;gap:.28rem;min-width:0;font-size:.52rem;font-weight:500;line-height:1.2;display:flex}.type-grid__style-check{background:#fff;border:1px solid #b8c5d8;border-radius:2px;flex:none;width:.72rem;height:.72rem}.type-grid__style-check--on{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2 5 8.7 9.5 3.8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.55rem;box-shadow:inset 0 0 0 1px #fff}.quiz-answers{padding:.5rem clamp(1.15rem, 3vw, 1.85rem) max(1.1rem, env(safe-area-inset-bottom));background:var(--surface);flex-direction:column;gap:1rem;display:flex}.progress-head{align-items:center;gap:.75rem;display:flex}.quiz-step{color:var(--text-subtle);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0;font-size:.9rem}.progress-wrap{border:1px solid var(--border);background:#e9ecf5;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress{border-radius:inherit;background:var(--accent);height:100%;transition:width .2s}.choices{grid-template-columns:1fr;gap:.85rem;display:grid}.choice{text-align:left;width:100%;min-height:4.5rem;color:var(--text);background:#fff;border:1px solid #c9d4e3;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1.15rem 1.35rem;display:flex}.choice:hover{background:#fafbfd;border-color:#9eb0c8}.choice-text{color:#0f172a;font-size:1.02rem;font-weight:500;line-height:1.5;display:block}.choice-example{color:var(--text-muted);font-size:.92rem;font-style:italic;font-weight:400;line-height:1.45;display:block}.choice-score-debug{color:var(--text-subtle);font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-size:.8rem;font-weight:500;line-height:1.35}.quiz-footer-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding-top:.15rem;display:grid}.quiz-footer-start{justify-self:start}.quiz-footer-toggles{flex-wrap:wrap;justify-content:center;justify-self:center;gap:.35rem .85rem;display:flex}.quiz-grid-toggle,.quiz-weight-toggle{color:var(--text-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:.35rem;font-size:.82rem;font-weight:500;display:inline-flex}.quiz-grid-toggle input,.quiz-weight-toggle input{width:.9rem;height:.9rem;accent-color:var(--accent);cursor:pointer;margin:0}.quiz-back{font:inherit;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-self:flex-start;min-height:auto;margin:0;padding:.35rem 0;font-size:.95rem;font-weight:500}.quiz-back:hover{color:var(--text);text-decoration:underline}.quiz-back:active{transform:none}.quiz-skip{font:inherit;color:var(--text);cursor:pointer;text-align:right;background:0 0;border:0;border-radius:6px;justify-self:end;min-height:auto;margin:0;padding:.35rem 0;font-size:.95rem;font-weight:500}.quiz-skip:hover{color:var(--text);text-decoration:underline}.quiz-skip:active{transform:none}.result{flex-direction:column;gap:1.25rem;max-width:100%;margin-block:auto;display:flex}.result-nav{justify-content:flex-start;margin-bottom:-.35rem;display:flex}.result-header{flex-direction:column;gap:.5rem;display:flex}.result-type{letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,2.75rem);font-weight:700}.result-lead{color:var(--text-muted);max-width:62ch;font-size:1.02rem}.result-section{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding-top:.25rem;display:flex}.result-section-title{letter-spacing:.02em;color:var(--text);margin:0;font-size:.95rem;font-weight:700}.result-section-lead{max-width:68ch;margin:0}.result-about{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;margin:0;overflow:hidden}.result-about summary{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;padding:.5rem .75rem;font-size:.84rem;font-weight:600}.result-about summary:focus-visible{outline:3px solid var(--accent-soft);outline-offset:-2px}.result-about[open] summary{border-bottom:1px solid var(--border)}.result-about-body{max-width:68ch;color:var(--text-subtle);margin:0;padding:.65rem .75rem;font-size:.92rem;line-height:1.55}.result-about--footer{margin-top:.15rem}.stack-list{color:var(--text-muted);flex-direction:column;gap:.45rem;margin:0;padding-left:1.2rem;font-size:.95rem;display:flex}.stack-list li{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.stack-role{color:var(--text-subtle);min-width:6.5rem;font-weight:600}.stack-code{color:var(--text);letter-spacing:.04em;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-weight:700}.rank-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.rank-row{grid-template-columns:minmax(4.25rem,auto) 1fr 1.75rem;align-items:center;gap:.5rem;font-size:.9rem;display:grid}.rank-labels{flex-direction:column;gap:.12rem;line-height:1.2;display:flex}.rank-archetype{letter-spacing:.04em;color:var(--text-subtle);font-size:.72rem;font-weight:600}.rank-code{color:var(--text);letter-spacing:.04em;font-family:ui-monospace,Cascadia Code,Segoe UI Mono,monospace;font-weight:600}.rank-bar-wrap{border:1px solid var(--border);background:#e9ecf5;border-radius:999px;height:8px;overflow:hidden}.rank-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent-soft), var(--accent));min-width:2px;height:100%;transition:width .25s;display:block}.rank-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted);font-weight:600}.result-bullets{color:var(--text-muted);flex-direction:column;gap:.4rem;margin:0;padding-left:1.15rem;font-size:.95rem;display:flex}.result-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);font-size:.72rem;font-weight:700}ul{color:var(--text-muted);margin:.15rem 0 0;padding-left:1.1rem}.result-actions{flex-wrap:wrap;gap:.6rem;margin-top:.15rem;display:flex}.toast{color:#0f766e;font-size:.95rem}.shell--political{gap:.75rem}.shell--political>:last-child{flex:1;min-height:0}.brand-button{cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;padding:0}.brand-button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:4px;border-radius:8px}.quiz-hub{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem;width:100%;margin-block:auto;display:grid}.quiz-hub-card{height:100%;margin-block:0}.political-quiz,.political-result{flex-direction:column;flex:1;gap:1rem;min-height:0;display:flex;overflow:hidden}.political-quiz-header,.political-result-header{text-align:center;flex-direction:column;align-items:center;gap:.65rem;display:flex}.political-back{align-self:flex-start;min-height:40px;padding:.45rem .85rem;font-size:.9rem}.political-axis-labels{letter-spacing:.08em;text-transform:uppercase;width:100%;max-width:min(640px,100%);color:var(--text-subtle);grid-template-columns:1fr 1fr;margin:0 auto;padding:0 clamp(.5rem,2vw,1.5rem);font-size:.78rem;font-weight:700;display:grid}.political-axis-labels span:first-child{text-align:left}.political-axis-labels span:last-child{text-align:right}.political-chart,.political-result-chart{flex:1;min-height:0;padding:.5rem clamp(.75rem,2vw,1.5rem) 1rem;position:relative;overflow:auto}.political-chart:before,.political-result-chart:before{content:"";background:linear-gradient(to bottom, transparent, var(--border-strong) 8%, var(--border-strong) 92%, transparent);pointer-events:none;z-index:0;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.political-section{z-index:1;border-bottom:1px solid var(--border);flex-direction:column;gap:.85rem;padding-block:1.25rem;display:flex;position:relative}.political-section:last-child{border-bottom:0}.political-section-title{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);font-size:.82rem}.political-row{gap:.45rem;display:grid}.political-row--active .political-stance-label{color:var(--accent);font-weight:600}.political-stance-label{text-align:center;color:var(--text);min-height:1.25rem;margin:0;font-size:.9rem;line-height:1.4}.political-stance-label--neutral{color:var(--text-subtle);font-weight:500}.political-issue-label{text-align:center;color:var(--text-muted);font-size:.95rem;font-weight:600}.political-slider-wrap{padding-block:.35rem;position:relative}.political-slider-ticks{pointer-events:none;z-index:0;position:absolute;inset:.35rem 0}.political-slider-tick{background:var(--border-strong);border-radius:999px;width:2px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.political-slider{z-index:1;appearance:none;background:linear-gradient(90deg,#dc262626 0% 50%,#1d4ed826 50% 100%);border-radius:999px;outline:none;width:100%;height:8px;margin:0;display:block;position:relative}.political-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface);background:var(--text);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #0f172a38}.political-slider::-moz-range-thumb{border:2px solid var(--surface);background:var(--text);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #0f172a38}.political-slider:active::-webkit-slider-thumb{cursor:grabbing}.political-quiz-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;padding-top:.25rem;display:flex}.political-result-row{gap:.45rem;display:grid}.political-result-meta{flex-direction:column;justify-content:center;align-items:center;gap:.45rem;display:flex}.political-result-tag{text-align:center;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;max-width:min(36rem,100%);padding:.35rem .65rem;font-size:.82rem;font-weight:600;line-height:1.35}.political-result-track{background:linear-gradient(to right, #dc26261f 0%, var(--border) 50%, #1d4ed81f 100%);border-radius:999px;height:8px;position:relative}.political-result-marker{background:var(--text);border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #0f172a2e}@media (width<=640px){.shell{padding:.85rem}.shell--quiz{padding:.75rem;padding-bottom:max(.55rem, env(safe-area-inset-bottom))}.panel{border-radius:14px}.choice{min-height:82px;padding:.95rem}.result-actions>button,.political-quiz-actions>button{width:100%}.type-grid-wrap{-webkit-overflow-scrolling:touch;overflow-x:visible}.type-grid{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-width:0}.type-grid__cell--interaction-head{display:none}.type-grid__cell--column{padding:.28rem .12rem}.type-grid__column-title{display:none}.type-grid__cell--type{padding:.28rem .12rem}.type-grid__type-stack{gap:.2rem}.type-grid__type-header{min-height:1.45rem}.type-grid__type-code{font-size:clamp(.58rem,2.6vw,.68rem)}.type-grid__orientation-check,.type-grid__temperament-check,.type-grid__function-check{background-size:.36rem;width:.5rem;height:.5rem}.type-grid__function-row{flex-wrap:wrap;justify-content:center;gap:.08rem;max-width:2.35rem}.type-grid__function-square{width:calc(50% - .04rem);min-height:1.35rem;padding:.08rem .04rem .1rem;font-size:.4rem}.type-grid__function-code{font-size:.4rem}.type-grid__point-count{font-size:.38rem}.type-grid__cell--style{text-align:center;border-top:1px solid #e2e8f0;grid-column:1/-1;align-items:center;padding:.3rem .45rem}.type-grid__style-lines{flex-flow:wrap;justify-content:center;gap:.2rem .65rem}.type-grid__style-line{gap:.22rem;font-size:.48rem}.type-grid__style-check{background-size:.48rem;width:.62rem;height:.62rem}}@media (width<=380px){.type-grid__function-row{max-width:2.1rem}.type-grid__function-square{min-height:1.25rem;font-size:.36rem}.type-grid__function-code{font-size:.36rem}.type-grid__style-line{font-size:.44rem}}.iq-category.svelte-nopeie{margin:0 0 .35rem}.iq-review-list.svelte-z3aile{padding:0;list-style:none}.iq-review-list.svelte-z3aile li:where(.svelte-z3aile){border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent);flex-direction:column;gap:.15rem;padding:.65rem 0;display:flex}.iq-review-list.svelte-z3aile li:where(.svelte-z3aile):last-child{border-bottom:none}.iq-review-prompt.svelte-z3aile{font-size:.95rem}.iq-review-correct.svelte-z3aile .micro:where(.svelte-z3aile){color:var(--accent-strong,#2f7d4a)}.iq-review-incorrect.svelte-z3aile .micro:where(.svelte-z3aile){color:color-mix(in srgb, var(--ink) 65%, transparent)}