:root{--strawberry:#ff4f62;--strawberry-soft:#ff9aaa;--purple:#7e4ad4;--charcoal:#0d0911;--cool-gray:#aeb3c2}
body[data-layout="app-diagnostic-dashboard"]{background-color:var(--charcoal);background-image:radial-gradient(circle at 12% 8%,rgba(255,79,98,.14),transparent 28%),radial-gradient(circle at 88% 18%,rgba(126,74,212,.16),transparent 32%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,28px 28px,28px 28px}
.diagnostic-header{position:relative;border-bottom:1px solid color-mix(in srgb,var(--strawberry) 55%,var(--border));background:rgba(13,9,17,.96)}
.diagnostic-header__row{grid-template-columns:1fr;gap:14px;min-height:0;padding-block:18px}
.diagnostic-header .brand{justify-content:space-between;font-size:1.05rem;letter-spacing:.04em}
.diagnostic-header .brand img{filter:drop-shadow(0 0 16px rgba(255,79,98,.28))}
.task-risk-navigation ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.task-risk-navigation a{min-height:48px;display:grid;place-items:center;padding:8px 10px;border-color:rgba(255,154,170,.24);background:linear-gradient(145deg,rgba(255,79,98,.1),rgba(126,74,212,.1));color:var(--text);text-align:center;font-size:.88rem}
.diagnostic-hero{padding:38px 0 26px}
.diagnostic-hero__workspace{grid-template-columns:1fr;gap:14px}
.diagnostic-hero__answer{padding:clamp(24px,5vw,56px);border:1px solid rgba(255,154,170,.35);border-radius:28px;background:linear-gradient(135deg,rgba(43,17,18,.98),rgba(31,13,40,.96));box-shadow:0 30px 80px rgba(0,0,0,.36)}
.diagnostic-hero__answer h1{max-width:12ch;font-size:clamp(3rem,10vw,7rem)}
.diagnostic-hero__answer .hero-intro{max-width:78ch}
.diagnostic-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:24px}
.diagnostic-status li{border:1px solid rgba(255,154,170,.24);border-radius:10px;background:rgba(13,9,17,.6);text-align:center}
.diagnostic-hero .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px}
.diagnostic-hero .button{display:grid;place-items:center;min-height:58px;border:1px solid rgba(255,154,170,.35);border-radius:12px;background:linear-gradient(135deg,var(--strawberry),#e84f9e);color:#19070d;text-align:center}
.diagnostic-hero .hero-note{max-width:78ch;margin-top:22px;border:1px dashed rgba(255,154,170,.38);border-left-width:1px;border-radius:12px;background:rgba(13,9,17,.55)}
.diagnostic-hero__device{padding:12px 24px;border:1px solid rgba(126,74,212,.38);border-radius:18px;background:linear-gradient(90deg,rgba(126,74,212,.12),rgba(255,79,98,.08))}
.diagnostic-hero__device img{display:block;width:100%;height:clamp(150px,22vw,240px);object-fit:contain}
.diagnostic-workspace{padding-top:36px}
.diagnostic-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.diagnostic-panel{min-height:210px;border-color:rgba(126,74,212,.34);border-left-color:var(--strawberry);border-radius:16px;background:linear-gradient(155deg,rgba(43,17,18,.92),rgba(26,14,34,.94))}
.diagnostic-panel:nth-child(3n){border-left-color:var(--purple)}
.section-tint{background:linear-gradient(180deg,rgba(126,74,212,.055),rgba(255,79,98,.035))}
.categorized-question-index{grid-template-columns:minmax(160px,.28fr) 1fr;padding:18px;border:1px solid rgba(126,74,212,.28);border-radius:18px;background:rgba(13,9,17,.45)}
.categorized-question-index__nav a{color:var(--strawberry-soft)}
.page-meta{margin-top:18px;margin-bottom:48px;padding-top:18px;border-top:1px dashed rgba(255,154,170,.28);color:var(--cool-gray);font-size:.85rem;text-align:right}
.compact-safety-footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--strawberry),var(--purple)) 1;background:#09070c}
.compact-safety-footer .container{grid-template-columns:minmax(0,1fr) minmax(260px,.45fr)}
.compact-safety-footer .link-list{display:grid;grid-template-columns:1fr;gap:8px}
@media(max-width:800px){body[data-layout="app-diagnostic-dashboard"]{padding-bottom:70px}.diagnostic-header{position:fixed;inset:auto 0 0;z-index:40;border-top:1px solid rgba(255,154,170,.35);border-bottom:0}.diagnostic-header__row{display:block;width:100%;padding:8px 10px}.diagnostic-header .brand{display:none}.task-risk-navigation ul{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.task-risk-navigation li{flex:0 0 auto}.task-risk-navigation a{min-height:48px;min-width:96px;padding:7px 10px}.diagnostic-status,.diagnostic-hero .actions,.diagnostic-panels,.compact-safety-footer .container{grid-template-columns:1fr}.diagnostic-hero__answer{border-radius:18px}.diagnostic-panel{min-height:0}.categorized-question-index{padding:12px}.page-meta{text-align:left}}
