:root{--color-deep: #0a0f1a;--color-surface: #111827;--color-surface-elevated: #1f2937;--color-warm: #fbbf24;--color-warm-soft: #fde68a;--color-accent: #f59e0b;--color-text: #e5e7eb;--color-text-muted: #9ca3af;--color-border: rgba(251, 191, 36, .15);--color-border-solid: #2a2f3a;--green: #4ade80;--green-dim: rgba(74, 222, 128, .12);--orange: #fbbf24;--orange-dim: rgba(251, 191, 36, .12);--red: #f87171;--red-dim: rgba(248, 113, 113, .12);--font-heading: "Cormorant Garamond", serif;--font-body: "Jost", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-deep);color:var(--color-text);font-family:var(--font-body);font-weight:300;line-height:1.7;min-height:100vh}#erosion-app{max-width:700px;margin:0 auto;padding:1.3rem 1.2rem .8rem;min-height:auto}.wizard-erosion{max-width:72rem}.dc-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:3rem}.dc-logo svg{width:38px;height:38px}.dc-logo-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dc-logo-name{font-family:var(--font-heading);font-size:1.3rem;font-weight:500;color:var(--color-text);letter-spacing:.02em;line-height:1.1}.dc-logo-tag{font-family:var(--font-body);font-size:.6rem;font-weight:300;color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;margin-top:2px;line-height:1.35}.phase{animation:fadeIn .4s var(--ease) forwards}.fade-out{animation:fadeOut .35s var(--ease) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.intro{text-align:center;padding:1rem 0}.intro .dc-logo{justify-content:center}.badge{display:inline-block;font-family:var(--font-body);font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--color-warm);border:1px solid var(--color-border);padding:.35em 1em;border-radius:2px;margin-bottom:2rem}.intro h1{font-family:var(--font-heading);font-size:clamp(2.4rem,6vw,3.4rem);font-weight:400;line-height:1.15;color:var(--color-text);margin-bottom:1.25rem;letter-spacing:.01em}.intro h1 em{color:var(--color-warm);font-style:italic}.subtitle{font-family:var(--font-heading);font-style:italic;font-size:1.1rem;color:var(--color-text-muted);margin-bottom:2.5rem;line-height:1.5}.desc{text-align:left;max-width:480px;margin:0 auto 2.5rem}.desc p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:1rem;line-height:1.7}.note{font-size:.75rem;color:var(--color-text-muted);margin-top:1.25rem;opacity:.7}.btn{display:inline-block;font-family:var(--font-body);font-size:.88rem;font-weight:400;border:none;cursor:pointer;transition:all .3s var(--ease);letter-spacing:.03em}.btn-primary{background:var(--color-warm);color:var(--color-deep);padding:.85em 2.4em;border-radius:3px}.btn-primary:focus-visible{background:var(--color-warm-soft)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--color-warm)}.btn-back,.btn-skip{background:none;border:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:.8rem;cursor:pointer;padding:.5em 0;margin-top:1rem;transition:color .2s;font-weight:300}.btn-back:focus-visible,.btn-skip:focus-visible{color:var(--color-text)}.progress-bar{width:100%;height:2px;background:var(--color-border-solid);border-radius:1px;margin-bottom:1rem;overflow:hidden}.progress-fill{height:100%;background:var(--color-warm);transition:width .5s var(--ease);border-radius:1px}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dim-label{font-size:.72rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--color-warm)}.q-count{font-size:.72rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:300}.dim-intro{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.dim-number{font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);display:block;margin-bottom:.5rem}.dim-subtitle{font-family:var(--font-heading);font-style:italic;font-size:1rem;color:var(--color-text-muted);line-height:1.5}.bridge-tag{display:inline-block;font-size:.62rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);background:#f59e0b1a;padding:.25em .75em;border-radius:2px;margin-bottom:1rem}.q-text{font-family:var(--font-heading);font-size:1.2rem;line-height:1.55;color:var(--color-text);margin-bottom:2rem;font-weight:400}.scale{display:flex;flex-direction:column;gap:.45rem}.scale-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.85rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:3px;cursor:pointer;transition:all .2s var(--ease);text-align:left;font-family:var(--font-body)}.scale-btn.selected{background:#fbbf2414;border-color:#fbbf2466}.scale-btn .val{font-family:var(--font-heading);font-size:1.15rem;font-weight:500;color:var(--color-warm);min-width:1.5rem;text-align:center}.scale-btn .lbl{font-size:.85rem;color:var(--color-text-muted);font-weight:300}.scale-btn.selected .lbl{color:var(--color-text)}.option-btn{width:100%;padding:.85rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:3px;cursor:pointer;transition:all .2s var(--ease);text-align:left;font-family:var(--font-body);font-size:.85rem;color:var(--color-text-muted);font-weight:300;margin-bottom:.45rem}.option-btn.selected{background:#fbbf2414;border-color:#fbbf2466;color:var(--color-text)}@media(hover:hover)and (pointer:fine){.btn-primary:hover{background:var(--color-warm-soft)}.btn-back:hover,.btn-skip:hover{color:var(--color-text)}.scale-btn:hover{background:var(--color-surface-elevated);border-color:#fbbf2440}.option-btn:hover{background:var(--color-surface-elevated);border-color:#fbbf2440;color:var(--color-text)}}.transition-screen{text-align:center;padding:3rem 0}.transition-line{width:40px;height:1px;background:var(--color-warm);margin:0 auto 2.5rem;opacity:.6}.transition-screen h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:400;margin-bottom:.75rem;line-height:1.5}.transition-screen .sub{font-family:var(--font-heading);font-style:italic;color:var(--color-text-muted);margin-bottom:2.5rem;font-weight:400}.open-card{display:flex;flex-direction:column;align-items:center}.open-card .q-text{text-align:center}textarea{width:100%;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:3px;color:var(--color-text);font-family:var(--font-body);font-size:.88rem;font-weight:300;line-height:1.65;resize:vertical;margin-bottom:1.5rem;transition:border-color .2s}textarea::placeholder{color:var(--color-text-muted);opacity:.5}textarea:focus{outline:none;border-color:#fbbf2466}.contact{text-align:center;padding:2rem 0}.contact h2{font-family:var(--font-heading);font-size:1.8rem;font-weight:400;margin-bottom:1rem}.contact .desc{color:var(--color-text-muted);font-size:.88rem;margin-bottom:2.5rem;line-height:1.6}.form{max-width:380px;margin:0 auto;text-align:left}.field{margin-bottom:1.25rem}.field label{display:block;font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.4rem}.field input{width:100%;padding:.75rem .9rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:3px;color:var(--color-text);font-family:var(--font-body);font-size:.88rem;font-weight:300;transition:border-color .2s}.field input::placeholder{color:var(--color-text-muted);opacity:.5}.field input:focus{outline:none;border-color:#fbbf2466}.form .btn-primary{width:100%;text-align:center;margin-top:.5rem}.results-header{text-align:center;margin-bottom:3rem}.results-header h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:400}.scores{margin-bottom:3rem;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:4px}.score-row{margin-bottom:1.25rem}.score-row:last-child{margin-bottom:0}.score-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.score-dim{font-size:.82rem;font-weight:400}.score-zone{font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.06em}.zone-green{color:var(--green)}.zone-orange{color:var(--orange)}.zone-red{color:var(--red)}.bar-bg{width:100%;height:3px;background:var(--color-border-solid);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.bar-fill{height:100%;border-radius:2px;transition:width 1.2s var(--ease)}.bar-green{background:var(--green)}.bar-orange{background:var(--orange)}.bar-red{background:var(--red)}.score-val{font-size:.68rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.profile-card{padding:2rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-left:3px solid var(--color-warm);border-radius:0 4px 4px 0;margin-bottom:1.5rem}.profile-card.isolated{border-left-color:var(--orange)}.profile-card.clear{border-left-color:var(--green)}.profile-letter{display:block;font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.15em;color:var(--color-warm);margin-bottom:.5rem}.profile-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:500;color:var(--color-text);margin-bottom:1.25rem}.profile-diag{font-family:var(--font-heading);font-size:1rem;line-height:1.7;color:var(--color-text-muted);font-weight:400}.trajectory{padding:1.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:4px;margin-bottom:1.5rem}.trajectory h4{font-family:var(--font-body);font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:.75rem}.trajectory p{font-family:var(--font-heading);font-size:.98rem;line-height:1.7;color:var(--color-text-muted);font-weight:400}.secondary{padding:1rem 1.5rem;background:#fbbf240f;border:1px solid var(--color-border);border-radius:4px;font-size:.85rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.secondary strong{color:var(--color-text);font-weight:400}.normalization{padding:1.5rem;border-top:1px solid var(--color-border-solid);border-bottom:1px solid var(--color-border-solid);margin-bottom:2rem}.normalization p{font-size:.85rem;color:var(--color-text-muted);line-height:1.7;font-style:italic;font-weight:300}.mirror{text-align:center;padding:1.5rem 0;margin-bottom:2.5rem}.mirror p{font-family:var(--font-heading);font-size:1.05rem;color:var(--color-text-muted);line-height:1.6;font-weight:400}.cta{text-align:center;padding:2.5rem 2rem;background:var(--color-surface);border:1px solid var(--color-border-solid);border-radius:4px}.cta h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:500;margin-bottom:.75rem}.cta .ct-desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;max-width:400px;margin-left:auto;margin-right:auto;font-weight:300}.cta a.btn-primary{text-decoration:none}@media(max-width:640px){#erosion-app{padding:1.5rem 1rem}.intro h1{font-size:2rem}.q-text{font-size:1.08rem}.profile-card,.trajectory{padding:1.25rem}.scores{padding:1rem}}