:root{--bz-bg:#071011;--bz-panel:#0d1d1f;--bz-panel-2:#10282a;--bz-line:#244a4e;--bz-text:#e9f3ef;--bz-muted:#9ab3ae;--bz-green:#75ff2f;--bz-cyan:#55d7d0;--bz-gold:#ffd75f}
html{background:var(--bz-bg)}
body{min-height:100vh;background:radial-gradient(1000px 600px at 8% -8%,#173b35 0,transparent 56%),radial-gradient(900px 500px at 100% 0,#132e42 0,transparent 48%),var(--bz-bg);color:var(--bz-text);font-family:"Segoe UI",Arial,sans-serif}

.link{color:var(--bz-cyan)}
.gender-label{color:#c9dfd8}.gender-label select,textarea{color:var(--bz-text)!important;background:#0b2022!important;border-color:var(--bz-line)!important}
main{width:min(1280px,calc(100% - 32px));margin:22px auto 30px;min-height:calc(100vh - 130px);padding:clamp(18px,3vw,38px) 16px 52px;background:linear-gradient(180deg,rgba(13,29,31,.95),rgba(7,16,17,.95));border:1px solid rgba(85,215,208,.18);border-top:4px solid var(--bz-cyan);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.34)}
.wrap{max-width:1080px}h1,h2{color:var(--bz-text)}h1{font-size:clamp(1.85rem,4vw,2.7rem)}p{color:#d0e1dc}.muted,.note,.gender-help{color:var(--bz-muted)!important}
.intro,.result,.panel,.card{background:linear-gradient(180deg,rgba(18,45,47,.96),rgba(10,27,29,.96))!important;border-color:rgba(85,215,208,.2)!important;box-shadow:0 12px 32px rgba(0,0,0,.17)}
.intro,.result{border-radius:16px;padding:clamp(18px,3vw,30px)}.card{border-radius:13px}.intro>img{height:auto!important;max-height:270px;object-fit:cover!important;border:1px solid rgba(85,215,208,.24);margin-bottom:10px}
.gender-help,.intro .gender-help{background:#0b2523!important;border:1px solid rgba(85,215,208,.15)}
.primary{background:linear-gradient(135deg,#56c89f,#209d75)!important;color:#061412!important;border:1px solid #83ffd0!important;border-radius:10px}.secondary{color:var(--bz-text)!important;background:#10282a!important;border-color:#315e5a!important;border-radius:10px}.choice{background:#142729;border-color:#477f79}.choice:nth-of-type(n+5){background:#153a2b;border-color:#55af7e}.choice:checked{background:var(--bz-cyan);border-color:var(--bz-cyan)}.choice:nth-of-type(n+5):checked{background:var(--bz-green);border-color:var(--bz-green)}.scale-label{color:#ff9b95}.scale-label.end{color:#8af1ae}
.bar,.meter{background:#183235}.bar i,.meter span{background:linear-gradient(90deg,var(--bz-cyan),var(--bz-green))}.error{color:#ff9b95}details{border-color:#315e5a!important;background:#0a1c1e!important;border-radius:10px;padding:0 12px}summary{color:#dff4ef;font-weight:700;padding:10px 0;cursor:pointer}a{color:var(--bz-cyan)}footer{width:min(1280px,calc(100% - 32px));color:var(--bz-muted);border-top-color:#214044}
#app.results .profile-card{background:linear-gradient(135deg,#0b2730,#123e42 58%,#286354)!important;border-color:rgba(85,215,208,.35)!important} .results .traits-card,.results .dashboard-copy{background:linear-gradient(180deg,rgba(18,45,47,.98),rgba(10,27,29,.98))!important;border-color:rgba(85,215,208,.28)!important;color:var(--bz-text)!important}.results .traits-card h2,.results .dashboard-copy h2,.results .traits-card h3,.results .dashboard-copy h3,.results .trait-line strong{color:var(--bz-text)!important}.results .traits-card p,.results .dashboard-copy p,.results .traits-card .note,.results .dashboard-copy .note,.results .trait-line span{color:#bdd4cc!important}.results .dashboard-copy>div+div{border-left-color:#315e5a!important}.results .radar g{stroke:#4f807a!important}.results .radar text{fill:#c6e4dc!important}.results .meter{background:#183235!important}
.intro.intro-split{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,1.15fr);gap:clamp(18px,3vw,32px);align-items:start}.intro.intro-split .intro-visual{display:flex;align-items:center;justify-content:center;background:#071516;border:1px solid rgba(85,215,208,.22);border-radius:12px;padding:10px}.intro.intro-split .intro-visual img{display:block;width:100%;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;border:0!important;border-radius:7px}.intro.intro-split .intro-copy h1{text-align:left;margin-top:0}.intro.intro-split .intro-copy p{margin:.55rem 0}.intro.intro-split .intro-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.intro.intro-split .intro-actions .primary{margin:0;height:fit-content}.intro.intro-split .intro-actions details{margin:0}@media(max-width:720px){.intro.intro-split{grid-template-columns:1fr}.intro.intro-split .intro-visual{max-width:520px;margin:auto}.intro.intro-split .intro-copy h1{text-align:center}.intro.intro-split .intro-actions{grid-template-columns:1fr}.intro.intro-split .intro-actions .primary{width:100%}}
.app-breadcrumb{grid-column:1/-1;margin:-.25rem 0 0;color:var(--bz-muted);font-size:.92rem}.app-breadcrumb a{font-weight:650;text-decoration:none}.app-breadcrumb a:hover{text-decoration:underline}.app-breadcrumb span[aria-hidden]{padding:0 .35rem;color:var(--bz-cyan)}
body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;min-height:0}
@media(max-width:620px){main{width:calc(100% - 16px);margin:8px auto 20px;padding:16px 10px 32px;border-radius:12px}.intro,.result{padding:16px}.intro>img{max-height:190px}.scale-label{max-width:58px;font-size:10px}}
.intro.intro-split .intro-actions{grid-template-columns:minmax(200px,280px) minmax(0,1fr)}