:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17211b;--muted:#5d685f;--surface:#fffefa;--surface-strong:#fff;--page:#f6f3eb;--line:#d9d1c1;--accent:#17624f;--accent-strong:#0f4538;--warn:#c05f26;--danger:#9d2b22;--shadow:0 18px 48px #261f121a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-width:320px;min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(180deg, #ffffffb8, #f6f3ebeb 42%), var(--page);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{background:var(--accent);color:#fff;min-height:52px;font:inherit;touch-action:manipulation;border:0;border-radius:8px;padding:.9rem 1.25rem;font-weight:800}button:not(:disabled):active{transform:translateY(1px)}button:disabled{color:#f8f8f4;background:#a8afa9}.shell{min-height:100svh;padding:max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));place-items:center;display:grid}.survey-panel,.results{width:min(920px,100%)}.survey-panel{gap:14px;display:grid}.survey-card,.results{background:var(--surface);box-shadow:var(--shadow);border:1px solid #d9d1c1d1;border-radius:12px}.survey-card{padding:clamp(18px,4vw,34px)}.results{padding:clamp(20px,4vw,36px)}.mobile-status{display:none}.intro,.notice{border-left:4px solid var(--warn);margin-bottom:1.4rem;padding:.2rem 0 .25rem 1rem}.intro p,.notice p,.trait-grid p{margin:0}.progress{gap:.55rem;margin-bottom:1.25rem;font-weight:800;display:grid}.progress div{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.95rem;display:flex}progress{background:#e7dfd1;border:0;border-radius:999px;width:100%;height:12px;overflow:hidden}progress::-webkit-progress-bar{background:#e7dfd1}progress::-webkit-progress-value{background:var(--accent);border-radius:999px}progress::-moz-progress-bar{background:var(--accent);border-radius:999px}.stem,.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;font-size:.86rem;font-weight:850}.stem{margin:0 0 .4rem}h1{max-width:18ch;margin:0 0 1.6rem;font-size:clamp(2rem,5vw,3.35rem);line-height:1.03}.options{border:0;gap:.75rem;min-width:0;margin:0;padding:0;display:grid}.options label,.trait-grid article{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px}.options label{grid-template-columns:0 42px minmax(0,1fr);align-items:center;gap:.8rem;min-height:64px;padding:.85rem 1rem;font-weight:750;line-height:1.22;display:grid}.options label.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent);background:#edf8f4}.options input{opacity:0;width:1px;height:1px}.option-marker{width:42px;height:42px;color:var(--accent-strong);background:#f8f6ef;border:1px solid #b8c2ba;border-radius:999px;place-items:center;font-weight:900;display:grid}.selected .option-marker{border-color:var(--accent);background:var(--accent);color:#fff}.actions{justify-content:space-between;gap:1rem;display:flex}.actions button{min-width:132px}.error{color:var(--danger);margin:1rem 0 0;font-weight:800}.results-header{margin-bottom:1.25rem}.results-header .eyebrow{margin:0 0 .35rem}.trait-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.trait-grid article{gap:.6rem;padding:1rem;display:grid}.trait-grid h2{margin:0;font-size:1.35rem;line-height:1.1}.soft,footer{color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}@media (width<=640px){body{background:var(--page)}.shell{padding:0 0 calc(92px + env(safe-area-inset-bottom));display:block}.survey-panel,.results{width:100%}.survey-panel{gap:0}.survey-card,.results{min-height:calc(100svh - 92px - env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}.survey-card{padding:16px 14px 24px}.results{padding:18px 14px calc(20px + env(safe-area-inset-bottom))}.mobile-status{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:48px;color:var(--muted);background:#f6f3ebf5;justify-content:space-between;align-items:center;padding:0 14px;font-weight:900;display:flex;position:sticky;top:0}.intro{margin-bottom:.85rem;padding-left:.85rem;font-size:.9rem;line-height:1.35}.intro p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.progress{display:none}.progress div{font-size:.88rem}h1{max-width:none;margin-bottom:1.1rem;font-size:1.55rem;line-height:1.08}.options{gap:.6rem}.options label{grid-template-columns:0 38px minmax(0,1fr);gap:.7rem;min-height:60px;padding:.78rem .8rem;font-size:.98rem}.option-marker{width:38px;height:38px}.actions{z-index:3;padding:12px 14px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffefaf5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 30px #261f121a}.actions button{flex:1;min-width:0}.trait-grid{grid-template-columns:1fr}}