/* KLESORA diagnostic: isolated styles, no framework or animation dependency. */
#diagnostic-app { --kd-text: #f6f4ee; --kd-muted: #b9c8d9; color: var(--kd-text); min-width: 0; }
#diagnostic-app button, #diagnostic-app input, #diagnostic-app select, #diagnostic-app textarea { font: inherit; }
#diagnostic-app button, #diagnostic-app a, #diagnostic-app input, #diagnostic-app select, #diagnostic-app textarea { touch-action: manipulation; }
#diagnostic-app svg { width: 23px; height: 23px; flex-shrink: 0; }
#diagnostic-app [hidden] { display: none !important; }
#diagnostic-app :focus-visible { outline: 3px solid #26d9c7; outline-offset: 4px; }
#diagnostic-app h3[tabindex], #diagnostic-app h5[tabindex] { outline: none; }
.kd-shell { display: grid; grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr); min-height: 670px; border: 1px solid #294054; background: #0a1b30; border-radius: 28px; overflow: clip; }
.kd-map { position: relative; min-width: 0; padding: 28px; background: radial-gradient(ellipse at 25% 30%, #183852 0%, #0a1b30 68%); display: flex; flex-direction: column; border-right: 1px solid #294054; }
.kd-map-caption { display: flex; align-items: center; justify-content: space-between; gap: 14px; font-family: "IBM Plex Mono", monospace; text-transform: uppercase; letter-spacing: .08em; font-size: 10px; color: #bed2de; }
.kd-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #26d9c7; box-shadow: 0 0 18px #26d9c770; }
.kd-world { position: relative; height: 355px; margin: 10px -15px 12px; perspective: 900px; isolation: isolate; }
.kd-world-grid { position: absolute; inset: 40px 8px 28px; background-image: linear-gradient(#67adb713 1px, transparent 1px), linear-gradient(90deg, #67adb713 1px, transparent 1px); background-size: 26px 26px; transform: rotateX(54deg) rotateZ(-29deg); border: 1px solid #6ec3c72b; border-radius: 18px; box-shadow: 0 30px 80px #071426a0; }
.kd-route { position: absolute; width: 60%; height: 41%; top: 33%; left: 20%; border: 3px dashed #58c8bf5c; border-radius: 28px; transform: rotate(-24deg) skewY(13deg); }
.kd-building { position: absolute; width: 77px; height: 77px; border-radius: 18px; background: #132b44; border: 1px solid #52697b; box-shadow: 0 10px 0 #10233a, 0 11px 0 #344e65, 0 30px 25px #0005; transform: rotateX(19deg) rotateZ(-16deg); transition: background .3s, box-shadow .3s, border-color .3s, translate .3s; color: #b0c4d7; }
.kd-building-top { position: absolute; inset: 0; display: grid; place-items: center; }
.kd-building-top svg { width: 32px !important; height: 32px !important; }
.kd-building-number { position: absolute; bottom: -22px; left: 15px; font-size: 9px; color: #acbbc9; font-family: "IBM Plex Mono", monospace; }
.kd-building-0 { left: 9%; top: 54%; }
.kd-building-1 { left: 28%; top: 22%; }
.kd-building-2 { left: 65%; top: 15%; }
.kd-building-3 { left: 72%; top: 54%; }
.kd-building-4 { left: 42%; top: 68%; }
.kd-building.is-done { background: #124e50; border-color: #26d9c7; color: #9affeb; box-shadow: 0 10px 0 #123e48, 0 11px 0 #267f80, 0 25px 35px #26d9c71c; }
.kd-building.is-active { background: #6267ff; border-color: #b9bbff; color: white; box-shadow: 0 10px 0 #3c3ea0, 0 11px 0 #9598ff, 0 28px 45px #6267ff45; translate: 0 -7px; }
.kd-building.is-active::after { content: ""; position: absolute; inset: -6px; border: 1px solid #a5a8ff66; border-radius: 24px; }
.kd-world-caption { position: absolute; left: 10px; bottom: -5px; font-family: Manrope, Inter, sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -.04em; color: #91a9bd; }
.kd-world-caption span { display: block; font-family: "IBM Plex Mono", monospace; font-size: 7px; letter-spacing: .12em; margin-top: 3px; }
.kd-stations { list-style: none; padding: 0; margin: auto 0 12px; display: grid; gap: 10px; }
.kd-stations li { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #a5b7c7; }
.kd-stations li > span { border: 1px solid #52677b; width: 23px; height: 23px; display: inline-grid; place-items: center; border-radius: 50%; font-size: 10px; flex-shrink: 0; }
.kd-stations li.is-active { color: #f6f4ee; font-weight: 600; }
.kd-stations li.is-active > span { background: #6267ff; border-color: #9b9dff; }
.kd-stations li.is-done > span { color: #26d9c7; border-color: #26d9c7; }
.kd-map-note { color: #a7bbcb; font-size: 10px; line-height: 1.6; max-width: 34em; margin: 10px 0 0; }
.kd-panel { min-width: 0; padding: clamp(25px, 3.2vw, 48px); display: flex; flex-direction: column; justify-content: center; scroll-margin-top: 95px; }
.kd-kicker { color: #26d9c7; font-family: "IBM Plex Mono", monospace; font-size: 10px; letter-spacing: .1em; line-height: 1.6; margin: 0 0 19px; }
.kd-title { margin: 0; font-family: Manrope, Inter, sans-serif; font-size: clamp(29px, 3vw, 45px); font-weight: 650; line-height: 1.12; letter-spacing: -.04em; text-wrap: balance; scroll-margin-top: 115px; }
.kd-title em { font-style: normal; color: #26d9c7; }
.kd-lead { margin: 20px 0 24px; font-size: 16px; line-height: 1.65; color: var(--kd-muted); max-width: 46em; }
.kd-intro-features { display: grid; gap: 16px; margin: 5px 0 34px; }
.kd-intro-features span { display: flex; gap: 12px; align-items: center; font-size: 13px; color: #d9e3ed; }
.kd-intro-features svg { color: #26d9c7; width: 20px !important; height: 20px !important; }
.kd-primary, .kd-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 51px; padding: 13px 20px; border: 1px solid #26d9c7; border-radius: 12px; background: #26d9c7; color: #071426; font-size: 13px !important; font-weight: 700 !important; text-align: center; cursor: pointer; transition: background .2s, transform .2s; }
.kd-primary:hover { background: #71ebde; transform: translateY(-2px); }
.kd-primary:active, .kd-secondary:active { transform: translateY(1px); }
.kd-primary svg, .kd-secondary svg { width: 19px !important; height: 19px !important; }
.kd-intro .kd-primary { align-self: flex-start; }
.kd-secondary { color: #eff4f7; background: #142b40; border-color: #597489; }
.kd-secondary:hover { background: #1a3852; border-color: #26d9c7; }
.kd-fine { font-size: 11px; color: #aebed0; line-height: 1.65; margin: 15px 0 0; max-width: 64em; }
.kd-progress-heading { display: flex; justify-content: space-between; gap: 15px; align-items: center; color: #b6c8d7; font-size: 10px; font-family: "IBM Plex Mono", monospace; }
.kd-progress-heading span:last-child { color: #26d9c7; text-align: right; }
.kd-progress { margin: 14px 0 29px; background: #25384c; height: 3px; border-radius: 3px; overflow: hidden; }
.kd-progress > span { background: #26d9c7; height: 100%; display: block; transition: width .3s; }
.kd-question-panel { justify-content: flex-start; }
.kd-question-panel .kd-title { font-size: clamp(27px, 2.3vw, 35px); }
.kd-help { font-size: 13px; line-height: 1.65; color: #b9c8d9; margin: 16px 0 23px; }
.kd-selection-hint { color: #94dcd6; font-size: 10px; margin: -10px 0 14px; }
.kd-options { display: grid; gap: 9px; }
.kd-option { display: flex; align-items: center; width: 100%; min-height: 59px; gap: 13px; text-align: left; padding: 13px 15px; border: 1px solid #38546b; border-radius: 12px; color: #dce6ef; background: #10263a; cursor: pointer; transition: border-color .18s, background .18s, transform .18s; }
.kd-option > svg { color: #9fa5ff; }
.kd-option > span:not(.kd-option-mark) { flex: 1; font-size: 12px; line-height: 1.45; }
.kd-option:hover { border-color: #8e95ff; background: #172e49; transform: translateY(-1px); }
.kd-option.is-selected { border-color: #26d9c7; background: #123b43; color: white; }
.kd-option.is-selected > svg { color: #26d9c7; }
.kd-option-mark { flex: none; width: 19px; height: 19px; border-radius: 50%; border: 1px solid #688094; font-size: 13px; color: #b8c9d6; text-align: center; line-height: 16px; }
.kd-option.is-selected .kd-option-mark { background: #26d9c7; border-color: #26d9c7; color: #071426; }
.kd-options-many { grid-template-columns: 1fr 1fr; }
.kd-options-many .kd-option { flex-wrap: wrap; gap: 9px; min-height: 81px; position: relative; padding-right: 32px; }
.kd-options-many .kd-option > span:not(.kd-option-mark) { flex-basis: 100%; }
.kd-options-many .kd-option-mark { position: absolute; top: 13px; right: 11px; }
.kd-error { color: #ffd899; font-size: 12px; line-height: 1.5; min-height: 18px; margin: 13px 0 6px; }
.kd-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 10px; }
.kd-back, .kd-quiet-button { min-height: 44px; border: 0; padding: 8px 0; color: #c2d1de; font-size: 12px !important; background: none; text-align: left; cursor: pointer; }
.kd-back:hover, .kd-quiet-button:hover { color: #26d9c7; }
.kd-return-result { display: block; padding: 13px 0 0; min-height: 44px; text-align: right; color: #a9e5df; background: none; border: 0; font-size: 11px !important; cursor: pointer; }
.kd-return-result:hover { color: #26d9c7; }
.kd-inline-label, .kd-extras label { display: block; font-size: 12px; line-height: 1.5; margin: 18px 0 7px; color: #eff4f7; }
.kd-inline-label > span, .kd-extras label > span { display: block; font-size: 10px; color: #aabed0; margin-top: 3px; }
#diagnostic-app select { appearance: auto; width: 100%; max-width: 100%; color: #edf3f7; background: #10263a; border: 1px solid #597489; border-radius: 9px; padding: 12px; font-size: 12px; min-height: 45px; }
.kd-capacity-guide { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; border-left: 2px solid #6267ff; padding-left: 14px; margin-bottom: 20px; }
.kd-capacity-guide span { color: #b6c9d8; font-size: 10px; line-height: 1.5; }
.kd-capacity-guide b { display: block; color: #f6f4ee; font-size: 13px; margin-bottom: 4px; }
.kd-scale { padding: 0; margin: 0 0 13px; border: 0; min-width: 0; }
.kd-scale legend { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 0 12px; gap: 12px; font-size: 13px; }
.kd-scale legend strong { font-size: 10px; color: #26d9c7; font-weight: 500; }
.kd-scale-buttons { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; }
.kd-scale-buttons button { min-width: 0; min-height: 44px; padding: 8px 0; border: 1px solid #476176; border-radius: 7px; color: #eef3f6; background: #142b40; cursor: pointer; font-size: 13px !important; }
.kd-scale-buttons button:hover { border-color: #26d9c7; }
.kd-scale-buttons button[aria-pressed="true"] { background: #26d9c7; border-color: #26d9c7; color: #071426; font-weight: 700; }
.kd-quiet-button { font-size: 10px !important; min-height: 34px; }
.kd-quiet-button[aria-pressed="true"] { color: #26d9c7; }
.kd-example { margin: 0; color: #b1c5d5; font-size: 10px; line-height: 1.65; }
.kd-example strong { color: #e0e9ef; font-weight: 500; }
.kd-results { padding: clamp(24px, 4.2vw, 64px); border-radius: 28px; border: 1px solid #355168; background: #0a1b30; scroll-margin-top: 95px; }
.kd-result-header { display: grid; grid-template-columns: minmax(0, 1fr) 235px; gap: 38px; align-items: center; }
.kd-result-header .kd-lead { max-width: 500px; font-size: 14px; }
.kd-score-card { text-align: center; }
.kd-score-ring { width: 174px; height: 174px; border-radius: 50%; margin: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; background: radial-gradient(circle, #0a1b30 61%, transparent 62%), conic-gradient(#26d9c7 calc(var(--kd-score) * 1%), #2c4054 0); }
.kd-score-ring strong { font-family: Manrope, sans-serif; font-size: 53px; letter-spacing: -.07em; font-weight: 600; line-height: 1; }
.kd-score-ring strong:first-letter { letter-spacing: -.03em; }
.kd-score-ring:has(strong:first-child) { color: #f6f4ee; }
.kd-score-ring span { font-size: 10px; color: #b8cada; margin-top: 9px; }
.kd-score-card p { font-size: 12px; line-height: 1.5; margin: 12px 0 6px; }
.kd-score-card > small { display: block; font-size: 9px; line-height: 1.5; color: #9fb7c9; }
.kd-dimensions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 31px 0 21px; }
.kd-dimension { text-align: left; padding: 18px 13px; border: 1px solid #355168; border-radius: 13px; background: #10263a; color: #d9e4ef; display: flex; flex-direction: column; align-items: flex-start; gap: 13px; cursor: pointer; }
.kd-dimension:hover { border-color: #26d9c7; }
.kd-dimension > svg { color: #a5aaff; }
.kd-dimension > span { font-size: 11px; line-height: 1.5; min-height: 33px; }
.kd-dimension > strong { font-size: 10px; font-weight: 500; }
.kd-dimension > small { font-size: 8px; color: #a7bed0; line-height: 1.4; }
.kd-status-0 { color: #ffcf91; }.kd-status-1 { color: #c7c8ff; }.kd-status-2 { color: #50e9d8; }.kd-status-unknown { color: #c0ced9; }
.kd-strength { display: flex; gap: 13px; color: #bad0d9; font-size: 12px; line-height: 1.65; margin: 22px 0 40px; }
.kd-strength > svg { color: #26d9c7; }
.kd-strength b { color: #edf4f7; font-weight: 500; }
.kd-priorities-title { font-family: Manrope, Inter, sans-serif; font-size: 23px; margin: 0 0 22px; letter-spacing: -.035em; }
.kd-priorities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 23px; }
.kd-priorities article { border-top: 1px solid #50718a; padding-top: 19px; display: flex; flex-direction: column; align-items: flex-start; }
.kd-priority-number { font-family: "IBM Plex Mono", monospace; color: #26d9c7; font-size: 11px; }
.kd-priorities h5 { font-family: Manrope, Inter, sans-serif; font-size: 18px; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; margin: 15px 0 11px; }
.kd-priorities p { color: #b7c9d7; font-size: 12px; line-height: 1.7; margin: 0 0 20px; }
.kd-priorities a { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid #52778a; padding: 8px 0; font-size: 11px; line-height: 1.5; color: #dff0ef; margin-top: auto; }
.kd-priorities a:hover { border-color: #26d9c7; color: #26d9c7; }
.kd-capacity-result { margin: 35px 0 19px; padding: 22px; border: 1px solid #46677b; border-radius: 16px; background: #132d40; }
.kd-capacity-result > div { display: flex; align-items: center; gap: 12px; }
.kd-capacity-result svg { color: #26d9c7; }
.kd-capacity-result h4 { font-size: 13px; margin: 0; font-weight: 500; }
.kd-capacity-result p { display: flex; flex-wrap: wrap; gap: 22px; align-items: center; font-size: 12px; color: #c2d3de; }
.kd-capacity-result strong { color: #f6f4ee; font-family: Manrope, sans-serif; font-size: 26px; font-weight: 500; letter-spacing: -.04em; margin-left: 5px; }
.kd-capacity-arrow { color: #26d9c7; font-size: 23px; }
.kd-capacity-result small { color: #b8cbd8; font-size: 10px; line-height: 1.6; display: block; }
.kd-method { border-bottom: 1px solid #294357; padding: 8px 0; }
.kd-method summary { cursor: pointer; min-height: 44px; display: list-item; padding: 10px 0; color: #c5d6e3; font-size: 12px; }
.kd-method div { max-width: 75ch; }
.kd-method p { color: #aabed0; font-size: 11px; line-height: 1.7; }
.kd-result-actions { display: flex; flex-wrap: wrap; gap: 25px; margin: 13px 0 30px; }
.kd-consultation { padding: clamp(23px, 3vw, 40px); border-radius: 20px; background: #173a43; border: 1px solid #39827e; }
.kd-consultation h4 { font-family: Manrope, Inter, sans-serif; font-size: clamp(25px, 3vw, 34px); margin: 0 0 14px; letter-spacing: -.04em; font-weight: 600; }
.kd-consultation > p:not(.kd-kicker):not(.kd-fine) { color: #c3d8df; font-size: 13px; line-height: 1.7; }
.kd-consultation-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.kd-skip-contact { font-size: 11px; display: inline-block; color: #cde2e6; margin-top: 23px; padding: 10px 0; }
.kd-skip-contact:hover { color: #26d9c7; }
.kd-contact-form { border-top: 1px solid #589290; margin-top: 28px; padding-top: 26px; }
.kd-contact-form h5 { font-size: 21px; font-family: Manrope, Inter, sans-serif; margin: 0; letter-spacing: -.03em; }
.kd-contact-form > p:not(.kd-fine) { color: #c7dde1; font-size: 12px; line-height: 1.7; }
.kd-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 21px; }
.kd-contact-form label { display: block; font-size: 12px; color: #e3edf0; }
.kd-contact-form label > span { color: #a7c9d1; font-size: 10px; margin-left: 6px; }
#diagnostic-app input, #diagnostic-app textarea { display: block; width: 100%; margin-top: 8px; border: 1px solid #699da3; border-radius: 9px; background: #0c2533; padding: 13px; color: #eef5f7; min-height: 47px; font-size: 14px; }
#diagnostic-app input::placeholder { color: #91adbd; }
.kd-contact-form > .kd-secondary { margin-top: 19px; }
#kd-message-review { margin-top: 28px; }
#diagnostic-app textarea { font-size: 12px; line-height: 1.6; resize: vertical; margin-bottom: 19px; }
@media (min-width: 1100px) { .kd-shell .kd-map { position: sticky; top: 0; align-self: start; min-height: 670px; } }
@media (max-width: 950px) {
  .kd-shell { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
  .kd-map { padding: 23px; }
  .kd-world { height: 310px; margin-left: -22px; margin-right: -22px; }
  .kd-building { width: 62px; height: 62px; border-radius: 14px; }
  .kd-building-top svg { width: 27px !important; height: 27px !important; }
  .kd-building-3 { left: 70%; }
  .kd-result-header { grid-template-columns: minmax(0, 1fr) 185px; gap: 23px; }
  .kd-dimensions { gap: 7px; }
  .kd-dimension { padding: 14px 10px; }
}
@media (max-width: 720px) {
  .kd-shell { display: flex; flex-direction: column; min-height: 0; border-radius: 22px; }
  .kd-map { border-right: 0; border-bottom: 1px solid #294054; padding: 18px 22px; }
  .kd-map-caption { font-size: 9px; }
  .kd-world { height: 190px; margin: -8px 15% -13px; }
  .kd-world-grid { inset: 27px -12px 7px; }
  .kd-building { width: 44px; height: 44px; border-radius: 11px; box-shadow: 0 6px 0 #10233a, 0 7px 0 #344e65, 0 15px 18px #0005; }
  .kd-building.is-active { box-shadow: 0 6px 0 #3c3ea0, 0 7px 0 #9598ff, 0 14px 26px #6267ff45; }
  .kd-building.is-done { box-shadow: 0 6px 0 #123e48, 0 7px 0 #267f80; }
  .kd-building-top svg { width: 22px !important; height: 22px !important; }
  .kd-building-number, .kd-world-caption { display: none; }
  .kd-building-0 { left: 3%; top: 47%; }
  .kd-building-1 { left: 23%; top: 20%; }
  .kd-building-2 { left: 64%; top: 14%; }
  .kd-building-3 { left: 77%; top: 51%; }
  .kd-building-4 { left: 43%; top: 66%; }
  .kd-stations { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; margin: 12px 0 0; }
  .kd-stations li { display: flex; flex-direction: column; gap: 6px; align-items: center; font-size: 8px; text-align: center; line-height: 1.35; }
  .kd-stations li > span { width: 20px; height: 20px; font-size: 9px; }
  .kd-map-note { display: none; }
  .kd-panel { padding: 27px 23px; scroll-margin-top: 80px; }
  .kd-title { font-size: 32px; }
  .kd-question-panel .kd-title { font-size: 28px; }
  .kd-lead { font-size: 14px; }
  .kd-progress-heading { font-size: 9px; }
  .kd-options-many .kd-option { min-height: 85px; }
  .kd-progress { margin-bottom: 24px; }
  .kd-help { font-size: 12px; }
  .kd-primary, .kd-secondary { min-height: 49px; padding: 12px 15px; font-size: 12px !important; gap: 12px; }
  .kd-scale-buttons { grid-template-columns: repeat(5, 1fr); gap: 7px; }
  .kd-scale-buttons button { min-height: 44px; }
  .kd-results { border-radius: 22px; padding: 29px 23px; }
  .kd-result-header { grid-template-columns: 1fr; gap: 9px; }
  .kd-result-header .kd-title { font-size: 36px; }
  .kd-score-card { padding-top: 7px; padding-bottom: 10px; }
  .kd-score-ring { width: 160px; height: 160px; }
  .kd-score-ring strong { font-size: 47px; }
  .kd-dimensions { grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 23px; }
  .kd-dimension { padding: 16px; gap: 10px; }
  .kd-dimension > span { min-height: 0; }
  .kd-dimension:last-child { grid-column: span 2; display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; }
  .kd-dimension:last-child small { grid-column: 2 / -1; }
  .kd-strength { font-size: 11px; margin-bottom: 30px; }
  .kd-priorities { grid-template-columns: 1fr; gap: 24px; }
  .kd-priorities h5 { font-size: 20px; margin-top: 10px; }
  .kd-priorities p { margin-bottom: 9px; }
  .kd-priorities a { min-height: 44px; }
  .kd-capacity-result { padding: 17px; margin-top: 28px; }
  .kd-capacity-result p { gap: 10px; }
  .kd-capacity-result strong { font-size: 23px; }
  .kd-capacity-result h4 { font-size: 12px; }
  .kd-consultation { padding: 23px 18px; margin-left: -8px; margin-right: -8px; }
  .kd-consultation-actions { flex-direction: column; align-items: stretch; }
  .kd-form-grid { grid-template-columns: 1fr; }
  .kd-contact-form > .kd-secondary { width: 100%; }
  #kd-whatsapp-link { width: 100%; }
  .kd-result-actions { gap: 12px; justify-content: space-between; }
  .kd-result-actions .kd-back { font-size: 10px !important; }
}
@media (max-width: 370px) {
  .kd-panel, .kd-results { padding-left: 18px; padding-right: 18px; }
  .kd-title { font-size: 29px; }
  .kd-question-panel .kd-title { font-size: 26px; }
  .kd-controls { gap: 8px; }
  .kd-controls .kd-primary { padding: 11px; gap: 8px; font-size: 11px !important; }
  .kd-back { font-size: 11px !important; }
  .kd-options-many { gap: 7px; }
  .kd-options-many .kd-option { padding-left: 11px; }
  .kd-options-many .kd-option > span:not(.kd-option-mark) { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  #diagnostic-app *, #diagnostic-app *::before, #diagnostic-app *::after { transition-duration: .01ms !important; animation: none !important; scroll-behavior: auto !important; }
}