.diag-app{position:relative;z-index:1;max-width:640px;margin-inline:auto;padding-block:clamp(16px,4vw,32px) clamp(64px,10vw,120px)}.diag-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.diag-progress-label{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12.5px;color:rgba(244,246,251,.5);white-space:nowrap}.diag-progress-track{flex:1;height:4px;border-radius:999px;background:rgba(244,246,251,.12);overflow:hidden}.diag-progress-bar{height:100%;width:0%;background:#4ce6b9;transition:width 240ms ease}.diag-back{font-family:var(--font-sans);font-size:13px;font-weight:600;color:rgba(244,246,251,.6);padding:6px 0}.diag-back:hover{color:#4ce6b9}.diag-card{border:1px solid rgba(244,246,251,.12);border-radius:18px;padding:clamp(24px,5vw,36px);background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01))}.diag-axis{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4ce6b9;margin-bottom:10px}.diag-card h2{font-family:var(--font-serif);font-size:clamp(20px, 3vw, 26px);color:#f4f6fb;margin-bottom:24px}.diag-options{display:flex;flex-direction:column;gap:10px}.diag-option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left;font-family:var(--font-sans);font-size:15px;color:rgba(244,246,251,.88);background:rgba(255,255,255,.02);border:1px solid rgba(244,246,251,.12);border-radius:12px;transition:border-color var(--transition),background var(--transition)}.diag-option:hover{border-color:rgba(76,230,185,.45)}.diag-option.is-selected{border-color:#4ce6b9;background:rgba(76,230,185,.07)}.diag-option-radio{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(244,246,251,.3)}.diag-option.is-selected .diag-option-radio{border-color:#4ce6b9;background:#4ce6b9;box-shadow:inset 0 0 0 3px #070b1a}.diag-results{display:none;border:1px solid rgba(244,246,251,.12);border-radius:18px;padding:clamp(24px,5vw,36px);text-align:center;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01))}.diag-score{font-family:var(--font-serif);font-weight:700;font-size:clamp(48px, 10vw, 72px);line-height:1;margin-bottom:12px;background:linear-gradient(135deg,#f4f6fb 15%,#4ce6b9 170%);-webkit-background-clip:text;background-clip:text;color:transparent}.diag-verdict{color:rgba(244,246,251,.72);max-width:46ch;margin-inline:auto;margin-bottom:28px}.diag-axis-rows{display:flex;flex-direction:column;gap:12px;text-align:left;margin-bottom:28px}.diag-axis-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;gap:12px;font-size:13px}.diag-axis-row-label{color:rgba(244,246,251,.65)}.diag-axis-row-bar{height:6px;border-radius:999px;background:rgba(244,246,251,.12);overflow:hidden}.diag-axis-row-bar span{display:block;height:100%;width:0%;background:#4ce6b9}.diag-axis-row-score{text-align:right;color:rgba(244,246,251,.45)}.diag-recommendation{padding-block:20px;border-block:1px solid rgba(244,246,251,.12);margin-bottom:24px}.diag-recommendation p{margin-bottom:14px;color:rgba(244,246,251,.82)}.diag-recommendation strong{color:#f4f6fb}.diag-recommendation .btn-ghost{color:#f4f6fb;border-color:rgba(244,246,251,.3)}.diag-recommendation .btn-ghost:hover{border-color:#4ce6b9;color:#4ce6b9}.diag-actions{justify-content:center;margin-bottom:20px}.diag-actions .btn-primary{background:#4ce6b9;color:#070b1a}.diag-actions .btn-primary:hover{background:#fff}.diag-actions .btn-ghost{color:#f4f6fb;border-color:rgba(244,246,251,.3)}.diag-actions .btn-ghost:hover{border-color:#4ce6b9;color:#4ce6b9}.diag-restart{font-family:var(--font-sans);font-size:13px;font-weight:600;color:rgba(244,246,251,.45)}.diag-restart:hover{color:#4ce6b9}@media (max-width:599px){.diag-axis-row{grid-template-columns:96px 1fr 34px}}@media (prefers-reduced-motion:reduce){.diag-option,.diag-progress-bar{transition:none}}