:root {
  --ink: #092827;
  --muted: #5e706d;
  --paper: #f3f5ef;
  --card: #fbfdf8;
  --line: #d5ddd6;
  --mint: #7ff4c8;
  --mint-deep: #08765a;
  --blue: #a5c7ff;
  --amber: #f0bb56;
  --red: #dd655c;
  --body: "Segoe UI Variable Text", "Segoe UI Variable", "Aptos", "Segoe UI", sans-serif;
  --display: "Segoe UI Variable Display", "Segoe UI Variable", "Aptos Display", "Segoe UI", sans-serif;
  --mono: "Cascadia Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --shadow: 0 24px 70px rgba(8, 44, 41, .1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 82% 5%, rgba(66, 170, 125, .1), transparent 28rem),
    var(--paper);
  font-family: var(--body);
  line-height: 1.5;
}
body[data-font-mode="system"] {
  --body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --display: system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ink: #eef9f5;
  --muted: #a9bcb6;
  --paper: #0d1716;
  --card: #142220;
  --line: #31443f;
  --mint: #6ce8bd;
  --mint-deep: #68dfb7;
  --blue: #8ab5ff;
  --amber: #f2bd61;
  --red: #ff8178;
  --shadow: 0 24px 70px rgba(0,0,0,.34);
}
html[data-theme="dark"] body { background: radial-gradient(circle at 82% 5%, rgba(52,177,132,.12), transparent 30rem), var(--paper); }
button, a { font: inherit; }
button { color: inherit; }
.skip-link { position: fixed; left: 1rem; top: -4rem; z-index: 10; background: var(--ink); color: white; padding: .7rem 1rem; }
.skip-link:focus { top: 1rem; }
.topbar {
  height: 76px; padding: 0 clamp(1.2rem, 5vw, 5rem); display: flex; align-items: center;
  justify-content: space-between; border-bottom: 1px solid rgba(16, 42, 42, .12); background: rgba(243,245,239,.72); backdrop-filter: blur(14px);
}
.brand { display: flex; align-items: center; gap: .65rem; color: inherit; cursor: default; user-select: none; }
.brand[href] { text-decoration: none; cursor: pointer; }
.brand-logo { flex: 0 0 auto; width: 40px; height: 40px; overflow: hidden; display: block; border-radius: 10px; background: #030506; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 5px 15px rgba(9,40,39,.12); }
.brand-logo img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 48%; transform: scale(1.42); transform-origin: 50% 48%; user-select: none; pointer-events: none; -webkit-user-drag: none; }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font: 750 .82rem/1 var(--display); letter-spacing: .08em; }
.brand-copy small { margin-top: .3rem; color: var(--muted); font: 650 .56rem/1 var(--display); letter-spacing: .08em; }
.brand-device { display: inline-flex; width: 27px; height: 20px; margin-left: .15rem; letter-spacing: normal; }
.brand-device svg { width: 100%; height: 100%; overflow: visible; }
.pc-screen, .pc-tower { fill: var(--ink); stroke: var(--ink); stroke-width: 1.4; }
.pc-screen { fill: #dff9ee; }
.pc-glow { fill: none; stroke: var(--mint-deep); stroke-width: 1.3; stroke-linecap: round; }
.pc-stand { fill: none; stroke: var(--ink); stroke-width: 1.5; stroke-linecap: round; }
.pc-power { fill: var(--mint); stroke: var(--ink); stroke-width: .6; }
.privacy-pill { font: 600 .75rem/1 var(--display); background: white; border: 1px solid var(--line); border-radius: 999px; padding: .65rem .85rem; box-shadow: none; }
.privacy-pill span { position: relative; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #29a673; margin-right: .4rem; animation: privacy-blink 1.8s ease-in-out infinite; }
.privacy-pill span::after { content: ""; position: absolute; inset: -4px; border: 1px solid rgba(41,166,115,.42); border-radius: 50%; animation: privacy-ring 1.8s ease-out infinite; }
main { min-height: calc(100vh - 140px); }
.hero {
  min-height: 650px; max-width: 1440px; margin: auto; padding: clamp(4rem, 8vw, 8rem) clamp(1.2rem, 6vw, 6rem);
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); gap: clamp(2rem, 5vw, 5rem); align-items: center;
  overflow: clip;
}
.hero-content { position: relative; z-index: 2; min-width: 0; }
.eyebrow { font: 700 .76rem/1.2 var(--display); letter-spacing: .04em; margin: 0 0 1rem; color: var(--mint-deep); }
h1, h2, h3, p { margin-top: 0; }
h1 { font-family: var(--display); font-size: clamp(3.3rem, 6.5vw, 6.6rem); line-height: .92; letter-spacing: -.065em; max-width: 850px; margin-bottom: 2rem; font-weight: 720; }
h1 em { color: var(--mint-deep); font-style: normal; font-weight: 520; }
.hero-copy { max-width: 620px; color: var(--muted); font-size: clamp(1rem, 1.5vw, 1.2rem); }
.hero-actions { display: flex; align-items: center; gap: 1.2rem; margin: 2rem 0 1.5rem; }
.primary-button {
  border: 0; border-radius: 9px; padding: 1rem 1.15rem 1rem 1.35rem; min-width: 220px; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 1rem; color: white; background: #176b52;
  box-shadow: 0 10px 24px rgba(23,107,82,.18); transition: transform .18s, box-shadow .18s, filter .18s;
}
.primary-button:disabled { cursor: wait; opacity: .82; transform: none; }
.download-button { justify-content: space-between; }
.download-button { position: relative; overflow: hidden; isolation: isolate; text-decoration: none; }
.download-button::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -40% auto -40% -70%;
  width: 54%;
  transform: skewX(-22deg);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  animation: download-glare 3.2s ease-in-out infinite;
  pointer-events: none;
}
.download-button > span { position: relative; z-index: 2; }
.button-icon { min-width: 1.25rem; display: inline-grid; place-items: center; font-weight: 850; line-height: 1; }
.ui-check {
  width: .82rem; height: .82rem; display: inline-block; margin-right: .34rem; vertical-align: -.08rem;
  border-radius: 50%; background: var(--mint-deep); position: relative;
}
.ui-check::after {
  content: ""; position: absolute; left: .27rem; top: .15rem; width: .22rem; height: .42rem;
  border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(42deg);
}
.release-links { margin: .75rem 0 0; color: var(--muted); font-size: .75rem; }
.release-links a { color: var(--ink); text-underline-offset: 3px; }
.policy-page { width: min(1100px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(3rem, 7vw, 6rem) 0; }
.policy-page > h1 { max-width: 760px; margin: .45rem 0 1rem; font-size: clamp(2.6rem, 6vw, 5rem); line-height: .98; }
.policy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2.5rem 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.policy-grid article { padding: 1.5rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.54); }
.policy-grid h2 { margin: 0 0 .65rem; font-size: 1rem; line-height: 1.2; }
.policy-grid p { margin: 0; color: var(--muted); line-height: 1.65; }
.policy-page .accuracy-note { margin: 0 0 2rem; }
.policy-back { text-decoration: none; }
.primary-button:hover { transform: translateY(-1px); box-shadow: 0 13px 28px rgba(23,107,82,.24); }
.primary-button:focus-visible, .ghost-button:focus-visible, .section-nav a:focus-visible, .font-mode-toggle:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.time-note, .trust-row { color: var(--muted); font-size: .82rem; }
.trust-row { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.brand-compliance { display: grid; grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: .55rem; margin-top: .85rem; }
.brand-compliance span { display: flex; flex-direction: column; gap: .2rem; padding: .65rem .75rem; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.72); color: var(--muted); font-size: .72rem; line-height: 1.35; }
.brand-compliance strong { color: var(--ink); font: 750 .66rem/1 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.platform-note { max-width: 620px; margin: 1.25rem 0 0; padding: .75rem 1rem; color: #615638; background: #fff6d9; border-left: 3px solid var(--amber); font-size: .78rem; }
.system-orbit {
  position: relative; justify-self: center; width: min(36vw, 460px); min-width: 340px; aspect-ratio: 1;
  filter: drop-shadow(0 22px 35px rgba(24, 50, 47, .08));
}
.orbit-ring { position: absolute; inset: 17%; border: 1px solid rgba(16,42,42,.18); border-radius: 50%; }
.ring-one::before, .ring-one::after { content: ""; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--mint-deep); }
.ring-one::before { top: 12%; left: 12%; }.ring-one::after { right: 8%; bottom: 18%; }
.ring-two { inset: 3%; border-style: dashed; opacity: .65; animation: spin 38s linear infinite reverse; }
.orbit-core {
  position: absolute; inset: 35%; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--ink); color: var(--mint); box-shadow: 0 0 0 12px rgba(149,245,206,.11);
  animation: core-pulse 3.5s ease-in-out infinite;
}
.orbit-computer { width: 58%; height: auto; overflow: visible; fill: none; stroke: var(--mint); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.orbit-computer rect:last-of-type { fill: rgba(127,244,200,.08); }
.orbit-computer circle { fill: var(--mint); stroke: none; }
.orbit-core small { margin-top: .3rem; font-size: .52rem; font-weight: 700; letter-spacing: .16em; color: #c9d8d4; }
.orbit-node { position: absolute; inset: 3%; animation: spin 24s linear infinite; }
.orbit-node .orbit-label {
  position: absolute; left: 50%; top: -15px; transform: translateX(-50%); background: var(--card); border: 1px solid var(--ink);
  padding: .42rem .7rem; font-size: .68rem; font-weight: 800; letter-spacing: .12em; box-shadow: 5px 5px 0 var(--mint);
  animation: counter-spin 24s linear infinite;
}
.cpu-node { animation-delay: 0s; }.cpu-node .orbit-label { animation-delay: 0s; }
.ram-node { animation-delay: -6s; }.ram-node .orbit-label { animation-delay: -6s; }
.net-node { animation-delay: -12s; }.net-node .orbit-label { animation-delay: -12s; }
.disk-node { animation-delay: -18s; }.disk-node .orbit-label { animation-delay: -18s; }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes counter-spin { to { transform: translateX(-50%) rotate(-360deg); } }
@keyframes core-pulse { 50% { transform: scale(1.035); box-shadow: 0 0 0 18px rgba(149,245,206,.04); } }
@keyframes privacy-blink { 0%, 100% { opacity: 1; } 50% { opacity: .42; } }
@keyframes privacy-ring { 0% { transform: scale(.7); opacity: .7; } 80%, 100% { transform: scale(1.5); opacity: 0; } }
@keyframes metric-pulse { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }
@keyframes zyra-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
@keyframes download-glare { 0%, 55% { left: -70%; opacity: 0; } 65% { opacity: .9; } 100% { left: 125%; opacity: 0; } }

.scan-state, .error-state { min-height: 650px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 2rem; }
.technical-error { width: min(760px, 100%); max-height: 220px; overflow: auto; margin: 1rem 0; padding: 1rem; border: 1px solid #d9aaa6; border-radius: 9px; color: #792b27; background: #fff8f7; font: .76rem/1.55 var(--mono); text-align: left; white-space: pre-wrap; overflow-wrap: anywhere; }
.error-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; margin-top: 1rem; }
.error-actions .primary-button, .error-actions .ghost-button { min-width: 190px; }
.installer {
  min-height: 0; max-width: 1240px; margin: auto; padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 4vw, 3rem);
  display: grid; grid-template-columns: 1.2fr .8fr; gap: clamp(1.4rem, 4vw, 4rem); align-items: start;
}
.installer-copy { max-width: 720px; }
.installer h1 { max-width: 880px; font-size: clamp(2.8rem, 5.2vw, 5.35rem); letter-spacing: -.065em; }
.installer h1 .headline-main,
.installer h1 em { display: block; }
.installer h1 .headline-main { margin-bottom: clamp(.28rem, 1.2vw, .95rem); }
.installer h1 em { line-height: .98; }
.installer .hero-copy { max-width: 700px; font-size: clamp(1rem, 1.35vw, 1.16rem); }
.installer .time-note { max-width: 260px; line-height: 1.45; }
.reconnect-link { display: inline-block; color: var(--ink); font-weight: 700; font-size: .88rem; text-underline-offset: 4px; }
.installer-maintenance { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 1.1rem; }
.installer-maintenance .ghost-button { text-decoration: none; }
.installer-trust { margin-top: 2rem; }
.install-panel { background: linear-gradient(145deg, rgba(255,255,255,.88), var(--card)); border: 1px solid var(--line); border-radius: 14px; padding: clamp(1.4rem, 4vw, 2.5rem); box-shadow: var(--shadow); }
.install-steps { list-style: none; padding: 0; margin: 0; }
.install-steps li { display: grid; grid-template-columns: 48px 1fr; gap: 1rem; padding: 1.15rem 0; border-top: 1px solid var(--line); }
.install-steps li > span { font: 700 1.3rem/1 var(--mono); color: var(--mint-deep); }
.install-steps strong { display: block; margin-bottom: .25rem; }
.install-steps p { margin: 0; color: var(--muted); font-size: .88rem; }
.install-steps code { background: #eeece4; padding: .1rem .3rem; border-radius: 3px; }
.privacy-explainer { display: flex; gap: .8rem; margin-top: 1rem; padding: 1rem; background: #e8f2f7; }
.privacy-explainer p { margin: 0; color: var(--muted); font-size: .82rem; }
.capabilities { grid-column: 1 / -1; margin-top: clamp(1.25rem, 3vw, 2.5rem); padding-top: clamp(1.4rem, 3vw, 2.2rem); border-top: 1px solid var(--line); }
.capabilities > h2 { max-width: 760px; font: 720 clamp(2rem, 4vw, 3.6rem)/1.02 var(--display); letter-spacing: -.05em; }
.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 2rem; background: var(--line); border: 1px solid var(--line); }
.capability-grid article { background: var(--card); padding: 1.55rem; transition: background .2s, transform .2s; }
.capability-grid article:hover { position: relative; z-index: 1; background: #f7fff9; transform: translateY(-2px); }
.capability-grid article > span { color: var(--mint-deep); font: 700 .82rem/1 var(--mono); }
.capability-grid h3 { margin: 1rem 0 .5rem; font-size: 1.08rem; }
.capability-grid p { margin: 0; color: var(--muted); font-size: .92rem; line-height: 1.6; }
.front-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .9rem; margin-top: 1rem; }
.front-proof-grid article { display: grid; grid-template-columns: auto 1fr; gap: .85rem; padding: 1rem; border: 1px solid #c6ded1; border-radius: 12px; background: linear-gradient(135deg, #ffffff, #f2faf5); }
.front-proof-grid h3 { margin: 0 0 .35rem; font-size: 1rem; line-height: 1.2; }
.front-proof-grid p { grid-column: 2; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.proof-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; color: #05332f; background: var(--mint); font: 850 1rem/1 var(--mono); box-shadow: 0 10px 25px rgba(23,107,82,.12); }
.site-metrics { width: min(100%, 360px); margin: 1.25rem 0 0 auto; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); background: var(--card); }
.site-metric { padding: .85rem 1rem; display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.site-metric + .site-metric { border-left: 1px solid var(--line); }
.site-metric span { color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; }
.site-metric strong { color: var(--ink); font: 750 1.5rem/1 var(--display); }
.site-metric strong.metric-loading { color: var(--mint-deep); animation: metric-pulse 1.1s ease-in-out infinite; }
.site-metrics > p { grid-column: 1 / -1; margin: 0; padding: .6rem 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .72rem; text-align: right; }
.feedback-strip { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1.25rem; padding: 1.25rem 1.4rem; border: 1px solid #c9ddd3; border-radius: 12px; background: #f2f8f4; }
.feedback-strip .eyebrow { margin-bottom: .35rem; }
.feedback-strip h3 { margin: 0 0 .25rem; font-size: 1.2rem; }
.feedback-strip p { margin: 0; color: var(--muted); font-size: .86rem; }
.feedback-strip .ghost-button { flex: 0 0 auto; text-decoration: none; }
.update-toast { position: fixed; z-index: 300; right: clamp(.8rem, 2vw, 1.5rem); top: clamp(5.3rem, 8vw, 6.7rem); width: min(440px, calc(100vw - 1.6rem)); display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: .85rem; padding: 1rem; border: 1px solid #9bcab7; border-radius: 13px; color: var(--ink); background: rgba(248,255,251,.98); box-shadow: 0 18px 50px rgba(8,44,41,.22); backdrop-filter: blur(12px); animation: update-toast-in .3s ease both; }
.update-toast::after { content: ""; position: absolute; left: 1rem; right: 1rem; bottom: .45rem; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--mint-deep), var(--mint)); transform-origin: left; animation: update-toast-timer 7s linear forwards; }
.update-toast.is-leaving { animation: update-toast-out .24s ease both; }
.update-toast-mark { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: #063b31; background: var(--mint); font-weight: 800; }
.update-toast p { margin: 0 0 .25rem; color: var(--mint-deep); font: 750 .62rem/1.2 var(--mono); letter-spacing: .08em; }
.update-toast strong, .update-toast small { display: block; }
.update-toast strong { font-size: .9rem; line-height: 1.4; }
.update-toast small { display: none; }
.update-toast button { padding: 0 .15rem; border: 0; color: var(--muted); background: transparent; font-size: 1.25rem; line-height: 1; cursor: pointer; }
@keyframes update-toast-in { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes update-toast-out { to { opacity: 0; transform: translateY(12px); } }
@keyframes update-toast-timer { from { transform: scaleX(1); } to { transform: scaleX(0); } }
.scanner { position: relative; display: grid; place-items: center; width: 140px; height: 140px; margin-bottom: 2rem; }
.scanner-ring { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--line); border-top-color: var(--mint-deep); animation: spin 1.2s linear infinite; }
.scanner-value { font: 700 2rem/1 var(--mono); }
.scan-state h2, .error-state h2 { max-width: min(900px, 92vw); margin-left: auto; margin-right: auto; font-family: var(--display); font-weight: 720; font-size: clamp(1.9rem, 3.6vw, 3.2rem); line-height: 1.06; letter-spacing: -.04em; margin-bottom: .8rem; text-wrap: balance; }
.scan-state p, .error-state p { max-width: min(760px, 90vw); margin-left: auto; margin-right: auto; }

.results { max-width: 1360px; margin: auto; padding: clamp(2.2rem, 5vw, 4.5rem) clamp(1rem, 3.5vw, 2.5rem); }
.results-heading { display: grid; grid-template-columns: minmax(330px, 1fr) minmax(520px, auto); align-items: center; gap: clamp(1.5rem, 4vw, 3.5rem); margin-bottom: 1.4rem; padding: clamp(1.1rem, 2.8vw, 1.7rem); border: 1px solid #c6dacf; border-radius: 17px; background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(237,248,242,.82)); box-shadow: 0 18px 45px rgba(22,60,51,.08); }
.results-heading h2 { max-width: 680px; font: 720 clamp(2.05rem, 3.8vw, 3.45rem)/.98 var(--display); letter-spacing: -.045em; margin-bottom: .65rem; overflow-wrap: anywhere; }
.muted { color: var(--muted); }
.manufacturer-badge { width: fit-content; max-width: min(100%, 520px); display: inline-flex; align-items: center; gap: .75rem; margin-top: .85rem; padding: .68rem .85rem; border: 1px solid #bdd9cd; border-radius: 12px; background: rgba(255,255,255,.75); box-shadow: 0 10px 28px rgba(22,60,51,.07); }
.manufacturer-badge[hidden] { display: none; }
.manufacturer-mark { min-width: 48px; height: 36px; padding: 0 .55rem; display: grid; place-items: center; border-radius: 9px; color: #eafff6; background: linear-gradient(135deg, #092827, #176b52); font: 850 .88rem/1 var(--mono); letter-spacing: .08em; }
.manufacturer-copy { display: grid; gap: .18rem; text-align: left; }
.manufacturer-copy strong { font-size: .88rem; line-height: 1.1; }
.manufacturer-copy small { color: var(--muted); font-size: .7rem; line-height: 1.35; }
.results-side { display: grid; justify-items: end; align-content: center; gap: .8rem; }
.auto-removal-timer { display: flex; align-items: center; gap: .7rem; min-width: 172px; padding: .65rem .8rem; border: 1px solid #b8d9cc; border-radius: 10px; background: rgba(255,255,255,.82); box-shadow: 0 10px 30px rgba(22,60,51,.08); }
.auto-removal-timer .timer-mark { position: relative; width: 26px; height: 26px; flex: 0 0 auto; border: 2px solid var(--mint-deep); border-radius: 50%; }
.auto-removal-timer .timer-mark::before { content: ""; position: absolute; left: 11px; top: 5px; width: 2px; height: 8px; border-radius: 2px; background: var(--mint-deep); transform-origin: 1px 7px; animation: timer-hand 8s linear infinite; }
.auto-removal-timer .timer-mark::after { content: ""; position: absolute; left: 9px; top: -5px; width: 6px; height: 3px; border-radius: 2px; background: var(--mint-deep); }
.auto-removal-timer small, .auto-removal-timer strong { display: block; }
.auto-removal-timer small { margin-bottom: .22rem; color: var(--muted); font: 700 .55rem/1 var(--display); letter-spacing: .12em; }
.auto-removal-timer strong { font: 750 .9rem/1 var(--mono); letter-spacing: .04em; }
.auto-removal-timer.is-expired { border-color: #d6aaa6; color: #8e302b; background: #fff8f7; }
@keyframes timer-hand { to { transform: rotate(360deg); } }
.results-actions { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; }
.ghost-button { border: 1px solid var(--line); background: rgba(255,255,255,.58); padding: .62rem .82rem; cursor: pointer; border-radius: 7px; font-size: .78rem; line-height: 1.25; white-space: normal; transition: border-color .18s, background .18s, transform .18s; }
.ghost-button:hover { border-color: var(--mint-deep); background: white; transform: translateY(-1px); }
.ghost-button.danger { color: #9a352f; }
.ghost-button.remove-button { border-color: rgba(154,53,47,.35); }
.report-menu { position: relative; }
.report-menu summary { min-width: 154px; display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; list-style: none; cursor: pointer; border: 1px solid var(--line); background: white; padding: .62rem .78rem; border-radius: 7px; font-size: .78rem; transition: border-color .2s, background .2s; }
.report-menu summary::-webkit-details-marker { display: none; }
.report-menu summary::after { content: ""; width: .42rem; height: .42rem; border-right: 2px solid var(--ink); border-bottom: 2px solid var(--ink); transform: translateY(-2px) rotate(45deg); transition: transform .22s, border-color .22s, filter .22s; }
.report-menu summary:hover, .report-menu[open] summary { border-color: var(--mint-deep); background: #f8fcf9; }
.report-menu summary:hover::after, .report-menu[open] summary::after { border-color: var(--mint-deep); }
.report-menu[open] summary::after { transform: translateY(2px) rotate(225deg); }
.report-menu-panel { position: absolute; z-index: 8; right: 0; top: calc(100% + .4rem); min-width: 210px; padding: .4rem; background: var(--card); border: 1px solid var(--line); box-shadow: var(--shadow); }
.report-menu-panel button { display: block; width: 100%; border: 0; background: transparent; padding: .65rem .7rem; text-align: left; cursor: pointer; font-size: .78rem; }
.report-menu-panel button:hover { background: var(--paper); }
.action-dialog { width: min(92vw, 540px); padding: 0; border: 1px solid rgba(105,240,192,.42); border-radius: 10px; color: var(--ink); background: var(--card); box-shadow: 0 28px 80px rgba(2,27,26,.35); }
.action-dialog.dialog-fallback-open { position: fixed; z-index: 1000; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: block; max-height: 90vh; overflow: auto; }
.action-dialog.dialog-fallback-open::after { content: ""; position: fixed; z-index: -1; inset: -100vh -100vw; background: rgba(3,25,24,.68); }
.action-dialog::backdrop { background: rgba(3,25,24,.68); backdrop-filter: blur(5px); }
.action-dialog form { position: relative; padding: clamp(1.5rem, 5vw, 2.5rem); }
.dialog-close { position: absolute; top: .75rem; right: .8rem; width: 2rem; height: 2rem; border: 0; background: transparent; color: var(--muted); font-size: 1.4rem; cursor: pointer; }
.dialog-mark { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 1.2rem; border: 1px solid #b8d9cc; border-radius: 50%; background: #edf8f3; box-shadow: none; }
.dialog-mark span { color: var(--mint-deep); font: 800 1.35rem/1 var(--mono); transform: translateY(-1px); }
.action-dialog.is-danger { border-color: rgba(154,53,47,.45); }
.action-dialog.is-danger .dialog-mark { border-color: #b64138; box-shadow: 0 0 22px rgba(182,65,56,.2); }
.action-dialog.is-danger .dialog-mark span { color: #b64138; }
.action-dialog h2 { margin: .35rem 0 .8rem; font: 720 clamp(1.8rem, 5vw, 2.6rem)/1.02 var(--display); letter-spacing: -.035em; }
.action-dialog #action-dialog-message { color: var(--muted); line-height: 1.65; }
.dialog-note { margin: 1rem 0 0; padding: .8rem .9rem; border-left: 3px solid var(--mint-deep); background: rgba(105,240,192,.1); font-size: .78rem; line-height: 1.5; }
.dialog-actions { display: flex; justify-content: flex-end; gap: .65rem; margin-top: 1.5rem; }
.dialog-actions .primary-button { min-width: 130px; justify-content: center; padding: .7rem 1rem; border: 0; }
.action-dialog.is-danger .dialog-confirm { background: #8e302b; box-shadow: 5px 5px 0 #e7aaa5; }
.retention-dialog { width: min(92vw, 600px); padding: 0; border: 1px solid rgba(74,185,255,.48); border-radius: 18px; color: var(--ink); background: radial-gradient(circle at 50% 0, rgba(55,170,255,.12), transparent 16rem), var(--card); box-shadow: 0 28px 90px rgba(2,27,26,.38); }
.retention-dialog::backdrop { background: rgba(3,25,24,.72); backdrop-filter: blur(6px); }
.retention-dialog.dialog-fallback-open { position: fixed; z-index: 1000; inset: 50% auto auto 50%; transform: translate(-50%, -50%); display: block; max-height: 90vh; overflow: auto; }
.retention-dialog form { padding: clamp(1.7rem, 5vw, 3rem); text-align: center; }
.retention-dialog h2 { margin: .5rem auto .8rem; max-width: 470px; font: 720 clamp(2rem, 5vw, 3rem)/1.02 var(--display); letter-spacing: -.04em; }
.retention-dialog #retention-message { max-width: 500px; margin: 0 auto; color: var(--muted); line-height: 1.65; }
.retention-bot { width: 64px; height: 64px; margin: 0 auto 1.1rem; border: 2px solid rgba(63,190,255,.6); box-shadow: 0 0 28px rgba(28,156,255,.28); }
.retention-options { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: 1.6rem; }
.retention-options > * { width: 100%; min-height: 48px; }
.retention-note { margin: 1rem 0 0; color: var(--muted); font-size: .72rem; }
body:has(.action-dialog[open]), body:has(.retention-dialog[open]) { overflow: hidden; }
.auto-close-note { margin-top: 1rem; color: var(--mint-deep); font-size: .82rem; font-weight: 700; letter-spacing: .02em; }
.neo-assistant { position: fixed; z-index: 20; right: clamp(1rem, 2.5vw, 2rem); bottom: clamp(1rem, 2.5vw, 2rem); width: min(410px, calc(100vw - 2rem)); filter: drop-shadow(0 0 18px rgba(47,223,166,.12)); }
.neo-toggle { position: relative; width: 66px; min-height: 66px; margin-left: auto; display: grid; place-items: center; padding: 0; color: var(--ink); border: 1px solid rgba(66,213,163,.72); border-radius: 50%; background: radial-gradient(circle at 35% 28%, #fff 0 18%, #e9fff7 55%, #c8f5e4 100%); box-shadow: 0 0 0 7px rgba(72,221,169,.08), 0 0 30px rgba(26,196,139,.32), 0 14px 34px rgba(22,60,51,.22); cursor: pointer; animation: zyra-float 3s ease-in-out infinite, zyra-glow 2.8s ease-in-out infinite; }
.neo-toggle::before { content: ""; position: absolute; inset: -7px; border: 1px solid rgba(66,213,163,.3); border-radius: 50%; animation: zyra-ring 2.8s ease-out infinite; }
.neo-toggle > span:not(.neo-orb) { display: none; }
.neo-orb { width: 56px; height: 56px; display: grid; place-items: center; overflow: hidden; border: 1px solid rgba(87,202,255,.72); border-radius: 50%; background: #101a2b; box-shadow: inset 0 0 0 2px rgba(255,255,255,.24), 0 0 16px rgba(28,156,255,.34); }
.zyra-mark { display: inline-grid; width: 54px; height: 54px; place-items: center; overflow: hidden; border-radius: 50%; background: #101a2b; }
.zyra-mark img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 50% 48%; transform: scale(1.22); transform-origin: 50% 48%; user-select: none; pointer-events: none; -webkit-user-drag: none; }
.zyra-mark-small { width: 30px; height: 30px; margin-right: .35rem; border: 1px solid rgba(47,181,255,.58); vertical-align: -.55rem; box-shadow: 0 0 10px rgba(28,156,255,.24); }
@keyframes zyra-glow { 50% { box-shadow: 0 0 0 9px rgba(72,221,169,.12), 0 0 42px rgba(26,196,139,.5), 0 16px 38px rgba(22,60,51,.24); } }
@keyframes zyra-ring { 0% { transform: scale(.88); opacity: .85; } 80%, 100% { transform: scale(1.22); opacity: 0; } }
.neo-toggle strong, .neo-toggle small { display: block; }
.neo-toggle strong { font: 750 .78rem/1 var(--display); letter-spacing: .01em; }
.neo-toggle small { margin-top: .26rem; color: var(--muted); font-size: .66rem; }
.neo-chevron { color: var(--mint-deep); font: 700 1rem/1 var(--display); transition: transform .2s; }
.neo-toggle[aria-expanded="true"] .neo-chevron { transform: rotate(180deg); }
.neo-panel { margin-bottom: .8rem; overflow: hidden; border: 1px solid rgba(73,190,148,.58); border-radius: 17px; background: white; box-shadow: 0 0 0 5px rgba(70,218,165,.06), 0 0 34px rgba(26,196,139,.16), 0 24px 64px rgba(22,60,51,.24); }
.neo-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1.1rem 1.15rem .95rem; color: var(--ink); background: radial-gradient(circle at 12% 10%, rgba(105,240,192,.3), transparent 8rem), #edf9f4; }
.neo-header p { display: inline; margin: 0 0 0 .4rem; color: var(--muted); font: 650 .64rem/1 var(--display); letter-spacing: .03em; }
.neo-header h2 { margin: .45rem 0 0; font: 750 1.45rem/1 var(--display); letter-spacing: -.035em; }
.neo-status { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #35a379; }
.neo-header button { border: 0; color: var(--muted); background: transparent; font-size: 1.35rem; cursor: pointer; }
.neo-body { max-height: min(55vh, 470px); overflow: auto; padding: 1rem 1.15rem; }
.neo-intro { margin-bottom: .9rem; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.neo-score { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: .85rem; border: 1px solid var(--line); border-radius: 9px; background: white; }
.neo-score span { color: var(--muted); font: 700 .62rem/1 var(--mono); letter-spacing: .1em; }
.neo-score strong { font: 750 1.7rem/1 var(--display); }
.neo-advice { margin: 0; padding: 0; list-style: none; }
.neo-advice li { padding: .8rem 0; border-top: 1px solid var(--line); }
.neo-advice b { display: block; margin-bottom: .25rem; font-size: .84rem; }
.neo-advice p { margin: 0; color: var(--muted); font-size: .76rem; line-height: 1.5; }
.neo-action { display: block; margin-top: .35rem; color: var(--mint-deep); font-weight: 700; }
.neo-empty { padding: 1rem; border: 1px dashed var(--line); border-radius: 9px; color: var(--muted); text-align: center; font-size: .82rem; }
.zyra-suggestions { display: grid; gap: .45rem; margin: .9rem 0; }
.zyra-topic { display: grid; gap: 0; }
.zyra-suggestions button { width: 100%; padding: .68rem .75rem; border: 1px solid var(--line); border-radius: 9px; color: var(--ink); background: #f8fbf9; text-align: left; font-size: .78rem; cursor: pointer; transition: border-color .16s, background .16s, border-radius .16s; }
.zyra-suggestions button:hover, .zyra-suggestions button[aria-pressed="true"] { border-color: #78a896; background: #edf7f2; }
.zyra-suggestions button[aria-expanded="true"] { border-radius: 9px 9px 0 0; }
.zyra-suggestions button::after { content: "›"; float: right; color: var(--mint-deep); font-size: 1rem; line-height: .8; transition: transform .16s; }
.zyra-suggestions button[aria-expanded="true"]::after { transform: rotate(90deg); }
.zyra-answer { margin: 0; padding: .9rem; border: 1px solid #78a896; border-top: 0; border-radius: 0 0 10px 10px; background: linear-gradient(145deg, #f5faf7, #edfaf5); box-shadow: inset 3px 0 0 rgba(60,227,170,.42); }
.zyra-answer h3 { margin: 0 0 .55rem; font-size: 1rem; }
.zyra-answer > p { margin: .45rem 0 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.neo-footer { padding: .75rem 1.15rem; border-top: 1px solid var(--line); background: #f0f5ef; font-size: .64rem; line-height: 1.45; }
.neo-footer span, .neo-footer strong { display: block; }
.neo-footer strong { margin-top: .15rem; color: #8a4c24; }
.score-card { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 2.5rem; padding: clamp(1.5rem, 4vw, 3rem); background: white; color: var(--ink); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 14px 45px rgba(22,60,51,.08); }
.score-gauge { --score: 0; position: relative; width: 150px; height: 150px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(#35a379 calc(var(--score) * 1%), #e6eee9 0); }
.score-gauge::before { content: ""; position: absolute; width: 120px; height: 120px; background: white; border-radius: 50%; }
.score-gauge div { position: relative; display: flex; align-items: baseline; }
.score-gauge strong { font: 750 3.4rem/1 var(--display); }
.score-gauge span { font-size: .75rem; color: var(--muted); }
.score-copy .eyebrow { color: var(--mint-deep); margin-bottom: .6rem; }
.score-copy h3 { font: 700 2.2rem/1.05 var(--display); margin-bottom: .4rem; }
.score-copy p:last-child { color: var(--muted); margin: 0; }
.score-copy .coverage-line { margin-top: .65rem; color: var(--mint-deep); font-size: .78rem; }
.score-legend { min-width: 150px; font-size: .82rem; }
.legend-row { display: flex; justify-content: space-between; gap: 2rem; padding: .45rem 0; border-bottom: 1px solid var(--line); }
.report-guide { display: flex; gap: 1rem; align-items: flex-start; margin: 1.25rem 0; padding: 1rem 1.1rem; border: 1px solid #c9ddd3; border-radius: 12px; background: #f2f8f4; }
.report-guide > span { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: white; background: #2f8066; font-weight: 750; }
.report-guide strong { display: block; margin-bottom: .2rem; }
.report-guide p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.section-nav { position: sticky; top: .55rem; z-index: 8; display: flex; align-items: stretch; min-width: 0; margin: 1rem 0 1.25rem; overflow: visible; border: 1px solid #bdd4ca; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 14px 38px rgba(22,60,51,.1); backdrop-filter: blur(14px); }
.section-nav-primary { flex: 1 1 auto; min-width: 0; display: flex; overflow-x: auto; scrollbar-width: none; }
.section-nav-primary::-webkit-scrollbar { display: none; }
.section-nav a { flex: 0 0 auto; display: grid; place-items: center; min-height: 58px; padding: .7rem .85rem .6rem; border: 0; border-bottom: 3px solid transparent; color: #5e716b; background: transparent; box-shadow: none; font-size: .72rem; font-weight: 700; line-height: 1; text-decoration: none; transition: color .16s, border-color .16s, background .16s; }
.section-nav-primary a > span { margin-bottom: .26rem; color: #8fa39b; font: 750 .5rem/1 var(--mono); letter-spacing: .08em; }
.section-nav-primary a:nth-child(1) { --tab-accent: #08765c; --tab-wash: #edf9f4; }
.section-nav-primary a:nth-child(2) { --tab-accent: #d7534c; --tab-wash: #fff2f1; }
.section-nav-primary a:nth-child(3) { --tab-accent: #bb7113; --tab-wash: #fff7e8; }
.section-nav-primary a:nth-child(4) { --tab-accent: #356fd1; --tab-wash: #eff5ff; }
.section-nav-primary a:nth-child(5) { --tab-accent: #248c66; --tab-wash: #effaf5; }
.section-nav-primary a:nth-child(6) { --tab-accent: #078b9f; --tab-wash: #effbfc; }
.section-nav-primary a:nth-child(7) { --tab-accent: #7555c4; --tab-wash: #f5f1ff; }
.section-nav-primary a:nth-child(8) { --tab-accent: #c85462; --tab-wash: #fff2f4; }
.section-nav-primary a:nth-child(9) { --tab-accent: #315c84; --tab-wash: #f0f6fb; }
.section-nav-primary a:nth-child(10) { --tab-accent: #7555c4; --tab-wash: #f5f1ff; }
.section-nav-primary a:nth-child(11) { --tab-accent: #536d68; --tab-wash: #f0f4f2; }
.section-nav-primary a:nth-child(12) { --tab-accent: #0b7a66; --tab-wash: #edf8f4; }
.section-nav a:hover, .section-nav a[aria-current="true"] { color: var(--tab-accent, #08765c); border-bottom-color: var(--tab-accent, #32c997); background: var(--tab-wash, #f1faf6); }
.section-nav a[aria-current="true"] > span { color: var(--tab-accent, #08765c); }
.font-mode-toggle { flex: 0 0 auto; min-width: 92px; display: grid; place-content: center; gap: .25rem; padding: .6rem .75rem; border: 0; border-left: 1px solid #d8e2dd; color: #49645d; background: #fbfdfb; cursor: pointer; }
.font-mode-toggle:hover { color: #08765c; background: #f0f8f4; }
.font-mode-toggle span { color: #81968f; font: 750 .48rem/1 var(--mono); letter-spacing: .08em; }
.font-mode-toggle strong { font: 700 .67rem/1.1 var(--body); white-space: nowrap; }
.section-nav-more { position: relative; flex: 0 0 auto; border-left: 1px solid #d8e2dd; }
.section-nav-more > summary { min-width: 74px; min-height: 58px; display: grid; grid-template-columns: auto auto; place-content: center; align-items: center; gap: .5rem; padding: .7rem .85rem; color: #0b664f; font-size: .72rem; font-weight: 760; list-style: none; cursor: pointer; }
.section-nav-more > summary::-webkit-details-marker { display: none; }
.section-nav-more > summary i { position: relative; width: 4px; height: 4px; border-radius: 1px; background: currentColor; box-shadow: 7px 0 currentColor, 0 7px currentColor, 7px 7px currentColor; transform: translate(-3px,-3px); }
.section-nav-more[open] > summary { background: #edf8f3; }
.section-nav-more > div { position: absolute; top: calc(100% + .55rem); right: 0; width: 292px; max-height: min(360px, 62vh); display: grid; grid-template-columns: 1fr; gap: .2rem; overflow-y: auto; padding: .55rem; border: 1px solid #c3d7ce; border-radius: 13px; background: rgba(255,255,255,.98); box-shadow: 0 20px 55px rgba(22,60,51,.19); }
.section-nav-more > div a { min-height: 38px; justify-items: start; padding: .65rem .75rem; border: 0; border-radius: 8px; }
.dashboard-shell { margin-top: 0; overflow: visible; border: 0; background: transparent; box-shadow: none !important; }
.dashboard-shell > .report-section-heading { display: none; }
.dashboard-shell > .report-section-body { padding: 0; border: 0; overflow: visible; }
.report-section { content-visibility: auto; contain-intrinsic-size: auto 420px; scroll-margin-top: 90px; margin: 1rem 0; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: #f8faf7; box-shadow: 0 5px 18px rgba(22,60,51,.035); }
.report-section[open] { box-shadow: 0 10px 28px rgba(22,60,51,.055); }
.report-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.2rem; cursor: pointer; list-style: none; background: white; }
.report-section-heading::-webkit-details-marker { display: none; }
.report-section-heading > span:first-child { display: flex; flex-direction: column; gap: .25rem; }
.report-section-heading small { color: var(--muted); font-size: .7rem; font-weight: 600; }
.report-section-heading strong { font-size: 1.08rem; font-weight: 720; }
.section-caret { flex: 0 0 auto; width: 9px; height: 9px; border-right: 2px solid var(--muted); border-bottom: 2px solid var(--muted); transform: translateY(-2px) rotate(45deg); transition: transform .18s; }
.report-section[open] .section-caret { transform: translateY(2px) rotate(225deg); }
.report-section-body { min-width: 0; padding: clamp(1rem, 2.5vw, 1.45rem); border-top: 1px solid var(--line); overflow-x: clip; }
.section-title { display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--line); margin-bottom: 1rem; }
.section-title h3 { font: 700 2rem/1.05 var(--display); letter-spacing: -.035em; margin-bottom: .8rem; }
.section-title span { font-size: .72rem; letter-spacing: .03em; color: var(--muted); }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 1rem; align-items: stretch; }
.metric-card, .detail-card, .check-card { background: white; border: 1px solid var(--line); border-radius: 12px; padding: 1.2rem; box-shadow: 0 6px 20px rgba(22,60,51,.04); }
.metric-card .label, .detail-row dt { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.metric-card .label { display: flex; align-items: center; gap: .38rem; }
.metric-card strong { display: block; margin: .5rem 0; font: 720 clamp(1.5rem, 3vw, 2.3rem)/1.05 var(--display); letter-spacing: -.03em; overflow-wrap: anywhere; }
.metric-card p { color: var(--muted); font-size: .82rem; margin: 0; }
.meter { height: 6px; background: #e8e6de; margin-top: 1rem; overflow: hidden; }
.meter span { display: block; height: 100%; background: var(--mint-deep); }
.detail-card { grid-column: span 2; }
.detail-card h4, .check-card h4 { margin: 0 0 1rem; font-size: 1rem; }
.detail-list { margin: 0; }
.detail-row { display: grid; grid-template-columns: minmax(110px, .8fr) 2fr; gap: 1rem; padding: .7rem 0; border-top: 1px solid var(--line); }
.detail-row dd { display: flex; align-items: center; gap: .42rem; margin: 0; overflow-wrap: anywhere; }
.unavailable-info { position: relative; flex: 0 0 auto; width: 18px; height: 18px; display: inline-grid; place-items: center; border: 1px solid #78a896; border-radius: 50%; color: #176b52; background: #f4faf7; font: 750 .68rem/1 var(--display); text-transform: none; letter-spacing: 0; cursor: help; }
.unavailable-info::after { content: attr(data-explanation); position: absolute; z-index: 30; left: 50%; bottom: calc(100% + 9px); width: min(260px, 70vw); padding: .65rem .75rem; border: 1px solid #c8d8d1; border-radius: 8px; color: var(--ink); background: white; box-shadow: 0 10px 30px rgba(22,60,51,.16); font-size: .72rem; font-weight: 500; line-height: 1.45; text-align: left; text-transform: none; letter-spacing: 0; opacity: 0; visibility: hidden; transform: translate(-50%, 4px); transition: opacity .16s, transform .16s, visibility .16s; pointer-events: none; }
.unavailable-info:hover::after, .unavailable-info:focus-visible::after { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.unavailable-info:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.checks-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.priority-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin-bottom: 1rem; }
.priority-summary article { position: relative; display: grid; grid-template-columns: 1fr auto; gap: .25rem .7rem; padding: .9rem 1rem; overflow: hidden; border: 1px solid var(--line); border-radius: 11px; background: white; }
.priority-summary article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #789087; }
.priority-summary article.critical::before { background: #d94742; }.priority-summary article.important::before { background: #e38d24; }.priority-summary article.policy::before { background: #7d65b7; }.priority-summary article.maintenance::before { background: #4b78cf; }.priority-summary article.informational::before { background: #299874; }
.priority-summary span { font: 750 .67rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.priority-summary strong { grid-row: 1 / 3; grid-column: 2; align-self: center; font: 760 1.7rem/1 var(--display); }
.priority-summary small { color: var(--muted); font-size: .7rem; }
.priority-group { margin: .75rem 0; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.58); }
.priority-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; cursor: pointer; list-style: none; background: white; }
.priority-group > summary::-webkit-details-marker { display: none; }
.priority-group > summary span { display: grid; gap: .25rem; }.priority-group > summary strong { font-size: .9rem; }.priority-group > summary small { color: var(--muted); font-size: .72rem; }
.priority-group > summary b { min-width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: white; background: #6a8179; font: 750 .75rem/1 var(--mono); }
.priority-group.critical > summary { border-left: 5px solid #d94742; }.priority-group.important > summary { border-left: 5px solid #e38d24; }.priority-group.policy > summary { border-left: 5px solid #7d65b7; }.priority-group.maintenance > summary { border-left: 5px solid #4b78cf; }.priority-group.informational > summary { border-left: 5px solid #299874; }
.priority-group.critical > summary b { background: #d94742; }.priority-group.important > summary b { background: #c96f0c; }.priority-group.policy > summary b { background: #6a519f; }.priority-group.maintenance > summary b { background: #4b78cf; }.priority-group.informational > summary b { background: #218263; }
.priority-group > .checks-grid { padding: 1rem; border-top: 1px solid var(--line); }
.check-card-top { display: flex; align-items: center; gap: .45rem; }.check-card-top .priority-chip { margin-left: auto; padding: .22rem .45rem; border-radius: 999px; color: #526a63; background: #edf4f0; font: 750 .56rem/1 var(--mono); text-transform: uppercase; }
.check-card.priority-critical { box-shadow: inset 4px 0 #d94742; }.check-card.priority-important { box-shadow: inset 4px 0 #e38d24; }.check-card.priority-maintenance { box-shadow: inset 4px 0 #4b78cf; }.check-card.priority-informational { box-shadow: inset 4px 0 #299874; }
.check-card.priority-policy { box-shadow: inset 4px 0 #7d65b7; }
.issue-diagnosis { margin: .9rem 0; border: 1px solid #c9ddd4; border-radius: 9px; background: #f5faf7; }
.issue-diagnosis > summary { padding: .65rem .75rem; color: #08765c; font-size: .76rem; font-weight: 750; cursor: pointer; }
.issue-diagnosis > div { padding: 0 .8rem .8rem; color: var(--muted); font-size: .74rem; line-height: 1.5; }.issue-diagnosis ul, .issue-diagnosis ol { margin: .4rem 0 .7rem; padding-left: 1.1rem; }.issue-diagnosis small { display: block; padding: .55rem; border-left: 3px solid var(--amber); background: #fff8df; }
.priority-empty { grid-column: 1 / -1; margin: 0; color: var(--muted); }
.optimizer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 1rem; }
.optimizer-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 6px 20px rgba(22,60,51,.04); }
.optimizer-card > span { color: var(--mint-deep); font: 700 .72rem/1 var(--mono); }
.optimizer-card h4 { margin: .75rem 0 .45rem; font-size: 1rem; }
.optimizer-card p { min-height: 7.5rem; margin: 0 0 .8rem; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.optimizer-card strong { color: var(--mint-deep); font-size: .72rem; }
.optimizer-card .ghost-button { width: 100%; margin-top: auto; padding: .7rem .75rem; background: #f7fbf8; }
.maintenance-lab { padding: clamp(1rem, 2.5vw, 1.35rem); border: 1px solid #b9d8ca; border-radius: 14px; background: linear-gradient(135deg, #f7fffb, #eef8f2); box-shadow: 0 12px 34px rgba(22,60,51,.055); }
.maintenance-lab > header { max-width: 900px; margin-bottom: 1rem; }
.maintenance-lab > header h3 { margin: .25rem 0 .35rem; font-size: clamp(1.35rem, 2.5vw, 1.9rem); }
.maintenance-lab > header p:last-child { margin: 0; color: var(--muted); line-height: 1.55; }
.maintenance-lab-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: .85rem; }
.maintenance-card { display: flex; flex-direction: column; min-width: 0; padding: 1rem; border: 1px solid #cfe2d7; border-radius: 12px; background: rgba(255,255,255,.86); box-shadow: 0 8px 22px rgba(22,60,51,.035); }
.maintenance-card > span { color: var(--mint-deep); font: 800 .64rem/1 var(--mono); letter-spacing: .1em; }
.maintenance-card h4 { margin: .55rem 0 .45rem; font-size: 1.05rem; }
.maintenance-card p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.maintenance-card ul { margin: .8rem 0 1rem; padding-left: 1.1rem; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.maintenance-card .ghost-button { width: 100%; margin-top: auto; }
.maintenance-card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: auto; }
.maintenance-card-actions .ghost-button { margin: 0; padding-inline: .6rem; }
.optimizer-action { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.5rem; margin-top: 1rem; padding: 1.3rem; border: 1px solid #b9d8ca; border-radius: 12px; background: #edf8f2; }
.optimizer-action > .optimizer-refresh-button { grid-column: 2; grid-row: 1; align-self: end; min-width: 170px; background: white; }
.optimizer-action > .primary-button { grid-column: 2; grid-row: 2; min-width: 220px; }
.optimizer-action .eyebrow { margin-bottom: .4rem; }
.optimizer-action h4 { margin: 0 0 .3rem; font-size: 1.2rem; }
.optimizer-action p { margin: 0; color: var(--muted); font-size: .82rem; }
.optimizer-result { grid-column: 1 / -1; padding: 1rem; border: 1px solid #a9cdbd; border-radius: 9px; background: white; }
.optimizer-result strong { display: block; margin-bottom: .25rem; }
.optimizer-result p { color: var(--ink); }
.optimizer-result small { color: var(--muted); }
.optimizer-drive-note { margin: .8rem 0 0; padding: .75rem .85rem; border-left: 3px solid var(--amber); background: #fff8df; }
.optimizer-stats { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: .7rem; margin: .85rem 0; }
.optimizer-stats article { padding: .85rem; border: 1px solid var(--line); border-radius: 10px; background: #f8faf7; }
.optimizer-stats span { display: block; color: var(--muted); font: 700 .68rem/1.2 var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.optimizer-stats strong { margin: .35rem 0 .2rem; font-size: 1.15rem; }
.optimizer-stats small { display: block; line-height: 1.35; }
.storage-analysis-table-wrap { overflow-x: auto; margin: .8rem 0; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.storage-analysis-table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: .78rem; }
.storage-analysis-table th, .storage-analysis-table td { padding: .65rem .75rem; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.storage-analysis-table th { color: var(--ink); background: #f2f8f4; font-weight: 750; }
.storage-analysis-table small { display: block; margin-top: .25rem; }
.storage-drive-panel { display: grid; grid-template-columns: minmax(240px, .8fr) 1.2fr; gap: 1rem; margin-top: 1rem; padding: 1.1rem; border: 1px solid #b9d8ca; border-radius: 12px; background: #edf8f2; }
.storage-drive-panel h4 { margin: .25rem 0 .35rem; font-size: 1.05rem; }
.storage-drive-panel p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.storage-drive-actions { display: flex; flex-wrap: wrap; gap: .55rem; align-content: center; }
.storage-drive-action { min-width: 130px; background: white; }
.storage-evidence { margin: 1rem 0; padding: 1.15rem; border: 1px solid #bcd5ca; border-radius: 14px; background: linear-gradient(145deg, #f7fcf9, #edf7f2); }
.storage-evidence-heading h3 { margin: .25rem 0 .35rem; }.storage-evidence-heading p:last-child { margin: 0 0 1rem; color: var(--muted); font-size: .82rem; }
.drive-evidence { margin-top: .85rem; overflow: hidden; border: 1px solid #cbded5; border-radius: 12px; background: white; box-shadow: 0 8px 24px rgba(22,60,51,.045); }
.drive-evidence > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .9rem 1rem; border-bottom: 1px solid #dbe7e1; }.drive-evidence > header span { color: #08765c; font: 760 .58rem/1 var(--mono); letter-spacing: .08em; }.drive-evidence > header h4 { margin: .35rem 0 0; }.drive-evidence > header b { color: #587068; font-size: .72rem; }
.drive-evidence-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }.drive-evidence-grid > div { min-width: 0; padding: 1rem; border-right: 1px solid #e0e9e4; border-bottom: 1px solid #e0e9e4; }.drive-evidence-grid > div:nth-child(3n) { border-right: 0; }.drive-evidence-grid > div:nth-last-child(-n+3) { border-bottom: 0; }
.drive-evidence-grid span { display: block; color: #638078; font: 750 .56rem/1 var(--mono); letter-spacing: .07em; }.drive-evidence-grid strong { display: block; margin: .48rem 0 .35rem; font-size: 1.03rem; }.drive-evidence-grid small { display: block; color: var(--muted); font-size: .7rem; line-height: 1.45; }
.sensor-lab { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .85rem; margin-bottom: 1rem; }
.sensor-lab article { padding: 1rem; border: 1px solid #cfe2d7; border-radius: 12px; background: white; box-shadow: 0 8px 20px rgba(22,60,51,.035); }
.sensor-lab span { display: block; color: var(--mint-deep); font: 800 .64rem/1 var(--mono); letter-spacing: .1em; }
.sensor-lab strong { display: block; margin: .5rem 0 .4rem; font-size: 1.15rem; }
.sensor-lab p { margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.diagnostic-console { padding: clamp(.85rem, 2vw, 1.25rem); overflow: hidden; border: 1px solid #bed7cc; border-radius: 18px; background: linear-gradient(145deg, #f8fcfa, #eef7f3); color: var(--ink); box-shadow: 0 18px 48px rgba(22,60,51,.09); }
.console-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.1rem; padding: .2rem .35rem .85rem; border-bottom: 1px solid #d8e5df; color: #71867f; font: 700 .56rem/1.2 var(--mono); letter-spacing: .06em; }
.console-meta span { display: inline-flex; align-items: center; gap: .4rem; }
.console-live { color: #08765c; }
.console-live i { width: 7px; height: 7px; border-radius: 50%; background: #2dcc91; box-shadow: 0 0 0 4px rgba(45,204,145,.12); }
.diagnostic-console > header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.1rem .35rem 1.2rem; }
.console-heading { min-width: 0; }
.diagnostic-console > header .eyebrow { color: #08765c; }
.diagnostic-console > header h3 { margin: .25rem 0 .4rem; color: var(--ink); font: 720 clamp(1.55rem, 3vw, 2.25rem)/1.05 var(--display); letter-spacing: -.035em; }
.diagnostic-console > header p:last-child { max-width: 720px; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.console-actions { flex: 0 0 auto; display: flex; align-items: stretch; gap: .65rem; }
.console-health { min-width: 104px; display: grid; grid-template-columns: 1fr auto; align-content: center; padding: .75rem .85rem; border: 1px solid #c4dbd1; border-radius: 12px; background: rgba(255,255,255,.72); }
.console-health span { grid-column: 1 / -1; margin-bottom: .35rem; color: #647a72; font: 750 .55rem/1 var(--mono); letter-spacing: .08em; }
.console-health strong { color: #08765c; font: 760 1.55rem/1 var(--display); }
.console-health small { align-self: end; color: #7a8f87; font-size: .65rem; }
.zyra-console-button { flex: 0 0 auto; min-width: 196px; display: flex; align-items: center; gap: .65rem; padding: .65rem .8rem; border: 1px solid #5acaa2; border-radius: 12px; color: #f5fffb; background: linear-gradient(135deg, #08765c, #0b9671); text-align: left; cursor: pointer; box-shadow: 0 10px 24px rgba(8,118,92,.18); }
.zyra-console-avatar { flex: 0 0 auto; width: 38px; height: 38px; overflow: hidden; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: #101a2b; }
.zyra-console-avatar img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.18); }
.zyra-console-button > span:last-child { display: grid; gap: .25rem; }
.zyra-console-button small { color: #b8ffe3; font: 800 .55rem/1 var(--mono); letter-spacing: .1em; }
.zyra-console-button strong { font-size: .8rem; }
.zyra-console-button:hover { transform: translateY(-1px); box-shadow: 0 14px 28px rgba(8,118,92,.24); }
.diagnostic-console-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.console-tile { position: relative; min-width: 0; display: flex; flex-direction: column; min-height: 210px; padding: 1.15rem; border: 1px solid #d2e1da; border-radius: 14px; background: white; box-shadow: 0 7px 20px rgba(22,60,51,.045); }
.console-tile::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; border-radius: 14px 0 0 14px; background: #32c997; }
.console-tile.thermal::before { background: #f4a340; }.console-tile.memory::before { background: #537fe7; }.console-tile.storage::before { background: #21a179; }.console-tile.capacity::before { background: #9c6ade; }.console-tile.drivers::before { background: #4f9bb8; }.console-tile.stability::before { background: #db675f; }
.console-tile-top { display: flex; align-items: center; gap: .6rem; color: #4f6d64; font: 800 .61rem/1 var(--mono); letter-spacing: .09em; }
.console-icon { flex: 0 0 auto; min-width: 34px; height: 30px; display: grid; place-items: center; padding: 0 .35rem; border: 1px solid #c9ddd4; border-radius: 8px; color: #08765c; background: #eff8f4; font: 800 .55rem/1 var(--mono); letter-spacing: .02em; }
.console-tile > strong { display: block; margin: .7rem 0 .4rem; color: var(--ink); font: 720 clamp(1.25rem, 2.3vw, 1.75rem)/1 var(--display); overflow-wrap: anywhere; }
.console-tile > p { margin: 0 0 1rem; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.console-tile > button { width: fit-content; margin-top: auto; padding: .45rem .6rem; border: 1px solid #c9ddd4; border-radius: 8px; color: #08765c; background: #f4faf7; font-weight: 750; font-size: .73rem; cursor: pointer; }
.console-tile > button:hover { border-color: #72bda1; background: #e9f7f1; }
.five-second-summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.25rem; margin: 1rem 0 .8rem; padding: 1.15rem; border: 1px solid #c4dbd1; border-radius: 16px; background: rgba(255,255,255,.86); box-shadow: 0 12px 34px rgba(22,60,51,.07); }
.five-second-score { width: 112px; height: 112px; display: grid; place-content: center; text-align: center; border: 8px solid #55b995; border-radius: 50%; background: #f8fcfa; }
.five-second-score span { color: var(--muted); font: 800 .53rem/1 var(--mono); letter-spacing: .07em; }.five-second-score strong { font: 780 2.35rem/1 var(--display); }.five-second-score small { color: var(--muted); font-size: .62rem; }
.five-second-score.needs-attention { border-color: #e0a233; }.five-second-score.action-recommended { border-color: #dc5b54; }.five-second-score.limited-data { border-color: #718985; }
.five-second-verdict .eyebrow { margin-bottom: .4rem; }.five-second-verdict h3 { margin: 0 0 .35rem; font: 740 clamp(1.45rem, 3vw, 2.2rem)/1.05 var(--display); letter-spacing: -.035em; }.five-second-verdict p:last-child { max-width: 720px; margin: 0; color: var(--muted); font-size: .8rem; }
.scan-facts { min-width: 185px; margin: 0; }.scan-facts div { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid var(--line); }.scan-facts dt { color: var(--muted); font-size: .65rem; }.scan-facts dd { margin: 0; font: 750 .76rem/1 var(--mono); }
.quick-response { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .5fr); gap: .8rem; margin-bottom: .8rem; }.quick-response > div { padding: 1rem; border: 1px solid #d1dfd9; border-radius: 14px; background: rgba(255,255,255,.72); }.quick-response .eyebrow { margin-bottom: .7rem; }
.quick-findings { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }.quick-finding { position: relative; min-height: 122px; padding: .85rem; border: 1px solid var(--line); border-left: 4px solid #e0a233; border-radius: 10px; background: white; }.quick-finding.critical { border-left-color: #dc5b54; }.quick-finding.good { grid-column: 1 / -1; border-left-color: #2b9a73; }.quick-finding span { color: var(--muted); font: 800 .53rem/1 var(--mono); letter-spacing: .07em; }.quick-finding strong,.quick-finding small { display: block; }.quick-finding strong { margin: .42rem 0; font-size: .82rem; line-height: 1.25; }.quick-finding small { color: var(--muted); font-size: .67rem; line-height: 1.45; }
.safe-action-bar { align-content: start; display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }.safe-action-bar button { min-height: 42px; padding: .55rem; border: 1px solid #c8d9d2; border-radius: 9px; color: var(--ink); background: #f8fbf9; font-size: .7rem; cursor: pointer; }.safe-action-bar button:hover { border-color: #64b596; background: #eaf7f1; }
.clinical-explanation { margin: .85rem 0; border-top: 1px solid var(--line); }.clinical-explanation div { padding: .65rem 0; border-bottom: 1px solid var(--line); }.clinical-explanation dt { color: var(--muted); font: 800 .58rem/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; }.clinical-explanation dd { margin: .3rem 0 0; color: var(--ink); font-size: .76rem; line-height: 1.5; }
.score-ledger { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-bottom: 1rem; }.score-ledger article { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: white; }.score-ledger ul { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }.score-ledger li { display: grid; grid-template-columns: auto 1fr auto; gap: .55rem; align-items: center; padding: .55rem; border-radius: 8px; background: #f4faf7; }.score-ledger li > span { min-width: 32px; color: #08765c; font: 800 .68rem/1 var(--mono); }.score-ledger li.warning > span { color: #a7650c; }.score-ledger li.critical > span { color: #b93732; }.score-ledger li strong { font-size: .74rem; }.score-ledger li small { color: var(--muted); font-size: .62rem; }
.event-timeline { margin-bottom: 1rem; padding: 1.15rem; border: 1px solid #c6dad1; border-radius: 14px; background: linear-gradient(145deg,#f8fcfa,#eff7f3); }.event-timeline header h3 { margin: .25rem 0 .35rem; }.event-timeline header p:last-child { margin: 0 0 1rem; color: var(--muted); font-size: .8rem; }.event-timeline ol { position: relative; display: grid; gap: 0; margin: 0; padding: 0 0 0 1.1rem; list-style: none; }.event-timeline ol::before { content: ""; position: absolute; inset: .4rem auto .4rem 5.5rem; width: 2px; background: #c9ddd4; }.event-timeline li { position: relative; display: grid; grid-template-columns: 4.8rem 1fr; gap: 1.25rem; padding: .65rem 0; }.event-timeline li::before { content: ""; position: absolute; left: 4.12rem; top: 1rem; z-index: 1; width: 10px; height: 10px; border: 3px solid #f7fbf9; border-radius: 50%; background: #da9730; }.event-timeline li.critical::before { background: #d84e49; }.event-timeline li.scan::before { background: #3977d2; }.event-timeline time { color: var(--muted); font: 700 .61rem/1.35 var(--mono); }.event-timeline li div { padding: .75rem; border: 1px solid var(--line); border-radius: 10px; background: white; }.event-timeline li span { color: var(--muted); font: 750 .54rem/1 var(--mono); letter-spacing: .05em; }.event-timeline li strong { display: block; margin: .35rem 0; font-size: .82rem; }.event-timeline li p { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.5; }
.settings-panel { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; }.settings-panel article { padding: 1.1rem; border: 1px solid var(--line); border-radius: 13px; background: white; }.settings-panel h3 { margin: .25rem 0 .65rem; font-size: 1.1rem; }.settings-panel p { color: var(--muted); font-size: .78rem; }.choice-buttons { display: grid; grid-template-columns: repeat(3,1fr); gap: .4rem; margin-bottom: .75rem; }.choice-buttons button { min-height: 42px; border: 1px solid var(--line); border-radius: 8px; background: #f8fbf9; cursor: pointer; }.choice-buttons button[aria-pressed="true"] { border-color: #238361; color: #08765c; background: #e6f6ef; box-shadow: inset 0 0 0 1px #238361; }.principle-list { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }.principle-list li { position: relative; padding-left: 1.3rem; font-size: .74rem; }.principle-list li::before { content: "\2713"; position: absolute; left: 0; color: #138161; font-weight: 900; }
.threshold-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .45rem; margin: .7rem 0; }.threshold-grid label { display: grid; gap: .3rem; color: var(--muted); font: 700 .68rem/1.25 var(--app-font,inherit); }.threshold-grid input { width: 100%; min-height: 38px; border: 1px solid var(--line); border-radius: 8px; padding: .35rem .45rem; background: transparent; color: var(--ink); font: 700 .88rem/1 var(--app-font,inherit); }
.startup-impact-panel, .report-compare { padding: 1.2rem; border: 1px solid var(--line); border-radius: 13px; background: var(--surface, white); box-shadow: 0 6px 20px rgba(22,60,51,.04); }.startup-impact-panel h3, .report-compare h3 { margin: .2rem 0 .45rem; }.startup-impact-panel header p:not(.eyebrow), .report-compare header p:not(.eyebrow) { color: var(--muted); max-width: 76ch; }.startup-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: .55rem; margin: .85rem 0; }.startup-list article { display: grid; gap: .25rem; min-width: 0; padding: .75rem; border: 1px solid var(--line); border-radius: 9px; background: color-mix(in srgb, var(--surface, #fff) 92%, var(--soft, #eef7f2)); }.startup-list span, .startup-list small { overflow-wrap: anywhere; color: var(--muted); }.report-compare-inputs { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: .65rem; margin: .9rem 0; }.report-compare-inputs label { display: grid; gap: .35rem; color: var(--muted); font-weight: 700; font-size: .8rem; }.report-compare-inputs input { width: 100%; min-width: 0; padding: .55rem; color: var(--ink); border: 1px solid var(--line); border-radius: 8px; background: transparent; }.report-compare-result { min-height: 1.2rem; color: var(--muted); }.report-compare-table { overflow-x: auto; }.report-compare-table table { width: 100%; border-collapse: collapse; margin-top: .65rem; }.report-compare-table th, .report-compare-table td { padding: .65rem; text-align: left; vertical-align: top; border: 1px solid var(--line); }.report-compare-table th { font-size: .8rem; }.compare-error { color: #ab3329; font-weight: 700; }
.nav-preference-tools { display: flex; flex: 0 0 auto; }.theme-mode-toggle { min-width: 78px; display: grid; place-content: center; gap: .25rem; padding: .55rem .65rem; border: 0; border-left: 1px solid #d8e2dd; color: #49645d; background: #fbfdfb; cursor: pointer; }.theme-mode-toggle span { color: #81968f; font: 750 .48rem/1 var(--mono); letter-spacing: .08em; }.theme-mode-toggle strong { font: 700 .67rem/1 var(--body); }
html[data-theme="dark"] .topbar, html[data-theme="dark"] .section-nav { background: rgba(16,29,27,.94); border-color: var(--line); }
html[data-theme="dark"] .privacy-pill, html[data-theme="dark"] .score-card, html[data-theme="dark"] .report-section-heading,
html[data-theme="dark"] .metric-card, html[data-theme="dark"] .detail-card, html[data-theme="dark"] .check-card,
html[data-theme="dark"] .priority-summary article, html[data-theme="dark"] .priority-group > summary,
html[data-theme="dark"] .console-tile, html[data-theme="dark"] .five-second-summary,
html[data-theme="dark"] .quick-response > div, html[data-theme="dark"] .quick-finding,
html[data-theme="dark"] .score-ledger article, html[data-theme="dark"] .score-ledger li,
html[data-theme="dark"] .event-timeline li div, html[data-theme="dark"] .settings-panel article,
html[data-theme="dark"] .neo-panel, html[data-theme="dark"] .neo-score { color: var(--ink); background: var(--card); border-color: var(--line); }
html[data-theme="dark"] .report-section, html[data-theme="dark"] .diagnostic-console,
html[data-theme="dark"] .event-timeline, html[data-theme="dark"] .storage-evidence,
html[data-theme="dark"] .issue-diagnosis, html[data-theme="dark"] .zyra-answer { color: var(--ink); background: #11201e; border-color: var(--line); }
html[data-theme="dark"] .score-gauge::before, html[data-theme="dark"] .five-second-score { background: var(--card); }
html[data-theme="dark"] .font-mode-toggle, html[data-theme="dark"] .theme-mode-toggle,
html[data-theme="dark"] .safe-action-bar button, html[data-theme="dark"] .choice-buttons button,
html[data-theme="dark"] .console-tile > button, html[data-theme="dark"] .zyra-suggestions button { color: var(--ink); background: #1a2c29; border-color: var(--line); }
html[data-theme="dark"] .choice-buttons button[aria-pressed="true"] { color: #84e8c5; background: #173d33; border-color: #56cba3; }
html[data-theme="dark"] .section-nav a:hover, html[data-theme="dark"] .section-nav a[aria-current="true"] { background: #18312b; }
html[data-theme="dark"] .neo-header, html[data-theme="dark"] .neo-footer { color: var(--ink); background: #172925; border-color: var(--line); }
html[data-theme="dark"] .event-timeline li::before { border-color: #11201e; }

@media (max-width: 980px) {
  .five-second-summary { grid-template-columns: auto 1fr; }.scan-facts { grid-column: 1 / -1; }
  .quick-response, .settings-panel { grid-template-columns: 1fr; }
  .threshold-grid { grid-template-columns: 1fr; }
  .report-compare-inputs { grid-template-columns: 1fr; align-items: stretch; }
  .section-nav { overflow: hidden; }.nav-preference-tools { display: none; }
}
@media (max-width: 640px) {
  .five-second-summary { grid-template-columns: 1fr; text-align: left; }.five-second-score { width: 96px; height: 96px; }
  .quick-findings, .score-ledger, .safe-action-bar { grid-template-columns: 1fr; }
  .event-timeline ol { padding-left: 0; }.event-timeline ol::before { left: .32rem; }.event-timeline li { grid-template-columns: 1fr; padding-left: 1.6rem; }.event-timeline li::before { left: -.12rem; }.event-timeline time { padding-left: .2rem; }
}
@media (forced-colors: active) {
  * { box-shadow: none !important; }
  .status-dot, .five-second-score, .console-tile::before, .quick-finding { forced-color-adjust: none; }
  button, a, summary { outline-color: Highlight; }
}
.computer-fit { margin-bottom: 1rem; overflow: hidden; border: 1px solid #bcd8cc; border-radius: 16px; background: linear-gradient(145deg, #f8fcfa, #eef8f3); box-shadow: 0 14px 36px rgba(22,60,51,.07); }
.computer-fit > header { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: clamp(1.1rem, 2.5vw, 1.55rem); border-bottom: 1px solid #cfe0d8; }
.computer-fit > header > div:first-child { max-width: 760px; }
.computer-fit > header h3 { margin: .2rem 0 .4rem; font: 720 clamp(1.5rem, 3vw, 2.2rem)/1.05 var(--display); letter-spacing: -.035em; }
.computer-fit > header p:last-child { margin: 0; color: var(--muted); font-size: .84rem; }
.tab-capacity { flex: 0 0 250px; display: grid; padding: .9rem 1rem; border: 1px solid #74c3a6; border-radius: 13px; background: #08765c; color: white; box-shadow: 0 10px 25px rgba(8,118,92,.18); }
.tab-capacity span { color: #aaf6d8; font: 750 .55rem/1 var(--mono); letter-spacing: .08em; }
.tab-capacity strong { margin: .45rem 0 .3rem; font: 760 1.55rem/1 var(--display); }
.tab-capacity small { color: #dcf8ec; font-size: .68rem; line-height: 1.35; }
.computer-fit-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
.fit-card { position: relative; min-width: 0; padding: 1.2rem 1.25rem; border-right: 1px solid #d2e1da; background: rgba(255,255,255,.68); }
.fit-card:last-child { border-right: 0; }
.fit-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: #22a77b; }
.fit-card.limits::before { background: #e06961; }
.fit-card.evidence::before { background: #5d81d9; }
.fit-card > span { color: #55736a; font: 800 .61rem/1 var(--mono); letter-spacing: .09em; }
.fit-card ul { margin: .8rem 0 0; padding-left: 1.05rem; }
.fit-card li { margin: .45rem 0; color: var(--ink); font-size: .8rem; line-height: 1.45; }
.tab-guidance { margin: 0; padding: .9rem 1.25rem; border-top: 1px solid #cfe0d8; color: #526a63; background: #edf7f2; font-size: .78rem; line-height: 1.55; }
.tab-guidance strong { color: var(--ink); }
.configuration-verdict { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #cfe0d8; background: rgba(255,255,255,.58); }
.configuration-verdict article { padding: 1.05rem 1.25rem; border-right: 1px solid #d2e1da; }.configuration-verdict article:last-child { border-right: 0; }
.configuration-verdict span { color: #55736a; font: 800 .61rem/1 var(--mono); letter-spacing: .09em; }
.configuration-verdict p, .configuration-verdict ol { margin: .65rem 0 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }.configuration-verdict ol { padding-left: 1.1rem; }.configuration-verdict li { margin: .4rem 0; }
.capability-ledger { margin: 1rem 0; padding: 1.2rem; border: 1px solid #c8d9d1; border-radius: 14px; background: white; box-shadow: 0 9px 28px rgba(22,60,51,.05); }
.capability-ledger header h3 { margin: .25rem 0 .35rem; }.capability-ledger header p:last-child { margin: 0 0 1rem; color: var(--muted); font-size: .82rem; }
.capability-ledger > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
.capability-ledger article { display: flex; align-items: center; gap: .75rem; min-width: 0; padding: .75rem; border: 1px solid #d5e1dc; border-radius: 9px; background: #f8fbf9; }
.capability-ledger article > span { flex: 0 0 auto; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #08765c; background: #dff7ec; font-weight: 800; }.capability-ledger article.unavailable > span { color: #8a5e18; background: #fff2cf; }
.capability-ledger article div { min-width: 0; display: grid; gap: .2rem; }.capability-ledger article strong { font-size: .8rem; }.capability-ledger article small { color: var(--muted); font-size: .69rem; line-height: 1.35; }
.memory-lab { overflow: hidden; border: 1px solid #bad8cb; border-radius: 16px; background: linear-gradient(145deg, #fbfffd, #eef8f3); box-shadow: 0 14px 36px rgba(22,60,51,.07); }
.memory-lab > header { display: flex; justify-content: space-between; align-items: center; gap: 1.25rem; padding: clamp(1.2rem, 3vw, 1.7rem); border-bottom: 1px solid #cfe2d7; background: rgba(255,255,255,.66); }
.memory-lab > header h3 { margin: .25rem 0 .4rem; font: 720 clamp(1.35rem, 2.6vw, 2rem)/1.08 var(--display); }
.memory-lab > header p:last-child { max-width: 780px; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.memory-pressure { flex: 0 0 auto; padding: .75rem .9rem; border: 1px solid #acd6c4; border-radius: 999px; color: #0a6d54; background: #e8fff5; font-size: .85rem; white-space: nowrap; }
.memory-pressure.high { border-color: #e7bd69; color: #855a00; background: #fff5d9; }
.memory-header-status { flex: 0 0 auto; display: grid; justify-items: end; gap: .35rem; }
.memory-header-status > span { color: var(--mint-deep); font: 800 .62rem/1 var(--mono); letter-spacing: .1em; }
.memory-header-status small { color: var(--muted); font-size: .72rem; }
.memory-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid #cfe2d7; }
.memory-overview-grid article { padding: 1.1rem; border-right: 1px solid #cfe2d7; background: rgba(255,255,255,.5); }
.memory-overview-grid article:last-child { border-right: 0; }
.memory-overview-grid span, .memory-module-card span, .memory-test-actions article > span { color: var(--mint-deep); font: 800 .64rem/1 var(--mono); letter-spacing: .1em; }
.memory-overview-grid strong { display: block; margin: .55rem 0 .35rem; font-size: 1.35rem; }
.memory-overview-grid p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.memory-module-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .75rem; padding: 1rem; }
.memory-module-card { padding: 1rem; border: 1px solid #cfe2d7; border-radius: 11px; background: white; }
.memory-module-card strong { display: block; margin: .55rem 0 .35rem; font-size: 1.2rem; }
.memory-module-card p, .memory-module-card small { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.memory-test-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; padding: 0 1rem 1rem; }
.memory-test-actions article { display: flex; flex-direction: column; min-width: 0; padding: 1.1rem; border: 1px solid #cfe2d7; border-radius: 12px; background: white; }
.memory-test-actions h4 { margin: .6rem 0 .4rem; font-size: 1.05rem; }
.memory-test-actions p { margin: 0 0 1rem; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.memory-test-actions button { width: 100%; margin-top: auto; }
.memory-test-result { margin: 0 1rem 1rem; padding: 1rem; border: 1px solid #9dceb8; border-radius: 11px; background: white; }
.memory-test-result.test-failed { border-color: #e4a8a2; background: #fff7f6; }
.memory-test-result > strong { display: block; margin-bottom: .45rem; font-size: 1.05rem; }
.memory-test-result p, .memory-test-result small { color: var(--muted); line-height: 1.5; }
.memory-test-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin: .8rem 0; }
.memory-test-stats span { padding: .7rem; border: 1px solid var(--line); border-radius: 8px; color: var(--muted); background: #f7faf8; font-size: .72rem; overflow-wrap: anywhere; }
.memory-test-stats b { display: block; margin-bottom: .2rem; color: var(--ink); }
.cooling-lab-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; padding: 1.15rem; border: 1px solid #bdd9cc; border-radius: 14px; background: linear-gradient(135deg, #f8fcfa, #edf7f2); }
.cooling-lab-header h3 { margin: .25rem 0 .35rem; font-size: 1.35rem; }
.cooling-lab-header p:last-child { max-width: 860px; margin: 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.sensor-source-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.sensor-source-card { padding: .9rem; border: 1px solid #d2e1da; border-radius: 11px; background: white; }
.sensor-source-card > span { color: #9b443d; font: 800 .6rem/1 var(--mono); letter-spacing: .08em; }
.sensor-source-card.available > span { color: #08765c; }
.sensor-source-card strong { display: block; margin: .5rem 0 .3rem; font-size: .9rem; }
.sensor-source-card p { margin: 0; color: var(--muted); font-size: .73rem; line-height: 1.45; }
.driver-tools { display: grid; grid-template-columns: 1fr; gap: 1.15rem; min-width: 0; margin-top: 1rem; padding: clamp(1rem, 2.5vw, 1.35rem); border: 1px solid var(--line); border-radius: 12px; background: white; }
.optimizer-action + .driver-tools { display: none; }
.driver-tools-standalone { margin-top: 0; border-color: #b9d8ca; background: linear-gradient(135deg, #ffffff, #f2f8f4); box-shadow: 0 10px 30px rgba(22,60,51,.06); }
.driver-tools .eyebrow { margin-bottom: .4rem; }
.driver-tools h4 { margin: 0 0 .35rem; font-size: 1.15rem; }
.driver-tools p { max-width: 920px; margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.6; }
.driver-tool-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: .65rem; align-content: center; min-width: 0; }
.driver-tool-actions .ghost-button { width: 100%; padding: .75rem .8rem; font-size: .82rem; }
.driver-family-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .85rem; min-width: 0; align-items: stretch; }
.driver-family-card { min-width: 0; display: flex; flex-direction: column; padding: .95rem; border: 1px solid #cfe2d7; border-radius: 11px; background: rgba(255,255,255,.78); }
.driver-family-card > span { display: inline-block; margin-bottom: .45rem; color: var(--mint-deep); font: 800 .64rem/1 var(--mono); letter-spacing: .1em; }
.driver-family-card h4 { font-size: 1.02rem; margin-bottom: .45rem; }
.driver-family-card p { min-height: 3.9rem; font-size: .84rem; overflow-wrap: anywhere; }
.driver-family-card div { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: .5rem; margin-top: auto; padding-top: .85rem; }
.driver-family-card .ghost-button { width: 100%; padding: .72rem .7rem; font-size: .8rem; }
.driver-family-card-wide { grid-column: 1 / -1; }
.driver-family-card-wide div { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
.driver-tool-result { grid-column: 1 / -1; padding: .9rem 1rem; border-left: 3px solid var(--mint-deep); background: #f2f8f4; }
.inline-action-row { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .75rem !important; }
.inline-action-row .ghost-button { width: auto; min-width: 160px; }
.driver-tool-result strong { display: block; margin-bottom: .2rem; }
.insight-card { background: #f2f8f4; border: 1px solid #c9ddd3; border-radius: 12px; padding: clamp(1.4rem, 3vw, 2.2rem); margin-bottom: 1rem; }
.insight-card h4 { font: 700 clamp(1.5rem, 3vw, 2.2rem)/1.05 var(--display); margin: .25rem 0 .7rem; }
.insight-card p { color: var(--muted); margin-bottom: 0; }
.issue-spotlight { margin-bottom: 1rem; overflow: hidden; border: 1px solid #b9d8ca; border-radius: 16px; background: white; box-shadow: 0 12px 34px rgba(22,60,51,.07); }
.issue-spotlight > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.05rem clamp(1rem, 2.5vw, 1.45rem); border-bottom: 1px solid var(--line); background: linear-gradient(135deg, #edf8f2, #f7fbf8); }
.issue-spotlight > header .eyebrow { margin: 0 0 .3rem; }
.issue-spotlight > header h3 { margin: 0; font-size: 1.1rem; }
.issue-spotlight > header > span { color: var(--muted); font: 700 .72rem/1 var(--mono); }
.issue-slides { min-height: 245px; }
.issue-slide { min-height: 245px; padding: clamp(1.35rem, 3.5vw, 2.25rem); animation: issue-enter .28s ease both; }
.issue-slide .eyebrow { display: inline-flex; width: fit-content; max-width: 100%; margin-bottom: .85rem; padding: .28rem .55rem; border-radius: 999px; color: var(--mint-deep); background: #edf8f2; overflow-wrap: anywhere; }
.issue-slide h4 { max-width: 820px; margin: 0 0 .72rem; font: 720 clamp(1.45rem, 3vw, 2.15rem)/1.08 var(--display); letter-spacing: -.035em; overflow-wrap: anywhere; }
.issue-slide > p:not(.eyebrow) { max-width: 880px; color: var(--muted); line-height: 1.62; }
.issue-slide .issue-next { max-width: 880px; margin: 1rem 0 0; padding: .85rem 1rem; border: 1px solid var(--line); border-left: 4px solid var(--mint-deep); border-radius: 10px; color: var(--ink); background: #fbfdfb; }
.issue-slide.critical { box-shadow: inset 5px 0 0 var(--red); }
.issue-slide.warning { box-shadow: inset 5px 0 0 var(--amber); }
.issue-slide.good { box-shadow: inset 5px 0 0 var(--mint-deep); }
.issue-slide-controls { display: flex; justify-content: flex-end; gap: .5rem; padding: .75rem 1rem; border-top: 1px solid var(--line); background: #f8faf7; }
.issue-slide-controls button { min-width: 44px; min-height: 38px; padding: .45rem .7rem; border: 1px solid var(--line); border-radius: 7px; color: var(--ink); background: white; cursor: pointer; font-size: 1rem; font-weight: 800; }
.issue-slide-controls button:hover { border-color: #78a896; background: #edf8f2; }
@keyframes issue-enter { from { opacity: 0; transform: translateX(18px); } to { opacity: 1; transform: translateX(0); } }
.insight-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 1rem; }
.advice-list { margin: 0; padding-left: 1.1rem; color: var(--muted); }
.advice-list li { padding: .28rem 0; }
.score-table { width: 100%; border-collapse: collapse; background: var(--card); border: 1px solid var(--line); }
.score-table th, .score-table td { padding: .8rem 1rem; border-bottom: 1px solid var(--line); text-align: left; }
.score-table th { color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }
.score-table td:last-child, .score-table th:last-child { text-align: right; }
.category-score { display: inline-flex; align-items: center; gap: .55rem; font-weight: 800; }
.category-score::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--mint-deep); }
.score-factors { margin-top: .45rem; }
.score-factors summary { color: var(--mint-deep); font-size: .72rem; cursor: pointer; }
.score-factors ul { margin: .5rem 0; padding: 0; list-style: none; }
.score-factors li { display: flex; justify-content: space-between; gap: 1rem; padding: .35rem 0; border-top: 1px solid var(--line); font-size: .72rem; }
.score-factors p { margin: 0; color: var(--muted); font-size: .7rem; }
.snapshot-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.2rem; margin-bottom: 1rem; padding: 1.2rem; border: 1px solid #b9d8ca; border-radius: 12px; background: #edf8f2; }
.snapshot-panel h4 { margin: .2rem 0 .35rem; }
.snapshot-panel p:last-child { margin: 0; color: var(--muted); }
.category-score.warning::before { background: var(--amber); }.category-score.critical::before { background: var(--red); }.category-score.unknown::before { background: #aaa; }
.score-pies { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: .75rem; margin-bottom: 1rem; }
.score-pie { --pie-color: #2aa875; display: grid; justify-items: center; gap: .55rem; padding: .85rem .5rem; border: 1px solid var(--line); border-radius: 10px; background: white; }
.score-pie.warning { --pie-color: var(--amber); }.score-pie.critical { --pie-color: var(--red); }.score-pie.unknown { --pie-color: #aaa; }
.score-pie-ring { position: relative; width: 76px; height: 76px; display: flex; align-items: baseline; justify-content: center; padding-top: 29px; border-radius: 50%; background: conic-gradient(var(--pie-color) calc(var(--value) * 1%), #e6ece8 0); }
.score-pie-ring::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: white; }
.score-pie-ring strong, .score-pie-ring span { position: relative; z-index: 1; }
.score-pie-ring strong { font-size: 1.05rem; }.score-pie-ring span { margin-left: -2px; color: var(--muted); font-size: .56rem; }
.score-pie p { margin: 0; color: var(--muted); font-size: .72rem; font-weight: 650; }
.core-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)); gap: .6rem; }
.core-item { background: var(--card); border: 1px solid var(--line); padding: .75rem; }
.core-item span { display: block; color: var(--muted); font-size: .68rem; }
.core-item strong { display: block; margin: .25rem 0; }
.trend-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.history-range { display: flex; gap: .45rem; overflow-x: auto; margin-bottom: .8rem; padding-bottom: .2rem; }.history-range span { flex: 0 0 auto; padding: .42rem .62rem; border: 1px solid var(--line); border-radius: 999px; color: #768983; background: #f5f7f4; font: 720 .57rem/1 var(--mono); }.history-range span.active { border-color: #65b99a; color: #08765c; background: #e9f8f1; }
.trend-card { background: var(--card); border: 1px solid var(--line); padding: 1rem; }
.trend-card h4 { font-size: .78rem; margin-bottom: .8rem; }
.trend-chart { display: block; width: 100%; height: 120px; overflow: visible; }
.trend-chart line { stroke: #dde7e2; stroke-width: 1; }
.trend-chart polygon { fill: rgba(42,168,117,.13); }
.trend-chart polyline { fill: none; stroke: #248a67; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.trend-chart circle { fill: white; stroke: #248a67; stroke-width: 2; }
.trend-card p { margin: .6rem 0 0; color: var(--muted); font-size: .72rem; }
.speed-test-box { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 1.5rem; padding: 1.35rem; margin-top: 1rem; background: #e8f2f7; border: 1px solid #c4dce6; }
.speed-test-box h4 { margin: 0 0 .35rem; }
.speed-test-box p { margin: 0; color: var(--muted); font-size: .82rem; }
.speed-results { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; }
.speed-result { background: rgba(255,255,255,.7); padding: .8rem; }
.speed-result span { display: block; color: var(--muted); font-size: .66rem; text-transform: uppercase; letter-spacing: .08em; }
.speed-result strong { display: block; margin-top: .25rem; font: 720 1.3rem/1.1 var(--display); }
.speed-results > p { grid-column: 1 / -1; margin: .25rem 0 0; }
.check-card { position: relative; padding-left: 3.3rem; }
.status-dot { position: absolute; left: 1.2rem; top: 1.25rem; width: 13px; height: 13px; border-radius: 50%; background: #aaa; box-shadow: 0 0 0 5px rgba(0,0,0,.04); }
.status-dot.good { background: #2aa875; }.status-dot.warning { background: var(--amber); }.status-dot.critical { background: var(--red); }.status-dot.policy { background: #7d65b7; }.status-dot.neutral { background: var(--blue); }
.check-card .area { font-size: .67rem; letter-spacing: .12em; color: var(--muted); }
.confidence-label { display: inline-flex; margin: .2rem 0 .45rem; padding: .22rem .45rem; border: 1px solid #b9d8ca; border-radius: 999px; color: var(--mint-deep); background: #edf8f2; font: 700 .62rem/1 var(--mono); text-transform: uppercase; }
.text-action { margin-top: .75rem; padding: .45rem 0; border: 0; color: var(--mint-deep); background: transparent; font-weight: 750; cursor: pointer; text-align: left; }
.text-action:hover { text-decoration: underline; text-underline-offset: 3px; }
.check-card h4 { margin: .25rem 0; }
.check-card p { font-size: .86rem; color: var(--muted); margin-bottom: .7rem; }
.check-card .action { color: var(--ink); margin: 0; }
.accuracy-note { display: flex; gap: 1.2rem; margin-top: 4rem; padding: 1.4rem; background: #e8f2f7; border-left: 4px solid var(--blue); }
.event-guide { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-bottom: 1rem; }
.event-guide-heading { grid-column: 1 / -1; padding: 1.2rem; border-radius: 12px; background: #e8f2f7; border: 1px solid #c4dce6; }
.event-guide-heading h3 { margin: .25rem 0 .35rem; }
.event-guide-heading p:last-child { margin: 0; color: var(--muted); font-size: .82rem; }
.event-explanation { padding: 1.2rem; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: 0 6px 20px rgba(22,60,51,.04); }
.event-explanation > span { color: var(--mint-deep); font: 700 .68rem/1.35 var(--mono); }
.event-explanation h4 { margin: .65rem 0 .4rem; font-size: 1.05rem; }
.event-explanation p { margin: .35rem 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.event-explanation .event-next { color: var(--ink); }
.event-explanation small { display: block; margin-top: .8rem; color: var(--muted); }
.crash-code { display: grid; grid-template-columns: auto 1fr; gap: .25rem .65rem; margin: .75rem 0; padding: .75rem; border: 1px solid #e0aaa6; border-radius: 9px; background: #fff6f5; }
.crash-code small { grid-column: 1 / -1; margin: 0; color: #9b3b35; font: 750 .57rem/1 var(--mono); letter-spacing: .08em; }.crash-code strong { color: #8e2f2a; font: 780 1rem/1 var(--mono); }.crash-code b { color: #5d3734; font-size: .74rem; }
.event-resolution { margin: .75rem 0; border: 1px solid #c9dcd4; border-radius: 9px; background: #f6faf8; }.event-resolution > summary { padding: .65rem .75rem; color: #08765c; font-size: .75rem; font-weight: 750; cursor: pointer; }.event-resolution > div { padding: 0 .8rem .8rem; color: var(--muted); font-size: .75rem; }.event-resolution ul, .event-resolution ol { padding-left: 1.15rem; }.event-resolution pre { max-height: 180px; overflow: auto; padding: .7rem; border-radius: 7px; white-space: pre-wrap; color: var(--ink); background: white; font: .68rem/1.5 var(--mono); }
.event-correlation { margin: 1rem 0; padding: 1.2rem; border: 1px solid #b9d3e1; border-radius: 14px; background: linear-gradient(135deg, #eef7fb, #fff); }.event-correlation header h3 { margin: .25rem 0 .35rem; }.event-correlation header p:last-child { margin: 0 0 1rem; color: var(--muted); font-size: .8rem; }
.event-correlation > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .75rem; }.event-correlation article { padding: .9rem; border: 1px solid #c9dce5; border-radius: 10px; background: white; }.event-correlation article > span { color: #356d91; font: 750 .58rem/1 var(--mono); letter-spacing: .06em; }.event-correlation h4 { margin: .55rem 0 .35rem; }.event-correlation p, .event-correlation small, .event-correlation b { display: block; margin: .35rem 0 0; font-size: .75rem; line-height: 1.5; }.event-correlation p, .event-correlation small { color: var(--muted); }.event-correlation b { padding-top: .5rem; border-top: 1px solid #d9e5ea; color: var(--ink); font-weight: 650; }
.event-empty { margin-bottom: 1rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: 12px; background: white; }
.event-empty p { margin: .35rem 0 0; color: var(--muted); }
.event-pattern-guide { margin: 1rem 0; padding: 1.2rem; border: 1px solid #b7d9c9; border-radius: 14px; background: linear-gradient(135deg, #f1fbf6, #ffffff); }
.event-pattern-guide h3 { margin: .25rem 0 .8rem; }
.event-pattern-guide > p:last-child { margin-bottom: 0; color: var(--muted); }
.event-pattern-guide > div { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .8rem; }
.event-pattern-guide article { padding: .9rem; border: 1px solid var(--line); border-radius: 10px; background: white; }
.event-pattern-guide article strong, .event-pattern-guide article span { display: block; }
.event-pattern-guide article span { margin: .25rem 0 .5rem; color: var(--mint-deep); font: 700 .72rem/1.35 var(--mono); }
.event-pattern-guide article p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.accuracy-note h3 { margin-bottom: .4rem; }
.accuracy-note p { margin: 0; color: var(--muted); font-size: .9rem; }
.note-icon, .error-symbol { flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; font-family: var(--mono); }
.error-symbol { width: 70px; height: 70px; font-size: 2rem; margin-bottom: 2rem; color: #a43a33; border-color: #a43a33; }
.success-symbol { width: 70px; height: 70px; display: grid; place-items: center; margin-bottom: 2rem; border-radius: 50%; background: var(--mint); color: var(--ink); font-size: 1.8rem; }
.privacy-summary { width: min(760px, 100%); margin: 1.2rem auto; padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: 12px; background: white; text-align: left; }
.privacy-summary h3 { margin: 0 0 .65rem; font-size: 1rem; }
.privacy-summary ul { margin: 0; padding-left: 1.1rem; color: var(--muted); font-size: .8rem; line-height: 1.6; }
.unsupported-state { min-height: 680px; display: grid; place-items: center; padding: 2rem 1rem; }
.unsupported-card { width: min(680px, 100%); padding: clamp(2rem, 7vw, 4rem); text-align: center; background: var(--card); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); }
.unsupported-card h1 { max-width: none; font-size: clamp(2.4rem, 8vw, 4.6rem); }
.unsupported-card > p:not(.eyebrow) { color: var(--muted); }
.unsupported-icon { position: relative; display: grid; place-items: center; width: 74px; height: 54px; margin: 0 auto 1.7rem; border: 2px solid var(--ink); border-radius: 7px; background: #e7fbf2; box-shadow: 0 8px 0 -5px var(--ink); }
.unsupported-icon::before { content: ""; width: 35px; height: 20px; border: 2px solid var(--mint-deep); border-radius: 3px; }
.unsupported-icon::after { content: ""; position: absolute; width: 22px; height: 2px; bottom: -10px; background: var(--ink); box-shadow: 0 -5px 0 -1px var(--ink); }
.unsupported-actions { display: flex; justify-content: center; margin: 2rem 0 1.4rem; }
.desktop-handoff { margin: 1.7rem 0 0; padding: 0; display: grid; gap: .65rem; text-align: left; list-style: none; }
.desktop-handoff li { display: flex; align-items: center; gap: .75rem; padding: .75rem .85rem; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--ink); }
.desktop-handoff li span { flex: 0 0 auto; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: white; background: var(--mint-deep); font-size: .72rem; font-weight: 750; }
.site-footer { display: grid; grid-template-columns: .65fr 1fr 1fr; align-items: center; gap: clamp(1.2rem, 4vw, 4rem); padding: 1.6rem clamp(1.2rem, 5vw, 5rem); border-top: 1px solid rgba(127,244,200,.28); background: radial-gradient(circle at 12% 0, rgba(127,244,200,.13), transparent 24rem), #071f1e; color: #b9cbc7; font-size: .7rem; }
.site-footer p { margin: 0; }
.footer-brand { display: flex; align-items: center; gap: .85rem; }
.footer-logo { width: 48px; height: 48px; border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.footer-hawak { display: block; color: white; font: 750 clamp(1.25rem, 2vw, 1.7rem)/1 var(--display); letter-spacing: .08em; }
.footer-brand p { margin-top: .38rem; color: #9ed9c3; font: 650 .6rem/1 var(--display); letter-spacing: .06em; }
.footer-message strong { display: block; color: white; font: 650 1.05rem/1.2 var(--display); margin-bottom: .25rem; }
.footer-meta { text-align: right; }
.site-footer a { display: inline-block; margin-bottom: .7rem; color: var(--mint); font-weight: 700; text-underline-offset: 3px; }
.developer-link span { display: inline-block; margin-left: .16rem; transform: rotate(-8deg) translateY(-1px); transform-origin: center; }
.footer-meta p + p { margin-top: .3rem; }
[hidden] { display: none !important; }

@media (max-width: 960px) {
  .results-heading { grid-template-columns: 1fr; align-items: stretch; }
  .results-side { justify-items: stretch; }
  .priority-summary { grid-template-columns: 1fr 1fr; }
  .drive-evidence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .drive-evidence-grid > div, .drive-evidence-grid > div:nth-child(3n), .drive-evidence-grid > div:nth-last-child(-n+3) { border-right: 1px solid #e0e9e4; border-bottom: 1px solid #e0e9e4; }
  .drive-evidence-grid > div:nth-child(2n) { border-right: 0; }.drive-evidence-grid > div:nth-last-child(-n+2) { border-bottom: 0; }
  .hero { grid-template-columns: 1fr; text-align: center; padding-top: 4rem; }
  .hero-content { display: flex; flex-direction: column; align-items: center; }
  .system-orbit { width: min(78vw, 430px); min-width: 280px; margin: 2rem auto 1rem; }
  .score-card { grid-template-columns: auto 1fr; }
  .event-guide { grid-template-columns: 1fr; }
  .score-legend { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .installer { grid-template-columns: 1fr; }
  .brand-compliance { grid-template-columns: 1fr; }
  .capability-grid { grid-template-columns: 1fr 1fr; }
  .optimizer-grid { grid-template-columns: 1fr 1fr; }
  .trend-grid { grid-template-columns: 1fr 1fr; }
  .diagnostic-console-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .computer-fit-grid { grid-template-columns: 1fr 1fr; }
  .fit-card:last-child { grid-column: 1 / -1; border-top: 1px solid #d2e1da; }
  .sensor-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer { grid-template-columns: 1fr 1fr; }.footer-meta { grid-column: 1 / -1; text-align: left; }
}
@media (max-width: 650px) {
  .priority-summary, .capability-ledger > div, .configuration-verdict, .drive-evidence-grid { grid-template-columns: 1fr; }
  .configuration-verdict article, .configuration-verdict article:last-child { border-right: 0; border-top: 1px solid #d2e1da; }.configuration-verdict article:first-child { border-top: 0; }
  .drive-evidence > header { align-items: flex-start; flex-direction: column; }
  .drive-evidence-grid > div, .drive-evidence-grid > div:nth-child(2n), .drive-evidence-grid > div:nth-child(3n), .drive-evidence-grid > div:nth-last-child(-n+2), .drive-evidence-grid > div:nth-last-child(-n+3) { border-right: 0; border-bottom: 1px solid #e0e9e4; }.drive-evidence-grid > div:last-child { border-bottom: 0; }
  .policy-grid { grid-template-columns: 1fr; }
  .neo-assistant { right: .65rem; bottom: .65rem; width: calc(100vw - 1.3rem); }
  .neo-panel { max-height: calc(100vh - 6rem); }
  .neo-body { max-height: calc(100vh - 15rem); }
  .privacy-pill { font-size: 0; }.privacy-pill::after { content: "Local only"; font-size: .72rem; }
  .hero { min-height: 700px; padding-top: 4rem; }.system-orbit { width: min(86vw, 340px); }
  .hero-actions, .results-heading { align-items: stretch; flex-direction: column; }
  .results-side { justify-items: stretch; }
  .auto-removal-timer { justify-content: center; }
  .installer-maintenance { flex-direction: column; }.installer-maintenance .ghost-button { width: 100%; text-align: center; }
  .results-actions { align-items: stretch; }.results-actions > *, .report-menu summary { width: 100%; }.report-menu-panel { position: static; min-width: 0; margin-top: .35rem; }
  .primary-button { width: 100%; }.time-note { text-align: center; }
  .score-card { grid-template-columns: 1fr; text-align: center; }.score-gauge { margin: auto; }
  .score-legend { grid-template-columns: 1fr 1fr; text-align: left; }
  .card-grid, .checks-grid { grid-template-columns: 1fr; }.detail-card { grid-column: auto; }
  .insight-columns, .trend-grid { grid-template-columns: 1fr; }
  .capability-grid, .front-proof-grid, .optimizer-grid, .speed-results, .site-footer { grid-template-columns: 1fr; }
  .optimizer-card p { min-height: 0; }
  .optimizer-action { grid-template-columns: 1fr; }
  .optimizer-action > .optimizer-refresh-button { grid-column: auto; grid-row: auto; width: 100%; }
  .optimizer-action > .primary-button { grid-column: auto; grid-row: auto; width: 100%; }
  .optimizer-stats { grid-template-columns: 1fr 1fr; }
  .storage-drive-panel { grid-template-columns: 1fr; }
  .storage-drive-action { width: 100%; }
  .driver-tools { grid-template-columns: 1fr; }
  .driver-tool-actions { grid-template-columns: 1fr; }
  .driver-family-grid { grid-template-columns: 1fr; }
  .driver-family-card div, .driver-family-card-wide div { grid-template-columns: 1fr; }
  .driver-family-card p { min-height: 0; }
  .manufacturer-badge { width: 100%; }
  .feedback-strip { align-items: stretch; flex-direction: column; }
  .feedback-strip .ghost-button { width: 100%; text-align: center; }
  .site-metrics { margin-left: 0; }
  .speed-test-box { grid-template-columns: 1fr; }.speed-test-box .ghost-button { width: 100%; }
  .footer-meta { grid-column: auto; }
  .detail-row { grid-template-columns: 1fr; gap: .2rem; }
  .diagnostic-console > header, .memory-lab > header, .cooling-lab-header { align-items: stretch; flex-direction: column; }
  .computer-fit > header { align-items: stretch; flex-direction: column; }
  .tab-capacity { flex-basis: auto; width: 100%; }
  .computer-fit-grid { grid-template-columns: 1fr; }
  .fit-card, .fit-card:last-child { grid-column: auto; border-right: 0; border-top: 1px solid #d2e1da; }
  .fit-card:first-child { border-top: 0; }
  .console-actions { width: 100%; flex-direction: column; }
  .console-health, .zyra-console-button { width: 100%; }
  .diagnostic-console-grid, .memory-overview-grid, .memory-test-actions, .memory-test-stats, .sensor-source-grid { grid-template-columns: 1fr; }
  .console-tile { min-height: 180px; }
  .memory-overview-grid article { border-right: 0; border-bottom: 1px solid #cfe2d7; }
  .memory-overview-grid article:last-child { border-bottom: 0; }
  .memory-header-status { justify-items: start; }
  .section-nav { top: .25rem; }
  .font-mode-toggle { min-width: 58px; padding-inline: .45rem; }
  .font-mode-toggle strong { font-size: 0; }
  .font-mode-toggle strong::after { content: "Aa"; font-size: .72rem; }
  .section-nav-more > div { position: absolute; top: calc(100% + .5rem); right: 0; left: auto; width: min(292px, calc(100vw - 1.5rem)); grid-template-columns: 1fr; }
  .retention-options { grid-template-columns: 1fr; }
  footer { flex-direction: column; }
  .error-actions { width: 100%; }.error-actions > * { width: 100%; }
}
@media print {
  .topbar, .section-nav, .results-actions, footer, .primary-button, .speed-test-box, .neo-assistant, .report-feedback { display: none !important; }
  body { background: white; color: black; }
  .results { max-width: none; padding: 0; }
  .report-section, .metric-card, .detail-card, .check-card, .score-card { break-inside: avoid; box-shadow: none; }
  .report-section > .report-section-body { display: block !important; }
  .report-section-heading { padding: .6rem 0; }
  .score-card { background: white; color: black; border: 2px solid #222; }
  .score-gauge::before { background: white; }
  .score-copy p:last-child, .score-copy .coverage-line { color: #333; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .orbit-node { animation: none !important; }
  .cpu-node { transform: rotate(0deg); }.ram-node { transform: rotate(90deg); }.net-node { transform: rotate(180deg); }.disk-node { transform: rotate(270deg); }
  .orbit-node .orbit-label { animation: none !important; }
  .cpu-node .orbit-label { transform: translateX(-50%) rotate(0deg); }.ram-node .orbit-label { transform: translateX(-50%) rotate(-90deg); }
  .net-node .orbit-label { transform: translateX(-50%) rotate(-180deg); }.disk-node .orbit-label { transform: translateX(-50%) rotate(-270deg); }
}