@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#191513;background:radial-gradient(circle at 12% 12%,rgba(179,166,153,.18),transparent 24%),radial-gradient(circle at 85% 18%,rgba(132,118,108,.12),transparent 22%),linear-gradient(180deg,#f5f1ea,#eee7de);font-family:Noto Sans SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;min-height:100vh;background:linear-gradient(#ffffff38,#ffffff38),repeating-linear-gradient(0deg,rgba(63,51,43,.018) 0 1px,transparent 1px 36px),repeating-linear-gradient(90deg,rgba(63,51,43,.018) 0 1px,transparent 1px 36px)}button,input,textarea,select{font:inherit}button:focus-visible{outline:2px solid #191513;outline-offset:2px}#root{min-height:100vh}a{color:inherit}.page{min-height:100vh}.shell{width:min(920px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:40px 0 48px}.landing,.result{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 88px)}.hero-card,.result-card,.question-card{border:1px solid rgba(30,24,20,.12);border-radius:28px;background:#fbf7f1e6;box-shadow:0 18px 40px #281f180d}.hero-card{width:100%;max-width:760px;padding:42px 38px;text-align:center}.label,.question-note,.progress-row,.option-card__description,.result-paragraph,.dimension-item__description{color:#1e181494}.label{margin:0 0 16px;font:700 .84rem/1 Bricolage Grotesque,sans-serif;letter-spacing:.12em;text-transform:uppercase}.landing h1,.quiz h2,.result h2{margin:0;color:#1a1512;font-family:Bricolage Grotesque,Noto Sans SC,sans-serif;letter-spacing:-.06em}.landing h1{margin-inline:auto;font-size:1.5rem;line-height:1.25}.intro{max-width:44ch;margin:0 auto;color:#1e1814b8;font-size:1rem;line-height:1.8}.landing .button{margin-top:24px}.quiz{display:grid;align-content:center;gap:22px;min-height:calc(100vh - 88px)}.progress-row{display:flex;justify-content:space-between;gap:12px;font-size:.92rem}.progress-bar{height:8px;border-radius:999px;overflow:hidden;background:#1e181414}.progress-bar__fill{height:100%;border-radius:inherit;background:#1a1512;transition:width .22s ease}.question-card{padding:28px 24px}.question-block{display:grid;gap:18px}.question-note{margin:0;font-size:.92rem}.quiz h2{font-size:clamp(1.5rem,5vw,2.2rem);line-height:1.02}.options{display:grid;gap:12px}.option-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;gap:6px;width:100%;padding:16px 18px;border:1px solid rgba(30,24,20,.12);border-radius:18px;background:#fff9;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.option-card:hover{transform:translateY(-1px);border-color:#1e181447}.option-card--selected{border-color:#1a1512;background:#1e18140f}.option-card__label{color:#1a1512;font-size:1rem;font-weight:400;line-height:1.45}.option-card__description{font-size:.92rem}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}.actions--result{margin-top:24px}.button{-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;padding:13px 18px;font:700 .95rem/1 Bricolage Grotesque,Noto Sans SC,sans-serif;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.42}.button--primary{border:1px solid #1a1512;background:#1a1512;color:#f8f3ed}.button--ghost{border:1px solid rgba(30,24,20,.16);background:#ffffffb8;color:#1a1512}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%}.result-card{padding:28px 24px}.result-card--hero{grid-column:span 2}.result h2{display:flex;flex-direction:column;gap:8px;font-size:clamp(2.8rem,7vw,4.6rem);line-height:.94}.result h2 span{color:#1e181475;font-size:.94rem;letter-spacing:.12em;text-transform:uppercase}.result-tagline{margin:18px 0 0;color:#1a1512;font-size:1.12rem;line-height:1.7}.traits{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trait{padding:8px 12px;border:1px solid rgba(30,24,20,.14);border-radius:999px;color:#1e1814b8;font-size:.92rem}.result-paragraph{margin:0;line-height:1.82}.dimension-list{display:grid;gap:18px}.dimension-item{display:grid;gap:8px}.dimension-item__head{display:flex;justify-content:space-between;gap:12px;color:#1a1512;font-weight:600}.dimension-bar{height:8px;border-radius:999px;overflow:hidden;background:#1e181414}.dimension-bar__fill{height:100%;border-radius:inherit;background:#1a1512}.dimension-item__description{margin:0;font-size:.9rem;line-height:1.6}@media (max-width: 760px){.shell{width:min(100% - 16px,920px);padding:16px 0 24px}.landing h1{max-width:none;font-size:1.5rem}.hero-card,.result-card,.question-card{padding:22px 18px;border-radius:22px}.quiz h2{font-size:clamp(1.5rem,6vw,2rem)}.result-grid{grid-template-columns:1fr}.result-card--hero{grid-column:span 1}.actions{flex-direction:column}.button{width:100%}}