@charset "UTF-8";
:root{font-family:Arial,Helvetica,sans-serif;color:#26372f;background:#f7f6f0;font-synthesis:none;--ink:#26372f;--muted:#666e65;--line:#dedfd5;--D:#ba5144;--I:#9b6b14;--S:#4c7c60;--C:#577f9b;--paper:#fffef9}
*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #657e43;outline-offset:5px}button{color:inherit}button,a{transition:background .15s,color .15s}button:hover:not(:disabled){filter:brightness(.96)}[hidden]{display:none!important}.page{max-width:1392px;margin:auto;padding:0 56px}.masthead{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;text-decoration:none}.brand-mark{font-size:36px;line-height:1}.brand-divider{margin:0 6px;color:#a7afa0;font-weight:normal}.brand-sub{font-size:13px;font-weight:400}.edition{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.edition span{background:#e8eadf;padding:7px 9px;margin-left:14px;border-radius:4px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding:58px 0 43px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:650;line-height:1.6}.intro .eyebrow{margin:0 0 20px}.live-dot{display:inline-block;width:6px;height:6px;background:#718c50;border-radius:50%;margin-right:8px;vertical-align:middle}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5vw,68px);font-weight:400;line-height:1.02;letter-spacing:-2.5px;margin:0}h1 em{font-weight:400;color:#65804c}.intro-copy{max-width:390px;padding-bottom:4px}.intro-copy>p:first-child{font-size:18px;line-height:1.5;margin:0 0 11px}.intro-copy>p:nth-child(2){font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 21px}.disclaimer{font-size:11px;color:var(--muted)}.playground{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d4d9cb;border-radius:15px;overflow:hidden;background:var(--paper);box-shadow:0 9px 28px #283b2310}.tuning-panel{padding:29px 30px 28px;border-right:1px solid var(--line)}.preview-panel{padding:29px 30px;background:#eff1e8}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-.3px}.step{font-size:11px;color:#7c8873;margin-right:9px;font-weight:500}.text-button{border:0;background:none;padding:8px 0;font-size:12px;color:var(--muted)}.section-note{font-size:12px;color:var(--muted);margin:9px 0 21px}.presets{display:flex;flex-wrap:wrap;gap:6px}.preset{font-size:11px;border:1px solid #ddd;box-shadow:0 1px 2px #00000003;background:transparent;padding:8px 11px;border-radius:6px}.preset[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.preset-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.radar-wrap{max-width:390px;margin:7px auto 18px;text-align:center}.radar-wrap svg{width:100%;display:block;overflow:visible}.radar-grid polygon{fill:none;stroke:#d9dfd3;stroke-width:1}.radar-grid path{stroke:#d0d6c9;stroke-width:1}.radar-grid text{font:11px Arial;fill:#87917f}#shape{fill:#a9c67b42;stroke:#738e51;stroke-width:2;stroke-linejoin:round}.axis-label text{font-size:21px;font-weight:700}.axis-label .axis-caption{font-size:7px;letter-spacing:.6px;fill:#666e65;font-weight:500}.color-D{fill:var(--D)}.color-I{fill:var(--I)}.color-S{fill:var(--S)}.color-C{fill:var(--C)}.handle{cursor:grab;touch-action:none}.handle:active{cursor:grabbing}.handle-hit{fill:transparent;stroke:none}.handle-point{stroke:var(--paper);stroke-width:3;filter:drop-shadow(0 2px 2px #0002);pointer-events:none}.handle:hover .handle-point{stroke-width:4}.radar-footnote{font-size:10px;color:var(--muted)}fieldset{margin:0;padding:0;border:0;min-width:0}.slider-row{display:grid;grid-template-columns:1fr 125px 29px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #eaece3}.slider-label{display:flex;gap:11px;align-items:center}.axis-letter{border-radius:5px;width:28px;height:28px;display:grid;place-items:center;font-weight:600;font-size:13px;background:color-mix(in srgb,var(--axis-color) 10%, transparent);color:var(--axis-color);flex-shrink:0}.slider-label strong{font-size:12px;font-weight:600;display:block}.slider-label small{font-size:11px;color:var(--muted);display:block;line-height:1.7}.slider-row input{width:100%;accent-color:var(--axis-color);cursor:pointer;height:24px;margin:0}.slider-row output{font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.tuner-actions{display:flex;gap:10px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:24px;border-radius:7px;font-size:12px;font-weight:550;padding:13px 17px;border:1px solid var(--ink);text-decoration:none;min-height:44px}.primary{background:var(--ink);color:#fffef9}.primary:hover{background:#395040}.secondary{background:transparent;border-color:#cdd3c4}.secondary:hover{background:#e6ebdd}.tuner-actions .primary{flex:1}.local-badge{font-size:11px;letter-spacing:1px;white-space:nowrap}.local-badge .live-dot{width:5px;height:5px;margin-right:5px}.pattern{margin-top:28px}.pattern .eyebrow{color:#6f7b66;font-size:11px;margin-bottom:7px}.pattern h3{font:32px/1.1 Georgia,serif;letter-spacing:-.6px;margin:0 0 12px}.pattern>p:last-child{font-size:12px;color:#5e6857;line-height:1.65;margin:0;min-height:40px}.traits{display:grid;grid-template-columns:1fr 1fr;gap:15px 25px;margin-top:25px}.trait-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:7px;font-size:11px}.trait-top strong{font-size:11px;font-weight:500;color:#61734f;white-space:nowrap}.trait-track{height:4px;border-radius:5px;background:#dce3d2;overflow:hidden}.trait-track span{display:block;height:100%;background:#7a945b;border-radius:5px}.trait-note{font-size:11px;color:#707966;margin:15px 0 24px}.conversation{border:1px solid #d7ddcd;border-radius:10px;overflow:hidden;background:#fffef9}.question{padding:20px 23px;background:#e7ebdf;border-bottom:1px solid #d7ddcd}.bubble-label{font-size:11px;letter-spacing:1.4px;font-weight:600;color:#6b775f}.question p{font-size:14px;line-height:1.6;margin:10px 0 0}.answer{padding:22px 23px;min-height:246px}.answer-heading{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1px;color:#56644a}.assistant-icon{font-size:22px;line-height:1}.answer-heading #preview-style{margin-left:auto;letter-spacing:0;font-size:11px;line-height:1.3;border:1px solid #dee3d5;border-radius:4px;padding:5px 7px;max-width:220px;text-align:right}.tooltip{position:relative;display:inline-flex;flex-shrink:0}.tooltip-trigger{width:22px;height:22px;padding:0;border:1px solid #bfc9b8;border-radius:50%;background:transparent;color:#607255;font-size:11px;line-height:1}.tooltip-content{position:absolute;z-index:2;right:0;top:calc(100% + 8px);width:290px;padding:12px 14px;border:1px solid #cfd8c8;border-radius:7px;background:var(--paper);box-shadow:0 5px 16px #283b2320;color:var(--ink);font-size:11px;line-height:1.6;text-align:left;opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .15s,transform .15s}.tooltip:hover .tooltip-content,.tooltip:focus-within .tooltip-content{opacity:1;pointer-events:auto;transform:translateY(0)}#sample-response,.sample-text{white-space:pre-line;font-size:13px;line-height:1.8;margin:16px 0 0}summary{cursor:pointer;padding:4px 0}details p{line-height:1.8}.comparison,.result{border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:30px;background:var(--paper)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:20px}.compare-grid article+article{padding-left:35px;border-left:1px solid var(--line)}.compare-grid h3{font:25px Georgia,serif;margin:10px 0}.result-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-header h2{font:32px/1.25 Georgia,serif;max-width:500px}.result-header p:last-child{color:#61734f;font-size:14px}.locked-badge{font-size:11px;color:#557540;border:1px solid #d4dfc8;border-radius:20px;padding:9px 14px}.result-values{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.value-chip{font-size:14px;padding:9px 18px;border:1px solid var(--line);border-radius:6px;display:flex;gap:15px}.result-traits{display:flex;gap:8px 20px;flex-wrap:wrap;margin:10px 0 22px;font-size:11px;color:var(--muted)}.muted{font-size:12px;line-height:1.7;color:var(--muted)}#instructions{display:block;width:100%;resize:vertical;min-height:280px;padding:22px;background:#f4f5ee;border:1px solid #d9dfd1;border-radius:8px;color:var(--ink);font:12px/1.8 ui-monospace,Consolas,monospace;margin-top:10px}.result-actions{display:flex;gap:10px;margin:20px 0}.handoff{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.handoff h3{font-size:14px;margin:0 0 6px}.handoff p,.privacy-note{font-size:11px;color:var(--muted);line-height:1.8;max-width:680px;margin:0}.handoff-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.handoff .button{flex-shrink:0}.handoff-button{gap:7px;padding:11px 13px;white-space:nowrap}.handoff-hint{font-size:9px;font-weight:500;letter-spacing:.2px;color:var(--muted);border:1px solid #d8decf;border-radius:4px;padding:3px 5px}.service-logo{width:17px;height:17px;flex:none;fill:currentColor}.claude-logo{color:#d97757}.chatgpt-logo{color:#10a37f}.gemini-logo{color:#4285f4}.privacy-note{margin-top:16px;max-width:900px}.announcement{font-size:12px;color:#4b6c39;min-height:18px;margin:12px 0}.explainer{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:40px 0 36px}.mini-number{font-size:11px;letter-spacing:1.3px;color:#7a876e}.explainer h3{font:21px Georgia,serif;letter-spacing:-.3px;margin:12px 0 10px}.explainer p{font-size:12px;line-height:1.85;color:var(--muted);max-width:290px;margin:0}.method{border-top:1px solid var(--line);padding:16px 0 25px;font-size:11px;color:var(--muted)}.method p{max-width:860px}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted)}footer>span:last-child{font-size:11px;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:10}.skip-link:focus{top:10px}.error{padding:20px;border:1px solid #ba5144;border-radius:10px;color:#8c372e}#load-status{padding:20px 0}.frozen .handle{cursor:default}.frozen .presets{opacity:.7}.frozen #shape{fill:#a9c67b60}
@media(min-width:1400px){.radar-wrap{max-width:405px}}
@media(max-width:1100px){.page{padding:0 30px}.intro{gap:40px}.tuning-panel,.preview-panel{padding:23px}.slider-row{grid-template-columns:1fr 85px 23px;gap:8px}.slider-label small{font-size:8px}.local-badge{font-size:7px;letter-spacing:.4px}.traits{gap:14px}.tuner-actions{flex-direction:column}.preset{padding:7px 9px}}
@media(max-width:780px){.page{padding:0 22px}.masthead{height:74px}.edition{display:none}.intro{grid-template-columns:1fr;gap:25px;padding:35px 0 30px}h1{font-size:55px}.intro-copy{max-width:500px}.intro-copy>p:first-child{font-size:17px}.intro-copy>p:nth-child(2){margin-bottom:12px}.playground{grid-template-columns:1fr}.tuning-panel{border-right:0;border-bottom:1px solid var(--line);padding:23px}.preview-panel{padding:27px 23px}.slider-row{grid-template-columns:1fr minmax(95px,35%) 28px}.slider-label small{font-size:9px}.tuner-actions{flex-direction:row}.local-badge{font-size:8px}.radar-wrap{max-width:365px;margin-bottom:19px}.explainer{gap:25px;margin-top:30px}.explainer h3{font-size:19px}.result-header,.handoff{align-items:flex-start;flex-direction:column;gap:12px}.handoff-actions{justify-content:flex-start}.result-header h2{font-size:27px}.result,.comparison{padding:22px}.locked-badge{font-size:10px}.compare-grid{gap:20px}.compare-grid article+article{padding-left:20px}.compare-grid h3{font-size:21px}footer{flex-direction:column;gap:12px}}
@media(max-width:460px){.page{padding:0 15px}.brand{gap:6px;font-size:20px}.brand-sub{font-size:11px}.brand-mark{font-size:30px}.intro .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:49px;letter-spacing:-2px}.tuning-panel,.preview-panel{padding:21px 17px}.preset{font-size:10px;padding:8px}.section-top h2{font-size:15px}.traits{gap:14px}.trait-top{font-size:9px}.trait-top strong{font-size:8px}.tuner-actions{flex-direction:column}.explainer{grid-template-columns:1fr;gap:24px}.explainer p{max-width:100%}.compare-grid{grid-template-columns:1fr}.compare-grid article+article{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.local-badge{font-size:7px}.slider-row{grid-template-columns:1fr 95px 23px}.slider-label small{font-size:8px}.slider-label{gap:7px}.axis-letter{width:24px;height:27px}.question,.answer{padding:19px}.value-chip{padding:8px 12px}.result-actions{flex-wrap:wrap}.result .button{width:100%}}
.subtype-panel{margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--line)}.subtype-panel .eyebrow{font-size:11px;color:var(--muted);margin:0 0 10px}.subtypes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subtype{padding:11px;text-align:left;background:transparent;border:1px solid var(--line);border-radius:7px;line-height:1.5}.subtype strong{display:block;font-size:11px;margin-bottom:4px}.subtype span{display:block;font-size:10px;color:var(--muted)}.subtype[aria-pressed=true]{background:#eaf0df;border-color:#758d57;box-shadow:inset 0 0 0 1px #758d57}.subtype-note{font-size:10px;color:var(--muted);margin:10px 0 0}
.tuning-panel{grid-column:1;grid-row:1;padding-bottom:24px}.preview-panel{grid-column:2;grid-row:1 / span 2}.tuner-actions{grid-column:1;grid-row:2;margin-top:0;padding:0 30px 28px;border-right:1px solid var(--line)}
@media(max-width:1100px){.tuner-actions{padding:0 23px 23px}}
@media(max-width:780px){.tuning-panel{grid-column:1;grid-row:1}.preview-panel{grid-column:1;grid-row:2}.tuner-actions{grid-column:1;grid-row:3;padding:23px;border-right:0;border-top:1px solid var(--line)}}
@media(max-width:460px){.tuner-actions{padding:21px 17px}}
.report-import{border:1px solid #d4d9cb;border-radius:12px;padding:25px 30px;margin-bottom:24px;background:#f0f2e9}.report-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.report-intro .eyebrow{margin:0 0 8px;color:#61734f}.report-intro h2{font:25px Georgia,serif}.report-intro p{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 0}.report-picker{min-width:0}.report-picker label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.report-picker input{max-width:100%;width:100%;font-size:11px;cursor:pointer}.report-picker input::file-selector-button{background:var(--ink);color:white;border:0;border-radius:6px;padding:12px 15px;margin-right:12px;font:inherit;cursor:pointer}.report-picker #report-help{font-size:10px}.report-status-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px}.report-status-row p{font-size:11px;line-height:1.7;margin:0;color:#526443}.report-status-row button{flex-shrink:0}.report-suggestion{border-top:1px solid #d4d9cb;margin-top:18px;padding-top:18px}.report-suggestion h3{font-size:16px;margin:0 0 8px}.report-suggestion p,.report-suggestion details{font-size:12px;line-height:1.8;color:var(--muted);max-width:850px}.report-suggestion ul{padding-left:20px}.report-suggestion .button{margin-top:14px}
@media(max-width:780px){.report-import{padding:22px}.report-intro{grid-template-columns:1fr;gap:20px}.report-status-row{align-items:flex-start;flex-direction:column;gap:5px}.report-intro h2{font-size:23px}}
/* Keep the radar in the first screen; secondary inputs follow it in DOM order. */
.masthead{height:64px}.intro{padding:25px 0 24px;gap:48px}.intro .eyebrow{margin-bottom:12px}h1{font-size:52px}.intro-copy>p:first-child{font-size:16px;margin-bottom:7px}.intro-copy>p:nth-child(2){font-size:12px;margin-bottom:12px}.tuning-panel .section-note{margin-bottom:5px}.radar-wrap{width:min(100%,380px,calc(100svh - 330px));max-width:none;margin:2px auto 18px}.presets{margin-bottom:12px}.report-import{margin:18px 0 24px;padding:14px 20px;background:transparent}.report-import>summary{font-size:12px;line-height:1.7}.report-import>summary strong{font-weight:550}.report-import>summary span{font-size:11px;color:var(--muted);margin-left:18px}.report-import[open] .report-intro{padding-top:18px}
@media(max-width:780px){.masthead{height:58px}.intro{padding:17px 0 18px;gap:10px}.intro .eyebrow{margin-bottom:8px;font-size:8px;letter-spacing:.8px}h1{font-size:clamp(34px,8vw,44px);letter-spacing:-1.5px}.intro-copy{padding:0}.intro-copy>p:first-child{font-size:13px;margin:0 0 5px}.intro-copy>p:nth-child(2){display:none}.disclaimer{font-size:9px}.radar-wrap{width:min(100%,320px,calc(100svh - 350px));min-width:160px;margin-bottom:16px}.report-import{padding:12px 15px}.report-import>summary span{display:block;margin:4px 0 0 14px}.report-intro{gap:12px}}
.graph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:7px 0 3px}.graph-toolbar .section-note{margin:0;line-height:1.5}.graph-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px;flex-shrink:0}.graph-switch button{background:transparent;border:0;border-radius:4px;padding:6px 9px;font-size:10px;min-height:27px}.graph-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.quadrant-grid circle,.quadrant-grid path{fill:none;stroke:#e0e3dd;stroke-width:1}.quadrant-ring path{fill:none;stroke-width:15}.quadrant-labels text{font-size:12px;font-weight:600;text-anchor:middle;fill:var(--ink)}.blend-labels text{font-size:11px;font-weight:600;text-anchor:middle;fill:var(--ink)}#radar[data-layout=quadrant] #shape{fill:#59625e35;stroke:#7e8980;stroke-width:1.5}.radar-wrap{width:min(100%,380px,calc(100svh - 355px))}
@media(max-width:780px){.graph-toolbar .section-note{font-size:10px}.graph-switch button{padding:5px 7px}.radar-wrap{width:min(100%,320px,calc(100svh - 375px))}}
/* Keep every visible text element readable, including labels and status text. */
.edition,.eyebrow,.step,.radar-grid text,.axis-label .axis-caption,.radar-footnote,.local-badge,.pattern .eyebrow,.trait-top,.trait-top strong,.trait-note,.bubble-label,.answer-heading,.mini-number,footer>span:last-child{font-size:11px}
@media(max-width:1100px){.slider-label small,.local-badge{font-size:11px}}
@media(max-width:460px){.intro .eyebrow,.local-badge,.slider-label small{font-size:11px}}
/* Keep every visible label and control readable at 11px or larger. */
.edition,.eyebrow,.radar-grid text,.axis-label .axis-caption,.radar-footnote,.local-badge,.pattern .eyebrow,.trait-top,.trait-top strong,.trait-note,.bubble-label,.answer-heading,.mini-number,footer,.subtype span,.subtype-note,.graph-switch button,.report-picker #report-help{font-size:11px}
#preview-style{font-size:13px!important;line-height:1.35;padding:6px 8px!important}
.tooltip-content{font-size:12px;line-height:1.6}
/* No visible text on the site should render below 11px. */
.edition,.eyebrow,.radar-grid text,.axis-label .axis-caption,.radar-footnote,.local-badge,.pattern .eyebrow,.trait-top,.trait-top strong,.trait-note,.bubble-label,.answer-heading,.mini-number,footer,.subtype span,.subtype-note,.graph-switch button,.graph-toolbar .section-note,.report-picker #report-help,.intro .eyebrow,.slider-label small,.tooltip-trigger,.preset,.locked-badge{font-size:11px}
@media(max-width:460px){.brand-sub,.disclaimer,.intro-copy>p:first-child,.edition,.intro .eyebrow,.local-badge,.slider-label small,.trait-top,.trait-top strong,.graph-switch button{font-size:11px}}

.privacy-section{border-top:1px solid var(--line);margin-top:20px;padding:16px 0;scroll-margin-top:24px;max-width:850px}.privacy-section>summary{font-size:13px;font-weight:600;line-height:1.6;cursor:pointer}.privacy-section[open]>summary{margin-bottom:16px}.privacy-section h3{font-size:15px;margin:24px 0 8px}.privacy-section p{font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.privacy-section .privacy-summary{color:var(--ink)}.privacy-section a,footer a,.privacy-note a{color:inherit;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}