:root{--ink:#30243b;--muted:#807386;--red:#81569d;--paper:#f8f5fa;--line:#4f365b1a;--accent:#81569d;background:#292432}
.experience{padding:24px;background:#292432}
.surface{border:1px solid #ffffff38;border-radius:32px;min-height:calc(100svh - 48px);background:#f8f5fa;box-shadow:0 30px 100px #0002}
.entry{min-height:calc(100svh - 50px);grid-template-columns:.9fr 1.1fr;gap:38px;padding:56px 6.5%;position:relative;background:#f8f5fa}
.entry h1{font-size:clamp(85px,11vw,146px);color:#50395e;font-weight:600;letter-spacing:-.075em}.entry-name{font-size:29px;letter-spacing:.09em}.entry .primary{background:#50395e;min-width:172px}.entry .primary:hover{background:#6e4c80}
.entry-art{width:100%;min-height:0;max-height:min(540px,calc(100svh - 176px));aspect-ratio:1;align-self:center;border-radius:24px;overflow:hidden;background:#786878 url("./assets/garden-v1.webp?v=20261024T055816Z") center / cover no-repeat}
.character-group{position:absolute;inset:0;width:100%;max-width:none;height:100%}
.character-group img{width:35%;height:51%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 5px #29203120)}
.character-group img:nth-child(1){left:4%;bottom:12%;height:51%;transform:none}
.character-group img:nth-child(2){left:32%;bottom:8%;height:64%;width:37%;z-index:2}
.character-group img:nth-child(3){right:1%;bottom:11%;height:51%;transform:none}

.question-layout{min-height:calc(100svh - 50px);max-width:810px;padding:36px 46px 56px}.progress{background:#e6dceb;height:3px;border-radius:3px}.question-context{color:#927d9e}.question-body h1{font-size:clamp(28px,4vw,38px);color:#46304f}.option{border-color:#d9cddf;background:#fff5;border-radius:19px;min-height:82px}.option:hover{background:#eee5f3;border-color:#ad8dbc}.option:has(input:checked){background:#e8dcee;border-color:#81569d}.option input{border-color:#b39ac0}.primary{background:#50395e}.primary:hover:not(:disabled){background:#6e4c80}.secondary{border-color:#bdacc8}.secondary:hover{background:#eee5f3}
.result{max-width:970px}.result-kicker{color:var(--accent)}.type-code{color:var(--accent);font-weight:600}.result-art{border-radius:22px;overflow:hidden;background:#786878 url("./assets/garden-v1.webp?v=20261024T055816Z") center / cover no-repeat}.result-character{padding:32px 20px 0}.result-character{filter:drop-shadow(0 12px 7px #3d27400c)}.axis-track{height:9px;background:#e1d9e5}.axis-track span+span{background:#ded2e4}.type-card{background:#eee7f3;border-radius:20px}.type-card:hover{border-color:#b39ac0}.atlas-grid{gap:14px}.quiz-dialog{background:#f8f5fa}.jump-grid button.answered,.close-dialog{background:#e8dfee}.profile-dialog .result-art{margin-bottom:0}
@media(max-width:760px){.experience{padding:16px}.surface{min-height:calc(100svh - 32px)}.entry{grid-template-columns:1fr;padding:40px 30px;min-height:calc(100svh - 34px)}.entry h1{font-size:96px}.entry-name{font-size:25px}.question-layout{min-height:calc(100svh - 34px);padding:24px 30px 38px}}
@media(max-width:480px){.experience{padding:12px}.surface{border-radius:26px;min-height:calc(100svh - 24px)}.entry{padding:35px 24px 38px;min-height:calc(100svh - 26px);gap:26px}.entry h1{font-size:87px;margin-top:14px}.entry-name{font-size:23px}.question-layout{min-height:calc(100svh - 26px);padding:20px 22px 34px}.question-body h1{font-size:28px}.option{min-height:85px}.result-hero{gap:0}.result-art{margin-bottom:28px}.type-code{font-size:85px}.profile-dialog .type-code{font-size:64px}}
@media(max-width:760px){.entry-art{max-width:400px;aspect-ratio:1.25;border-radius:20px}.result-character{padding:24px 14px 0}}
@media(max-width:480px){.entry{gap:28px}.entry-art{max-width:340px;min-height:0;aspect-ratio:1.2;border-radius:18px}.result-art{width:100%;max-width:290px;border-radius:18px}.result-character{height:300px;padding:30px 16px 0}.profile-dialog .result-art{width:100%;max-width:230px}.profile-dialog .result-character{height:235px}}