/* XDNA navy/blue surfaces and zkProof cyan/mint accents. Layout and motion stay in their existing files. */
:root {
  color-scheme: dark;
  --paper: #0b111e;
  --white: #111b2d;
  --ink: #f2f6fc;
  --muted: #a9b8cd;
  --line: #839ec329;
  --green: #7addf1;
  --mint: #93e2b7;
  --dark: #070c16;
  --amber: #e7c38d;
  --red: #f0a4a4;
  --brand-blue: #2094f3;
  --brand-cyan: #00d4ff;
  --brand-dim: #98acc5;
  --brand-inset: #0a1220;
  --brand-panel: #141f32;
  --brand-gradient: linear-gradient(108deg,#a2fff0 3%,#70dce9 46%,#61a4fc 100%);
}
body { background-color: var(--paper); background-image: radial-gradient(ellipse at 15% 0%,#24436640,transparent 39%),radial-gradient(ellipse at 100% 35%,#154d6a1a,transparent 38%),linear-gradient(180deg,#0f1829,#070c16 70%); color: var(--ink); }
::selection { background: #00d4ff45; color: #fff; }
.skip-link { background: #d9f5ff; color: #06101f; }
.preview-strip { background: #0c1525; color: var(--brand-dim); border-color: var(--line); }
.preview-strip > span:first-child { color: var(--green); }
.site-header { background: linear-gradient(115deg,#24375055,#11192c40); border-color: #9ebce92b; }
.brand-mark { background: linear-gradient(145deg,#233f5b,#102037); box-shadow: inset 0 0 0 1px #7addf140; }
.brand small, .site-header nav { color: var(--muted); }
.site-header nav .nav-active, .network-pill { color: #d8eaf9; }
.network-pill i { background: var(--mint); box-shadow: 0 0 10px #93e2b750; }
.icon-button { color: #b4cce5; border-color: var(--line); }
.icon-button:hover { background: #9bcdf015; color: #fff; }
.eyebrow { color: #8fd6ed; }
.eyebrow i { background: #8ee4dc; box-shadow: 0 0 12px #70dce933; }
.intro-index, .intro-rule { color: var(--brand-dim); }
.intro-aside p { color: var(--muted); }
.intro-aside strong { color: #e2effb; }
.hash-word { color: #7addf1; background-image: var(--brand-gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.hash-word::after { background: var(--brand-gradient); }
.lab { background: var(--white); border-color: #82acd138; box-shadow: 0 24px 75px #0005,inset 0 1px 0 #cfedff08; }
.lab-topline { background: #152237; color: #c5e2f6; border-color: var(--line); }
.lab-topline > span:last-child { color: #a4bad1; }
.lab-bottomline { background: #101c2d; color: #aac4db; border-color: var(--line); }
.layer-viewer { background: #091322; color: #edf7ff; }
.layer-viewer::before { background: radial-gradient(ellipse at 50% 36%,#22639655,transparent 62%),linear-gradient(140deg,#102138,#070f1c); }
.viewer-heading { color: #b4d6ec; }
.viewer-cross { color: #7eafcc; }
.stage-grid { background-image: linear-gradient(#80b5d018 1px,transparent 1px),linear-gradient(90deg,#80b5d018 1px,transparent 1px); }
.stage-halo { background: radial-gradient(ellipse,#43bcff32,transparent 70%); }
.stage-orbit { border-color: #8cbfd42d; }
.stage-orbit::after { border-color: #64aed224; }
.stage-axis { background: linear-gradient(90deg,transparent,#82c5e13b,transparent); }
.stage-coordinate { color: #8aaac6; }
.orbital-ring { border-color: #83d4ef35; }
.orbital-ring i::before { background: #a7e8fc; box-shadow: 0 0 14px #56caff; }
.ring-two { border-color: #88e5ba38; }
.ring-two i::before { background: #a4edc8; box-shadow: 0 0 14px #82eab4; }
.ring-three { border-color: #69a9ff45; }
.ring-three i::before { background: #9cc5ff; box-shadow: 0 0 14px #599dfb; }
.data-stream i { background: #abddec; }
.stage-scan::after { border-color: #94edffbd; background: linear-gradient(transparent,#49d4f521); }
.model-plane { border-color: #99c7e55c; background: #10273fe6; box-shadow: 0 0 0 1px #d0edff08 inset,8px 18px 25px #0004; }
.plane-label { color: #cae7f7; }
.plane-corner { color: #a8cde4; }
.plane-base { background: #172d47e6; border-color: #8bb9d580; }
.plane-base::after { border-color: #8bc3e54f; background-image: linear-gradient(#8bc3e526 1px,transparent 1px),linear-gradient(90deg,#8bc3e526 1px,transparent 1px); }
.plane-circuit { border-color: #afdef530; }
.plane-format { background: linear-gradient(135deg,#244969ed,#102b43d6); border-color: #7ddcf39c; }
.envelope-grid i { background: #85daff0a; border-color: #8ed5ed48; }
.plane-cipher { background: linear-gradient(135deg,#26618aed,#133b5bee); border-color: #a1e9ffdc; box-shadow: 0 0 35px #6acdff28,0 1px 0 #effbff7a inset,8px 22px 36px #0005; }
.plane-cipher::after { background-image: linear-gradient(110deg,transparent 30%,#d4f3ff25 45%,#edfbff4d 49%,transparent 60%); }
.cipher-grid { background-image: radial-gradient(#b2e8ffbb .8px,transparent 1px); }
.cipher-mark::before { background: #b1e9ff0c; border-color: #a8e8ff77; box-shadow: 0 0 26px #88ccff18; }
.cipher-mark img { filter: drop-shadow(0 0 12px #a0eaff55); }
.plane-limit { background: #d3e6f008; border-color: #bdd5e45c; box-shadow: none; }
.plane-limit .plane-label { color: #d2dfee; }
.limit-word { color: #f1d9ad; }
[data-layer="public"] .plane-base { background: #204d69ee; border-color: #a7e8ff; box-shadow: 0 0 34px #70caff2b; }
[data-layer="limits"] .plane-limit { background: #293948ed; border-color: #e2c28ba8; }
.model-callout { color: #bad8eb; }
.model-callout i { border-color: #8fbedc; }
.model-callout small { color: #9bbbd2; }
.callout-public::after { background: linear-gradient(90deg,#8fcaf55c,transparent); }
.callout-cipher::before { background: linear-gradient(90deg,transparent,#8fcaf55c); }
.viewer-tools { border-color: #9bcff02a; }
.viewer-tools button { color: #b8d5ed; border-color: #9bcff02a; }
.viewer-tools button:hover, .viewer-tools button[aria-pressed="true"] { background: #55baff19; border-color: #83c9f468; color: #e9f8ff; }
.viewer-caption { color: #98bad3; }
.layer-controls { background: #060d182e; border-color: #8ebde32f; }
.layer-controls button { color: #a6c4da; }
.layer-controls button > span { opacity: .85; }
.layer-controls button[aria-pressed="true"] { background: #a4e5f5; color: #0b2437; border-color: #d7f5ffb3; }
.layer-controls button:focus-visible { outline-color: #a1e8ff; }
.layer-explanation h2 { color: #e2f2ff; }
.layer-explanation p { color: #a9c2d8; }
.input-panel { background: linear-gradient(150deg,#162239,#10192b); }
.input-kicker { color: #92cbe4; }
.entry-line { background: #77cbe5; }
.input-step, .input-intro, .input-hint, .input-privacy, .example-row > span, .example-row small { color: #a9b8cd; }
.field-label { color: #c6d9eb; }
.input-wrap { background: #080f1d; border-color: #6684a854; }
.input-wrap input { color: #e3efff; }
.input-wrap input::placeholder { color: #99aec8; }
.input-wrap > [data-icon] { color: #82b3d4; }
.input-wrap:focus-within { background: #0b1526; border-color: #60d0f2; box-shadow: 0 0 0 4px #35c3ed12,0 9px 26px #0002; }
.primary-button { background: var(--brand-blue); color: #06101f; box-shadow: 0 8px 28px #2094f31f; }
.primary-button:hover { background: #52b0fa; box-shadow: 0 10px 28px #2094f333; }
.primary-button::before { background: linear-gradient(110deg,transparent 38%,#d4f3ff30 50%,transparent 62%); }
.primary-button > [data-icon] { background: #06101f15; color: #08263e; }
.primary-button:hover > [data-icon] { background: #06101f24; }
.example-row > button { color: #a6def4; border-color: var(--line); }
.input-boundary { color: #b7ccdf; }
.input-boundary img, .report-tx > img, .recent-row > img { filter: none; }
.progress-panel { background: #132b40; border-color: var(--line); }
.progress-orbit { border-color: #71c5ec3d; border-top-color: #7addf1; }
.progress-bars i { background: #7addf1; }
.request-error { background: #302a25; border-color: #bc9a544d; }
.section-caption { color: #99cde4; }
.secondary-button { background: #152c43; border-color: #78b9e449; color: #c0e9fc; }
.secondary-button:hover { background: #1d3b58; }
.report-notice { background: #17354a63; border-color: #6bd1e7; color: #bce7f4; }
.report-notice.warn { background: #40362266; border-color: #cfa757; color: #ebcd96; }
.report-notice.danger { background: #40282f66; border-color: #d18683; color: #f0b1af; }
.report-tx code { color: #c2def4; }
.report-tx small { color: var(--brand-dim); }
.copy-inline { color: #96c4e5; }
.copy-inline:hover { background: #70c7ee1a; }
.status-pill { color: #a1e6bf; border-color: #7ad8a745; }
.status-pill.warn { color: #e7c38d; border-color: #d2a6584a; }
.report-summary { background: #131e30; border-color: var(--line); }
.summary-card p, .summary-card strong small { color: #aec3d9; }
.summary-card.cipher { background: linear-gradient(135deg,#194761,#16334d); color: #dff6ff; }
.summary-card.cipher .section-caption { color: #9de3f3; }
.summary-card.cipher p, .summary-card.cipher strong small { color: #b4d7e9; }
.summary-card.limit { background: #1b2534; }
.summary-card.limit .section-caption, .summary-card.limit strong { color: #e7c38d; }
.public-dot { background: #8dc5e4; }
.cipher-dot { background: #7addf1; }
.unknown-dot { background: #e7c38d; }
.packet-panel { background: #111e31; border-color: #7ea9d138; }
.packet-heading p, .packet-heading > .mono, .cloud-caption, .packet-disclaimer { color: #abc1d8; }
.byte-cloud-wrap { background: #0b1525; border-color: #81b3d53b; }
.byte-cell { background: #8fbbd4; }
.byte-cell[data-kind="ciphertext"] { background: #62d5f1; }
.packet-legend button { border-color: #8db4d12b; color: #adcade; }
.packet-legend button > .segment-index { color: #99b9d2; }
.packet-legend button:hover { background: #64b4e715; }
.packet-legend button[aria-pressed="true"] { background: #1d4663; color: #c5efff; }
.segment-detail { border-color: #749cc238; color: #afcce2; }
.segment-detail > span { color: #9adced; }
.segment-detail p { color: #b1c6db; }
.evidence-panel { background: #111b2b; border-color: var(--line); }
.evidence-tabs { background: #0e1829; border-color: var(--line); }
.evidence-tabs button, .evidence-tabs button span { color: #aac5de; }
.evidence-tabs button[aria-selected="true"] { background: #1e4b68; color: #e2f6ff; }
.evidence-tabs button[aria-selected="true"] span { color: #a2e0f1; }
.tab-intro p, .data-row dt, .data-note { color: #a8bdd4; }
.small-pill { color: #a5d7eb; border-color: #80b5d34a; }
.data-row { border-color: #91b5d02b; }
.data-row dd { color: #d1e4f5; }
.hash-details { background: #0b1728; border-color: #7ca9d038; }
.hash-details summary { color: #b3dcec; }
.hash-details p, .source-details, .source-details p { color: #a9bfd6; }
.format-check { background: #142438; }
.format-check span, .format-check small { color: #a8c1d7; }
.format-check strong, .limit-card h4 { color: #d0e9f5; }
.limit-card { border-color: #82b1d038; }
.limit-card svg { color: #e7c38d; }
.limit-card p { color: #a9bfd6; }
.report-footer { background: #0e192a; border-color: var(--line); }
.report-footer p { color: #a2bad1; }
.report-footer a, .source-links a { color: #9edcf0; }
.method-heading h2 span { color: #93bdd7; }
.quiet-link { color: #9fdcf0; }
.quiet-link:hover { color: #e0f6ff; }
.method-list p, .method-list article > span:first-child { color: #a5bad2; }
.method-list article > [data-icon] { color: #8bc8e9; }
.boundary-note { background: linear-gradient(125deg,#18304a,#112235); border-color: #7eafcc3d; }
.boundary-asterisk { color: #80d2ee; }
.boundary-note h2 { color: #d5edff; }
.boundary-note p { color: #aec6dc; }
.boundary-stamp { color: #98d2e6; border-color: #80c1dd4a; }
.recent-row code { color: #a9d7ec; }
.recent-row small, .recent-row > span:nth-last-child(2), .recent-section > p { color: #a2b9d1; }
.recent-row svg { color: #8dd7ec; }
.site-footer, .site-footer > a > span, .site-footer > span { color: #9db3cd; }
.site-footer > a { color: #a5d8ec; }
dialog { background: #121e31; color: var(--ink); border-color: #85b5d34d; box-shadow: 0 30px 150px #0009; }
dialog::backdrop { background: #040b18c2; }
dialog > p, .guide-item p, .guide-item > span { color: #aec2d8; }
.guide-note { background: #40382138; border-color: #c8a35e50; color: #e0c79c; }
#toast { background: #18374d; color: #e2f4ff; border-color: #7ac3eb62; box-shadow: 0 14px 36px #0006; }
@keyframes envelope-glow { 0%,100% { background: #85daff08; } 50% { background: #85daff2b; } }
@media(max-width:740px) { .site-header nav { background: #111c2d; border-color: var(--line); } }