.diagnostic {--d-muted:#b2b6c9;background:#080910;min-height:100vh;letter-spacing:0;color:#f1f5f9}
.diagnostic h1,.diagnostic h2,.diagnostic h3,.diagnostic p,.diagnostic button,.diagnostic a {letter-spacing:0}
.diagnostic button,.diagnostic input,.diagnostic select,.diagnostic textarea {font:inherit;color:inherit}
.diagnostic button,.diagnostic a,.diagnostic input,.diagnostic select {touch-action:manipulation}
.diagnostic button:disabled{opacity:.45;cursor:not-allowed}.diagnostic :focus-visible{outline:3px solid #22d3ee;outline-offset:4px}
.d-header{max-width:1240px;margin:auto;min-height:100px;padding:20px 32px;display:flex;align-items:center;gap:28px;border-bottom:1px solid #ffffff12}.d-header img{width:132px;height:52px;object-fit:contain}.d-header span{color:var(--d-muted);font-size:13px;border-left:1px solid #ffffff25;padding-left:28px}.d-header>a:last-child{margin-left:auto;font-size:13px;color:var(--d-muted);padding:12px 0}
.d-main{max-width:960px;min-height:calc(100vh - 193px);margin:auto;padding:60px 32px 50px}.d-footer{max-width:1176px;margin:auto;border-top:1px solid #ffffff12;padding:24px 0;display:flex;justify-content:space-between;gap:16px;color:var(--d-muted);font-size:12px}.d-footer a{text-decoration:underline}
.d-intro{padding:20px 0 32px;max-width:850px}.d-eyebrow{color:#67e8f9;font-size:12px;text-transform:uppercase;letter-spacing:2px!important;font-weight:600;display:block;margin-bottom:24px}.d-intro h1{font-size:54px;line-height:1.12;max-width:850px}.d-intro h1 span{color:#a5b4fc}.d-intro>p{font-size:17px;max-width:660px;color:var(--d-muted);margin:24px 0 32px}.diagnostic .btn{border-radius:8px;white-space:normal;min-height:48px;line-height:1.4}.d-intro small{display:block;margin-top:16px;color:var(--d-muted)}.d-areas{display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid #ffffff20;padding-top:24px;gap:20px}.d-area{display:flex;gap:12px;align-items:center;font-size:14px}.d-area i{font-style:normal;color:#67e8f9;font-size:12px}.d-area:nth-child(2) i{color:#a5b4fc}.d-area:nth-child(3) i{color:#34d399}.d-area:nth-child(4) i{color:#fbbf24}
.d-step{animation:d-enter .22s ease-out}.d-step h1{font-size:32px;max-width:790px;margin:32px 0 28px;line-height:1.25}.d-progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--d-muted);margin-bottom:12px}.d-progress{width:100%;height:4px;accent-color:#22d3ee;display:block;border:0;background:#252638}.d-progress::-webkit-progress-bar{background:#252638}.d-progress::-webkit-progress-value{background:#22d3ee}.d-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0}.d-option{position:relative;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid #ffffff24;border-radius:8px;min-height:66px;cursor:pointer;font-size:14px;transition:background .15s,border-color .15s}.d-option:hover{background:#ffffff06;border-color:#a5b4fc}.d-option:has(input:checked){border-color:#818cf8;background:#818cf813}.d-option input{flex-shrink:0;width:19px;height:19px;accent-color:#818cf8}.d-option:has(input:disabled){opacity:.45;cursor:not-allowed}.d-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #ffffff18}.d-navigation button:first-child{color:var(--d-muted);min-height:48px;padding:8px 16px}.d-note{color:var(--d-muted);font-size:13px;margin:-12px 0 20px}.d-field{display:grid;gap:8px;font-size:14px}.d-field input,.d-field textarea,.d-field select,.d-filter select,.d-filter input{width:100%;background:#12131e;border:1px solid #ffffff30;border-radius:6px;padding:13px 14px;min-height:48px}.d-field textarea{min-height:180px;resize:vertical}.d-field input::placeholder,.d-field textarea::placeholder{color:#969caf}.d-field small{color:var(--d-muted);text-align:right}.d-analysis{max-width:520px;margin:50px auto}.d-analysis h1{font-size:32px;margin:28px 0}.d-analysis li{display:flex;gap:16px;padding:14px 0;color:var(--d-muted)}.d-analysis li.done{color:#a7f3d0}.d-analysis li span{width:24px}.d-spinner{width:48px;height:48px;border:2px solid #ffffff20;border-top-color:#22d3ee;border-radius:50%;animation:d-spin 1s linear infinite}
.d-result h1{font-size:38px;margin-bottom:24px}.d-result h2{font-size:24px;margin-bottom:16px}.d-result p{color:var(--d-muted)}.d-section{padding:32px 0;border-bottom:1px solid #ffffff18}.d-result-title{font-size:20px!important;color:#a5b4fc}.d-bars{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.d-bar>div{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:10px}.d-bar progress{width:100%;height:7px;accent-color:var(--bar);border:0;border-radius:2px}.d-bar progress::-webkit-progress-bar{background:#252638}.d-bar progress::-webkit-progress-value{background:var(--bar)}.d-bar small{display:block;color:var(--d-muted);font-size:11px;margin-top:6px}.d-priorities{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.d-priority>span{color:#67e8f9;font-size:12px}.d-priority h3{font-size:17px;margin:10px 0}.d-priority p{font-size:14px}.d-recommendations{display:grid;gap:16px}.d-recommendation{border:1px solid #ffffff26;border-left:3px solid var(--bar);padding:24px;border-radius:8px;display:grid;grid-template-columns:180px 1fr;gap:20px}.d-recommendation h3{font-size:26px;margin:8px 0}.d-recommendation small{font-size:10px;color:var(--bar);font-weight:700}.d-recommendation strong{font-size:13px;color:var(--bar)}.d-recommendation p{font-size:14px;align-self:center}.d-combination{margin-top:24px}.d-combination h3{font-size:18px;margin-bottom:8px}.d-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.d-consent{display:flex;align-items:flex-start;gap:12px;margin:24px 0;font-size:13px;color:var(--d-muted)}.d-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#818cf8}.d-privacy{font-size:12px;margin-top:16px}.d-privacy a{text-decoration:underline}.d-success{padding:24px 0}.d-success h2{color:#6ee7b7}.d-success .btn{margin:20px 0}.d-restart{margin-top:24px;min-height:44px;text-decoration:underline;color:var(--d-muted)!important}.notice{color:#fcd34d;font-size:14px;margin-top:20px;overflow-wrap:anywhere}.skip{position:fixed;top:-100px;padding:12px;background:#111;z-index:100}.skip:focus{top:0}.d-inline-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.d-inline-actions .d-restart{margin:0}
.d-admin{max-width:1400px}.d-admin h1{font-size:32px;margin-bottom:24px}.d-login{max-width:400px;margin:30px auto}.d-login .btn{margin-top:20px}.d-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff20;border:1px solid #ffffff20;margin:24px 0}.d-metrics>div{padding:18px;background:#080910}.d-metrics strong{display:block;font-size:26px;color:#a5b4fc}.d-metrics span{font-size:12px;color:var(--d-muted)}.d-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.d-filter{font-size:12px;color:var(--d-muted);display:grid;gap:6px}.d-table-wrap{overflow:auto}.d-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.d-table td,.d-table th{padding:14px 12px;border-bottom:1px solid #ffffff20;white-space:nowrap}.d-table th{color:var(--d-muted)}.d-table button{text-decoration:underline;min-height:44px;color:#a5b4fc}.d-details{color:var(--text);background:#0e0f19;border:1px solid #ffffff30;border-radius:8px;width:min(850px,94vw);max-height:90vh;margin:auto;padding:28px;overflow:auto}.d-details::backdrop{background:#000b}.d-details h2{font-size:26px;margin-bottom:20px}.d-details h3{font-size:18px;margin:24px 0 12px}.d-details p{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.d-details dt{color:var(--d-muted);font-size:12px;margin-top:16px}.d-details dd{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.d-close{float:right;font-size:24px;min-width:44px;min-height:44px}.d-details .d-field{margin-top:20px}.d-private{max-width:720px}.d-private h1{font-size:36px;margin-bottom:30px}.d-private h2{font-size:20px;margin:28px 0 12px}.d-private p{color:var(--d-muted);margin-bottom:16px}
@keyframes d-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes d-spin{to{transform:rotate(360deg)}}
@media(max-width:768px){.d-header{padding:16px 24px;gap:16px}.d-header span{display:none}.d-main{padding:36px 24px}.d-intro{padding-top:8px}.d-intro h1{font-size:40px}.d-intro>p{font-size:16px}.d-step h1{font-size:27px;margin-top:28px}.d-footer{margin:0 24px;flex-direction:column;padding:20px 0}.d-areas{grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.d-priorities{grid-template-columns:1fr}.d-recommendation{grid-template-columns:1fr;gap:12px}.d-result h1{font-size:32px}.d-metrics{grid-template-columns:1fr 1fr}.d-filters{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.d-header{padding:14px 20px;min-height:80px}.d-header img{width:110px;height:44px}.d-main{padding:28px 20px}.d-intro h1{font-size:36px}.d-options,.d-bars,.d-lead-grid,.d-filters{grid-template-columns:1fr}.d-option{padding:14px;min-height:60px}.d-step h1{font-size:25px}.d-navigation{position:sticky;bottom:0;background:#080910;padding:16px 0;margin-top:24px}.d-eyebrow{font-size:10px}.d-result h1{font-size:30px}.d-intro .btn{width:100%}.d-areas{font-size:13px}.d-details{padding:20px}}
@media(prefers-reduced-motion:reduce){.diagnostic *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}