:root {
  color-scheme: dark;
  --bg: #061011;
  --panel: #091718;
  --panel-2: #0c1c1d;
  --line: rgba(151, 194, 183, 0.16);
  --line-strong: rgba(151, 194, 183, 0.28);
  --ink: #e4eeeb;
  --muted: #879b96;
  --faint: #536a65;
  --mint: #65e1bc;
  --blue: #55c8ff;
  --green: #f0c96a;
  --red: #ff6d71;
  --violet: #b594ff;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* Build 380 · exact finite-network rate what-if */
.finite-network-passage-control .control-bar { cursor: pointer; transition: filter .16s, stroke-width .16s; }
.finite-network-passage-control .control-bar:hover,
.finite-network-passage-control .control-bar:focus,
.finite-network-passage-control .control-bar.selected { filter: drop-shadow(0 0 2px currentColor); stroke-width: 6; outline: none; }
.finite-network-rate-intervention { margin-top: 5px; padding: 5px; border: 1px solid rgba(101,225,188,.16); border-radius: 4px; background: linear-gradient(135deg,rgba(5,19,18,.72),rgba(5,10,16,.7)); }
.finite-network-passage-control .finite-network-rate-intervention header small { color: #5c837b; }
.finite-network-passage-control .finite-network-rate-intervention header strong { color: #a8d9c9; font-size: 5.1px; }
.finite-network-passage-control .finite-network-rate-intervention header b { color: #6f978b; font-size: 4px; }
.finite-network-passage-control .finite-network-rate-intervention svg { height: 110px; background: rgba(3,9,10,.5); }
.finite-network-rate-intervention .axis { stroke: rgba(183,219,210,.26); stroke-width: .7; }
.finite-network-rate-intervention .grid { stroke: rgba(183,219,210,.08); stroke-width: .5; }
.finite-network-rate-intervention .response-line { fill: none; stroke-linejoin: round; stroke-linecap: round; }
.finite-network-rate-intervention .response-line.exact { stroke: #65e1bc; stroke-width: 1.8; }
.finite-network-rate-intervention .response-line.tangent { stroke: #8e91ff; stroke-width: 1.1; stroke-dasharray: 3 2; }
.finite-network-rate-intervention .response-point.exact { fill: #65e1bc; stroke: #d8fff3; stroke-width: .6; }
.finite-network-rate-intervention .response-point.selected { filter: drop-shadow(0 0 2px #65e1bc); }
.finite-network-rate-intervention text.label,
.finite-network-rate-intervention text.empty { fill: #688b82; font: 4.5px var(--mono); }
.finite-network-rate-intervention-factors { display: flex; justify-content: flex-end; gap: 2px; margin: -1px 0 3px; }
.finite-network-rate-intervention-factors button { min-width: 24px; padding: 2px 4px; border: 1px solid rgba(101,225,188,.17); border-radius: 3px; background: rgba(7,18,18,.8); color: #6d9087; font: 4px var(--mono); cursor: pointer; }
.finite-network-rate-intervention-factors button:hover,
.finite-network-rate-intervention-factors button.active { border-color: rgba(101,225,188,.55); color: #c8f4e6; background: rgba(32,83,71,.42); }
.finite-network-rate-intervention-legend { display: flex; gap: 10px; color: #64847c; font: 3.7px var(--mono); }
.finite-network-rate-intervention-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-rate-intervention-legend i { width: 9px; height: 0; border-top: 2px solid; }
.finite-network-rate-intervention-legend i.exact { color: #65e1bc; }
.finite-network-rate-intervention-legend i.tangent { color: #8e91ff; border-top-style: dashed; }
.finite-network-rate-intervention-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-rate-intervention-summary span { padding: 4px; border: 1px solid rgba(101,225,188,.09); color: #66847c; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-rate-intervention-summary strong { display: block; margin-top: 2px; color: #b8dcd2; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-rate-intervention > p { margin: 4px 0 0 !important; color: #6d8981 !important; font: 4.2px/1.45 var(--mono) !important; }

/* Build 381 · coherent all-edge temperature intervention */
.finite-network-temperature-intervention { margin-top: 5px; padding: 5px; border: 1px solid rgba(240,201,106,.17); border-radius: 4px; background: linear-gradient(135deg,rgba(24,18,7,.72),rgba(9,11,13,.72)); }
.finite-network-passage-control .finite-network-temperature-intervention header small { color: #8e7b51; }
.finite-network-passage-control .finite-network-temperature-intervention header strong { color: #dccb91; font-size: 5.1px; }
.finite-network-passage-control .finite-network-temperature-intervention header b { color: #9e8b61; font-size: 4px; }
.finite-network-passage-control .finite-network-temperature-intervention svg { height: 112px; background: rgba(13,10,5,.5); }
.finite-network-temperature-intervention .axis { stroke: rgba(233,216,164,.25); stroke-width: .7; }
.finite-network-temperature-intervention .grid { stroke: rgba(233,216,164,.08); stroke-width: .5; }
.finite-network-temperature-intervention .temperature-response-line { fill: none; stroke-linejoin: round; stroke-linecap: round; }
.finite-network-temperature-intervention .temperature-response-line.exact { stroke: #f0c96a; stroke-width: 1.8; }
.finite-network-temperature-intervention .temperature-response-line.projection { stroke: #b594ff; stroke-width: 1.1; stroke-dasharray: 3 2; }
.finite-network-temperature-intervention .temperature-response-point { fill: #f0c96a; stroke: #fff3c5; stroke-width: .5; }
.finite-network-temperature-intervention .temperature-response-point.selected { filter: drop-shadow(0 0 2px #f0c96a); }
.finite-network-temperature-intervention .nominal-temperature { stroke: rgba(101,225,188,.65); stroke-width: .9; stroke-dasharray: 2 2; }
.finite-network-temperature-intervention .selected-temperature { stroke: rgba(240,201,106,.72); stroke-width: .9; }
.finite-network-temperature-intervention text.label,
.finite-network-temperature-intervention text.empty { fill: #938664; font: 4.5px var(--mono); }
.finite-network-temperature-intervention-control { display: grid; grid-template-columns: auto minmax(80px,1fr) auto; align-items: center; gap: 5px; margin: 4px 0 2px; color: #8e815e; font: 4px var(--mono); text-transform: uppercase; }
.finite-network-temperature-intervention-control input { width: 100%; accent-color: #f0c96a; }
.finite-network-temperature-intervention-control output { min-width: 34px; color: #e2cf91; text-align: right; }
.finite-network-temperature-intervention-legend { display: flex; flex-wrap: wrap; gap: 3px 10px; color: #867b60; font: 3.7px var(--mono); }
.finite-network-temperature-intervention-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-temperature-intervention-legend i { width: 9px; height: 0; border-top: 2px solid; }
.finite-network-temperature-intervention-legend i.exact { color: #f0c96a; }
.finite-network-temperature-intervention-legend i.projection { color: #b594ff; border-top-style: dashed; }
.finite-network-temperature-intervention-legend i.nominal { color: #65e1bc; border-top-style: dashed; }
.finite-network-temperature-intervention-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-temperature-intervention-summary span { padding: 4px; border: 1px solid rgba(240,201,106,.09); color: #877b5d; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-temperature-intervention-summary strong { display: block; margin-top: 2px; color: #dbcda2; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-temperature-intervention > p { margin: 4px 0 0 !important; color: #8b8064 !important; font: 4.2px/1.45 var(--mono) !important; }

/* Build 382 · successful-passage state/edge anatomy */
.finite-network-conditioned-passage { margin-top: 5px; padding: 5px; border: 1px solid rgba(181,148,255,.17); border-radius: 4px; background: linear-gradient(135deg,rgba(17,10,25,.72),rgba(6,11,14,.72)); }
.finite-network-passage-control .finite-network-conditioned-passage header small { color: #78678d; }
.finite-network-passage-control .finite-network-conditioned-passage header strong { color: #ccb7e3; font-size: 5.1px; }
.finite-network-passage-control .finite-network-conditioned-passage header b { color: #8d79a1; font-size: 4px; }
.finite-network-passage-control .finite-network-conditioned-passage svg { height: 150px; background: rgba(9,5,13,.5); }
.finite-network-conditioned-passage .section-label { fill: #806c94; font: 4px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-passage text.label,
.finite-network-conditioned-passage text.value,
.finite-network-conditioned-passage text.empty { fill: #857594; font: 4.4px var(--mono); }
.finite-network-conditioned-passage text.value { fill: #b8a8c7; }
.finite-network-conditioned-passage .anatomy-bar { stroke-width: 5; stroke-linecap: round; }
.finite-network-conditioned-passage .anatomy-bar.residence { stroke: #b594ff; }
.finite-network-conditioned-passage .anatomy-bar.traversal { stroke: #55c8ff; }
.finite-network-conditioned-passage .anatomy-bar.traversal.recrossing { stroke: #ff9d6b; filter: drop-shadow(0 0 1.5px rgba(255,157,107,.5)); }
.finite-network-conditioned-passage-legend { display: flex; flex-wrap: wrap; gap: 3px 10px; color: #81728e; font: 3.7px var(--mono); }
.finite-network-conditioned-passage-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-conditioned-passage-legend i { width: 9px; height: 3px; background: currentColor; }
.finite-network-conditioned-passage-legend i.residence { color: #b594ff; }
.finite-network-conditioned-passage-legend i.traversal { color: #55c8ff; }
.finite-network-conditioned-passage-legend i.recrossing { color: #ff9d6b; }
.finite-network-conditioned-passage-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-conditioned-passage-summary span { padding: 4px; border: 1px solid rgba(181,148,255,.09); color: #7d6e8a; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-passage-summary strong { display: block; margin-top: 2px; color: #cdbfde; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-conditioned-passage > p { margin: 4px 0 0 !important; color: #83758f !important; font: 4.2px/1.45 var(--mono) !important; }
.finite-network-conditioned-heterogeneity { margin-top: 5px; padding: 5px; border: 1px solid rgba(255,157,107,.14); border-radius: 4px; background: radial-gradient(circle at 88% 12%,rgba(255,157,107,.055),transparent 46%),rgba(13,8,9,.55); }
.finite-network-conditioned-passage .finite-network-conditioned-heterogeneity header small { color: #8c6d62; }
.finite-network-conditioned-passage .finite-network-conditioned-heterogeneity header strong { color: #dfb7a6; font-size: 5.1px; }
.finite-network-conditioned-passage .finite-network-conditioned-heterogeneity header b { color: #a27b6d; font-size: 4px; }
.finite-network-conditioned-passage .finite-network-conditioned-heterogeneity svg { height: 112px; background: rgba(12,6,7,.48); }
.finite-network-conditioned-heterogeneity .use-axis { stroke: rgba(224,190,174,.22); stroke-width: .8; }
.finite-network-conditioned-heterogeneity .use-tick { stroke: rgba(224,190,174,.28); stroke-width: .7; }
.finite-network-conditioned-heterogeneity .edge-use-bar { stroke-width: 5; stroke-linecap: round; }
.finite-network-conditioned-heterogeneity .edge-use-bar.mandatory { stroke: #65e1bc; }
.finite-network-conditioned-heterogeneity .edge-use-bar.optional { stroke: #f0c96a; }
.finite-network-conditioned-heterogeneity .edge-use-bar.repeat { stroke: #ff8e72; filter: drop-shadow(0 0 1.5px rgba(255,142,114,.5)); }
.finite-network-conditioned-heterogeneity text.label,
.finite-network-conditioned-heterogeneity text.value,
.finite-network-conditioned-heterogeneity text.empty { fill: #957a70; font: 4.3px var(--mono); }
.finite-network-conditioned-heterogeneity text.value { fill: #cfb0a4; }
.finite-network-conditioned-heterogeneity-legend { display: flex; flex-wrap: wrap; gap: 3px 9px; color: #8f756c; font: 3.7px var(--mono); }
.finite-network-conditioned-heterogeneity-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-conditioned-heterogeneity-legend i { width: 8px; height: 3px; background: currentColor; }
.finite-network-conditioned-heterogeneity-legend i.mandatory { color: #65e1bc; }
.finite-network-conditioned-heterogeneity-legend i.optional { color: #f0c96a; }
.finite-network-conditioned-heterogeneity-legend i.repeat { color: #ff8e72; }
.finite-network-conditioned-heterogeneity-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-conditioned-heterogeneity-summary span { padding: 4px; border: 1px solid rgba(255,157,107,.09); color: #8b7067; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-heterogeneity-summary strong { display: block; margin-top: 2px; color: #dfc0b4; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-conditioned-heterogeneity > p { margin: 4px 0 0 !important; color: #90766c !important; font: 4.2px/1.45 var(--mono) !important; }
.finite-network-conditioned-arrival { margin-top: 5px; padding: 5px; border: 1px solid rgba(101,225,188,.13); border-radius: 4px; background: radial-gradient(circle at 12% 12%,rgba(101,225,188,.045),transparent 45%),rgba(5,12,11,.54); }
.finite-network-conditioned-heterogeneity .finite-network-conditioned-arrival header small { color: #5c8178; }
.finite-network-conditioned-heterogeneity .finite-network-conditioned-arrival header strong { color: #a5d2c7; font-size: 5.1px; }
.finite-network-conditioned-heterogeneity .finite-network-conditioned-arrival header b { color: #719b91; font-size: 4px; }
.finite-network-conditioned-heterogeneity .finite-network-conditioned-arrival svg { height: 112px; background: rgba(3,10,9,.48); }
.finite-network-conditioned-arrival .arrival-axis { stroke: rgba(173,216,206,.28); stroke-width: .75; }
.finite-network-conditioned-arrival .arrival-grid { stroke: rgba(173,216,206,.09); stroke-width: .6; stroke-dasharray: 2 2; }
.finite-network-conditioned-arrival .arrival-cdf { fill: none; stroke: #65e1bc; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.finite-network-conditioned-arrival .arrival-quantile { stroke: rgba(240,201,106,.35); stroke-width: .7; stroke-dasharray: 2 2; }
.finite-network-conditioned-arrival .arrival-point { fill: #f0c96a; stroke: rgba(255,255,255,.7); stroke-width: .55; }
.finite-network-conditioned-arrival .arrival-point.median { fill: #ff9d6b; }
.finite-network-conditioned-arrival .arrival-mean { stroke: rgba(181,148,255,.48); stroke-width: .8; stroke-dasharray: 3 2; }
.finite-network-conditioned-arrival text.label,
.finite-network-conditioned-arrival text.empty { fill: #6e9189; font: 4.2px var(--mono); }
.finite-network-conditioned-arrival-legend { display: flex; flex-wrap: wrap; gap: 3px 9px; color: #6a8982; font: 3.7px var(--mono); }
.finite-network-conditioned-arrival-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-conditioned-arrival-legend i { width: 8px; height: 3px; background: currentColor; }
.finite-network-conditioned-arrival-legend i.cdf { color: #65e1bc; }
.finite-network-conditioned-arrival-legend i.quantile { color: #f0c96a; }
.finite-network-conditioned-arrival-legend i.mean { color: #b594ff; }
.finite-network-conditioned-arrival-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-conditioned-arrival-summary span { padding: 4px; border: 1px solid rgba(101,225,188,.08); color: #66857d; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-arrival-summary strong { display: block; margin-top: 2px; color: #b8d8d0; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-conditioned-arrival > p { margin: 4px 0 0 !important; color: #708f87 !important; font: 4.2px/1.45 var(--mono) !important; }
.finite-network-conditioned-structural-path { margin-top: 5px; padding: 5px; border: 1px solid rgba(85,200,255,.13); border-radius: 4px; background: radial-gradient(circle at 86% 14%,rgba(85,200,255,.05),transparent 46%),rgba(4,9,14,.56); }
.finite-network-conditioned-arrival .finite-network-conditioned-structural-path header small { color: #617b89; }
.finite-network-conditioned-arrival .finite-network-conditioned-structural-path header strong { color: #a7c9d8; font-size: 5.1px; }
.finite-network-conditioned-arrival .finite-network-conditioned-structural-path header b { color: #7290a0; font-size: 4px; }
.finite-network-conditioned-arrival .finite-network-conditioned-structural-path svg { height: 142px; background: rgba(3,7,11,.5); }
.finite-network-conditioned-structural-path .structure-axis { stroke: rgba(174,207,222,.28); stroke-width: .75; }
.finite-network-conditioned-structural-path .structure-grid { stroke: rgba(174,207,222,.08); stroke-width: .6; stroke-dasharray: 2 2; }
.finite-network-conditioned-structural-path .survivor-state { fill: none; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; opacity: .88; }
.finite-network-conditioned-structural-path .state-1 { stroke: #55c8ff; fill: #55c8ff; }
.finite-network-conditioned-structural-path .state-2 { stroke: #b594ff; fill: #b594ff; }
.finite-network-conditioned-structural-path .state-3 { stroke: #65e1bc; fill: #65e1bc; }
.finite-network-conditioned-structural-path .state-4 { stroke: #f0c96a; fill: #f0c96a; }
.finite-network-conditioned-structural-path .atom-progress { fill: none; stroke: #ff8e72; stroke-width: 1.5; stroke-dasharray: 3 2; }
.finite-network-conditioned-structural-path .structure-median { stroke: rgba(240,201,106,.46); stroke-width: .8; stroke-dasharray: 2 2; }
.finite-network-conditioned-structural-path text.label,
.finite-network-conditioned-structural-path text.empty { fill: #6c8390; font: 4.2px var(--mono); }
.finite-network-conditioned-structural-path text.state-label { font: 4px var(--mono); }
.finite-network-conditioned-structural-path-legend { display: flex; flex-wrap: wrap; gap: 3px 9px; color: #687f8b; font: 3.7px var(--mono); }
.finite-network-conditioned-structural-path-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-conditioned-structural-path-legend i { width: 8px; height: 3px; background: currentColor; }
.finite-network-conditioned-structural-path-legend i.state { color: #55c8ff; }
.finite-network-conditioned-structural-path-legend i.progress { color: #ff8e72; }
.finite-network-conditioned-structural-path-legend i.median { color: #f0c96a; }
.finite-network-conditioned-structural-path-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-conditioned-structural-path-summary span { padding: 4px; border: 1px solid rgba(85,200,255,.08); color: #667d89; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-structural-path-summary strong { display: block; margin-top: 2px; color: #b7d1dc; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-conditioned-structural-path > p { margin: 4px 0 0 !important; color: #708591 !important; font: 4.2px/1.45 var(--mono) !important; }
.finite-network-conditioned-structural-dispersion { margin-top: 5px; padding: 5px; border: 1px solid rgba(181,148,255,.14); border-radius: 4px; background: radial-gradient(circle at 14% 14%,rgba(181,148,255,.05),transparent 46%),rgba(8,6,14,.56); }
.finite-network-conditioned-structural-path .finite-network-conditioned-structural-dispersion header small { color: #786d91; }
.finite-network-conditioned-structural-path .finite-network-conditioned-structural-dispersion header strong { color: #c2b7dd; font-size: 5.1px; }
.finite-network-conditioned-structural-path .finite-network-conditioned-structural-dispersion header b { color: #8f82aa; font-size: 4px; }
.finite-network-conditioned-structural-path .finite-network-conditioned-structural-dispersion svg { height: 126px; background: rgba(6,4,11,.5); }
.finite-network-conditioned-structural-dispersion .dispersion-axis { stroke: rgba(199,186,225,.27); stroke-width: .75; }
.finite-network-conditioned-structural-dispersion .dispersion-grid { stroke: rgba(199,186,225,.08); stroke-width: .6; stroke-dasharray: 2 2; }
.finite-network-conditioned-structural-dispersion .dispersion-line { fill: none; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; }
.finite-network-conditioned-structural-dispersion .dispersion-line.atoms { stroke: #ff8e72; }
.finite-network-conditioned-structural-dispersion .dispersion-line.coordination { stroke: #65e1bc; }
.finite-network-conditioned-structural-dispersion .dispersion-line.q4 { stroke: #55c8ff; }
.finite-network-conditioned-structural-dispersion .dispersion-line.q6 { stroke: #b594ff; }
.finite-network-conditioned-structural-dispersion .dispersion-median { stroke: rgba(240,201,106,.45); stroke-width: .8; stroke-dasharray: 2 2; }
.finite-network-conditioned-structural-dispersion text.label,
.finite-network-conditioned-structural-dispersion text.empty { fill: #827895; font: 4.2px var(--mono); }
.finite-network-conditioned-structural-dispersion-legend { display: flex; flex-wrap: wrap; gap: 3px 8px; color: #7d748e; font: 3.7px var(--mono); }
.finite-network-conditioned-structural-dispersion-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-conditioned-structural-dispersion-legend i { width: 8px; height: 3px; background: currentColor; }
.finite-network-conditioned-structural-dispersion-legend i.atoms { color: #ff8e72; }
.finite-network-conditioned-structural-dispersion-legend i.coordination { color: #65e1bc; }
.finite-network-conditioned-structural-dispersion-legend i.q4 { color: #55c8ff; }
.finite-network-conditioned-structural-dispersion-legend i.q6 { color: #b594ff; }
.finite-network-conditioned-structural-dispersion-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-conditioned-structural-dispersion-summary span { padding: 4px; border: 1px solid rgba(181,148,255,.08); color: #7b718e; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-structural-dispersion-summary strong { display: block; margin-top: 2px; color: #c8bce2; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-conditioned-structural-dispersion > p { margin: 4px 0 0 !important; color: #827795 !important; font: 4.2px/1.45 var(--mono) !important; }
.finite-network-conditioned-scattering-path { margin-top: 5px; padding: 5px; border: 1px solid rgba(255,142,114,.14); border-radius: 4px; background: radial-gradient(circle at 88% 12%,rgba(255,142,114,.05),transparent 46%),rgba(12,6,8,.56); }
.finite-network-conditioned-structural-dispersion .finite-network-conditioned-scattering-path header small { color: #8d6f69; }
.finite-network-conditioned-structural-dispersion .finite-network-conditioned-scattering-path header strong { color: #d6b4aa; font-size: 5.1px; }
.finite-network-conditioned-structural-dispersion .finite-network-conditioned-scattering-path header b { color: #a47f75; font-size: 4px; }
.finite-network-conditioned-structural-dispersion .finite-network-conditioned-scattering-path svg { height: 150px; background: rgba(10,4,6,.5); }
.finite-network-conditioned-scattering-path .scattering-axis { stroke: rgba(224,192,184,.28); stroke-width: .75; }
.finite-network-conditioned-scattering-path .scattering-grid { stroke: rgba(224,192,184,.10); stroke-width: .55; stroke-dasharray: 2 2; }
.finite-network-conditioned-scattering-path .scattering-cell { shape-rendering: crispEdges; }
.finite-network-conditioned-scattering-path .scattering-median { stroke: rgba(240,201,106,.72); stroke-width: .9; stroke-dasharray: 2 2; }
.finite-network-conditioned-scattering-path text.label,
.finite-network-conditioned-scattering-path text.empty { fill: #8f746e; font: 4.2px var(--mono); }
.finite-network-conditioned-scattering-path-legend { display: flex; flex-wrap: wrap; gap: 3px 8px; color: #897069; font: 3.7px var(--mono); }
.finite-network-conditioned-scattering-path-legend span { display: inline-flex; align-items: center; gap: 3px; }
.finite-network-conditioned-scattering-path-legend i { width: 8px; height: 3px; background: currentColor; }
.finite-network-conditioned-scattering-path-legend i.gain { color: #ff8e72; }
.finite-network-conditioned-scattering-path-legend i.loss { color: #6d88cf; }
.finite-network-conditioned-scattering-path-legend i.neutral { color: #473942; }
.finite-network-conditioned-scattering-path-legend i.median { color: #f0c96a; }
.finite-network-conditioned-scattering-path-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.finite-network-conditioned-scattering-path-summary span { padding: 4px; border: 1px solid rgba(255,142,114,.08); color: #896e68; font: 3.8px var(--mono); text-transform: uppercase; }
.finite-network-conditioned-scattering-path-summary strong { display: block; margin-top: 2px; color: #d9bab1; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }
.finite-network-conditioned-scattering-path > p { margin: 4px 0 0 !important; color: #8e736d !important; font: 4.2px/1.45 var(--mono) !important; }

.finite-network-global-order { margin-top: 5px; padding: 5px; border: 1px solid rgba(101,225,188,.13); border-radius: 4px; background: radial-gradient(circle at 82% 14%,rgba(85,200,255,.045),transparent 48%),rgba(4,13,14,.58); }.finite-network-global-order header { display: flex; justify-content: space-between; gap: 5px; }.finite-network-global-order header small,.finite-network-global-order header strong { display: block; }.finite-network-global-order header small { color: #557d73; font: 4px var(--mono); text-transform: uppercase; }.finite-network-global-order header strong { margin-top: 2px; color: #9fc9be; font: 5.2px var(--mono); }.finite-network-global-order header b { color: #688e84; font: 4.1px var(--mono); font-weight: 400; }.finite-network-global-order svg { display: block; width: 100%; height: 138px; margin-top: 3px; background: rgba(3,10,11,.48); }.finite-network-global-order .axis { stroke: rgba(175,211,202,.25); stroke-width: .7; }.finite-network-global-order .grid { stroke: rgba(175,211,202,.08); stroke-width: .55; }.finite-network-global-order .cursor { stroke: rgba(240,201,106,.46); stroke-width: .8; stroke-dasharray: 2 2; }.finite-network-global-order .order-line { fill: none; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }.finite-network-global-order .order-line.q4,.finite-network-global-order .order-point.q4 { stroke: #65e1bc; fill: #65e1bc; }.finite-network-global-order .order-line.q6,.finite-network-global-order .order-point.q6 { stroke: #55c8ff; fill: #55c8ff; }.finite-network-global-order .order-line.coordination,.finite-network-global-order .order-point.coordination { stroke: #f0c96a; fill: #f0c96a; }.finite-network-global-order text.label,.finite-network-global-order text.empty { fill: #6e8e87; font: 4.7px var(--mono); }.finite-network-global-order-legend { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 3px; color: #68837c; font: 3.8px var(--mono); }.finite-network-global-order-legend span { display: inline-flex; align-items: center; gap: 3px; }.finite-network-global-order-legend i { width: 8px; height: 2px; background: currentColor; }.finite-network-global-order-legend i.q4 { color: #65e1bc; }.finite-network-global-order-legend i.q6 { color: #55c8ff; }.finite-network-global-order-legend i.coordination { color: #f0c96a; }.finite-network-global-order-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }.finite-network-global-order-summary span { padding: 4px; border: 1px solid rgba(101,225,188,.08); color: #607d75; font: 3.9px var(--mono); text-transform: uppercase; }.finite-network-global-order-summary strong { display: block; margin-top: 2px; color: #b2d2c9; font: 4.6px var(--mono); font-weight: 500; text-transform: none; }.finite-network-global-order > p { margin: 4px 0 0 !important; color: #6d877f !important; font: 4.3px/1.45 var(--mono) !important; }

.finite-network-first-passage { margin: 5px 0; padding: 5px; border: 1px solid rgba(240,201,106,.16); border-radius: 5px; background: radial-gradient(circle at 90% 12%,rgba(181,148,255,.055),transparent 48%),rgba(17,14,10,.5); }.finite-network-first-passage header { display: flex; justify-content: space-between; gap: 5px; }.finite-network-first-passage header small,.finite-network-first-passage header strong { display: block; }.finite-network-first-passage header small { color: #8c7a50; font: 4.1px var(--mono); text-transform: uppercase; }.finite-network-first-passage header strong { margin-top: 2px; color: #d5c184; font: 5.4px var(--mono); }.finite-network-first-passage header b { color: #a18d5c; font: 4.2px var(--mono); font-weight: 400; }.finite-network-first-passage svg { display: block; width: 100%; height: 122px; margin-top: 3px; background: rgba(12,10,8,.45); }.finite-network-first-passage .axis { stroke: rgba(225,211,169,.28); stroke-width: .75; }.finite-network-first-passage .grid { stroke: rgba(225,211,169,.08); stroke-width: .55; }.finite-network-first-passage .probability-bar { stroke-width: 2.6; stroke-linecap: round; }.finite-network-first-passage .probability-point { stroke: rgba(255,255,255,.7); stroke-width: .65; }.finite-network-first-passage .source { stroke: #f0c96a; fill: #f0c96a; }.finite-network-first-passage .target { stroke: #b594ff; fill: #b594ff; }.finite-network-first-passage .reachable { stroke: #65e1bc; fill: #65e1bc; }.finite-network-first-passage .failure { stroke: #ff6d71; fill: #ff6d71; }.finite-network-first-passage text.label,.finite-network-first-passage text.empty { fill: #8e8268; font: 4.7px var(--mono); }.finite-network-first-passage-legend { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 3px; color: #847960; font: 3.8px var(--mono); }.finite-network-first-passage-legend span { display: inline-flex; align-items: center; gap: 3px; }.finite-network-first-passage-legend i { width: 7px; height: 3px; background: currentColor; }.finite-network-first-passage-legend i.source { color: #f0c96a; }.finite-network-first-passage-legend i.target { color: #b594ff; }.finite-network-first-passage-legend i.reachable { color: #65e1bc; }.finite-network-first-passage-legend i.failure { color: #ff6d71; }.finite-network-first-passage-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }.finite-network-first-passage-summary span { padding: 4px; border: 1px solid rgba(240,201,106,.09); color: #7f755f; font: 3.9px var(--mono); text-transform: uppercase; }.finite-network-first-passage-summary strong { display: block; margin-top: 2px; color: #d5c9a6; font: 4.6px var(--mono); font-weight: 500; text-transform: none; }.finite-network-first-passage > p { margin: 4px 0 0 !important; color: #887f6b !important; font: 4.3px/1.45 var(--mono) !important; }

.finite-network-first-passage-uncertainty { margin-top: 5px; padding: 5px; border: 1px solid rgba(181,148,255,.14); border-radius: 4px; background: rgba(12,8,18,.48); }.finite-network-first-passage-uncertainty header small { color: #77638f; }.finite-network-first-passage-uncertainty header strong { color: #c1add8; font-size: 5.1px; }.finite-network-first-passage-uncertainty header b { color: #8875a0; font-size: 4px; }.finite-network-first-passage-uncertainty svg { height: 82px; background: rgba(8,5,12,.46); }.finite-network-first-passage-uncertainty .uncertainty-axis { stroke: rgba(204,185,225,.15); stroke-width: 1; }.finite-network-first-passage-uncertainty .uncertainty-band { stroke: #b594ff; stroke-width: 5; stroke-linecap: round; opacity: .72; }.finite-network-first-passage-uncertainty .uncertainty-cap { stroke: #d2c1e5; stroke-width: 1; }.finite-network-first-passage-uncertainty .uncertainty-median { fill: #65e1bc; stroke: #eef9f6; stroke-width: .6; }.finite-network-first-passage-uncertainty .uncertainty-nominal { fill: #f0c96a; stroke: #fff4d7; stroke-width: .6; }.finite-network-first-passage-uncertainty text.label,.finite-network-first-passage-uncertainty text.empty { fill: #7f7190; font: 4.5px var(--mono); }.finite-network-first-passage-uncertainty-legend { display: flex; flex-wrap: wrap; gap: 3px 8px; margin-top: 3px; color: #766986; font: 3.7px var(--mono); }.finite-network-first-passage-uncertainty-legend span { display: inline-flex; align-items: center; gap: 3px; }.finite-network-first-passage-uncertainty-legend i { display: inline-block; width: 8px; height: 3px; }.finite-network-first-passage-uncertainty-legend i.band { background: #b594ff; }.finite-network-first-passage-uncertainty-legend i.median { border-radius: 50%; background: #65e1bc; }.finite-network-first-passage-uncertainty-legend i.nominal { border-radius: 50%; background: #f0c96a; }.finite-network-first-passage-uncertainty-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }.finite-network-first-passage-uncertainty-summary span { padding: 4px; border: 1px solid rgba(181,148,255,.08); color: #756987; font: 3.8px var(--mono); text-transform: uppercase; }.finite-network-first-passage-uncertainty-summary strong { display: block; margin-top: 2px; color: #cbbddb; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }.finite-network-first-passage-uncertainty > p { margin: 4px 0 0 !important; color: #7f738e !important; font: 4.2px/1.45 var(--mono) !important; }

.finite-network-passage-control { margin-top: 5px; padding: 5px; border: 1px solid rgba(85,200,255,.13); border-radius: 4px; background: rgba(5,11,16,.5); }.finite-network-passage-control header small { color: #597b8b; }.finite-network-passage-control header strong { color: #9dc9dc; font-size: 5.1px; }.finite-network-passage-control header b { color: #68899a; font-size: 4px; }.finite-network-passage-control svg { height: 116px; background: rgba(3,8,12,.46); }.finite-network-passage-control .zero { stroke: rgba(190,213,225,.22); stroke-width: .7; stroke-dasharray: 2 2; }.finite-network-passage-control .control-bar { stroke-width: 4; stroke-linecap: round; }.finite-network-passage-control .control-point { stroke: rgba(255,255,255,.65); stroke-width: .6; }.finite-network-passage-control .accelerating { stroke: #65e1bc; fill: #65e1bc; }.finite-network-passage-control .diverting { stroke: #ff81b8; fill: #ff81b8; }.finite-network-passage-control text.label,.finite-network-passage-control text.empty { fill: #688391; font: 4.5px var(--mono); }.finite-network-passage-control-legend { display: flex; flex-wrap: wrap; gap: 3px 9px; margin-top: 3px; color: #657f8c; font: 3.7px var(--mono); }.finite-network-passage-control-legend span { display: inline-flex; align-items: center; gap: 3px; }.finite-network-passage-control-legend i { width: 8px; height: 3px; background: currentColor; }.finite-network-passage-control-legend i.accelerating { color: #65e1bc; }.finite-network-passage-control-legend i.diverting { color: #ff81b8; }.finite-network-passage-control-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }.finite-network-passage-control-summary span { padding: 4px; border: 1px solid rgba(85,200,255,.08); color: #627d89; font: 3.8px var(--mono); text-transform: uppercase; }.finite-network-passage-control-summary strong { display: block; margin-top: 2px; color: #b3d2df; font: 4.5px var(--mono); font-weight: 500; text-transform: none; }.finite-network-passage-control > p { margin: 4px 0 0 !important; color: #6c8490 !important; font: 4.2px/1.45 var(--mono) !important; }

.finite-network-structural-flux { margin-top: 5px; padding: 5px; border: 1px solid rgba(214,156,255,.12); border-radius: 4px; background: rgba(11,7,17,.42); }.finite-network-structural-flux header { display: flex; justify-content: space-between; gap: 5px; }.finite-network-structural-flux header small,.finite-network-structural-flux header strong { display: block; }.finite-network-structural-flux header small { color: #816b93; font: 4px var(--mono); text-transform: uppercase; }.finite-network-structural-flux header strong { margin-top: 2px; color: #c7add9; font: 5.2px var(--mono); }.finite-network-structural-flux header b { color: #927ba3; font: 4.1px var(--mono); font-weight: 400; }.finite-network-structural-flux svg { display: block; width: 100%; height: 92px; margin-top: 3px; background: rgba(8,5,12,.4); }.finite-network-structural-flux .character-segment { opacity: .82; }.finite-network-structural-flux .character-frame { fill: none; stroke: rgba(226,205,240,.24); stroke-width: .7; }.finite-network-structural-flux text.label,.finite-network-structural-flux text.empty { fill: #897998; font: 4.7px var(--mono); }.finite-network-structural-flux-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }.finite-network-structural-flux-summary span { padding: 4px; border: 1px solid rgba(214,156,255,.08); color: #806e8e; font: 3.9px var(--mono); text-transform: uppercase; }.finite-network-structural-flux-summary strong { display: block; margin-top: 2px; color: #d2c0df; font: 4.6px var(--mono); font-weight: 500; text-transform: none; }.finite-network-structural-flux > p { margin: 4px 0 0 !important; color: #85758f !important; font: 4.3px/1.45 var(--mono) !important; }

.finite-network-flux { margin-top: 5px; padding: 5px; border: 1px solid rgba(137,190,255,.12); border-radius: 4px; background: rgba(7,12,18,.46); }.finite-network-flux header { display: flex; justify-content: space-between; gap: 5px; }.finite-network-flux header small,.finite-network-flux header strong { display: block; }.finite-network-flux header small { color: #61758d; font: 4px var(--mono); text-transform: uppercase; }.finite-network-flux header strong { margin-top: 2px; color: #9eb8d7; font: 5.3px var(--mono); }.finite-network-flux header b { color: #728aa4; font: 4.2px var(--mono); font-weight: 400; }.finite-network-flux svg { display: block; width: 100%; height: 136px; margin-top: 3px; background: rgba(4,8,13,.4); }.finite-network-flux .zero { stroke: rgba(200,216,235,.2); stroke-width: .7; stroke-dasharray: 2 2; }.finite-network-flux .flux-bar { stroke-width: 4; stroke-linecap: round; }.finite-network-flux .flux-bar.growth { stroke: #65e1bc; }.finite-network-flux .flux-bar.shrinkage { stroke: #ff708b; }.finite-network-flux .flux-point { stroke: rgba(255,255,255,.7); stroke-width: .7; }.finite-network-flux .flux-point.growth { fill: #65e1bc; }.finite-network-flux .flux-point.shrinkage { fill: #ff708b; }.finite-network-flux text.label,.finite-network-flux text.empty { fill: #718397; font: 4.7px var(--mono); }.finite-network-flux-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 3px; }.finite-network-flux-summary span { padding: 4px; border: 1px solid rgba(137,190,255,.08); color: #617389; font: 3.9px var(--mono); text-transform: uppercase; }.finite-network-flux-summary strong { display: block; margin-top: 2px; color: #b9cbe0; font: 4.6px var(--mono); font-weight: 500; text-transform: none; }.finite-network-flux > p { margin: 4px 0 0 !important; color: #728096 !important; font: 4.3px/1.45 var(--mono) !important; }

.policy-identifiability-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(101,225,188,.13); background: radial-gradient(circle at 84% 16%,rgba(85,200,255,.035),transparent 50%),rgba(101,225,188,.01); }
.policy-identifiability-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }
.policy-identifiability-card header span small,.policy-identifiability-card header span strong { display: block; }
.policy-identifiability-card header small { color: #52786e; font: 5px var(--mono); text-transform: uppercase; }
.policy-identifiability-card header strong { margin-top: 3px; color: #a6c9bf; font: 6px var(--mono); font-weight: 400; }
.policy-identifiability-card header b { max-width: 156px; color: #718f87; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.policy-identifiability-modes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 5px; }.policy-identifiability-modes button { min-width: 0; padding: 4px 5px; border: 1px solid rgba(101,225,188,.13); background: rgba(5,15,17,.68); color: #678179; font: 5px var(--mono); cursor: pointer; }.policy-identifiability-modes button:hover,.policy-identifiability-modes button:focus-visible,.policy-identifiability-modes button[aria-pressed="true"] { border-color: rgba(101,225,188,.55); background: rgba(101,225,188,.05); color: #b4d8ce; outline: none; }.policy-identifiability-modes button:disabled { opacity: .35; cursor: default; }
.policy-identifiability-matrix { max-height: 240px; margin-top: 5px; border: 1px solid rgba(101,225,188,.08); overflow: auto; background: rgba(4,12,14,.66); }
.policy-identifiability-matrix:empty { display: none; }
.policy-identifiability-matrix table { width: 100%; min-width: max-content; border-collapse: separate; border-spacing: 1px; color: #78938b; font: 4px var(--mono); }
.policy-identifiability-matrix th { position: sticky; z-index: 2; max-width: 62px; padding: 3px; background: #071516; color: #6c8880; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.policy-identifiability-matrix thead th { top: 0; }
.policy-identifiability-matrix tbody th { left: 0; text-align: right; }
.policy-identifiability-matrix button { width: 27px; height: 22px; padding: 0; border: 1px solid transparent; color: rgba(229,244,240,.78); font: 4px var(--mono); cursor: pointer; }
.policy-identifiability-matrix button.positive { background: rgba(101,225,188,var(--correlation-strength)); }
.policy-identifiability-matrix button.negative { background: rgba(255,117,111,var(--correlation-strength)); }
.policy-identifiability-matrix button.unresolved { background: rgba(124,117,142,.15); color: #6d6878; }
.policy-identifiability-matrix button.diagonal { background: rgba(181,148,255,.22); color: #d8caf2; cursor: default; }
.policy-identifiability-matrix button:hover,.policy-identifiability-matrix button:focus-visible,.policy-identifiability-matrix button.active { border-color: #f0f8f5; outline: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.policy-identifiability-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 5px; padding: 4px 5px; border-left: 2px solid rgba(101,225,188,.48); background: rgba(101,225,188,.025); color: #758b84; font: 5px/1.4 var(--mono); }
.policy-identifiability-detail:empty { display: none; }
.policy-identifiability-detail strong { overflow: hidden; color: #afd0c7; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.policy-identifiability-detail b { color: #78bba8; font: inherit; font-weight: 400; text-align: right; }
.policy-identifiability-detail span { grid-column: 1 / -1; }
.policy-separation-experiment { margin-top: 5px; padding: 5px; border: 1px solid rgba(255,193,105,.16); background: linear-gradient(145deg,rgba(255,193,105,.025),rgba(101,225,188,.018)); }.policy-identifiability-card .policy-separation-experiment header { align-items: flex-start; }.policy-separation-experiment header small { color: #a68b5f; }.policy-separation-experiment header b { color: #bda16e; }.policy-separation-experiment > div { display: grid; grid-template-columns: 1.35fr 1fr 1fr .65fr; gap: 3px; margin-top: 5px; }.policy-separation-experiment button { min-width: 0; padding: 5px 4px; border: 1px solid rgba(151,194,183,.14); background: rgba(5,17,18,.76); color: #78958c; font: 5px/1.35 var(--mono); }.policy-separation-experiment button:first-child { border-color: rgba(255,193,105,.24); color: #c2a873; }.policy-separation-experiment button.active { border-color: rgba(101,225,188,.45); color: #9ad7c5; box-shadow: inset 0 -2px rgba(101,225,188,.25); }.policy-separation-experiment button:disabled { opacity: .38; }.policy-separation-experiment p { margin: 5px 0 0; color: #61766f; font: 5px/1.4 var(--mono); }
.policy-identifiability-history-heading { display: flex; align-items: end; justify-content: space-between; gap: 6px; margin-top: 6px; padding-top: 5px; border-top: 1px solid rgba(101,225,188,.09); }.policy-identifiability-history-heading span small,.policy-identifiability-history-heading span strong { display: block; }.policy-identifiability-history-heading small { color: #526f67; font: 4px var(--mono); text-transform: uppercase; }.policy-identifiability-history-heading strong { margin-top: 2px; color: #8aaaa1; font: 5px var(--mono); font-weight: 400; }.policy-identifiability-history-heading b { color: #678078; font: 4px/1.35 var(--mono); font-weight: 400; text-align: right; }.policy-identifiability-history { display: block; width: 100%; height: 92px; margin-top: 4px; border: 1px solid rgba(101,225,188,.07); background: rgba(4,12,14,.58); }.policy-identifiability-history .grid { stroke: rgba(101,225,188,.08); stroke-width: .65; }.policy-identifiability-history .zero { stroke: rgba(181,148,255,.18); stroke-width: .8; stroke-dasharray: 2 2; }.policy-identifiability-history .trajectory { fill: none; stroke: rgba(181,148,255,.7); stroke-width: 1.2; }.policy-identifiability-history circle { cursor: pointer; stroke-width: .8; }.policy-identifiability-history circle.redundant { fill: #ffbe6a; stroke: #ffe0b1; }.policy-identifiability-history circle.related { fill: #b594ff; stroke: #dfd1ff; }.policy-identifiability-history circle.distinct { fill: #65e1bc; stroke: #c1f7e8; }.policy-identifiability-history circle:hover,.policy-identifiability-history circle:focus-visible,.policy-identifiability-history circle.selected { stroke: #fff; stroke-width: 2; outline: none; filter: drop-shadow(0 0 2px rgba(255,255,255,.55)); }.policy-identifiability-history .axis-label,.policy-identifiability-history .pair-label { fill: #5d7770; font: 4px var(--mono); }.policy-identifiability-history .pair-label { fill: #718c84; }
.policy-identifiability-card > p { margin: 5px 0 0; color: #577068; font: 5px/1.4 var(--mono); }

* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; background: var(--bg); }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--ink);
  background:
    radial-gradient(circle at 55% -10%, rgba(42, 117, 98, 0.17), transparent 36rem),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, select, input { font: inherit; }
button, select { color: inherit; }
button:focus-visible, select:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid var(--mint); outline-offset: 2px; }
a { color: inherit; }

.app-shell { min-height: 100vh; scroll-margin-top: 0; }
.topbar {
  height: 68px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 20px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
  background: rgba(6, 16, 17, 0.92);
}
.brand { display: inline-flex; width: max-content; align-items: center; gap: 11px; text-decoration: none; }
.brand-mark { position: relative; width: 36px; height: 36px; border: 1px solid rgba(101, 225, 188, .35); background: rgba(101,225,188,.06); }
.brand-mark i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px rgba(101,225,188,.75); }
.brand-mark i:nth-child(1) { left: 8px; top: 15px; }
.brand-mark i:nth-child(2) { left: 21px; top: 8px; }
.brand-mark i:nth-child(3) { left: 23px; top: 23px; }
.brand-mark::before, .brand-mark::after { content: ""; position: absolute; height: 1px; background: rgba(101,225,188,.48); transform-origin: left; }
.brand-mark::before { left: 11px; top: 17px; width: 15px; transform: rotate(-29deg); }
.brand-mark::after { left: 11px; top: 18px; width: 16px; transform: rotate(29deg); }
.brand strong { display: block; font-size: 13px; letter-spacing: .02em; }
.brand small { display: block; margin-top: 3px; color: var(--muted); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.brand-art { width: clamp(120px, 15vw, 220px); height: 46px; margin-left: 7px; border: 1px solid rgba(101,225,188,.22); object-fit: cover; object-position: center; opacity: .88; }
.run-state { display: flex; align-items: center; gap: 8px; color: var(--muted); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.run-state i { width: 7px; height: 7px; border-radius: 50%; background: #526561; }
.run-state.running i { background: var(--mint); box-shadow: 0 0 12px var(--mint); }
.growth-evaluation-progress { display: grid; gap: 7px; margin-top: 10px; padding: 10px 11px; border: 1px solid rgba(126,225,232,.2); border-radius: 11px; background: linear-gradient(135deg, rgba(126,225,232,.08), rgba(240,201,106,.035)); }
.growth-evaluation-progress[hidden] { display: none; }
.growth-evaluation-progress span { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.growth-evaluation-progress strong { color: var(--ink); font: 10px var(--sans); }
.growth-evaluation-progress b, .growth-evaluation-progress small { color: var(--muted); font: 9px var(--mono); }
.growth-evaluation-progress progress { width: 100%; height: 5px; border: 0; border-radius: 999px; overflow: hidden; background: rgba(255,255,255,.07); accent-color: var(--mint); }
.growth-evaluation-progress progress::-webkit-progress-bar { background: rgba(255,255,255,.07); }
.growth-evaluation-progress progress::-webkit-progress-value { background: linear-gradient(90deg, var(--mint), var(--gold)); border-radius: 999px; }
.method-link { justify-self: end; color: var(--muted); font: 9px var(--mono); text-decoration: none; letter-spacing: .04em; }
.method-link:hover { color: var(--mint); }
.topbar-actions { justify-self: end; display: flex; align-items: center; gap: 15px; }
.study-guide-launch { padding: 7px 11px; border: 1px solid rgba(181,148,255,.42); background: rgba(181,148,255,.08); color: #c9b3ff; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .09em; cursor: pointer; }
.study-guide-launch:hover { border-color: #c9b3ff; background: rgba(181,148,255,.15); }
.atlas-launch { padding: 7px 11px; border: 1px solid rgba(101,225,188,.38); background: rgba(101,225,188,.07); color: var(--mint); font: 8px var(--mono); text-transform: uppercase; letter-spacing: .09em; cursor: pointer; }
.atlas-launch:hover { border-color: var(--mint); background: rgba(101,225,188,.13); }

.pipeline-nav {
  display: grid; grid-template-columns: repeat(4, 1fr); min-height: 72px;
  border-bottom: 1px solid var(--line); background: rgba(7, 18, 19, .96);
}
.pipeline-nav button {
  position: relative; min-width: 0; padding: 11px 16px 10px; border: 0; border-right: 1px solid var(--line);
  color: var(--muted); background: transparent; text-align: left; cursor: pointer;
}
.pipeline-nav button:last-child { border-right: 0; }
.pipeline-nav button::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -1px; height: 2px; background: var(--mint); transition: right .2s; }
.pipeline-nav button:hover, .pipeline-nav button.active { color: var(--ink); background: rgba(101,225,188,.045); }
.pipeline-nav button.active::after, .pipeline-nav button.complete::after { right: 0; }
.pipeline-nav button.complete::after { background: rgba(101,225,188,.34); }
.pipeline-nav small, .pipeline-nav strong, .pipeline-nav span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pipeline-nav small { color: var(--faint); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.pipeline-nav strong { margin-top: 5px; font-size: 11px; font-weight: 500; }
.pipeline-nav span { margin-top: 3px; color: var(--faint); font: 8px var(--mono); }

.evidence-ribbon { display: grid; grid-template-columns: 1fr 1fr 1fr auto; min-height: 48px; border-bottom: 1px solid rgba(101,225,188,.18); background: linear-gradient(90deg, rgba(101,225,188,.055), rgba(181,148,255,.035)); }
.evidence-ribbon > div { position: relative; display: grid; grid-template-columns: auto auto; align-content: center; gap: 1px 8px; min-width: 0; padding: 7px 18px; border-right: 1px solid var(--line); }
.evidence-ribbon small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.evidence-ribbon strong { grid-column: 1; overflow: hidden; color: #b9cac5; font-size: 9px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.evidence-ribbon b { grid-row: 1 / 3; grid-column: 2; align-self: center; font: 7px var(--mono); text-transform: uppercase; }
.evidence-ribbon .status-pass { color: var(--mint); }
.evidence-ribbon .status-open { color: var(--red); }
.evidence-ribbon > button { min-width: 178px; padding: 0 18px; border: 0; border-left: 1px solid rgba(101,225,188,.24); background: rgba(101,225,188,.08); color: var(--mint); font: 8px var(--mono); text-transform: uppercase; letter-spacing: .07em; cursor: pointer; }
.evidence-ribbon > button:hover { background: rgba(101,225,188,.15); }
.evidence-ribbon > button span { margin-left: 7px; }
.evidence-pulse { position: absolute; top: 9px; left: 8px; width: 4px; height: 4px; border-radius: 50%; background: var(--mint); box-shadow: 0 0 9px var(--mint); }

.study-compass { padding: 14px 18px 16px; border-bottom: 1px solid rgba(181,148,255,.25); background: radial-gradient(circle at 83% -120%, rgba(181,148,255,.19), transparent 38rem), rgba(7,18,20,.95); }
.study-compass > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.study-compass > header > span { min-width: 0; }
.study-compass > header small, .study-compass > header strong { display: block; }
.study-compass > header small { color: #b594ff; font: 7px var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.study-compass > header strong { max-width: 920px; margin-top: 5px; color: #d9e3e0; font-size: 13px; font-weight: 520; line-height: 1.35; }
.study-compass > header > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 9px; }
.study-compass > header b { padding: 5px 8px; border: 1px solid var(--line); color: var(--faint); font: 6px var(--mono); font-weight: 400; text-transform: uppercase; white-space: nowrap; }
.study-compass > header b.intact { border-color: rgba(101,225,188,.35); color: var(--mint); }
.study-compass > header b.edited { border-color: rgba(255,193,105,.42); color: #ffc169; }
.study-compass > header button, .study-compass > footer button { padding: 7px 11px; border: 1px solid rgba(181,148,255,.38); background: rgba(181,148,255,.07); color: #c9b3ff; font: 7px var(--mono); text-transform: uppercase; letter-spacing: .07em; cursor: pointer; white-space: nowrap; }
.study-compass > header button:hover, .study-compass > footer button:hover { border-color: #c9b3ff; background: rgba(181,148,255,.14); }
.study-compass > header button:disabled { border-color: var(--line); background: transparent; color: var(--faint); cursor: not-allowed; opacity: .7; }
.study-compass > nav { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 11px; border: 1px solid var(--line); }
.study-compass > nav button { position: relative; display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: center; min-width: 0; padding: 8px 10px; border: 0; border-right: 1px solid var(--line); background: rgba(4,14,15,.45); color: var(--faint); text-align: left; cursor: pointer; }
.study-compass > nav button:last-child { border-right: 0; }
.study-compass > nav button::after { content: ""; position: absolute; right: 100%; bottom: -1px; left: 0; height: 2px; background: var(--violet); }
.study-compass > nav button:hover, .study-compass > nav button.active { color: #d8e2df; background: rgba(181,148,255,.07); }
.study-compass > nav button.active::after, .study-compass > nav button.complete::after { right: 0; }
.study-compass > nav button.complete::after { background: rgba(101,225,188,.38); }
.study-compass > nav small { color: currentColor; font: 6px var(--mono); }
.study-compass > nav strong { overflow: hidden; font-size: 8px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.study-compass-body { display: grid; grid-template-columns: 1.05fr 1.1fr 1fr 1.05fr; gap: 1px; margin-top: 10px; background: var(--line); }
.study-compass-body article { min-width: 0; padding: 11px 12px; background: #081617; }
.study-compass-body small, .study-compass-body strong { display: block; }
.study-compass-body small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.study-compass-body strong { margin-top: 7px; color: #91a5a0; font-size: 8px; font-weight: 450; line-height: 1.55; }
.study-compass-body .study-compass-boundary { background: rgba(255,109,113,.035); box-shadow: inset 2px 0 rgba(255,109,113,.7); }
.study-compass-body .study-compass-boundary small { color: var(--red); }
.study-outcome { margin-top: 10px; border: 1px solid rgba(181,148,255,.24); background: linear-gradient(115deg, rgba(181,148,255,.055), rgba(101,225,188,.025)); }
.study-outcome > header { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 11px; border-bottom: 1px solid var(--line); }
.study-outcome > header small, .study-outcome > header strong { display: block; }
.study-outcome > header small { color: #b594ff; font: 6px var(--mono); text-transform: uppercase; letter-spacing: .11em; }
.study-outcome > header strong { margin-top: 4px; color: #d9e3e0; font-size: 9px; font-weight: 540; }
.study-outcome > header b { padding: 4px 7px; border: 1px solid var(--line); color: var(--faint); font: 6px var(--mono); font-weight: 450; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap; }
.study-outcome > header b.pass { border-color: rgba(101,225,188,.44); color: var(--mint); }
.study-outcome > header b.progress { border-color: rgba(255,193,105,.43); color: #ffc169; }
.study-outcome > header b.open { border-color: rgba(255,109,113,.35); color: #ff999c; }
.study-outcome > header b.edited { border-color: rgba(255,193,105,.43); color: #ffc169; }
.study-outcome-tiles { display: grid; grid-template-columns: repeat(5,1fr); gap: 1px; background: var(--line); }
.study-outcome-tiles article { min-width: 0; padding: 10px 11px 11px; background: rgba(5,16,17,.94); box-shadow: inset 0 2px transparent; }
.study-outcome-tiles article.pass { box-shadow: inset 0 2px rgba(101,225,188,.72); }
.study-outcome-tiles article.progress { box-shadow: inset 0 2px rgba(255,193,105,.72); }
.study-outcome-tiles article.open { box-shadow: inset 0 2px rgba(255,109,113,.5); }
.study-outcome-tiles small, .study-outcome-tiles strong, .study-outcome-tiles span { display: block; }
.study-outcome-tiles small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.study-outcome-tiles strong { margin-top: 6px; color: #cfdad7; font-size: 8px; font-weight: 540; line-height: 1.35; }
.study-outcome-tiles span { margin-top: 4px; color: #7f948f; font-size: 7px; line-height: 1.45; }
.study-outcome > p { margin: 0; padding: 9px 11px 10px 27px; border-top: 1px solid var(--line); color: #91a5a0; font: 7px/1.5 var(--mono); }
.study-outcome > p::before { content: "∴"; float: left; margin-left: -16px; color: #b594ff; }
.study-comparison { display: grid; grid-template-columns: minmax(210px,.9fr) minmax(360px,1.4fr) minmax(220px,.85fr); gap: 1px; border-top: 1px solid rgba(181,148,255,.28); background: var(--line); }
.study-comparison > header { min-width: 0; padding: 10px 11px; background: rgba(10,20,23,.98); }
.study-comparison > header small, .study-comparison > header strong, .study-comparison > header b { display: block; }
.study-comparison > header small { color: #b594ff; font: 6px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.study-comparison > header strong { margin-top: 5px; color: #cfdad7; font-size: 8px; font-weight: 520; line-height: 1.4; }
.study-comparison > header b { width: max-content; margin-top: 7px; padding: 3px 5px; border: 1px solid rgba(181,148,255,.3); color: #c9b3ff; font: 6px var(--mono); font-weight: 420; text-transform: uppercase; }
.study-comparison-arms { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); }
.study-comparison-arms button { position: relative; min-width: 0; padding: 9px 42px 9px 10px; border: 0; background: #071516; color: var(--faint); text-align: left; cursor: pointer; box-shadow: inset 0 2px transparent; }
.study-comparison-arms button:hover { background: rgba(181,148,255,.07); }
.study-comparison-arms button.active { background: rgba(101,225,188,.045); box-shadow: inset 0 2px var(--mint); }
.study-comparison-arms small, .study-comparison-arms strong, .study-comparison-arms span, .study-comparison-arms b { display: block; }
.study-comparison-arms small { font: 6px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.study-comparison-arms strong { margin-top: 5px; color: #cfdad7; font-size: 8px; font-weight: 540; }
.study-comparison-arms span { margin-top: 4px; color: #7f948f; font-size: 7px; line-height: 1.4; }
.study-comparison-arms b { position: absolute; top: 8px; right: 8px; color: #c9b3ff; font: 5px var(--mono); font-weight: 400; text-transform: uppercase; }
.study-comparison-arms button.active b { color: var(--mint); }
.study-comparison-progress { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr auto; gap: 1px; background: var(--line); }
.study-comparison-progress > span { min-width: 0; padding: 7px 10px; background: #081719; }.study-comparison-progress small,.study-comparison-progress strong,.study-comparison-progress em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.study-comparison-progress small { color: #647a74; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.study-comparison-progress strong { margin-top: 3px; color: #9bada8; font: 7px var(--mono); font-weight: 430; }.study-comparison-progress em { margin-top: 3px; color: #5e716c; font: 5px var(--mono); font-style: normal; }
.study-comparison-progress > b { display: grid; place-items: center; min-width: 128px; padding: 7px 10px; background: #081719; color: #9d8fc0; font: 6px var(--mono); font-weight: 430; text-align: center; text-transform: uppercase; }.study-comparison-progress.design-saved > b { color: #d4b46d; }.study-comparison-progress.ready > b { color: var(--mint); box-shadow: inset 0 -2px var(--mint); }.study-comparison-progress.ready strong { color: #b9ded3; }
.study-comparison-response { grid-column: 1/-1; display: grid; grid-template-columns: 168px 1fr; gap: 1px; background: var(--line); }
.study-comparison-response > header { padding: 8px 10px; background: #081719; }.study-comparison-response > header span,.study-comparison-response > header small,.study-comparison-response > header strong,.study-comparison-response > header b { display: block; }.study-comparison-response > header small { color: #65e1bc; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.study-comparison-response > header strong { margin-top: 4px; color: #b9ded3; font: 7px var(--mono); font-weight: 450; }.study-comparison-response > header b { width: max-content; margin-top: 6px; padding: 2px 4px; border: 1px solid rgba(101,225,188,.26); color: #7eb8a7; font: 5px var(--mono); font-weight: 420; text-transform: uppercase; }
.study-comparison-response-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); }.study-comparison-response-grid article { min-width: 0; padding: 8px 9px; background: #071516; box-shadow: inset 0 2px rgba(101,225,188,.5); }.study-comparison-response-grid article.unavailable { box-shadow: inset 0 2px rgba(255,193,105,.38); }.study-comparison-response-grid small,.study-comparison-response-grid strong,.study-comparison-response-grid em { display: block; }.study-comparison-response-grid small { overflow: hidden; color: #71847f; font: 5px var(--mono); text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.study-comparison-response-grid strong { margin-top: 5px; color: #c6ddd7; font: 8px var(--mono); font-weight: 470; }.study-comparison-response-grid em { margin-top: 4px; overflow: hidden; color: #6f8680; font: 5px var(--mono); font-style: normal; text-overflow: ellipsis; white-space: nowrap; }.study-comparison-response-grid article.unavailable strong { color: #bca26d; }
.study-comparison-response > p { grid-column: 1/-1; margin: 0; padding: 6px 10px; background: #071516; color: #71837f; font: 5px/1.45 var(--mono); }.study-comparison-response.waiting { display: block; }.study-comparison-response.waiting > p { color: #8c8068; }
.study-frontier-audit { grid-column: 1/-1; display: grid; grid-template-columns: 168px minmax(0,1fr); gap: 1px; background: var(--line); }
.study-frontier-audit[hidden] { display: none; }
.study-frontier-audit > header { padding: 9px 10px; background: linear-gradient(145deg,#0a191a,#102520); }
.study-frontier-audit > header span,.study-frontier-audit > header small,.study-frontier-audit > header strong,.study-frontier-audit > header b { display: block; }
.study-frontier-audit > header small { color: #65e1bc; font: 5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.study-frontier-audit > header strong { margin-top: 5px; color: #c8e4db; font: 7px/1.35 var(--mono); font-weight: 470; }
.study-frontier-audit > header b { width: max-content; max-width: 100%; margin-top: 7px; padding: 2px 4px; border: 1px solid rgba(101,225,188,.3); color: #78c9b1; font: 5px/1.35 var(--mono); font-weight: 420; text-transform: uppercase; }
.study-frontier-audit.known-window > header b { border-color: rgba(255,193,105,.32); color: #d5ad69; }
.study-frontier-audit-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); }
.study-frontier-audit-metrics article,.study-frontier-audit-ranks article { min-width: 0; padding: 8px 9px; background: #071516; }
.study-frontier-audit-metrics small,.study-frontier-audit-metrics strong,.study-frontier-audit-ranks small,.study-frontier-audit-ranks strong,.study-frontier-audit-ranks span { display: block; overflow: hidden; text-overflow: ellipsis; }
.study-frontier-audit-metrics small,.study-frontier-audit-ranks small { color: #71847f; font: 5px var(--mono); text-transform: uppercase; white-space: nowrap; }
.study-frontier-audit-metrics strong { margin-top: 5px; color: #c7e4db; font: 7px var(--mono); font-weight: 470; white-space: nowrap; }
.study-frontier-audit-ranks { grid-column: 1/-1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); }
.study-frontier-audit-ranks article { box-shadow: inset 0 2px rgba(181,148,255,.38); }
.study-frontier-audit-ranks strong { margin-top: 5px; color: #d1c2f3; font: 7px var(--mono); font-weight: 460; white-space: nowrap; }
.study-frontier-audit-ranks span { margin-top: 4px; color: #71847f; font: 5px/1.35 var(--mono); white-space: nowrap; }
.study-frontier-audit > p { grid-column: 1/-1; margin: 0; padding: 7px 10px; background: #071516; color: #71837f; font: 5px/1.5 var(--mono); }
.study-frontier-audit.waiting > header { grid-column: 1/-1; }.study-frontier-audit.waiting > p { color: #9b8668; }
.study-identifiability-comparison { grid-column: 1/-1; display: grid; grid-template-columns: 168px 1fr; gap: 1px; background: var(--line); }
.study-identifiability-comparison > header { padding: 9px 10px; background: linear-gradient(145deg,#091a1a,#0b2220); }.study-identifiability-comparison > header span,.study-identifiability-comparison > header small,.study-identifiability-comparison > header strong { display: block; }.study-identifiability-comparison > header small { color: #65e1bc; font: 5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.study-identifiability-comparison > header strong { margin-top: 5px; color: #c7e9de; font: 7px/1.35 var(--mono); font-weight: 470; }.study-identifiability-comparison > header b { display: inline-block; margin-top: 7px; padding: 2px 4px; border: 1px solid rgba(101,225,188,.3); color: #78c9b1; font: 5px var(--mono); text-transform: uppercase; }
.study-identifiability-arms { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); }.study-identifiability-arms article { min-width: 0; padding: 9px 10px; background: #071716; }.study-identifiability-arms article.contrast { background: linear-gradient(145deg,#0b1a18,#10221f); }.study-identifiability-arms small,.study-identifiability-arms strong,.study-identifiability-arms span { display: block; }.study-identifiability-arms small { color: #718b83; font: 5px var(--mono); text-transform: uppercase; }.study-identifiability-arms strong { margin-top: 5px; color: #d1e7e0; font: 11px var(--mono); font-weight: 440; }.study-identifiability-arms span { margin-top: 5px; overflow: hidden; color: #789188; font: 5px/1.4 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.study-identifiability-comparison > p { grid-column: 1/-1; margin: 0; padding: 6px 10px; background: #071516; color: #6f837d; font: 5px/1.45 var(--mono); }
.study-comparison > p { margin: 0; padding: 10px 11px; background: #071516; color: #91a5a0; font: 7px/1.5 var(--mono); }
.study-comparison > em { grid-column: 1/-1; padding: 7px 11px 8px; background: rgba(255,109,113,.035); color: #a18d8c; font: 6px/1.45 var(--mono); font-style: normal; box-shadow: inset 2px 0 rgba(255,109,113,.58); }
.study-compass > footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 9px; }
.study-compass > footer span { color: var(--faint); font: 7px/1.45 var(--mono); }
.study-compass > footer button { border-color: rgba(101,225,188,.35); color: var(--mint); }
.study-compass.custom { border-bottom-color: var(--line); background: rgba(7,18,20,.92); }
.study-compass.custom > header small { color: var(--faint); }

body.atlas-open { overflow: hidden; }
.evidence-atlas { position: fixed; z-index: 100; inset: 0; padding: clamp(10px, 2vw, 28px); background: rgba(2,8,9,.88); backdrop-filter: blur(18px); }
.evidence-atlas[hidden] { display: none; }

body.study-guide-open { overflow: hidden; }
.study-guide { position: fixed; z-index: 105; inset: 0; padding: clamp(10px, 3vw, 44px); background: rgba(2,7,9,.9); backdrop-filter: blur(20px); }
.study-guide[hidden] { display: none; }
.study-guide-shell { display: grid; grid-template-rows: auto minmax(0,1fr); width: min(1180px,100%); height: min(800px,100%); margin: auto; overflow: hidden; border: 1px solid rgba(181,148,255,.33); background: radial-gradient(circle at 84% 0, rgba(181,148,255,.15), transparent 28rem), radial-gradient(circle at 8% 90%, rgba(101,225,188,.09), transparent 30rem), #071213; box-shadow: 0 32px 100px rgba(0,0,0,.68); }
.study-guide-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 26px 18px; border-bottom: 1px solid var(--line); }
.study-guide-header .eyebrow { color: #c9b3ff; }
.study-guide-header h1 { margin: 5px 0 0; font-size: clamp(20px,2.5vw,32px); font-weight: 430; letter-spacing: -.04em; }
.study-guide-header button { flex: 0 0 auto; width: 38px; height: 38px; border: 1px solid var(--line-strong); background: rgba(5,15,16,.7); color: var(--muted); font: 23px/1 var(--mono); cursor: pointer; }
.study-guide-header button:hover { border-color: #c9b3ff; color: #c9b3ff; }
.study-guide-body { display: grid; grid-template-columns: 320px minmax(0,1fr); min-height: 0; }
.study-recipe-list { min-height: 0; overflow: auto; border-right: 1px solid var(--line); background: rgba(4,13,14,.64); }
.study-recipe-list button { display: grid; width: 100%; padding: 15px 18px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--muted); text-align: left; cursor: pointer; }
.study-recipe-list button:hover, .study-recipe-list button.active { background: linear-gradient(90deg, rgba(181,148,255,.13), rgba(181,148,255,.025)); color: var(--ink); box-shadow: inset 2px 0 #b594ff; }
.study-recipe-list small { color: #a98ce8; font: 7px var(--mono); text-transform: uppercase; letter-spacing: .11em; }
.study-recipe-list strong { margin-top: 5px; font-size: 12px; font-weight: 540; }
.study-recipe-list span { margin-top: 5px; color: var(--faint); font-size: 9px; line-height: 1.4; }
.study-recipe-detail { min-height: 0; overflow: auto; padding: clamp(24px,4vw,48px); }
.study-recipe-kind { color: #b594ff; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .13em; }
.study-recipe-detail h2 { max-width: 780px; margin: 11px 0 0; font-size: clamp(23px,3.4vw,40px); font-weight: 430; line-height: 1.08; letter-spacing: -.045em; }
.study-recipe-summary { max-width: 760px; margin: 15px 0 0; color: #91a8a2; font-size: 12px; line-height: 1.65; }
.study-recipe-manifest { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin-top: 24px; border: 1px solid var(--line); }
.study-recipe-manifest > span { min-width: 0; padding: 10px 12px; border-right: 1px solid var(--line); }
.study-recipe-manifest > span:last-child { border-right: 0; }
.study-recipe-manifest small, .study-recipe-manifest strong { display: block; overflow: hidden; text-overflow: ellipsis; }
.study-recipe-manifest small, .study-recipe-columns > section > small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .11em; }
.study-recipe-manifest strong { margin-top: 5px; color: #c5d4d0; font-size: 9px; white-space: nowrap; }
.study-recipe-columns { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 18px; }
.study-recipe-columns section { padding: 14px; border: 1px solid var(--line); background: rgba(4,14,15,.48); }
.study-recipe-columns ul { margin: 10px 0 0; padding: 0; list-style: none; }
.study-recipe-columns li { position: relative; padding: 5px 0 5px 12px; color: #9fb2ad; font-size: 9px; line-height: 1.35; }
.study-recipe-columns li::before { content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 50%; background: var(--mint); }
.study-recipe-boundary { display: grid; grid-template-columns: 112px 1fr; gap: 15px; margin: 18px 0 0; padding: 13px 15px; border-left: 2px solid var(--red); background: rgba(255,109,119,.055); color: #9eb0ac; font-size: 9px; line-height: 1.5; }
.study-recipe-boundary b { color: var(--red); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.study-recipe-apply { margin-top: 20px; padding: 12px 17px; border: 1px solid rgba(101,225,188,.42); background: rgba(101,225,188,.1); color: var(--mint); font: 8px var(--mono); text-transform: uppercase; letter-spacing: .09em; cursor: pointer; }
.study-recipe-apply:hover { border-color: var(--mint); background: rgba(101,225,188,.17); }
.study-recipe-detail > em { display: block; margin-top: 9px; color: var(--faint); font: 7px var(--mono); font-style: normal; line-height: 1.5; }
.atlas-shell { position: relative; display: grid; grid-template-rows: auto auto minmax(0,1fr); width: min(1480px, 100%); height: 100%; margin: auto; overflow: hidden; border: 1px solid rgba(101,225,188,.28); background: radial-gradient(circle at 82% -10%, rgba(85,200,255,.13), transparent 34rem), radial-gradient(circle at 12% 18%, rgba(101,225,188,.10), transparent 30rem), #071314; box-shadow: 0 30px 90px rgba(0,0,0,.62); }
.atlas-shell::before { content: ""; position: absolute; inset: 0; opacity: .08; pointer-events: none; background-image: linear-gradient(rgba(101,225,188,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(101,225,188,.22) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, black, transparent 68%); }
.atlas-header, .atlas-tabs, .atlas-scroll { position: relative; z-index: 1; }
.atlas-header { display: flex; justify-content: space-between; gap: 30px; padding: clamp(22px,3vw,42px) clamp(24px,4vw,62px) 25px; border-bottom: 1px solid var(--line); }
.atlas-title-block { max-width: 980px; }
.atlas-title-block .eyebrow { margin-bottom: 12px; color: var(--mint); }
.atlas-title-block h1 { max-width: 920px; margin: 0; font-size: clamp(30px,4vw,58px); font-weight: 420; line-height: .98; letter-spacing: -.055em; }
.atlas-title-block h1 em { color: var(--mint); font-style: normal; }
.atlas-title-block > p:last-child { max-width: 760px; margin: 16px 0 0; color: #90a6a0; font-size: clamp(11px,1.1vw,15px); line-height: 1.55; }
.atlas-close { flex: 0 0 auto; width: 42px; height: 42px; border: 1px solid var(--line-strong); background: rgba(6,16,17,.75); color: var(--muted); font: 25px/1 var(--mono); cursor: pointer; }
.atlas-close:hover { color: var(--mint); border-color: var(--mint); }
.atlas-tabs { display: grid; grid-template-columns: repeat(6,1fr); border-bottom: 1px solid var(--line); background: rgba(5,15,16,.82); }
.atlas-tabs button { min-height: 45px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--faint); font: 8px var(--mono); text-transform: uppercase; letter-spacing: .09em; cursor: pointer; }
.atlas-tabs button:last-child { border-right: 0; }
.atlas-tabs button:hover, .atlas-tabs button.active { color: var(--mint); background: rgba(101,225,188,.065); box-shadow: inset 0 -2px var(--mint); }
.atlas-scroll { min-height: 0; overflow: auto; overscroll-behavior: contain; }
.atlas-panel { max-width: 1360px; margin: auto; padding: clamp(28px,4vw,58px) clamp(22px,4vw,60px) 70px; animation: atlas-in .26s ease both; }
.atlas-panel[hidden] { display: none; }
@keyframes atlas-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.atlas-hero-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(420px,.9fr); gap: clamp(26px,5vw,80px); align-items: start; }
.atlas-thesis { padding-top: 8px; }
.atlas-kicker, .atlas-section-heading span, .system-name > span, .anatomy-detail > span { color: var(--mint); font: 8px var(--mono); text-transform: uppercase; letter-spacing: .13em; }
.atlas-thesis h2 { max-width: 800px; margin: 14px 0 0; font-size: clamp(23px,3vw,42px); font-weight: 430; line-height: 1.08; letter-spacing: -.045em; }
.atlas-thesis > p { max-width: 720px; margin: 20px 0 0; color: #92a7a2; font-size: 13px; line-height: 1.65; }
.claim-key { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.claim-key span { padding: 6px 9px; border: 1px solid currentColor; font: 7px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.claim-key .pass { color: var(--mint); }.claim-key .progress { color: var(--violet); }.claim-key .open { color: var(--red); }
.atlas-scoreboard { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 1px; background: var(--line); }
.atlas-scoreboard article { min-height: 142px; padding: 18px; background: rgba(8,24,24,.96); }
.atlas-scoreboard small { display: block; color: var(--faint); font: 7px var(--mono); text-transform: uppercase; }
.atlas-scoreboard strong { display: block; margin-top: 12px; color: #f1f7f5; font: clamp(24px,3vw,38px) var(--mono); font-weight: 400; letter-spacing: -.04em; }
.atlas-scoreboard span { display: block; min-height: 30px; margin-top: 5px; color: #8ba19b; font-size: 9px; line-height: 1.45; }
.atlas-scoreboard i { display: inline-block; margin-top: 10px; font: 7px var(--mono); font-style: normal; text-transform: uppercase; }
.atlas-scoreboard i.pass { color: var(--mint); }.atlas-scoreboard i.progress { color: var(--violet); }.atlas-scoreboard i.open { color: var(--red); }
.atlas-section-heading { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin: 60px 0 20px; padding-bottom: 13px; border-bottom: 1px solid var(--line); }
.atlas-section-heading h2 { margin: 7px 0 0; font-size: clamp(21px,2.5vw,32px); font-weight: 450; letter-spacing: -.04em; }
.atlas-section-heading > p { max-width: 390px; margin: 0; color: var(--faint); font: 8px/1.55 var(--mono); text-align: right; }
.benchmark-matrix { border: 1px solid var(--line); background: rgba(5,15,16,.68); }
.matrix-head, .matrix-row { display: grid; grid-template-columns: 1.05fr repeat(4,1fr); }
.matrix-head { min-height: 34px; align-items: center; border-bottom: 1px solid var(--line); color: var(--faint); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.matrix-head span { padding: 0 12px; }
.matrix-row { min-height: 72px; border-bottom: 1px solid var(--line); }
.matrix-row:last-child { border-bottom: 0; }
.matrix-row > strong { display: flex; align-items: center; padding: 12px; color: #c7d5d1; font-size: 11px; font-weight: 500; }
.matrix-cell { position: relative; display: grid; grid-template-columns: 8px 1fr; align-content: center; gap: 3px 8px; min-width: 0; padding: 10px 12px; border: 0; border-left: 1px solid var(--line); background: transparent; color: var(--muted); text-align: left; cursor: pointer; }
.matrix-cell:hover { background: rgba(255,255,255,.025); }
.matrix-cell i { grid-row: 1 / 3; width: 6px; height: 6px; margin-top: 3px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }
.matrix-cell span { overflow: hidden; font: 9px var(--mono); white-space: nowrap; text-overflow: ellipsis; }
.matrix-cell small { font: 6px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.matrix-cell.pass { color: var(--mint); }.matrix-cell.progress { color: var(--violet); }.matrix-cell.open { color: var(--red); }.matrix-cell.control { color: #75908a; }
.matrix-row.selected { background: linear-gradient(90deg, rgba(101,225,188,.04), transparent); }
.matrix-detail { display: grid; grid-template-columns: 170px 1fr; gap: 22px; min-height: 78px; align-items: center; padding: 15px 18px; border: 1px solid var(--line); border-top: 0; background: rgba(101,225,188,.025); }
.matrix-detail span { color: var(--mint); font: 9px var(--mono); text-transform: uppercase; }
.matrix-detail p { margin: 0; color: #91a49f; font-size: 10px; line-height: 1.55; }
.atlas-principles { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 34px; background: var(--line); }
.atlas-principles article { min-height: 160px; padding: 20px; background: #091819; }
.atlas-principles b { color: var(--faint); font: 7px var(--mono); text-transform: uppercase; }.atlas-principles strong { display: block; margin-top: 12px; color: #dce7e3; font-size: 14px; font-weight: 500; }.atlas-principles p { margin: 9px 0 0; color: #78908a; font-size: 9px; line-height: 1.55; }
.system-tabs { display: grid; grid-template-columns: repeat(6,1fr); gap: 8px; }
.system-tabs button { min-height: 60px; padding: 10px 14px; border: 1px solid var(--line); background: rgba(8,22,23,.72); text-align: left; cursor: pointer; }
.system-tabs button span, .system-tabs button strong { display: block; }.system-tabs button span { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }.system-tabs button strong { margin-top: 7px; color: #aabbb6; font-size: 11px; font-weight: 500; }
.system-tabs button:hover, .system-tabs button.active { border-color: rgba(101,225,188,.52); background: rgba(101,225,188,.07); }.system-tabs button.active strong { color: var(--mint); }
.system-dashboard { display: grid; grid-template-columns: minmax(330px,.72fr) minmax(0,1.28fr); gap: 16px; margin-top: 16px; }
.system-story, .growth-card { border: 1px solid var(--line); background: rgba(7,20,21,.82); }
.system-story { padding: 25px; }.system-name h2 { margin: 7px 0 0; font-size: 28px; font-weight: 450; letter-spacing: -.04em; }.system-story > p { margin: 16px 0 0; color: #8fa39e; font-size: 11px; line-height: 1.6; }
.system-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 22px 0 0; background: var(--line); }.system-metrics div { padding: 10px; background: #09191a; }.system-metrics dt { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }.system-metrics dd { margin: 5px 0 0; color: #dce7e3; font: 11px var(--mono); }
.system-verdict { display: grid; gap: 5px; margin-top: 18px; padding: 12px; border: 1px solid currentColor; }.system-verdict span { font: 7px var(--mono); text-transform: uppercase; }.system-verdict strong { color: #c9d6d2; font-size: 9px; font-weight: 500; line-height: 1.45; }.system-verdict.proved { color: var(--mint); }.system-verdict.progress { color: var(--violet); }.system-verdict.open { color: var(--red); }.system-verdict.control { color: #7b928d; }
.growth-card { padding: 18px 20px 10px; }.growth-card > div:first-child { display: flex; justify-content: space-between; gap: 14px; align-items: baseline; }.growth-card > div span { color: var(--faint); font: 7px var(--mono); text-transform: uppercase; }.growth-card > div strong { color: #b8c8c3; font: 9px var(--mono); font-weight: 400; }.growth-card svg { width: 100%; height: auto; margin-top: 8px; overflow: visible; }.chart-grid line { stroke: rgba(151,194,183,.12); }.chart-grid text, .x-labels text { fill: #607771; font: 8px var(--mono); }.growth-area { fill: rgba(101,225,188,.05); }.growth-line { fill: none; stroke: var(--mint); stroke-width: 2; }.growth-card circle { fill: #071314; stroke: var(--mint); stroke-width: 2; }.growth-card .projected circle { stroke: var(--violet); stroke-dasharray: 2 2; }.growth-card g > text { fill: #afc0bb; font: 7px var(--mono); }.growth-legend { display: flex; gap: 18px; align-items: center; padding: 8px 0 4px; border-top: 1px solid var(--line); color: #788f89; font: 7px var(--mono); }.growth-legend span::before { content: ""; display: inline-block; width: 14px; height: 2px; margin-right: 6px; vertical-align: 2px; background: var(--mint); }.growth-legend .symbolic::before { background: var(--violet); }.growth-legend small { margin-left: auto; color: var(--faint); font: inherit; }
.system-evidence-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 14px; }.system-evidence-cards article { min-height: 112px; padding: 16px; border: 1px solid var(--line); background: rgba(8,22,23,.58); }.system-evidence-cards small { color: var(--mint); font: 7px var(--mono); text-transform: uppercase; }.system-evidence-cards strong { display: block; margin-top: 9px; color: #dbe6e2; font: 13px var(--mono); font-weight: 400; }.system-evidence-cards p { margin: 8px 0 0; color: #718983; font-size: 8px; line-height: 1.5; }
.system-closure-funnel { margin-top: 14px; padding: 18px; border: 1px solid rgba(255,141,144,.22); background: linear-gradient(135deg,rgba(255,141,144,.035),rgba(101,225,188,.025)); }.system-closure-funnel[hidden] { display: none; }.system-closure-funnel > header { display: flex; justify-content: space-between; gap: 30px; align-items: end; }.system-closure-funnel > header span { color: var(--red); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .11em; }.system-closure-funnel > header h3 { margin: 5px 0 0; color: #dce7e3; font-size: 17px; font-weight: 450; }.system-closure-funnel > header p { max-width: 460px; margin: 0; color: #738b84; font: 8px/1.5 var(--mono); text-align: right; }.closure-funnel-steps { display: grid; grid-template-columns: repeat(6,1fr); gap: 1px; margin-top: 16px; background: var(--line); }.closure-funnel-steps button { position: relative; min-width: 0; min-height: 92px; padding: 12px; overflow: hidden; border: 0; background: #081718; color: inherit; text-align: left; cursor: pointer; }.closure-funnel-steps button::after { content: "→"; position: absolute; z-index: 2; right: -5px; top: 38px; color: #4c615c; font: 12px var(--mono); }.closure-funnel-steps button:last-child::after { display: none; }.closure-funnel-steps button:hover,.closure-funnel-steps button.active { background: #0b2020; box-shadow: inset 0 -2px var(--mint); }.closure-funnel-steps small,.closure-funnel-steps span,.closure-funnel-steps strong { position: relative; z-index: 1; display: block; }.closure-funnel-steps small { color: #526b64; font: 6px var(--mono); }.closure-funnel-steps span { margin-top: 6px; color: #8da19b; font: 7px var(--mono); text-transform: uppercase; }.closure-funnel-steps strong { margin-top: 9px; color: #e5eeeb; font: 18px var(--mono); font-weight: 400; }.closure-funnel-steps i { position: absolute; inset: auto 0 0; height: 4px; transform-origin: left; transform: scaleX(var(--closure-ratio)); background: linear-gradient(90deg,var(--mint),var(--violet)); }.closure-funnel-steps button:nth-last-child(-n+2) i { background: var(--red); }.closure-funnel-detail { display: grid; grid-template-columns: minmax(130px,.25fr) 1fr; gap: 18px; min-height: 48px; margin: 0; padding: 14px 4px 0; border-top: 1px solid rgba(151,194,183,.08); }.closure-funnel-detail b { color: var(--mint); font: 8px var(--mono); text-transform: uppercase; }.closure-funnel-detail span { color: #819790; font-size: 9px; line-height: 1.55; }
.atlas-system-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }.atlas-system-actions[hidden] { display: none; }.atlas-system-actions button { min-height: 36px; padding: 0 14px; border: 1px solid rgba(101,225,188,.35); background: rgba(101,225,188,.055); color: var(--mint); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .06em; cursor: pointer; }.atlas-system-actions button:hover { border-color: var(--mint); background: rgba(101,225,188,.12); }
.a2-corona-explorer { margin-top: 14px; padding: 20px; border: 1px solid rgba(181,148,255,.3); background: radial-gradient(circle at 85% 0,rgba(181,148,255,.09),transparent 34rem),rgba(7,18,20,.82); }.a2-corona-explorer[hidden] { display: none; }.a2-corona-explorer > header { display: flex; justify-content: space-between; gap: 28px; align-items: end; }.a2-corona-explorer > header span { color: var(--violet); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .12em; }.a2-corona-explorer > header h3 { margin: 7px 0 0; color: #dfe6e3; font-size: 21px; font-weight: 450; letter-spacing: -.035em; }.a2-corona-explorer > header p { max-width: 540px; margin: 0; color: #7e918d; font: 8px/1.55 var(--mono); text-align: right; }.a2-catalog-tabs { display: flex; gap: 6px; margin-top: 16px; }.a2-catalog-tabs button { padding: 8px 11px; border: 1px solid var(--line); background: rgba(4,14,16,.66); color: #849792; font: 7px var(--mono); text-align: left; cursor: pointer; }.a2-catalog-tabs button small { display: block; margin-top: 3px; color: #586a66; font: 5px var(--mono); text-transform: uppercase; }.a2-catalog-tabs button:hover,.a2-catalog-tabs button.active { border-color: var(--violet); color: #d7c9ee; background: rgba(181,148,255,.08); }.a2-candidate-tabs { display: grid; grid-template-columns: repeat(8,1fr); gap: 5px; margin-top: 10px; }.a2-candidate-tabs button { min-width: 0; min-height: 58px; padding: 8px; border: 1px solid var(--line); background: rgba(4,14,16,.66); text-align: left; cursor: pointer; }.a2-candidate-tabs button:hover,.a2-candidate-tabs button.active { border-color: var(--violet); background: rgba(181,148,255,.075); }.a2-candidate-tabs span,.a2-candidate-tabs strong,.a2-candidate-tabs small { display: block; }.a2-candidate-tabs span { overflow: hidden; color: #7d7195; font: 6px var(--mono); text-overflow: ellipsis; }.a2-candidate-tabs strong { margin-top: 5px; color: #d7c9ee; font: 12px var(--mono); font-weight: 400; }.a2-candidate-tabs small { margin-top: 2px; color: #5f706c; font: 5px var(--mono); text-transform: uppercase; }.a2-candidate-detail { display: grid; grid-template-columns: minmax(220px,.7fr) minmax(300px,1fr) minmax(220px,.7fr); gap: 10px; margin-top: 10px; }.a2-candidate-shape,.a2-candidate-story,.a2-blocker-bars { min-height: 245px; border: 1px solid var(--line); background: rgba(4,14,16,.72); }.a2-candidate-shape { display: grid; grid-template-rows: minmax(0,1fr) auto; padding: 14px; }.a2-candidate-shape svg { width: 100%; height: 190px; overflow: visible; }.a2-candidate-shape polygon { stroke: rgba(230,246,241,.62); stroke-width: 1; vector-effect: non-scaling-stroke; }.a2-candidate-shape circle { fill: #f2fff9; opacity: .8; }.a2-candidate-shape svg text { fill: rgba(231,247,241,.78); font: 5px var(--mono); text-anchor: middle; pointer-events: none; }.a2-candidate-shape .a2-layer-0 { fill: rgba(101,225,188,.46); }.a2-candidate-shape .a2-layer-1 { fill: rgba(85,200,255,.47); }.a2-candidate-shape .a2-layer-2 { fill: rgba(181,148,255,.48); }.a2-candidate-shape .a2-layer-3 { fill: rgba(255,193,105,.47); }.a2-candidate-shape > span { color: #6f827d; font: 6px var(--mono); text-align: center; text-transform: uppercase; }.a2-candidate-story { padding: 17px; }.a2-candidate-story > header { display: flex; justify-content: space-between; gap: 12px; }.a2-candidate-story > header span,.a2-candidate-story > header strong { color: var(--violet); font: 6px var(--mono); font-weight: 400; text-transform: uppercase; }.a2-candidate-story h4 { margin: 9px 0 0; color: #dbe5e2; font-size: 16px; font-weight: 450; }.a2-candidate-story > div { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 13px; background: var(--line); }.a2-candidate-story > div span { padding: 8px; background: #071718; }.a2-candidate-story small,.a2-candidate-story b { display: block; }.a2-candidate-story small { color: #5f746e; font: 5px var(--mono); text-transform: uppercase; }.a2-candidate-story b { margin-top: 4px; color: #c7d6d1; font: 8px var(--mono); font-weight: 400; }.a2-candidate-story p { margin: 12px 0 0; color: #7d918b; font-size: 8px; line-height: 1.55; }.a2-candidate-story p b { display: inline; color: var(--red); font: inherit; }.a2-blocker-bars { display: grid; align-content: center; gap: 5px; padding: 14px; }.a2-blocker-bars button { display: grid; grid-template-columns: 42px 1fr 24px; gap: 6px; align-items: center; padding: 0; border: 0; background: transparent; color: #768b85; cursor: pointer; }.a2-blocker-bars button:hover { color: var(--violet); }.a2-blocker-bars span,.a2-blocker-bars b { font: 5px var(--mono); font-weight: 400; }.a2-blocker-bars b { color: #b7a2da; text-align: right; }.a2-blocker-bars i { height: 7px; background: linear-gradient(90deg,var(--violet) calc(var(--a2-blocker-ratio) * 100%),rgba(181,148,255,.08) 0); box-shadow: inset 0 0 0 1px rgba(181,148,255,.12); }.a2-corona-explorer > footer { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 8px 12px; align-items: center; margin-top: 10px; padding: 11px; border: 1px solid rgba(255,193,105,.17); background: rgba(255,193,105,.025); }.a2-corona-explorer > footer b,.a2-corona-explorer > footer i { color: #bca36f; font: 6px var(--mono); font-style: normal; font-weight: 400; text-transform: uppercase; }.a2-corona-explorer > footer span { color: #7e8d89; font: 6px/1.45 var(--mono); }
.gcts-anatomy { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: 7px; }.gcts-anatomy > b { align-self: center; color: var(--faint); font: 13px var(--mono); font-weight: 400; }.gcts-anatomy button { min-width: 0; min-height: 190px; padding: 16px 12px; border: 1px solid var(--line); background: rgba(7,20,21,.78); cursor: pointer; }.gcts-anatomy button:hover, .gcts-anatomy button.active { border-color: var(--mint); background: rgba(101,225,188,.065); }.gcts-anatomy button > span { display: block; color: var(--faint); font: 7px var(--mono); text-align: left; }.gcts-anatomy button > i { position: relative; display: block; width: 70px; height: 70px; margin: 18px auto; border-radius: 50%; }.gcts-anatomy button > strong, .gcts-anatomy button > small { display: block; }.gcts-anatomy button > strong { color: #cbd8d4; font-size: 11px; font-weight: 500; }.gcts-anatomy button.active > strong { color: var(--mint); }.gcts-anatomy button > small { margin-top: 7px; color: var(--faint); font: 6px/1.45 var(--mono); }
.motif-dots { background: radial-gradient(circle at 35% 35%,var(--mint) 0 3px,transparent 4px),radial-gradient(circle at 62% 28%,var(--violet) 0 3px,transparent 4px),radial-gradient(circle at 72% 60%,var(--mint) 0 3px,transparent 4px),radial-gradient(circle at 38% 68%,var(--blue) 0 3px,transparent 4px); border: 1px dashed rgba(101,225,188,.45); }.motif-halo { border: 1px solid var(--mint); box-shadow: inset 0 0 0 10px rgba(101,225,188,.05),inset 0 0 0 22px rgba(181,148,255,.08),0 0 15px rgba(101,225,188,.15); }.motif-section { background: conic-gradient(from 22deg,rgba(101,225,188,.7),transparent 18%,rgba(181,148,255,.55) 31%,transparent 48%,rgba(85,200,255,.65) 67%,transparent 80%); mask-image: radial-gradient(circle,transparent 0 34%,black 36% 58%,transparent 60%); }.motif-tree { background: linear-gradient(30deg,transparent 47%,var(--mint) 48% 50%,transparent 51%) 0 0/50% 50%,linear-gradient(-30deg,transparent 47%,var(--violet) 48% 50%,transparent 51%) 100% 0/50% 50%; background-repeat: repeat-y; }.motif-macro { border: 1px solid var(--violet); background: radial-gradient(circle at 32% 35%,rgba(101,225,188,.8) 0 8px,transparent 9px),radial-gradient(circle at 68% 35%,rgba(85,200,255,.8) 0 8px,transparent 9px),radial-gradient(circle at 50% 68%,rgba(181,148,255,.8) 0 8px,transparent 9px); }
.anatomy-detail { display: grid; grid-template-columns: minmax(180px,.35fr) minmax(0,1fr); gap: 6px 28px; margin-top: 16px; padding: 24px; border: 1px solid rgba(101,225,188,.26); background: rgba(101,225,188,.035); }.anatomy-detail > span { grid-column: 1; }.anatomy-detail h3 { grid-column: 1; margin: 6px 0 0; font-size: 22px; font-weight: 450; letter-spacing: -.035em; }.anatomy-detail p { grid-column: 2; grid-row: 1 / 3; margin: 0; color: #94a7a2; font-size: 11px; line-height: 1.65; }.anatomy-detail div { grid-column: 1 / -1; display: flex; gap: 7px; margin-top: 12px; }.anatomy-detail b { padding: 5px 8px; border: 1px solid var(--line); color: #819791; font: 7px var(--mono); font-weight: 400; text-transform: uppercase; }
.causality-strip { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 12px; align-items: center; margin-top: 34px; }.causality-strip > div { min-height: 112px; padding: 16px; border: 1px solid var(--line); background: #09191a; }.causality-strip > i { color: var(--violet); font: 18px var(--mono); font-style: normal; }.causality-strip span,.causality-strip strong,.causality-strip small { display: block; }.causality-strip span { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }.causality-strip strong { margin-top: 10px; color: var(--mint); font-size: 12px; font-weight: 500; }.causality-strip small { margin-top: 8px; color: #718882; font: 7px/1.5 var(--mono); }
.research-timeline { position: relative; max-width: 1000px; margin: auto; }.research-timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 31px; width: 1px; background: linear-gradient(var(--mint),var(--violet),var(--red)); opacity: .45; }.research-timeline article { position: relative; display: grid; grid-template-columns: 64px 1fr 12px; gap: 20px; min-height: 118px; }.research-timeline article > span { z-index: 1; display: grid; place-items: center; align-self: start; width: 62px; height: 62px; border: 1px solid currentColor; border-radius: 50%; background: #071314; font: 10px var(--mono); }.research-timeline article div { padding: 4px 0 30px; border-bottom: 1px solid var(--line); }.research-timeline article small { color: currentColor; font: 7px var(--mono); text-transform: uppercase; }.research-timeline article h3 { margin: 8px 0 0; color: #d7e2de; font-size: 20px; font-weight: 450; }.research-timeline article p { max-width: 720px; margin: 8px 0 0; color: #80958f; font-size: 10px; line-height: 1.55; }.research-timeline article > i { align-self: center; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }.research-timeline .proved { color: var(--mint); }.research-timeline .progress { color: var(--violet); }.research-timeline .open { color: var(--red); }
.ledger-filters { display: flex; gap: 7px; }.ledger-filters button { padding: 7px 12px; border: 1px solid var(--line); background: transparent; color: var(--faint); font: 7px var(--mono); text-transform: uppercase; cursor: pointer; }.ledger-filters button:hover,.ledger-filters button.active { border-color: var(--mint); color: var(--mint); background: rgba(101,225,188,.06); }
.claim-ledger { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-top: 16px; }.claim-ledger article { min-height: 150px; padding: 18px; border: 1px solid var(--line); background: rgba(8,22,23,.66); }.claim-ledger article > span { font: 7px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.claim-ledger h3 { margin: 15px 0 0; color: #d5e1dd; font-size: 15px; font-weight: 500; }.claim-ledger p { margin: 9px 0 0; color: #78908a; font-size: 9px; line-height: 1.55; }.claim-ledger .proved > span { color: var(--mint); }.claim-ledger .progress > span { color: var(--violet); }.claim-ledger .open > span { color: var(--red); }
.atlas-method-link { display: block; margin-top: 28px; padding: 16px; border: 1px solid rgba(101,225,188,.3); background: rgba(101,225,188,.05); color: var(--mint); font: 8px var(--mono); text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: .07em; }

.lab-grid { display: grid; grid-template-columns: 252px minmax(500px, 1fr) 294px; min-height: calc(100vh - 140px); }
.control-panel, .inspector-panel { min-width: 0; padding: 22px 18px; background: rgba(8, 21, 22, .86); }
.control-panel { border-right: 1px solid var(--line); }
.inspector-panel { border-left: 1px solid var(--line); }
.control-panel section + section, .inspector-panel section + section { margin-top: 24px; }
.eyebrow { margin: 0 0 10px; color: #718b84; font: 8px var(--mono); text-transform: uppercase; letter-spacing: .15em; }

.field { display: block; margin-top: 11px; }
.field > span, .range-field > span { display: flex; justify-content: space-between; margin-bottom: 6px; color: #91a49f; font-size: 10px; }
.field select {
  width: 100%; height: 36px; padding: 0 9px; border: 1px solid var(--line); border-radius: 0;
  background: #0b1a1b; color: #dce7e3; font-size: 10px;
}
.field > .control-note { display: block; }
.sample-picker select { border-color: rgba(181,148,255,.28); background-color: rgba(181,148,255,.04); }
.sample-note { margin: 6px 1px 0; color: #627873; font-size: 8px; line-height: 1.4; }
.active-sample-passport { position: relative; margin-bottom: 10px; padding: 11px; overflow: hidden; border: 1px solid rgba(181,148,255,.34); background: radial-gradient(circle at 94% 0,rgba(181,148,255,.13),transparent 42%),linear-gradient(135deg,rgba(181,148,255,.065),rgba(101,225,188,.025)); }
.active-sample-passport::after { content: ""; position: absolute; top: -18px; right: -14px; width: 68px; height: 68px; border: 1px solid rgba(181,148,255,.16); border-radius: 50%; box-shadow: 0 0 0 13px rgba(181,148,255,.025),0 0 0 26px rgba(101,225,188,.018); pointer-events: none; }
.active-sample-passport > header { position: relative; z-index: 1; display: flex; align-items: start; justify-content: space-between; gap: 9px; }
.active-sample-passport > header span,.active-sample-passport > header small,.active-sample-passport > header strong { display: block; min-width: 0; }
.active-sample-passport > header small { color: #8c7cae; font: 6px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.active-sample-passport > header strong { margin-top: 4px; overflow: hidden; color: #e1d8f1; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.active-sample-passport > header b { position: relative; z-index: 1; max-width: 84px; color: var(--violet); font: 6px/1.35 var(--mono); font-weight: 400; text-align: right; text-transform: uppercase; }
.active-sample-formula { display: flex; align-items: end; justify-content: space-between; gap: 8px; margin-top: 11px; padding-top: 9px; border-top: 1px solid rgba(181,148,255,.13); }
.active-sample-formula strong { color: #f1f5f3; font: 18px var(--mono); font-weight: 400; letter-spacing: -.06em; }
.active-sample-formula span { color: #849a94; font: 7px var(--mono); text-align: right; }
.active-sample-composition { display: grid; grid-template-columns: repeat(auto-fit,minmax(58px,1fr)); gap: 4px; margin-top: 9px; }
.active-sample-composition span { --sample-color:#fff; display: grid; grid-template-columns: 9px 1fr; gap: 2px 5px; align-items: center; min-width: 0; padding: 5px 6px; border: 1px solid color-mix(in srgb,var(--sample-color) 30%,transparent); background: color-mix(in srgb,var(--sample-color) 5%,transparent); }
.active-sample-composition i { grid-row: 1 / 3; width: 8px; height: 8px; border: 1px solid rgba(255,255,255,.46); border-radius: 50%; background: var(--sample-color); box-shadow: 0 0 6px color-mix(in srgb,var(--sample-color) 62%,transparent); }
.active-sample-composition b { overflow: hidden; color: #dce6e2; font: 7px var(--mono); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.active-sample-composition small { color: #718780; font: 5.5px var(--mono); }
.active-sample-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 8px; background: rgba(151,194,183,.11); }
.active-sample-facts span { min-width: 0; padding: 6px; background: rgba(5,16,18,.89); }
.active-sample-facts small,.active-sample-facts b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.active-sample-facts small { color: #60756f; font: 5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.active-sample-facts b { margin-top: 3px; color: #a9bbb6; font: 6px var(--mono); font-weight: 400; }
.active-sample-passport > p { margin: 8px 0 0; color: #687d77; font: 6px/1.45 var(--mono); }
.ensemble-controls { display: grid; gap: 7px; margin-top: 9px; padding: 9px; border: 1px solid rgba(85,200,255,.2); background: rgba(85,200,255,.035); }
.ensemble-controls[hidden] { display: none; }
.ensemble-controls .field { margin-top: 0; }
.ensemble-controls .field b { color: var(--cyan); font: 7px var(--mono); font-weight: 400; }
.ensemble-controls .control-note { margin-top: 1px; }
.measurement-conditions { margin-top: 9px; padding: 9px; border: 1px solid rgba(255,190,92,.25); background: rgba(255,190,92,.035); }
.measurement-conditions[hidden] { display: none; }
.measurement-heading { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.measurement-heading small { color: #9e8d6b; font: 6px var(--mono); letter-spacing: .11em; text-transform: uppercase; }
.measurement-heading span { color: #d7ae63; font: 6px var(--mono); text-transform: uppercase; }
.measurement-condition-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.measurement-condition-chips span { padding: 4px 6px; border: 1px solid rgba(255,190,92,.28); color: #e0c48f; background: rgba(255,190,92,.055); font: 7px var(--mono); }
.measurement-conditions p { margin: 7px 0 0; color: #82775f; font-size: 7px; line-height: 1.45; }
.published-fixture-provenance { border-color: rgba(181,148,255,.28); background: rgba(181,148,255,.045); }
.published-fixture-provenance .measurement-heading small { color: #a895cc; }
.published-fixture-provenance .measurement-heading span { color: var(--violet); }
.published-fixture-provenance > strong { display: block; margin-top: 7px; color: #d9d0ed; font-size: 9px; font-weight: 500; line-height: 1.35; }
.published-fixture-links { display: flex; gap: 6px; margin-top: 7px; }
.published-fixture-links a { padding: 4px 6px; border: 1px solid rgba(181,148,255,.28); color: #c9b4f1; background: rgba(181,148,255,.055); font: 6px var(--mono); text-decoration: none; text-transform: uppercase; }
.published-fixture-links a:hover { border-color: var(--violet); }
.database-picker { position: relative; padding: 10px; border: 1px solid rgba(101,225,188,.25); background: rgba(101,225,188,.035); }
.database-heading { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.database-heading strong { color: var(--mint); font-size: 10px; }
.database-heading span { color: var(--faint); font: 7px var(--mono); }
.database-evidence { display: grid; gap: 5px; margin-top: 8px; padding: 7px; border: 1px solid rgba(85,200,255,.18); background: rgba(85,200,255,.025); }
.database-evidence > span { display: flex; align-items: baseline; justify-content: space-between; gap: 7px; }
.database-evidence small { color: #60756f; font: 5.5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.database-evidence b { overflow: hidden; color: #8aa9a1; font: 5.5px var(--mono); font-weight: 400; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.database-evidence select { width: 100%; min-height: 28px; border: 1px solid rgba(85,200,255,.22); background: #081417; color: #b7c9c4; font: 7px var(--mono); }
.selection-label { display: flex; justify-content: space-between; margin-top: 7px; color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }
.selection-label strong { color: var(--mint); }
.selected-elements { display: flex; min-height: 34px; flex-wrap: wrap; gap: 5px; align-items: center; margin-top: 5px; padding: 5px; border: 1px solid var(--line); background: #0b1a1b; }
.selected-chip { display: inline-flex; min-width: 43px; height: 22px; align-items: center; gap: 5px; padding: 0 6px; border: 1px solid rgba(101,225,188,.40); background: rgba(101,225,188,.08); color: var(--mint); font: 8px var(--mono); cursor: pointer; }
.atom-color-swatch { width: 8px; height: 8px; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; background: var(--atom-color); box-shadow: 0 0 5px color-mix(in srgb, var(--atom-color) 70%, transparent); }
.selected-chip-symbol { color: inherit; }
.selected-chip-remove { margin-left: auto; color: var(--faint); }
.selected-empty { color: var(--faint); font: 7px var(--mono); }
.element-presets { display: flex; gap: 4px; margin-top: 5px; }
.element-presets button { min-height: 20px; padding: 0 6px; border: 1px solid var(--line); background: transparent; color: var(--faint); font: 6px var(--mono); cursor: pointer; }
.element-presets button:hover { color: var(--text); border-color: var(--muted); }
.periodic-compact { display: block; width: 100%; margin-top: 8px; padding: 5px 7px 6px; border: 1px solid var(--line); background: #081617; color: var(--muted); cursor: pointer; }
.periodic-compact:hover, .periodic-compact[aria-expanded="true"] { border-color: rgba(101,225,188,.55); color: var(--mint); }
.periodic-compact-label { display: block; margin-bottom: 4px; text-align: left; font: 6px var(--mono); text-transform: uppercase; }
.periodic-compact-grid { display: grid; grid-template-columns: repeat(18, 1fr); grid-template-rows: repeat(9, 5px); gap: 1px; width: 100%; }
.periodic-compact-cell { min-width: 0; border: 1px solid transparent; opacity: .72; }
.periodic-compact-cell.selected { border-color: #fff; opacity: 1; box-shadow: 0 0 3px rgba(255,255,255,.75); }
.periodic-compact:hover .periodic-compact-cell { opacity: .95; }
.periodic-panel { position: absolute; z-index: 20; top: 98px; left: 8px; width: min(540px, calc(100vw - 40px)); padding: 12px; border: 1px solid rgba(101,225,188,.55); background: rgba(5,16,17,.98); box-shadow: 0 18px 50px rgba(0,0,0,.55); }
.periodic-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 9px; }
.periodic-heading > div:first-child { display: flex; gap: 7px; align-items: baseline; }
.periodic-heading small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }
.periodic-heading strong { color: var(--mint); font: 10px var(--mono); }
.periodic-actions { display: flex; gap: 4px; }
.periodic-actions button { min-width: 25px; height: 22px; padding: 0 6px; border: 1px solid var(--line); background: #0b1a1b; color: var(--muted); font: 8px var(--mono); cursor: pointer; }
.periodic-actions button.active { color: var(--mint); border-color: var(--mint); }
.periodic-grid { display: grid; grid-template-columns: repeat(18, minmax(20px, 1fr)); grid-template-rows: repeat(9, 25px); gap: 2px; }
.periodic-element { position: relative; min-width: 0; height: 25px; padding: 7px 0 0; border: 1px solid rgba(130,154,148,.24); background: rgba(130,154,148,.08); color: #b7c5c1; font: 8px var(--mono); cursor: pointer; }
.periodic-element small { position: absolute; top: 2px; left: 2px; color: rgba(210,225,220,.45); font: 4px var(--mono); }
.periodic-element:hover, .periodic-element:focus-visible { z-index: 1; border-color: #fff; color: #fff; transform: scale(1.12); }
.periodic-element.selected { box-shadow: inset 0 0 0 1px #fff, 0 0 7px rgba(255,255,255,.24); color: #fff; }
.phase-solid { background: rgba(101,225,188,.20); }
.phase-liquid { background: rgba(255,153,102,.28); }
.phase-gas { background: rgba(181,148,255,.26); }
.periodic-element.phase-solid { color: #99ead1; }
.periodic-element.phase-liquid { color: #ffc09e; }
.periodic-element.phase-gas { color: #d5c0ff; }
.selected-chip.phase-solid { color: #99ead1; }
.selected-chip.phase-liquid { color: #ffc09e; }
.selected-chip.phase-gas { color: #d5c0ff; }
.periodic-key { display: flex; align-items: center; gap: 11px; margin-top: 7px; color: var(--faint); font: 5px var(--mono); text-transform: uppercase; }
.periodic-key span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 4px; vertical-align: -1px; }
.periodic-key .key-solid::before { background: rgba(101,225,188,.55); }
.periodic-key .key-liquid::before { background: rgba(255,153,102,.62); }
.periodic-key .key-gas::before { background: rgba(181,148,255,.62); }
.periodic-key small { margin-left: auto; color: rgba(130,154,148,.58); font: 5px var(--mono); text-transform: none; }
.compact-key { margin-top: 4px; justify-content: flex-end; pointer-events: none; }
.compact-key span::before { width: 4px; height: 4px; margin-right: 3px; }
.database-button { width: 100%; min-height: 33px; margin-top: 8px; border: 1px solid rgba(101,225,188,.42); background: rgba(101,225,188,.08); color: var(--mint); font-size: 9px; cursor: pointer; }
.database-button:hover { border-color: var(--mint); background: rgba(101,225,188,.13); }
.database-button:disabled { opacity: .55; cursor: wait; }
.database-button.secondary-button { margin-top: 0; border-color: rgba(151,177,190,.3); background: rgba(151,177,190,.045); color: var(--muted); }
.database-candidate-tray { display: grid; gap: 5px; margin-top: 7px; }
.worked-archive { margin-top: 6px; padding: 7px; border: 1px solid rgba(90,226,168,.17); background: linear-gradient(135deg,rgba(90,226,168,.035),rgba(98,172,255,.025)); }
.worked-archive header { display: flex; align-items: center; justify-content: space-between; gap: 7px; }
.worked-archive header small,.worked-archive header strong { display: block; }
.worked-archive header small { color: #638b7f; font: 5px var(--mono); text-transform: uppercase; }
.worked-archive header strong { margin-top: 2px; color: #8adbc0; font: 7px var(--mono); font-weight: 400; }
.worked-archive header b { color: #62acff; font: 5px var(--mono); font-weight: 400; text-transform: uppercase; }
.worked-archive button { width: 100%; min-height: 25px; margin-top: 5px; border: 1px solid rgba(90,226,168,.26); background: rgba(7,20,21,.8); color: #7ee0bf; font: 6px var(--mono); }
.worked-archive button:disabled { opacity: .42; }
.worked-archive div { margin-top: 4px; color: #67867d; font: 5px/1.4 var(--mono); }
.worked-archive a { display: inline-block; margin-top: 4px; color: #62acff; font: 5px var(--mono); }
.worked-archive a[hidden] { display: none; }
.database-candidate-tray[hidden] { display: none; }
.database-candidate { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 7px; width: 100%; padding: 7px 8px; border: 1px solid rgba(151,194,183,.17); background: rgba(5,17,18,.72); color: #aebfba; text-align: left; cursor: pointer; }
.database-candidate:hover,.database-candidate:focus-visible { border-color: rgba(101,225,188,.55); background: rgba(101,225,188,.055); }
.database-candidate:disabled { opacity: .55; cursor: wait; }
.database-candidate strong { overflow: hidden; color: #dce8e4; font: 9px var(--mono); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.database-candidate > b { color: var(--mint); font: 6px var(--mono); font-weight: 400; text-transform: uppercase; }
.database-candidate span { overflow: hidden; color: #70857f; font: 6px/1.35 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.database-candidate small { color: #60756f; font: 5.5px var(--mono); text-align: right; }
.database-candidate.selected { border-color: var(--mint); box-shadow: inset 2px 0 0 var(--mint); }
.source-link { display: inline-block; margin-top: 7px; color: var(--faint); font: 7px var(--mono); text-underline-offset: 3px; }
.local-import { margin-top: 10px; padding-top: 8px; border-top: 1px solid var(--line); }
.local-import summary { color: var(--faint); font: 8px var(--mono); cursor: pointer; }
.file-field { display: block; margin-top: 9px; }
.file-field input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }
.file-field span { display: flex; align-items: center; justify-content: center; min-height: 32px; padding: 0 8px; border: 1px dashed rgba(101,225,188,.34); color: var(--mint); background: rgba(101,225,188,.045); font: 8px var(--mono); cursor: pointer; }
.file-field:hover span { border-color: rgba(101,225,188,.66); background: rgba(101,225,188,.08); }
.file-field input:focus-visible + span { outline: 2px solid var(--mint); outline-offset: 2px; }
.import-status { margin-top: 7px; padding-left: 7px; border-left: 2px solid var(--line); color: #6f847e; font: 7px/1.45 var(--mono); }
.import-status.valid { border-color: var(--mint); color: #94bdb2; }
.import-status.invalid { border-color: var(--red); color: #d69597; }
.fixture-link { display: inline-block; width: auto; min-height: 0; margin-top: 7px; padding: 0; border: 0; background: none; color: var(--muted); font: 600 8px/1.35 var(--mono); text-decoration: underline; text-decoration-color: rgba(184, 215, 207, .34); text-underline-offset: 3px; }
.fixture-link:hover { color: var(--text); }
.transport { display: grid; grid-template-columns: 1.25fr .8fr .8fr; gap: 7px; }
.pipeline-button { width: 100%; height: 34px; margin-bottom: 8px; border: 1px solid rgba(181,148,255,.38); color: var(--violet); background: rgba(181,148,255,.07); cursor: pointer; font-size: 9px; }
.pipeline-button.running { color: var(--red); border-color: rgba(255,109,113,.4); background: rgba(255,109,113,.06); }
.transport button {
  height: 34px; padding: 0 8px; border: 1px solid var(--line); background: #0b1a1b; cursor: pointer; font-size: 9px;
}
.transport button:hover { border-color: rgba(101,225,188,.45); color: var(--mint); }
.transport .primary-button { display: flex; justify-content: center; align-items: center; gap: 7px; color: var(--mint); border-color: rgba(101,225,188,.38); background: rgba(101,225,188,.07); }
.range-field { display: block; margin-top: 14px; }
.range-field output { color: var(--mint); font: 9px var(--mono); }
.range-field input { width: 100%; height: 3px; margin: 4px 0 0; accent-color: var(--mint); cursor: pointer; }
.control-note { margin: 8px 0 0; color: #6f847e; font-size: 9px; line-height: 1.45; }
.stage-options { padding: 12px; border: 1px solid rgba(101,225,188,.28); background: linear-gradient(145deg, rgba(101,225,188,.055), rgba(181,148,255,.035)); }
.stage-options-heading { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.stage-options-heading .eyebrow { margin-bottom: 5px; }
.stage-options-heading strong { display: block; color: #dce7e3; font-size: 11px; font-weight: 500; }
.option-state { flex: 0 0 auto; padding: 4px 6px; border: 1px solid rgba(181,148,255,.35); color: var(--violet); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.stage-options .field b { color: var(--mint); font: 7px var(--mono); font-weight: 400; }
.geometry-audit { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; gap: 5px; margin-top: 9px; }
.geometry-audit div { min-width: 0; padding: 7px; border: 1px solid rgba(101,225,188,.16); background: rgba(5,17,18,.45); }
.geometry-audit small, .geometry-audit strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.geometry-audit small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.geometry-audit strong { margin-top: 4px; color: #d9e7e2; font: 8px var(--mono); font-weight: 400; }
.geometry-audit i { align-self: center; color: rgba(181,148,255,.62); font: 9px var(--mono); font-style: normal; }
.molecular-hypothesis-audit { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 8px; margin-top: 7px; padding: 7px 8px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,17,18,.44); }
.molecular-hypothesis-icon { position: relative; display: block; width: 32px; height: 22px; }
.molecular-hypothesis-icon::before,.molecular-hypothesis-icon::after { content: ""; position: absolute; top: 10px; width: 15px; height: 1px; background: rgba(101,225,188,.7); transform-origin: right center; }
.molecular-hypothesis-icon::before { left: 1px; transform: rotate(28deg); }.molecular-hypothesis-icon::after { right: 1px; transform: rotate(-28deg); transform-origin: left center; }
.molecular-hypothesis-icon i { position: absolute; top: 8px; width: 5px; height: 5px; border: 1px solid var(--mint); border-radius: 50%; background: #0b2422; }
.molecular-hypothesis-icon i:nth-child(1) { left: 0; top: 2px; }.molecular-hypothesis-icon i:nth-child(2) { left: 13px; }.molecular-hypothesis-icon i:nth-child(3) { right: 0; top: 2px; }
.molecular-hypothesis-audit small,.molecular-hypothesis-audit strong,.molecular-hypothesis-audit em { display: block; min-width: 0; }
.molecular-hypothesis-audit small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.molecular-hypothesis-audit strong { margin-top: 3px; color: #d9e7e2; font: 8px var(--mono); font-weight: 400; }
.molecular-hypothesis-audit em { margin-top: 3px; overflow: hidden; color: #69817a; font: 6px var(--mono); font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.molecular-hypothesis-audit > b { max-width: 82px; padding: 4px 6px; border: 1px solid rgba(101,225,188,.2); color: var(--mint); font: 6px/1.35 var(--mono); font-weight: 400; text-align: center; text-transform: uppercase; }
.molecular-hypothesis-audit.rejected > b { border-color: rgba(255,193,105,.28); color: #ffc169; }.molecular-hypothesis-audit.unavailable > b { border-color: var(--line); color: var(--faint); }
.pose-atlas-heading { display: flex; justify-content: space-between; gap: 8px; margin-top: 12px; color: var(--faint); font: 6px var(--mono); text-transform: uppercase; line-height: 1.4; }
.pose-atlas-heading b { flex: 0 0 auto; color: var(--violet); font-weight: 400; }
.pose-atlas { display: grid; gap: 4px; margin-top: 6px; }
.pose-atlas-row { display: grid; grid-template-columns: 28px 1fr auto; align-items: center; gap: 6px; min-height: 25px; padding: 0 7px; border-left: 2px solid var(--pose-color); background: rgba(255,255,255,.025); }
.pose-atlas-row code { color: #cbd8d4; font: 7px var(--mono); }
.pose-atlas-row span { overflow: hidden; color: #718780; font: 7px var(--mono); white-space: nowrap; text-overflow: ellipsis; }
.pose-atlas-row b { color: var(--mint); font: 8px var(--mono); font-weight: 400; }
.rank-note { margin: 7px 0 0; color: #627873; font: 7px var(--mono); line-height: 1.45; }
.rank-note b { color: var(--violet); font-weight: 400; }
.inherited-geometry { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; margin: 9px 0 2px; padding: 7px; border: 1px solid rgba(181,148,255,.18); background: rgba(181,148,255,.045); font: 7px var(--mono); }
.inherited-geometry span { margin-right: 2px; color: var(--faint); text-transform: uppercase; letter-spacing: .06em; }
.inherited-geometry b { color: #cbd8d4; font-weight: 400; }
.inherited-geometry b:last-child { color: var(--mint); }
.inherited-geometry i { color: rgba(181,148,255,.62); font-style: normal; }
.option-actions { display: grid; grid-template-columns: 1fr 1.3fr; gap: 6px; margin-top: 11px; }
.option-actions button, .train-variant { min-height: 31px; padding: 0 8px; border: 1px solid var(--line); background: #0b1a1b; color: var(--muted); font: 8px var(--mono); cursor: pointer; }
.option-actions button:hover, .train-variant:hover { border-color: rgba(101,225,188,.55); color: var(--mint); }
.option-actions .option-primary { border-color: rgba(101,225,188,.45); background: rgba(101,225,188,.08); color: var(--mint); }
.option-actions .option-primary:disabled { cursor: not-allowed; opacity: .38; }
.train-variant { width: 100%; margin-top: 7px; color: var(--violet); border-color: rgba(181,148,255,.35); background: rgba(181,148,255,.05); }
.hierarchy-choice { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 11px; }
.hierarchy-choice button { min-width: 0; min-height: 67px; padding: 8px; border: 1px solid var(--line); background: #0b1a1b; color: var(--faint); text-align: left; cursor: pointer; }
.hierarchy-choice button:hover { border-color: rgba(101,225,188,.4); }
.hierarchy-choice button.active { border-color: rgba(101,225,188,.55); background: rgba(101,225,188,.075); color: var(--text); box-shadow: inset 0 -2px var(--mint); }
.hierarchy-choice small, .hierarchy-choice strong, .hierarchy-choice span { display: block; overflow: hidden; text-overflow: ellipsis; }
.hierarchy-choice small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.hierarchy-choice strong { margin-top: 5px; color: inherit; font-size: 9px; font-weight: 500; }
.hierarchy-choice span { margin-top: 4px; color: #617772; font: 6px var(--mono); white-space: nowrap; }
.toggle-stack { border: 1px solid var(--line); }
.toggle-stack label { display: flex; align-items: center; gap: 9px; min-height: 34px; padding: 0 10px; border-bottom: 1px solid var(--line); color: #93a6a1; font-size: 10px; cursor: pointer; }
.toggle-stack label:last-child { border-bottom: 0; }
.toggle-stack input { accent-color: var(--mint); }
.toggle-stack label.growth-view-master { border-color: rgba(101,225,188,.28); color: #c4e4db; background: linear-gradient(90deg,rgba(101,225,188,.08),rgba(85,200,255,.025)); font-family: var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.toggle-stack label.growth-view-master:has(input:checked) { border-color: rgba(181,148,255,.38); color: #d5c9ff; background: linear-gradient(90deg,rgba(181,148,255,.11),rgba(85,200,255,.03)); }
.growth-view-note { margin: 7px 0 0; color: #647b75; font: 6px/1.45 var(--mono); }
.toggle-stack label.local-deformation-layer { display: grid; grid-template-columns: minmax(0,1fr) 112px; gap: 7px; cursor: default; }
.local-deformation-layer select { min-width: 0; padding: 4px 5px; border: 1px solid rgba(101,225,188,.2); background: #071516; color: #9ec0b7; font: 6px var(--mono); }
.local-deformation-layer select:disabled { opacity: .38; }
.receipt-scale-bridge-binding { margin-bottom: 8px; padding: 8px; border: 1px solid rgba(151,194,183,.16); background: linear-gradient(135deg,rgba(5,18,20,.95),rgba(8,26,25,.92)); box-shadow: inset 2px 0 rgba(151,194,183,.18); }
.receipt-scale-bridge-binding header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.receipt-scale-bridge-binding header span,.receipt-scale-bridge-binding header small,.receipt-scale-bridge-binding header strong { display: block; min-width: 0; }
.receipt-scale-bridge-binding header small { color: #627a74; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.receipt-scale-bridge-binding header strong { margin-top: 3px; color: #bdd4ce; font: 7px/1.35 var(--mono); font-weight: 400; }
.receipt-scale-bridge-binding header b { flex: 0 0 auto; padding: 3px 5px; border: 1px solid currentColor; color: #718b84; font: 5px var(--mono); font-weight: 400; text-transform: uppercase; }
.receipt-scale-bridge-binding p { margin: 6px 0 0; color: #688079; font: 6px/1.5 var(--mono); }
.receipt-scale-bridge-binding.verified-design-stage-reached { border-color: rgba(101,225,188,.42); box-shadow: inset 2px 0 var(--mint); }
.receipt-scale-bridge-binding.verified-design-stage-reached header b { color: var(--mint); }
.receipt-scale-bridge-binding.verified-design-awaiting-stage { border-color: rgba(85,200,255,.34); box-shadow: inset 2px 0 rgba(85,200,255,.65); }
.receipt-scale-bridge-binding.verified-design-awaiting-stage header b { color: #6dc6e0; }
.receipt-scale-bridge-binding.design-packet-rejected,.receipt-scale-bridge-binding.material-mismatch { border-color: rgba(240,201,106,.4); box-shadow: inset 2px 0 rgba(240,201,106,.7); }
.receipt-scale-bridge-binding.design-packet-rejected header b,.receipt-scale-bridge-binding.material-mismatch header b { color: var(--amber); }
.receipt-scale-bridge-conformance { margin-top: 8px; padding: 7px; border: 1px solid rgba(151,194,183,.11); background: rgba(2,12,13,.56); }
.receipt-scale-bridge-conformance header { gap: 6px; }
.receipt-scale-bridge-conformance header small { color: #536b65; }
.receipt-scale-bridge-conformance header strong { color: #9eb7b0; font-size: 6px; }
.receipt-scale-bridge-conformance header b { color: #7f948e; font-size: 4px; }
.receipt-scale-bridge-conformance-progress { height: 3px; margin-top: 7px; overflow: hidden; background: rgba(151,194,183,.1); }
.receipt-scale-bridge-conformance-progress i { display: block; width: calc(100% * var(--conformance)); height: 100%; background: linear-gradient(90deg,#55c8ff,var(--mint)); transition: width .28s ease; }
.receipt-scale-bridge-conformance > p { margin-top: 6px; color: #718980; font-size: 5px; }
.receipt-scale-bridge-conformance-missing { display: grid; gap: 3px; margin: 6px 0 0; padding: 0; list-style: none; }
.receipt-scale-bridge-conformance-missing li { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 5px; padding: 4px 5px; border-left: 1px solid rgba(240,201,106,.36); background: rgba(240,201,106,.025); }
.receipt-scale-bridge-conformance-missing li b { color: #8d7850; font: 4px var(--mono); font-weight: 400; text-transform: uppercase; }
.receipt-scale-bridge-conformance-missing li span,.receipt-scale-bridge-conformance-missing li.more { color: #817c68; font: 5px/1.35 var(--mono); }
.receipt-scale-bridge-conformance-missing li.more { display: block; border-left-color: rgba(151,194,183,.18); color: #586d67; }
.receipt-scale-bridge-conformance footer { margin-top: 6px; color: #526962; font: 5px/1.45 var(--mono); }
.receipt-scale-bridge-conformance.ready-for-sealed-gate { border-color: rgba(85,200,255,.35); }
.receipt-scale-bridge-conformance.sealed-gate-passed { border-color: rgba(101,225,188,.48); box-shadow: inset 2px 0 var(--mint); }
.receipt-scale-bridge-conformance.sealed-gate-passed header b { color: var(--mint); }
.receipt-scale-bridge-conformance.sealed-gate-failed { border-color: rgba(240,201,106,.44); }
.receipt-conformance-ledger { margin-top: 8px; padding-top: 7px; border-top: 1px solid rgba(151,194,183,.1); }
.receipt-conformance-ledger > header { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
.receipt-conformance-ledger > header span small,.receipt-conformance-ledger > header span strong { display: block; }
.receipt-conformance-ledger > header span small { color: #536b65; font: 4px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.receipt-conformance-ledger > header span strong { margin-top: 2px; color: #9eb7b0; font-size: 7px; }
.receipt-conformance-ledger nav { display: flex; gap: 2px; }
.receipt-conformance-ledger nav button { padding: 3px 5px; border: 1px solid rgba(151,194,183,.13); background: #071516; color: #617670; font: 4px var(--mono); text-transform: uppercase; cursor: pointer; }
.receipt-conformance-ledger nav button.active { border-color: rgba(85,200,255,.4); color: #80cee7; background: rgba(85,200,255,.06); }
.receipt-conformance-ledger-rows { display: grid; grid-template-columns: minmax(0,1fr); gap: 3px; margin-top: 6px; max-height: 174px; overflow: auto; scrollbar-color: rgba(101,225,188,.22) transparent; }
.receipt-conformance-ledger-rows > button { display: grid; grid-template-columns: 18px minmax(0,1fr) 12px; align-items: center; gap: 4px; min-width: 0; padding: 5px; border: 1px solid rgba(151,194,183,.1); background: rgba(3,14,15,.72); color: #71857f; text-align: left; cursor: pointer; }
.receipt-conformance-ledger-rows > button:hover,.receipt-conformance-ledger-rows > button.active { border-color: rgba(85,200,255,.34); background: rgba(85,200,255,.045); }
.receipt-conformance-ledger-rows > button.evidenced { border-left: 2px solid rgba(101,225,188,.52); }
.receipt-conformance-ledger-rows > button.missing { border-left: 2px solid rgba(240,201,106,.38); }
.receipt-conformance-ledger-rows > button small { color: #425b55; font: 4px var(--mono); }
.receipt-conformance-ledger-rows > button span { min-width: 0; }
.receipt-conformance-ledger-rows > button strong,.receipt-conformance-ledger-rows > button em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.receipt-conformance-ledger-rows > button strong { color: #91a8a1; font-size: 5px; font-style: normal; font-weight: 500; }
.receipt-conformance-ledger-rows > button em { margin-top: 2px; color: #536a64; font: 4px var(--mono); font-style: normal; }
.receipt-conformance-ledger-rows > button b { color: #8d7850; font: 7px var(--mono); text-align: right; }
.receipt-conformance-ledger-rows > button.evidenced b { color: var(--mint); }
.receipt-conformance-empty { grid-column: 1/-1; margin: 0; padding: 8px; border: 1px dashed rgba(151,194,183,.14); color: #5e736d; font: 5px/1.4 var(--mono); }
.receipt-conformance-inspector { position: relative; margin-top: 5px; padding: 7px 102px 7px 8px; border: 1px solid rgba(151,194,183,.12); background: rgba(8,23,24,.72); min-height: 44px; }
.receipt-conformance-inspector.evidenced { border-color: rgba(101,225,188,.26); }
.receipt-conformance-inspector.missing { border-color: rgba(240,201,106,.23); }
.receipt-conformance-inspector small,.receipt-conformance-inspector strong { display: block; }
.receipt-conformance-inspector small { color: #59716a; font: 4px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.receipt-conformance-inspector strong { margin-top: 3px; color: #a4bbb5; font-size: 6px; }
.receipt-conformance-inspector p { margin-top: 4px; color: #687e77; font: 5px/1.4 var(--mono); }
.receipt-conformance-inspector button { position: absolute; top: 8px; right: 7px; width: 88px; min-height: 30px; padding: 5px; border: 1px solid rgba(85,200,255,.28); background: rgba(85,200,255,.05); color: #73bcd4; font: 4px/1.35 var(--mono); cursor: pointer; }
.receipt-conformance-inspector button:disabled { border-color: rgba(151,194,183,.1); color: #445954; cursor: default; }
@media (max-width:760px) { .receipt-conformance-inspector { padding-right: 8px; }.receipt-conformance-inspector button { position: static; width: 100%; margin-top: 6px; } }
.receipt-actions { display: grid; grid-template-columns: 1.3fr .8fr; gap: 5px; }
.receipt-actions button { min-height: 32px; padding: 0 8px; border: 1px solid rgba(181,148,255,.32); background: rgba(181,148,255,.045); color: var(--violet); font: 7px var(--mono); text-transform: uppercase; cursor: pointer; }
.receipt-actions button:hover { border-color: var(--violet); background: rgba(181,148,255,.09); }
.receipt-actions button:disabled { opacity: .45; cursor: wait; }
.receipt-status { margin: 7px 0 0; color: var(--faint); font: 6px/1.5 var(--mono); }
.notebook-heading { display: flex; justify-content: space-between; gap: 8px; margin-top: 11px; padding-top: 9px; border-top: 1px solid rgba(151,194,183,.11); color: var(--faint); font: 6px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.notebook-heading span { color: #8b7ca8; letter-spacing: 0; text-transform: none; }
.notebook-actions { display: grid; grid-template-columns: 1.05fr 1.15fr .7fr; gap: 5px; margin-top: 6px; }.notebook-actions button { min-height: 29px; border: 1px solid rgba(181,148,255,.24); background: rgba(181,148,255,.035); color: #a28bcf; font: 6px var(--mono); text-transform: uppercase; cursor: pointer; }.notebook-actions button:hover,.notebook-actions button:focus-visible { border-color: var(--violet); outline: none; }.notebook-actions button:disabled { opacity: .38; cursor: default; }
.notebook-response-analysis-status { margin: 5px 0 0; padding: 6px 7px; border-left: 2px solid rgba(63,222,213,.35); background: rgba(63,222,213,.025); color: #6f7f94; font: 6px/1.55 var(--mono); }
.notebook-entries { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 6px; }.notebook-entries:empty::before { content: "no saved runs yet"; grid-column: 1 / -1; min-height: 25px; border: 1px dashed rgba(151,194,183,.12); color: #506660; font: 5px/25px var(--mono); text-align: center; text-transform: uppercase; }
.notebook-entries button { min-width: 0; padding: 6px 7px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.72); color: inherit; text-align: left; cursor: pointer; }.notebook-entries button:hover,.notebook-entries button:focus-visible,.notebook-entries button.active { border-color: rgba(181,148,255,.52); outline: none; }.notebook-entries button.active { box-shadow: inset 2px 0 var(--violet); }
.notebook-entries small,.notebook-entries strong,.notebook-entries span,.notebook-entries em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-entries small { color: #5f746e; font: 5px var(--mono); text-transform: uppercase; }.notebook-entries strong { margin-top: 4px; color: #c2cfcb; font: 7px var(--mono); font-weight: 400; }.notebook-entries span { margin-top: 4px; color: #71867f; font: 5px var(--mono); }.notebook-entries em { margin-top: 4px; color: #8d79b5; font: 5px var(--mono); font-style: normal; }
.notebook-comparison { margin-top: 6px; overflow-x: auto; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.72); }.notebook-comparison > p { margin: 0; padding: 8px; color: #5f746e; font: 5px/1.45 var(--mono); }.notebook-comparison header,.notebook-comparison > div { display: grid; grid-template-columns: 63px minmax(112px,1fr) minmax(112px,1fr); min-width: 294px; }.notebook-comparison header { border-bottom: 1px solid rgba(151,194,183,.14); background: rgba(181,148,255,.025); }.notebook-comparison header small,.notebook-comparison header strong,.notebook-comparison > div > small,.notebook-comparison > div > span { padding: 5px 6px; border-right: 1px solid rgba(151,194,183,.08); }.notebook-comparison header > :last-child,.notebook-comparison > div > :last-child { border-right: 0; }.notebook-comparison header small,.notebook-comparison > div > small { color: #5f746e; font: 5px var(--mono); text-transform: uppercase; }.notebook-comparison header strong { overflow: hidden; color: #aa95d1; font: 6px var(--mono); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.notebook-comparison > div { border-bottom: 1px solid rgba(151,194,183,.06); }.notebook-comparison > div:last-child { border-bottom: 0; }.notebook-comparison > div > span { color: #81968f; font: 5px/1.4 var(--mono); }.notebook-comparison > div:not(.same) > span { color: #c0a9e7; background: rgba(181,148,255,.025); }
.notebook-lineage-comparison { min-width: 294px; margin-top: 7px; padding: 8px; border-top: 1px solid rgba(85,200,255,.2); background: radial-gradient(circle at 85% 5%,rgba(85,200,255,.055),transparent 36%),linear-gradient(145deg,rgba(6,19,20,.96),rgba(7,25,24,.96)); }.notebook-lineage-comparison.controlled { border-top-color: rgba(101,225,188,.55); box-shadow: inset 2px 0 rgba(101,225,188,.55); }.notebook-lineage-comparison.confounded { border-top-color: rgba(240,201,106,.46); }.notebook-comparison .notebook-lineage-comparison > header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 8px; border: 0; background: none; }.notebook-lineage-comparison > header span { min-width: 0; }.notebook-comparison .notebook-lineage-comparison > header small,.notebook-comparison .notebook-lineage-comparison > header strong { display: block; padding: 0; border: 0; white-space: normal; }.notebook-lineage-comparison > header small { color: #638079; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.notebook-comparison .notebook-lineage-comparison > header strong { margin-top: 3px; color: #b7d9d2; font: 7px/1.35 var(--mono); }.notebook-lineage-comparison > header b { flex: 0 0 auto; padding: 3px 5px; border: 1px solid rgba(85,200,255,.28); color: #78bad0; font: 5px var(--mono); font-weight: 400; text-transform: uppercase; }.notebook-lineage-comparison.controlled > header b { border-color: rgba(101,225,188,.42); color: var(--mint); }.notebook-lineage-comparison > p { margin: 5px 0 0; padding: 0; color: #667e77; font: 5px/1.45 var(--mono); }
.notebook-lineage-runs { display: grid !important; grid-template-columns: 1fr 1fr !important; min-width: 0 !important; gap: 5px; margin-top: 7px; border: 0 !important; }.notebook-lineage-runs > article { min-width: 0; padding: 6px; border: 1px solid rgba(151,194,183,.13); background: rgba(3,13,14,.64); }.notebook-comparison .notebook-lineage-runs article > header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 5px; border: 0; background: none; }.notebook-lineage-runs article > header span { min-width: 0; }.notebook-comparison .notebook-lineage-runs article > header small,.notebook-comparison .notebook-lineage-runs article > header strong { display: block; padding: 0; border: 0; white-space: normal; }.notebook-lineage-runs article > header small { color: #536c65; font: 5px var(--mono); text-transform: uppercase; }.notebook-comparison .notebook-lineage-runs article > header strong { margin-top: 3px; color: #c3d1cd; font: 6px/1.3 var(--mono); }.notebook-lineage-runs article > header b { flex: 0 0 auto; color: #8da29c; font: 5px var(--mono); font-weight: 400; }.notebook-lineage-marking { margin-top: 6px; padding: 5px; border-left: 2px solid var(--violet); background: rgba(181,148,255,.035); }.notebook-lineage-marking small,.notebook-lineage-marking strong,.notebook-lineage-marking em { display: block; }.notebook-lineage-marking small { color: #74688b; font: 5px var(--mono); text-transform: uppercase; }.notebook-lineage-marking strong { margin-top: 3px; color: #b49cdd; font: 6px/1.35 var(--mono); font-weight: 400; }.notebook-lineage-marking em { margin-top: 3px; color: #706581; font: 5px/1.35 var(--mono); font-style: normal; }.notebook-lineage-arrow { margin: 5px 0; color: #4d807c; font: 5px/1.35 var(--mono); text-align: center; }.notebook-lineage-transitions { display: grid; grid-template-columns: 1fr; gap: 3px; }.notebook-lineage-transitions > span { padding: 4px; border: 1px solid rgba(85,200,255,.12); background: rgba(85,200,255,.025); }.notebook-lineage-transitions small,.notebook-lineage-transitions strong,.notebook-lineage-transitions em { display: block; }.notebook-lineage-transitions small { color: #668b86; font: 5px/1.3 var(--mono); }.notebook-lineage-transitions strong { margin-top: 2px; color: #91beb7; font: 6px var(--mono); font-weight: 400; }.notebook-lineage-transitions em { margin-top: 2px; color: #4e6f69; font: 5px var(--mono); font-style: normal; }.notebook-lineage-transitions p { margin: 0; color: #526a64; font: 5px/1.4 var(--mono); }.notebook-lineage-runs article > footer { margin-top: 5px; color: #526a64; font: 5px/1.35 var(--mono); }
.notebook-lineage-summary { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; min-width: 0 !important; gap: 4px; margin-top: 6px; border: 0 !important; }.notebook-lineage-summary > span { min-width: 0; padding: 4px; border: 1px solid rgba(151,194,183,.1) !important; background: rgba(151,194,183,.025) !important; }.notebook-lineage-summary small,.notebook-lineage-summary strong,.notebook-lineage-summary em { display: block; }.notebook-lineage-summary small { color: #536a64; font: 5px/1.2 var(--mono); text-transform: uppercase; }.notebook-lineage-summary strong { margin-top: 3px; color: #9db5ae; font: 6px var(--mono); font-weight: 400; }.notebook-lineage-summary em { margin-top: 2px; color: #536a64; font: 5px/1.25 var(--mono); font-style: normal; }
.notebook-identifiability-comparison { grid-template-columns: 1fr; min-width: 294px; margin-top: 6px; border-top: 1px solid rgba(101,225,188,.16); }
.notebook-comparison .notebook-identifiability-comparison > header { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 8px; border: 0; background: linear-gradient(145deg,#091a1a,#0b2220); }
.notebook-comparison .notebook-identifiability-comparison > header small,.notebook-comparison .notebook-identifiability-comparison > header strong { padding: 0; border: 0; white-space: normal; }.notebook-comparison .notebook-identifiability-comparison > header b { flex: 0 0 auto; }
.notebook-identifiability-comparison .study-identifiability-arms { grid-template-columns: repeat(3,minmax(94px,1fr)); min-width: 294px; }
.notebook-identifiability-comparison .study-identifiability-arms article { padding: 8px; }
.notebook-intervention-audit { margin-top: 6px; padding: 7px; border: 1px solid rgba(151,194,183,.14); background: rgba(5,15,17,.72); }.notebook-intervention-audit.controlled { border-color: rgba(101,225,188,.42); box-shadow: inset 2px 0 var(--mint); }.notebook-intervention-audit.analysis { border-color: rgba(85,200,255,.4); box-shadow: inset 2px 0 var(--cyan); }.notebook-intervention-audit.confounded { border-color: rgba(240,201,106,.35); box-shadow: inset 2px 0 #d8aa62; }.notebook-intervention-audit.descriptive { border-color: rgba(255,127,136,.3); box-shadow: inset 2px 0 #cf7279; }
.notebook-intervention-audit.registered-pair { border-color: rgba(240,201,106,.38); background: radial-gradient(circle at 78% 12%,rgba(240,201,106,.04),transparent 45%),rgba(5,15,17,.72); }.notebook-intervention-audit.registered-pair.response-comparable { border-color: rgba(101,225,188,.58); background: radial-gradient(circle at 78% 12%,rgba(101,225,188,.055),transparent 45%),rgba(5,15,17,.72); }
.notebook-intervention-audit header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; }.notebook-intervention-audit header small { grid-column: 1 / -1; color: #62776f; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.notebook-intervention-audit header strong { color: #bdd0ca; font: 7px var(--mono); font-weight: 400; }.notebook-intervention-audit header span { grid-column: 1 / -1; color: #71867f; font: 5px/1.4 var(--mono); }
.notebook-input-identity { display: grid; grid-template-columns: 1fr auto; gap: 2px 6px; margin-top: 7px; padding: 5px; background: rgba(151,194,183,.025); }.notebook-input-identity small { grid-column: 1 / -1; color: #586e67; font: 5px var(--mono); text-transform: uppercase; }.notebook-input-identity strong { color: #a8bbb5; font: 6px var(--mono); font-weight: 400; }.notebook-input-identity span { color: #6e827c; font: 5px var(--mono); }
.notebook-factor-list { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; }.notebook-factor-list span { padding: 3px 5px; border: 1px solid rgba(181,148,255,.17); color: #9c88c2; font: 5px var(--mono); }
.notebook-registered-pair { margin-top: 6px; padding: 6px; border: 1px solid rgba(181,148,255,.18); background: rgba(181,148,255,.025); }.notebook-registered-pair.registered { border-color: rgba(101,225,188,.36); background: rgba(101,225,188,.035); }.notebook-registered-pair.invalid { border-color: rgba(240,201,106,.28); }.notebook-registered-pair.unavailable { border-style: dashed; opacity: .78; }
.notebook-registered-pair.registered-unexecuted { border-color: rgba(240,201,106,.34); background: rgba(240,201,106,.025); }
.notebook-registered-pair > header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; }.notebook-registered-pair > header small { grid-column: 1 / -1; color: #6f628e; }.notebook-registered-pair.registered > header small { color: #5b897c; }.notebook-registered-pair > header strong { overflow: hidden; color: #c7bde0; text-overflow: ellipsis; white-space: nowrap; }.notebook-registered-pair.registered > header strong { color: #bfe6da; }.notebook-registered-pair > header b { color: #8878ae; font: 5px var(--mono); font-weight: 400; }.notebook-registered-pair > p { margin: 5px 0 0; color: #807594; font: 5px/1.45 var(--mono); }.notebook-registered-pair > em { display: block; margin-top: 5px; color: #625b70; font: 5px/1.45 var(--mono); font-style: normal; }
.notebook-registered-arms { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 5px; margin-top: 6px; }.notebook-registered-arms > span { min-width: 0; padding: 5px; border: 1px solid rgba(181,148,255,.13); background: #071617; }.notebook-registered-arms small,.notebook-registered-arms strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-registered-arms small { color: #625778; font: 4px var(--mono); text-transform: uppercase; }.notebook-registered-arms strong { margin-top: 3px; color: #aa9ec6; font: 6px var(--mono); font-weight: 400; }.notebook-registered-arms i { color: #65e1bc; font: 8px var(--mono); font-style: normal; }
.notebook-registered-outcomes { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; }.notebook-registered-outcomes:empty { display: none; }.notebook-registered-outcomes span { padding: 3px 5px; border: 1px solid rgba(101,225,188,.14); color: #73948b; font: 4px var(--mono); }
.notebook-outcome-deltas { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 6px; background: rgba(151,194,183,.1); }.notebook-outcome-deltas > span { min-width: 0; padding: 5px; background: #071617; }.notebook-outcome-deltas small,.notebook-outcome-deltas strong,.notebook-outcome-deltas em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-outcome-deltas small { color: #5a7069; font: 5px var(--mono); text-transform: uppercase; }.notebook-outcome-deltas strong { margin-top: 3px; color: #bfd1cb; font: 8px var(--mono); font-weight: 400; }.notebook-outcome-deltas em { margin-top: 2px; color: #536861; font: 4px var(--mono); font-style: normal; }
.notebook-intervention-audit > p { margin: 6px 0 0; color: #657a73; font: 5px/1.45 var(--mono); }
.notebook-hypothesis-outcome { position: relative; overflow: hidden; margin-top: 6px; padding: 7px; border: 1px solid rgba(181,148,255,.2); background: radial-gradient(circle at 86% 10%,rgba(181,148,255,.09),transparent 46%),linear-gradient(135deg,rgba(7,17,19,.94),rgba(10,10,22,.92)); }
.notebook-hypothesis-outcome::after { position: absolute; top: 0; right: 0; width: 46px; height: 1px; background: linear-gradient(90deg,transparent,#b594ff); content: ""; }
.notebook-hypothesis-outcome.matched { border-color: rgba(181,148,255,.52); box-shadow: inset 2px 0 #b594ff; }.notebook-hypothesis-outcome.waiting { border-color: rgba(240,201,106,.22); box-shadow: inset 2px 0 #a98a58; }
.notebook-hypothesis-outcome header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; }.notebook-hypothesis-outcome header small { grid-column: 1 / -1; color: #756892; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.notebook-hypothesis-outcome header strong { color: #dccfff; font: 7px var(--mono); font-weight: 400; }.notebook-hypothesis-outcome header span { grid-column: 1 / -1; color: #83789d; font: 5px/1.4 var(--mono); }
.notebook-hypothesis-identity,.notebook-hypothesis-grid { display: grid; gap: 1px; margin-top: 6px; background: rgba(181,148,255,.1); }.notebook-hypothesis-identity { grid-template-columns: repeat(2,minmax(0,1fr)); }.notebook-hypothesis-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.notebook-hypothesis-identity > span,.notebook-hypothesis-grid > article { min-width: 0; padding: 5px; background: rgba(6,14,18,.94); }.notebook-hypothesis-identity small,.notebook-hypothesis-identity strong,.notebook-hypothesis-grid small,.notebook-hypothesis-grid strong,.notebook-hypothesis-grid span,.notebook-hypothesis-grid em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notebook-hypothesis-identity small,.notebook-hypothesis-grid small { color: #716788; font: 5px var(--mono); text-transform: uppercase; }.notebook-hypothesis-identity strong { margin-top: 3px; color: #c7b9ed; font: 6px var(--mono); font-weight: 400; }.notebook-hypothesis-grid strong { margin-top: 3px; color: #d9cdf8; font: 8px var(--mono); font-weight: 400; }.notebook-hypothesis-grid strong.positive { color: #65e1bc; }.notebook-hypothesis-grid strong.negative { color: #ff958f; }.notebook-hypothesis-grid strong.unavailable { color: #8a806f; font-size: 6px; }.notebook-hypothesis-grid span { margin-top: 2px; color: #766c8c; font: 5px var(--mono); }.notebook-hypothesis-grid em { margin-top: 2px; color: #514a62; font: 4px var(--mono); font-style: normal; }
.notebook-hypothesis-outcome > p { margin: 6px 0 0; color: #756b8c; font: 5px/1.45 var(--mono); }
.notebook-physics-protocol-outcome { position: relative; overflow: hidden; margin-top: 6px; padding: 7px; border: 1px solid rgba(85,200,255,.2); background: radial-gradient(circle at 86% 10%,rgba(85,200,255,.08),transparent 46%),linear-gradient(135deg,rgba(5,17,20,.95),rgba(8,13,22,.93)); }
.notebook-physics-protocol-outcome::after { position: absolute; top: 0; right: 0; width: 56px; height: 1px; background: linear-gradient(90deg,transparent,var(--cyan)); content: ""; }
.notebook-physics-protocol-outcome.matched { border-color: rgba(85,200,255,.55); box-shadow: inset 2px 0 var(--cyan); }.notebook-physics-protocol-outcome.waiting { border-color: rgba(240,201,106,.22); box-shadow: inset 2px 0 #a98a58; }
.notebook-physics-protocol-outcome header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; }.notebook-physics-protocol-outcome header small { grid-column: 1 / -1; color: #638fa0; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.notebook-physics-protocol-outcome header strong { color: #c8edff; font: 7px var(--mono); font-weight: 400; }.notebook-physics-protocol-outcome header span { grid-column: 1 / -1; color: #7494a2; font: 5px/1.4 var(--mono); }
.notebook-physics-protocol-identity { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; margin-top: 6px; }.notebook-physics-protocol-identity span { min-width: 0; padding: 4px; border: 1px solid rgba(85,200,255,.13); background: rgba(4,15,19,.7); }.notebook-physics-protocol-identity small,.notebook-physics-protocol-identity strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-physics-protocol-identity small { color: #627f89; font: 4.5px var(--mono); text-transform: uppercase; }.notebook-physics-protocol-identity strong { margin-top: 2px; color: #a8d5e8; font: 5px var(--mono); font-weight: 400; }
.notebook-physics-response { display:grid; grid-template-columns:minmax(150px,.72fr) minmax(230px,1.35fr); gap:5px; margin-top:6px; padding:6px; border:1px solid rgba(108,226,191,.17); background:linear-gradient(120deg,rgba(8,29,28,.72),rgba(5,15,21,.8)); }.notebook-physics-response > header { grid-column:1/-1; display:grid; gap:2px; }.notebook-physics-response > header small { color:#65a996; font:4px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.notebook-physics-response > header strong { color:#bce7d9; font:7px var(--mono); font-weight:400; }.notebook-physics-response > header span { color:#718f88; font:4.5px/1.45 var(--mono); }.notebook-physics-response-axes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }.notebook-physics-response-axes > div { min-width:0; }.notebook-physics-response-axes button { width:100%; height:100%; min-width:0; padding:5px; border:1px solid rgba(108,226,191,.13); background:rgba(3,14,16,.78); text-align:left; cursor:pointer; }.notebook-physics-response-axes button:hover,.notebook-physics-response-axes button:focus-visible,.notebook-physics-response-axes button[aria-pressed="true"] { border-color:rgba(108,226,191,.5); outline:none; box-shadow:inset 0 -1px #68d9b8; }.notebook-physics-response-axes small,.notebook-physics-response-axes strong,.notebook-physics-response-axes span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.notebook-physics-response-axes small { color:#66837d; font:4px var(--mono); text-transform:uppercase; }.notebook-physics-response-axes strong { margin:3px 0 4px; color:#a3c9be; font:5.5px var(--mono); font-weight:400; }.notebook-physics-response-axes span { height:2px; background:rgba(108,226,191,.09); }.notebook-physics-response-axes i { display:block; height:100%; background:linear-gradient(90deg,#67bfff,#68d9b8); }.notebook-physics-response-detail { min-width:0; padding:5px 6px; border-left:1px solid rgba(108,226,191,.14); }.notebook-physics-response-detail strong,.notebook-physics-response-detail p,.notebook-physics-response-detail span,.notebook-physics-response-detail em { display:block; }.notebook-physics-campaign { margin-top:5px; padding:6px; border:1px solid rgba(181,148,255,.18); background:linear-gradient(120deg,rgba(22,15,35,.64),rgba(5,15,21,.78)); }.notebook-physics-campaign > header { display:grid; gap:2px; }.notebook-physics-campaign > header small { color:#9280bd; font:4px var(--mono); letter-spacing:.08em; text-transform:uppercase; }.notebook-physics-campaign > header strong { color:#d3c6f2; font:6px var(--mono); font-weight:400; }.notebook-physics-campaign > header span,.notebook-physics-campaign > p { color:#81769b; font:4.5px/1.4 var(--mono); }.notebook-physics-campaign-stats,.notebook-physics-campaign-domains { display:grid; gap:3px; margin-top:5px; }.notebook-physics-campaign-stats { grid-template-columns:repeat(3,minmax(0,1fr)); }.notebook-physics-campaign-domains { grid-template-columns:repeat(3,minmax(0,1fr)); }.notebook-physics-campaign-stats > span,.notebook-physics-campaign-domains > article { min-width:0; padding:4px; border:1px solid rgba(181,148,255,.11); background:rgba(7,9,17,.62); }.notebook-physics-campaign-stats small,.notebook-physics-campaign-stats strong,.notebook-physics-campaign-domains small,.notebook-physics-campaign-domains strong,.notebook-physics-campaign-domains span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.notebook-physics-campaign-stats small,.notebook-physics-campaign-domains small { color:#74698e; font:4px var(--mono); text-transform:uppercase; }.notebook-physics-campaign-stats strong,.notebook-physics-campaign-domains strong { margin-top:2px; color:#b8abd7; font:5px var(--mono); font-weight:400; }.notebook-physics-campaign-domains span { margin-top:2px; color:#706783; font:4px var(--mono); }.notebook-physics-campaign > p { margin:5px 0 0; }.notebook-physics-response-detail strong { color:#bce7d9; font:6px var(--mono); font-weight:400; }.notebook-physics-response-detail p { margin:3px 0; color:#7f9c95; font:4.5px/1.4 var(--mono); }.notebook-physics-response-detail span { color:#77b9a7; font:4.5px/1.4 var(--mono); }.notebook-physics-response-detail em { margin-top:3px; color:#5e7b75; font:4px/1.35 var(--mono); font-style:normal; }
.notebook-physics-protocol-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; margin-top: 5px; }.notebook-physics-protocol-grid article { min-width: 0; padding: 5px; border: 1px solid rgba(151,194,183,.11); background: rgba(4,13,16,.76); }.notebook-physics-protocol-grid small,.notebook-physics-protocol-grid strong,.notebook-physics-protocol-grid span,.notebook-physics-protocol-grid em { display: block; }.notebook-physics-protocol-grid small { color: #657d83; font: 4.5px var(--mono); }.notebook-physics-protocol-grid strong { margin: 3px 0; color: #b9d7df; font: 7px var(--mono); font-weight: 400; }.notebook-physics-protocol-grid strong.positive { color: #69e1bb; }.notebook-physics-protocol-grid strong.negative { color: #ff9a9f; }.notebook-physics-protocol-grid strong.zero { color: #86a5ae; }.notebook-physics-protocol-grid span { color: #779097; font: 4.5px/1.35 var(--mono); }.notebook-physics-protocol-grid em { margin-top: 2px; color: #526a70; font: 4px/1.3 var(--mono); font-style: normal; }.notebook-physics-protocol-outcome > p { margin: 6px 0 0; color: #6e8b95; font: 5px/1.45 var(--mono); }
.notebook-physics-seed-planner { margin-top:5px; padding:5px; border:1px solid rgba(103,191,255,.16); background:rgba(5,16,24,.7); }.notebook-physics-seed-planner > header { display:flex; align-items:baseline; justify-content:space-between; gap:6px; }.notebook-physics-seed-planner > header strong { color:#a9d7ef; font:5px var(--mono); font-weight:400; text-transform:uppercase; }.notebook-physics-seed-planner > header span { color:#617f91; font:4px/1.35 var(--mono); text-align:right; }.notebook-physics-seed-planner > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:4px; }.notebook-physics-seed-planner > div > span { min-width:0; padding:4px; border:1px solid rgba(103,191,255,.1); background:rgba(4,12,18,.78); }.notebook-physics-seed-planner > div > span.recommended { border-color:rgba(104,217,184,.5); box-shadow:inset 0 -1px #68d9b8; }.notebook-physics-seed-planner small,.notebook-physics-seed-planner strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.notebook-physics-seed-planner small { color:#60798a; font:4px var(--mono); }.notebook-physics-seed-planner strong { margin-top:2px; color:#92b9ca; font:4.5px var(--mono); font-weight:400; }.notebook-physics-seed-planner .used strong { color:#8b80a5; }.notebook-physics-seed-planner > button { width:100%; margin-top:4px; padding:5px; border:1px solid rgba(104,217,184,.35); background:rgba(14,52,45,.55); color:#9fe7d2; font:4.5px var(--mono); cursor:pointer; }.notebook-physics-seed-planner > button:hover,.notebook-physics-seed-planner > button:focus-visible { border-color:#68d9b8; outline:none; }
@media (max-width: 700px) { .notebook-hypothesis-grid,.notebook-hypothesis-identity,
  .notebook-physics-protocol-grid,.notebook-physics-protocol-identity,.notebook-physics-response { grid-template-columns: 1fr; }.notebook-physics-response-detail { border-left:0; border-top:1px solid rgba(108,226,191,.14); }.notebook-physics-campaign-stats,.notebook-physics-campaign-domains,.notebook-physics-seed-planner > div { grid-template-columns:1fr; } }
.notebook-physics-audit { margin-top: 6px; padding: 7px; border: 1px solid rgba(181,148,255,.16); background: radial-gradient(circle at 82% 14%,rgba(181,148,255,.045),transparent 50%),rgba(5,15,17,.72); }.notebook-physics-audit.controlled { border-color: rgba(101,225,188,.38); box-shadow: inset 2px 0 var(--mint); }.notebook-physics-audit.descriptive { border-color: rgba(181,148,255,.38); box-shadow: inset 2px 0 #b594ff; }.notebook-physics-audit.unavailable { border-color: rgba(240,201,106,.3); box-shadow: inset 2px 0 #c39b5e; }.notebook-physics-audit header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; }.notebook-physics-audit header small { grid-column: 1 / -1; color: #756b91; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.notebook-physics-audit header strong { color: #d3c7ec; font: 7px var(--mono); font-weight: 400; }.notebook-physics-audit header span { grid-column: 1 / -1; color: #81769a; font: 5px/1.4 var(--mono); }
.notebook-physics-filters { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 6px; }.notebook-physics-filters button { min-height: 22px; padding: 0 7px; border: 1px solid rgba(181,148,255,.18); background: rgba(5,15,17,.82); color: #7e7396; font: 5px var(--mono); cursor: pointer; }.notebook-physics-filters button:hover,.notebook-physics-filters button.active { border-color: rgba(181,148,255,.58); background: rgba(181,148,255,.08); color: #d8ccef; }
.notebook-physics-matrix { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 6px; }.notebook-physics-matrix > button { display: grid; min-width: 0; gap: 2px; padding: 6px; border: 1px solid rgba(181,148,255,.12); background: rgba(4,12,14,.72); color: #8c81a4; text-align: left; cursor: pointer; }.notebook-physics-matrix > button.changed { border-color: rgba(255,190,106,.28); }.notebook-physics-matrix > button:hover,.notebook-physics-matrix > button.active { border-color: rgba(181,148,255,.65); background: rgba(181,148,255,.085); }.notebook-physics-matrix strong,.notebook-physics-matrix span,.notebook-physics-matrix small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-physics-matrix strong { color: #d0c5e7; font: 6px var(--mono); font-weight: 400; }.notebook-physics-matrix span { color: #796f8f; font: 5px var(--mono); }.notebook-physics-matrix small { color: #9b7d5e; font: 4px var(--mono); text-transform: uppercase; }.notebook-physics-matrix > p { grid-column: 1 / -1; margin: 0; padding: 7px; border: 1px dashed rgba(181,148,255,.13); color: #766d89; font: 5px/1.45 var(--mono); }
.notebook-physics-detail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 6px; }.notebook-physics-detail:empty { display: none; }.notebook-physics-detail > header,.notebook-physics-detail > p { grid-column: 1 / -1; }.notebook-physics-detail > header { display: flex; justify-content: space-between; gap: 8px; padding: 5px 6px; border: 1px solid rgba(181,148,255,.12); background: rgba(181,148,255,.04); }.notebook-physics-detail > header strong { color: #d6cbed; font: 6px var(--mono); font-weight: 400; }.notebook-physics-detail > header span { color: #8f83a7; font: 5px var(--mono); text-align: right; }.notebook-physics-detail section { min-width: 0; padding: 6px; border: 1px solid rgba(151,194,183,.1); background: #071617; }.notebook-physics-detail section small,.notebook-physics-detail section strong { display: block; }.notebook-physics-detail section small { color: #657b75; font: 4px var(--mono); text-transform: uppercase; }.notebook-physics-detail section strong { margin-top: 3px; color: #b9cec8; font: 6px var(--mono); font-weight: 400; }.notebook-physics-detail section p { margin: 5px 0 0; color: #728a83; font: 5px/1.45 var(--mono); }.notebook-physics-detail section em { display: block; margin-top: 5px; color: #856f58; font: 4px/1.45 var(--mono); }.notebook-physics-detail > p { margin: 0; padding: 6px; color: #756d88; font: 5px/1.45 var(--mono); }
.notebook-physics-evolution { margin-top: 7px; padding-top: 6px; border-top: 1px solid rgba(181,148,255,.12); }.notebook-physics-evolution > strong { margin-top: 3px; color: #a99abc !important; font-size: 5px !important; }.notebook-physics-evolution-track { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 5px; }.notebook-physics-evolution-track button { width: 20px; height: 18px; padding: 0; border: 1px solid rgba(151,194,183,.15); background: #061112; color: #60766f; font: 5px var(--mono); cursor: pointer; }.notebook-physics-evolution-track button.response-change { border-color: rgba(85,200,255,.42); color: #7fc5d7; }.notebook-physics-evolution-track button.configuration-change { border-color: rgba(255,190,106,.5); color: #d7a765; }.notebook-physics-evolution-track button:hover,.notebook-physics-evolution-track button.active { border-color: rgba(181,148,255,.75); background: rgba(181,148,255,.12); color: #e0d5f4; }.notebook-physics-evolution > p { min-height: 2.8em; margin-top: 5px !important; color: #766c8c !important; font-size: 4px !important; }
.notebook-trajectory-audit { margin-top: 6px; padding: 7px; border: 1px solid rgba(85,200,255,.14); background: radial-gradient(circle at 76% 18%,rgba(85,200,255,.035),transparent 52%),rgba(5,15,17,.72); }.notebook-trajectory-audit.controlled { border-color: rgba(85,200,255,.35); box-shadow: inset 2px 0 var(--cyan); }.notebook-trajectory-audit.descriptive,.notebook-trajectory-audit.unavailable { border-color: rgba(240,201,106,.26); box-shadow: inset 2px 0 #c39b5e; }.notebook-trajectory-audit header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; }.notebook-trajectory-audit header small { grid-column: 1 / -1; color: #58747c; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.notebook-trajectory-audit header strong { color: #b6d3da; font: 7px var(--mono); font-weight: 400; }.notebook-trajectory-audit header span { grid-column: 1 / -1; color: #69848b; font: 5px/1.4 var(--mono); }.notebook-trajectory-audit svg { display: block; width: 100%; height: 118px; margin-top: 6px; border: 1px solid rgba(85,200,255,.09); background: rgba(3,10,13,.66); }.notebook-trajectory-audit svg:empty { display: none; }.notebook-trajectory-audit svg .grid { stroke: rgba(151,194,183,.09); stroke-width: .65; }.notebook-trajectory-audit svg .divergence { stroke: #ffbe6a; stroke-width: 1; stroke-dasharray: 3 2; }.notebook-trajectory-audit svg path { fill: none; stroke-width: 1.7; }.notebook-trajectory-audit svg path.first { stroke: #65e1bc; }.notebook-trajectory-audit svg path.second { stroke: #b594ff; }.notebook-trajectory-audit svg circle { stroke-width: .8; }.notebook-trajectory-audit svg circle.first { fill: #65e1bc; stroke: #bdf4e5; }.notebook-trajectory-audit svg circle.second { fill: #b594ff; stroke: #e0d3ff; }.notebook-trajectory-audit svg circle.rejected { fill: #ff756f; }.notebook-trajectory-audit svg circle.fixed { fill: #ffbe6a; }.notebook-trajectory-audit svg .axis { fill: #597078; font: 5px var(--mono); }.notebook-trajectory-audit svg .legend { font: 5px var(--mono); }.notebook-trajectory-audit svg .legend.first { fill: #65e1bc; }.notebook-trajectory-audit svg .legend.second { fill: #b594ff; }.notebook-trajectory-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 6px; background: rgba(85,200,255,.09); }.notebook-trajectory-summary > span { min-width: 0; padding: 5px; background: #071617; }.notebook-trajectory-summary small,.notebook-trajectory-summary strong,.notebook-trajectory-summary em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-trajectory-summary small { color: #5c737b; font: 5px var(--mono); text-transform: uppercase; }.notebook-trajectory-summary strong { margin-top: 3px; color: #b8d4da; font: 8px var(--mono); font-weight: 400; }.notebook-trajectory-summary em { margin-top: 2px; color: #536c73; font: 4px var(--mono); font-style: normal; }.notebook-trajectory-summary > p { grid-column: 1 / -1; margin: 0; padding: 6px; background: #071617; color: #627b82; font: 5px/1.45 var(--mono); }
.notebook-trajectory-observable { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 6px; margin-top: 6px; color: #58747c; font: 5px var(--mono); letter-spacing: .04em; text-transform: uppercase; }.notebook-trajectory-observable select { min-width: 0; width: 100%; padding: 4px 18px 4px 6px; border: 1px solid rgba(101,225,188,.22); border-radius: 2px; background: #071617; color: #a9cbd1; font: 6px var(--mono); text-transform: none; }
.notebook-trajectory-toolbar { display: grid; gap: 5px; margin-top: 6px; }.notebook-trajectory-modes,.notebook-trajectory-harmonics { display: flex; flex-wrap: wrap; gap: 3px; }.notebook-trajectory-modes button,.notebook-trajectory-harmonics button { min-height: 23px; padding: 0 7px; border: 1px solid rgba(85,200,255,.16); background: rgba(5,15,17,.8); color: #67828a; font: 5px var(--mono); cursor: pointer; }.notebook-trajectory-modes button:hover,.notebook-trajectory-modes button[aria-pressed="true"],.notebook-trajectory-harmonics button:hover,.notebook-trajectory-harmonics button[aria-pressed="true"] { border-color: rgba(85,200,255,.55); background: rgba(85,200,255,.075); color: #b9dce3; }.notebook-trajectory-harmonics span { align-self: center; margin-right: 3px; color: #58747c; font: 5px var(--mono); letter-spacing: .04em; text-transform: uppercase; }.notebook-trajectory-state { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 2px 7px; margin-top: 4px; padding: 5px 6px; border: 1px solid rgba(85,200,255,.08); background: rgba(4,12,14,.58); }.notebook-trajectory-state:empty { display: none; }.notebook-trajectory-state small { color: #5b767d; font: 5px var(--mono); text-transform: uppercase; }.notebook-trajectory-state strong { overflow: hidden; color: #b5d4db; font: 6px var(--mono); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.notebook-trajectory-state span { grid-column: 1 / -1; color: #607a80; font: 5px/1.4 var(--mono); }.notebook-trajectory-audit svg circle[role="button"] { cursor: pointer; outline: none; }.notebook-trajectory-audit svg circle[role="button"]:focus { stroke: #fff; stroke-width: 1.8; }
.notebook-sweep-audit { margin-top: 6px; padding: 7px; border: 1px solid rgba(181,148,255,.16); background: radial-gradient(circle at 78% 14%,rgba(181,148,255,.05),transparent 48%),rgba(5,15,17,.72); }.notebook-sweep-audit.controlled { border-color: rgba(101,225,188,.38); box-shadow: inset 2px 0 var(--mint); }.notebook-sweep-audit.waiting,.notebook-sweep-audit.unavailable { border-color: rgba(240,201,106,.25); box-shadow: inset 2px 0 #c39b5e; }.notebook-sweep-audit header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; }.notebook-sweep-audit header small { grid-column: 1 / -1; color: #7969a5; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.notebook-sweep-audit header strong { color: #d2c8ec; font: 7px var(--mono); font-weight: 400; }.notebook-sweep-audit header span { grid-column: 1 / -1; color: #7e7598; font: 5px/1.4 var(--mono); }.notebook-sweep-toolbar { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 6px; }.notebook-sweep-toolbar label { display: grid; gap: 3px; color: #70658d; font: 5px var(--mono); letter-spacing: .04em; text-transform: uppercase; }.notebook-sweep-toolbar select { min-width: 0; width: 100%; padding: 4px 18px 4px 6px; border: 1px solid rgba(181,148,255,.2); border-radius: 2px; background: #071617; color: #c2b7df; font: 5px var(--mono); text-transform: none; }.notebook-sweep-toolbar select:disabled { opacity: .45; }.notebook-sweep-audit svg { display: block; width: 100%; height: 118px; margin-top: 6px; border: 1px solid rgba(181,148,255,.09); background: rgba(3,10,13,.66); }.notebook-sweep-audit svg:empty { display: none; }.notebook-sweep-audit svg .grid { stroke: rgba(151,194,183,.09); stroke-width: .65; }.notebook-sweep-audit svg .range { stroke: rgba(181,148,255,.52); stroke-width: 1; }.notebook-sweep-audit svg .mean { stroke: #65e1bc; stroke-width: 2; }.notebook-sweep-audit svg .sample { fill: #b594ff; stroke: #e0d3ff; stroke-width: .75; }.notebook-sweep-audit svg .axis,.notebook-sweep-audit svg .setting { fill: #6f668a; font: 5px var(--mono); }.notebook-sweep-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 6px; background: rgba(181,148,255,.1); }.notebook-sweep-summary > span { min-width: 0; padding: 5px; background: #071617; }.notebook-sweep-summary small,.notebook-sweep-summary strong,.notebook-sweep-summary em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-sweep-summary small { color: #756b92; font: 5px var(--mono); text-transform: uppercase; }.notebook-sweep-summary strong { margin-top: 3px; color: #d1c8e8; font: 8px var(--mono); font-weight: 400; }.notebook-sweep-summary em { margin-top: 2px; color: #605875; font: 4px var(--mono); font-style: normal; }.notebook-sweep-summary > p { grid-column: 1 / -1; margin: 0; padding: 6px; background: #071617; color: #756d8d; font: 5px/1.45 var(--mono); }.notebook-sweep-settings { grid-column: 1 / -1; display: grid; gap: 1px; background: rgba(181,148,255,.08); }.notebook-sweep-settings > span { display: grid; grid-template-columns: 18px minmax(0,1fr) auto; gap: 6px; align-items: center; min-width: 0; padding: 5px; background: #071617; }.notebook-sweep-settings b { color: #65e1bc; font: 7px var(--mono); font-weight: 400; }.notebook-sweep-settings strong { overflow: hidden; color: #a9a0c0; font: 5px var(--mono); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.notebook-sweep-settings em { color: #5d5670; font: 4px var(--mono); font-style: normal; white-space: nowrap; }
.notebook-response-readiness { margin-top: 6px; padding: 7px; border: 1px solid rgba(85,200,255,.2); background: radial-gradient(circle at 86% 8%,rgba(85,200,255,.07),transparent 42%),rgba(5,15,17,.76); }
.notebook-response-readiness.descriptive { border-color: rgba(85,200,255,.38); box-shadow: inset 2px 0 #55c8ff; }
.notebook-response-readiness.unavailable { border-color: rgba(240,201,106,.24); box-shadow: inset 2px 0 #c39b5e; }
.notebook-response-readiness header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; align-items: end; }
.notebook-response-readiness header > small { grid-column: 1 / -1; color: #5d8190; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.notebook-response-readiness header > strong { color: #c0dce5; font: 7px var(--mono); font-weight: 400; }
.notebook-response-readiness header > span { grid-column: 1 / 2; color: #66838c; font: 5px/1.4 var(--mono); }
.notebook-response-readiness header label { grid-column: 2; grid-row: 2 / span 2; display: grid; gap: 3px; color: #60818c; font: 5px var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.notebook-response-readiness select { min-width: 104px; max-width: 145px; padding: 4px 18px 4px 6px; border: 1px solid rgba(85,200,255,.22); border-radius: 2px; background: #071617; color: #afd1da; font: 5px var(--mono); text-transform: none; }
.notebook-response-readiness-matrix { margin-top: 7px; overflow-x: auto; border: 1px solid rgba(85,200,255,.1); background: rgba(85,200,255,.07); }
.notebook-response-readiness-matrix > p { margin: 0; padding: 8px; color: #68828a; font: 5px/1.45 var(--mono); }
.notebook-response-readiness-row { display: grid; min-width: 390px; gap: 1px; border-top: 1px solid rgba(85,200,255,.07); }
.notebook-response-readiness-row:first-child { border-top: 0; }
.notebook-response-readiness-row > span,.notebook-response-readiness-row > button { min-width: 0; padding: 6px; border: 0; border-radius: 0; background: #071617; text-align: left; }
.notebook-response-readiness-row.heading > span { background: #08191c; color: #6b8a93; font: 5px var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.notebook-response-readiness-row.heading strong,.notebook-response-readiness-row.heading small,.notebook-response-readiness-row .run strong,.notebook-response-readiness-row .run small,.notebook-response-readiness-row .cell b,.notebook-response-readiness-row .cell strong,.notebook-response-readiness-row .cell small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notebook-response-readiness-row.heading strong { color: #b9d9e1; font: 6px var(--mono); font-weight: 400; text-transform: none; }
.notebook-response-readiness-row.heading small { margin-top: 2px; color: #597780; font: 4px var(--mono); text-transform: none; }
.notebook-response-readiness-row .run strong { color: #b8d0d6; font: 6px var(--mono); font-weight: 400; }
.notebook-response-readiness-row .run small { margin-top: 3px; color: #587078; font: 4px var(--mono); }
.notebook-response-readiness-row .cell { position: relative; box-shadow: inset 2px 0 #4e6870; }
.notebook-response-readiness-row button.cell { color: inherit; cursor: pointer; }
.notebook-response-readiness-row button.cell:hover,.notebook-response-readiness-row button.cell.active { outline: 1px solid rgba(85,200,255,.52); outline-offset: -1px; filter: brightness(1.16); }
.notebook-response-readiness-row button.cell:disabled { cursor: default; opacity: .48; }
.notebook-response-readiness-row .cell.full-interpolation { box-shadow: inset 2px 0 #65e1bc; background: rgba(101,225,188,.045); }
.notebook-response-readiness-row .cell.mixed-domain { box-shadow: inset 2px 0 #ffc169; background: rgba(255,193,105,.04); }
.notebook-response-readiness-row .cell.extrapolation-only { box-shadow: inset 2px 0 #ff756f; background: rgba(255,117,111,.035); }
.notebook-response-readiness-row .cell b { color: #75939b; font: 4px var(--mono); font-weight: 400; letter-spacing: .05em; text-transform: uppercase; }
.notebook-response-readiness-row .cell.full-interpolation b { color: #65e1bc; }
.notebook-response-readiness-row .cell.mixed-domain b { color: #ffc169; }
.notebook-response-readiness-row .cell.extrapolation-only b { color: #ff8d87; }
.notebook-response-readiness-row .cell strong { margin-top: 3px; color: #bfd5da; font: 7px var(--mono); font-weight: 400; }
.notebook-response-readiness-row .cell small { margin-top: 2px; color: #5d767d; font: 4px var(--mono); }
.notebook-response-readiness-detail { margin-top: 6px; border: 1px solid rgba(85,200,255,.12); background: rgba(4,12,14,.72); }
.notebook-response-readiness-detail:empty { display: none; }
.notebook-response-readiness-detail > header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px; border-bottom: 1px solid rgba(85,200,255,.1); }
.notebook-response-readiness-detail > header span small,.notebook-response-readiness-detail > header span strong { display: block; }
.notebook-response-readiness-detail > header span small { color: #5d8190; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.notebook-response-readiness-detail > header span strong { margin-top: 3px; color: #c0dce5; font: 7px var(--mono); font-weight: 400; }
.notebook-response-readiness-detail > header > b { padding: 3px 5px; border: 1px solid #526a72; color: #78949c; font: 4px var(--mono); font-weight: 400; letter-spacing: .06em; text-transform: uppercase; }
.notebook-response-readiness-detail > header > b.full-interpolation { border-color: rgba(101,225,188,.45); color: #65e1bc; }
.notebook-response-readiness-detail > header > b.mixed-domain { border-color: rgba(255,193,105,.45); color: #ffc169; }
.notebook-response-readiness-detail > header > b.extrapolation-only { border-color: rgba(255,117,111,.45); color: #ff8d87; }
.notebook-response-readiness-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: rgba(85,200,255,.08); }
.notebook-response-readiness-metrics > span { min-width: 0; padding: 6px; background: #071617; }
.notebook-response-readiness-metrics small,.notebook-response-readiness-metrics strong,.notebook-response-readiness-metrics em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notebook-response-readiness-metrics small { color: #5d7881; font: 4px var(--mono); text-transform: uppercase; }
.notebook-response-readiness-metrics strong { margin-top: 3px; color: #bad3da; font: 7px var(--mono); font-weight: 400; }
.notebook-response-readiness-metrics em { margin-top: 2px; color: #526b73; font: 4px var(--mono); font-style: normal; }
.notebook-response-feature-panel { padding: 7px; border-top: 1px solid rgba(85,200,255,.08); }
.notebook-response-feature-panel > header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 5px; }
.notebook-response-feature-panel > header strong { color: #88aab3; font: 5px var(--mono); font-weight: 400; text-transform: uppercase; }
.notebook-response-feature-panel > header small { color: #4f6970; font: 4px var(--mono); }
.notebook-response-feature-panel > span { display: grid; grid-template-columns: minmax(70px,.9fr) minmax(70px,1fr) 36px; gap: 6px; align-items: center; padding: 2px 0; }
.notebook-response-feature-panel > span small { overflow: hidden; color: #66838b; font: 4px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.notebook-response-feature-panel > span i { display: block; height: 3px; background: rgba(85,200,255,.08); }
.notebook-response-feature-panel > span i b { display: block; height: 100%; background: #65e1bc; }
.notebook-response-feature-panel > span i b.negative { background: #ff8d87; }
.notebook-response-feature-panel > span strong { color: #88aab3; font: 5px var(--mono); font-weight: 400; text-align: right; }
.notebook-response-readiness-detail > p { margin: 0; padding: 7px; border-top: 1px solid rgba(85,200,255,.08); color: #58737a; font: 4px/1.5 var(--mono); }
.notebook-response-readiness > p { margin: 7px 0 0; color: #668087; font: 5px/1.45 var(--mono); }
.notebook-state-replication { margin-top: 6px; padding: 7px; border: 1px solid rgba(181,148,255,.22); background: radial-gradient(circle at 88% 8%,rgba(181,148,255,.08),transparent 44%),rgba(5,15,17,.76); }
.notebook-state-replication.cross-input-consistent { border-color: rgba(101,225,188,.46); box-shadow: inset 2px 0 #65e1bc; }
.notebook-state-replication.repeat-run-consistent { border-color: rgba(85,200,255,.42); box-shadow: inset 2px 0 #55c8ff; }
.notebook-state-replication.heterogeneous { border-color: rgba(255,193,105,.42); box-shadow: inset 2px 0 #ffc169; }
.notebook-state-replication.unavailable,.notebook-state-replication.insufficient-runs { border-color: rgba(181,148,255,.22); box-shadow: inset 2px 0 #806eb0; }
.notebook-state-replication > header { display: grid; grid-template-columns: minmax(0,1fr); gap: 3px 8px; align-items: end; }
.notebook-state-replication > header > small { grid-column: 1 / -1; color: #8176a5; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.notebook-state-replication > header > strong { color: #d0c4ec; font: 7px var(--mono); font-weight: 400; }
.notebook-state-replication > header > span { color: #756d8c; font: 5px/1.4 var(--mono); }
.notebook-state-replication-controls { grid-column: 1; display: grid; grid-template-columns: repeat(2,minmax(82px,1fr)); gap: 4px; margin-top: 3px; }
.notebook-state-replication-controls label { display: grid; gap: 3px; color: #756d8c; font: 4px var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.notebook-state-replication-controls select { min-width: 96px; max-width: 145px; padding: 4px 18px 4px 6px; border: 1px solid rgba(181,148,255,.24); border-radius: 2px; background: #071617; color: #c9bde7; font: 5px var(--mono); text-transform: none; }
.notebook-state-replication-runs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 7px; background: rgba(181,148,255,.1); }
.notebook-state-replication-runs > p { grid-column: 1 / -1; margin: 0; padding: 8px; background: #071617; color: #756d8c; font: 5px/1.45 var(--mono); }
.notebook-state-replication-runs article { min-width: 0; padding: 6px; background: #071617; box-shadow: inset 2px 0 #5f5872; }
.notebook-state-replication-runs article.resolved { box-shadow: inset 2px 0 #b594ff; }.notebook-state-replication-runs article.tainted { box-shadow: inset 2px 0 #ff756f; }
.notebook-state-replication-runs small,.notebook-state-replication-runs strong,.notebook-state-replication-runs span,.notebook-state-replication-runs em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notebook-state-replication-runs small { color: #746c89; font: 4px var(--mono); }.notebook-state-replication-runs strong { margin-top: 3px; color: #d0c4ec; font: 7px var(--mono); font-weight: 400; }.notebook-state-replication-runs span { margin-top: 2px; color: #706981; font: 4px var(--mono); }.notebook-state-replication-runs em { margin-top: 2px; color: #514d60; font: 4px var(--mono); font-style: normal; }
.notebook-state-replication-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 1px; background: rgba(181,148,255,.1); }
.notebook-state-replication-summary > span { min-width: 0; padding: 6px; background: #071617; }.notebook-state-replication-summary small,.notebook-state-replication-summary strong,.notebook-state-replication-summary em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.notebook-state-replication-summary small { color: #746c89; font: 4px var(--mono); text-transform: uppercase; }.notebook-state-replication-summary strong { margin-top: 3px; color: #c9bde7; font: 7px var(--mono); font-weight: 400; }.notebook-state-replication-summary em { margin-top: 2px; color: #59536a; font: 4px var(--mono); font-style: normal; }.notebook-state-replication-summary > p { grid-column: 1 / -1; margin: 0; padding: 6px; background: #071617; color: #68617a; font: 4px/1.45 var(--mono); }
.notebook-state-replication > p { margin: 7px 0 0; color: #716a83; font: 5px/1.45 var(--mono); }
@media (max-width: 920px) { .notebook-state-replication-runs,.notebook-state-replication-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.legend { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 6px; }
.legend span { display: flex; align-items: center; gap: 7px; color: var(--muted); font: 8px var(--mono); }
.legend i { width: 7px; height: 7px; border-radius: 50%; }
.legend i.blue { background: var(--blue); box-shadow: 0 0 7px var(--blue); }
.legend i.green { background: var(--green); box-shadow: 0 0 7px var(--green); }
.legend i.candidate { border: 1px solid var(--violet); background: transparent; box-shadow: 0 0 7px var(--violet); }
.legend i.element-swatch { box-shadow: 0 0 7px color-mix(in srgb, var(--swatch) 70%, transparent); background: var(--swatch); }
.legend i.cluster-swatch { border-radius: 1px; background: var(--swatch); }
.legend i.thermal-envelope-swatch { background: transparent; border: 1px solid #9d84ff; box-shadow: 0 0 7px rgba(157,132,255,.55); }
.occupancy-note { margin: 8px 0 2px; padding: 8px 9px; border: 1px solid rgba(157,132,255,.2); border-radius: 7px; background: rgba(157,132,255,.055); color: #728b84; font: 7px/1.55 var(--mono); }
.occupancy-note b { color: #b9a9ff; font-weight: 500; }

.stage { min-width: 0; padding: 20px 22px 18px; }
.stage-heading { height: 51px; display: flex; justify-content: space-between; align-items: start; gap: 14px; }
.stage-heading h1 { margin: 0; font-size: 20px; font-weight: 500; letter-spacing: -.035em; }
.stage-heading .eyebrow { margin-bottom: 6px; }
.stage-heading-actions { display: flex; align-items: start; gap: 10px; }
.stage-focus-toggle { display: flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 8px; border: 1px solid rgba(181,148,255,.24); background: rgba(181,148,255,.035); color: #8e81a7; font: 6px var(--mono); text-transform: uppercase; cursor: pointer; }
.stage-focus-toggle b { color: var(--violet); font-size: 10px; font-weight: 400; }
.stage-focus-toggle:hover,.stage-focus-toggle:focus-visible,.stage-focus-toggle[aria-pressed="true"] { border-color: var(--violet); background: rgba(181,148,255,.1); color: #d2c3ef; outline: none; }
.phase-readout { text-align: right; }
.phase-readout small { display: block; color: var(--faint); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .12em; }
.phase-readout strong { display: block; margin-top: 4px; color: var(--mint); font: 12px var(--mono); font-weight: 400; }

.viewport {
  position: relative; height: clamp(260px, calc(100vh - 454px), 540px); min-height: 260px; overflow: hidden;
  border: 1px solid var(--line-strong);
  background:
    radial-gradient(circle at 50% 48%, rgba(25, 68, 61, .45), transparent 34%),
    linear-gradient(#091719, #061012);
}
.viewport::before {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: .13;
  background-image: linear-gradient(rgba(101,225,188,.22) 1px, transparent 1px), linear-gradient(90deg, rgba(101,225,188,.22) 1px, transparent 1px);
  background-size: 62px 62px; mask-image: radial-gradient(circle, black, transparent 76%);
}
.viewport canvas { display: block; width: 100%; height: 100%; }
.stage-focus .evidence-ribbon,.stage-focus .study-compass,.stage-focus .control-panel,.stage-focus .inspector-panel { display: none; }
.stage-focus .lab-grid { grid-template-columns: minmax(0,1fr); min-height: calc(100vh - 126px); }
.stage-focus .stage { padding: 18px 24px 22px; }
.stage-focus .viewport { height: calc(100vh - 255px); min-height: 520px; max-height: none; }
.stage-focus .stage-focus-toggle span { font-size: 0; }
.stage-focus .stage-focus-toggle span::after { content: "exit focus · esc"; font-size: 6px; }
.stage-focus .stage-focus-toggle b { transform: rotate(180deg); }
.viewport .viewport-renderer-fallback { outline: 1px solid rgba(101,225,188,.12); outline-offset: -1px; }
.cluster-gallery { position: absolute; inset: 0; z-index: 2; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); align-content: start; gap: 8px; padding: 49px 13px 43px; overflow: auto; background: radial-gradient(circle at 50% 48%, rgba(25,68,61,.34), transparent 45%), #061012; }
.cluster-gallery[hidden] { display: none; }
.cluster-gallery-toolbar { position: relative; z-index: 4; grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; align-items: start; width: 100%; min-height: 52px; padding: 8px 10px; border: 1px solid rgba(101,225,188,.26); background: rgba(5,16,18,.98); backdrop-filter: blur(12px); }
.cluster-family-filters { display: flex; flex-wrap: wrap; gap: 5px; }.cluster-family-filters button { display: flex; gap: 8px; align-items: center; min-height: 30px; padding: 0 9px; border: 1px solid var(--line); background: rgba(255,255,255,.018); color: #819791; font: 7px var(--mono); cursor: pointer; }.cluster-family-filters button:hover,.cluster-family-filters button.active { border-color: var(--mint); background: rgba(101,225,188,.08); color: var(--mint); }.cluster-family-filters button b { font-weight: 400; color: #dbe6e2; }.cluster-gallery-toolbar p { margin: 0; color: var(--faint); font: 7px/1.45 var(--mono); text-align: left; }
.cluster-family-filters button[data-cluster-family-filter="representative"] { border-color: rgba(181,148,255,.32); color: #b8a7df; }
.cluster-family-filters button[data-cluster-family-filter="representative"].active { border-color: rgba(181,148,255,.72); background: rgba(181,148,255,.1); color: #d3c8ed; box-shadow: inset 0 -2px rgba(181,148,255,.65); }
.cluster-cover-ledger { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.cluster-cover-ledger > button { display: grid; grid-template-columns: 54px minmax(0,1fr); align-items: center; min-width: 0; padding: 6px 8px; border: 1px solid rgba(151,194,183,.15); background: linear-gradient(120deg,rgba(101,225,188,.035),rgba(255,255,255,.01)); color: inherit; text-align: left; cursor: pointer; }
.cluster-cover-ledger > button:hover,.cluster-cover-ledger > button:focus-visible { border-color: rgba(101,225,188,.55); background: rgba(101,225,188,.07); outline: none; }
.cluster-cover-ledger svg { width: 46px; height: 30px; overflow: visible; fill: rgba(101,225,188,.18); stroke: var(--mint); stroke-width: 1.35; stroke-linejoin: round; stroke-linecap: round; }
.cluster-cover-ledger svg .dash { stroke: #ffc169; stroke-dasharray: 2.5 2.5; }
.cluster-cover-ledger span,.cluster-cover-ledger small,.cluster-cover-ledger strong,.cluster-cover-ledger em { display: block; min-width: 0; }
.cluster-cover-ledger small { color: #6c857e; font: 6px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.cluster-cover-ledger strong { margin-top: 3px; color: #dce8e4; font: 9px var(--mono); font-weight: 400; }
.cluster-cover-ledger em { margin-top: 3px; overflow: hidden; color: #718a83; font: 6px/1.35 var(--mono); font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.cluster-cover-ledger > p { grid-column: 1 / -1; padding: 1px 2px 0; color: #769089; text-align: left; }
.microstructure-ledger { grid-column: 1 / -1; border: 1px solid rgba(157,132,255,.2); background: linear-gradient(120deg,rgba(157,132,255,.055),rgba(101,225,188,.025)); }
.microstructure-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 34px; padding: 6px 9px; cursor: pointer; list-style: none; }
.microstructure-heading::-webkit-details-marker { display: none; }
.microstructure-heading::after { content: "+"; color: #b9a9ff; font: 12px var(--mono); }
.microstructure-ledger[open] .microstructure-heading::after { content: "−"; }
.microstructure-heading span,.microstructure-heading small,.microstructure-heading strong { display: block; }
.microstructure-heading small { color: #8d7ed1; font: 6px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.microstructure-heading strong { margin-top: 3px; color: #d9d2ff; font: 8px var(--mono); font-weight: 400; }
.microstructure-heading em { margin-left: auto; color: #7f938e; font: 6px/1.4 var(--mono); font-style: normal; text-align: right; }
.microstructure-map { margin: 0 8px 7px; overflow: hidden; border: 1px solid rgba(151,194,183,.12); background: #051011; }
.microstructure-map header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 9px; border-bottom: 1px solid rgba(151,194,183,.1); }
.microstructure-map header span,.microstructure-map header small,.microstructure-map header strong { display: block; }
.microstructure-map header small { color: #718a83; font: 6px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.microstructure-map header strong { margin-top: 3px; color: #b7c8c3; font: 7px var(--mono); font-weight: 400; }
.microstructure-map header div { display: flex; gap: 3px; }
.microstructure-map button { min-width: 31px; min-height: 24px; padding: 0 6px; border: 1px solid rgba(151,194,183,.16); background: transparent; color: #6f8780; font: 6px var(--mono); cursor: pointer; }
.microstructure-map button:hover,.microstructure-map button[aria-pressed="true"] { border-color: #b9a9ff; background: rgba(157,132,255,.08); color: #d9d2ff; }
.microstructure-map canvas { display: block; width: 100%; height: 128px; }
.microstructure-map-legend { display: flex; flex-wrap: wrap; gap: 5px 12px; padding: 6px 9px 7px; border-top: 1px solid rgba(151,194,183,.1); }
.microstructure-map-legend span { display: flex; align-items: center; gap: 5px; color: #687e78; font: 6px var(--mono); }
.microstructure-map-legend i { width: 6px; height: 6px; border-radius: 50%; background: #65e1bc; }
.microstructure-map-legend i.amber { background: transparent; border: 1px solid #ffc169; }
.microstructure-map-legend i.red { background: #ff6d71; }
.microstructure-map-legend i.blue { background: transparent; border: 1px solid #55c8ff; }
.microstructure-map-legend i.violet { width: 8px; height: 8px; background: transparent; border: 1px solid #b594ff; }
.microstructure-map-legend i.diamond { border-radius: 0; background: transparent; border: 1px solid #d9d2ff; transform: rotate(45deg); }
.microstructure-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0 8px; background: rgba(157,132,255,.13); }
.microstructure-grid article { min-width: 0; min-height: 54px; padding: 7px 9px; background: rgba(5,16,18,.96); }
.microstructure-grid small,.microstructure-grid strong,.microstructure-grid span { display: block; }
.microstructure-grid small { color: #8075b8; font: 6px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.microstructure-grid strong { margin-top: 4px; color: #d9d2ff; font: 11px var(--mono); font-weight: 400; }
.microstructure-grid span { margin-top: 3px; color: #667d77; font: 6px/1.35 var(--mono); }
.microstructure-ledger > p { padding: 7px 9px 8px; color: #738984; text-align: left; }
.cluster-gallery-inspector { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: rgba(151,194,183,.13); }
.cluster-gallery-inspector > div { min-width: 0; min-height: 57px; padding: 7px 9px; background: #071617; }
.cluster-gallery-inspector small,.cluster-gallery-inspector strong,.cluster-gallery-inspector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cluster-gallery-inspector small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.cluster-gallery-inspector strong { margin-top: 5px; color: #d8e5e1; font: 9px var(--mono); font-weight: 400; }
.cluster-gallery-inspector span { margin-top: 4px; color: #637b74; font: 6px var(--mono); }
.cluster-pose-spectrum { grid-column: 1 / -1; min-width: 0; padding: 10px; background: linear-gradient(135deg,rgba(7,22,23,.98),rgba(8,16,26,.98)); }
.cluster-pose-spectrum header { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.cluster-pose-spectrum header span,.cluster-pose-spectrum header small,.cluster-pose-spectrum header strong { display: block; min-width: 0; overflow: visible; white-space: normal; }
.cluster-pose-spectrum header strong { margin-top: 3px; color: #dff6ef; font: 650 10px/1.25 var(--mono); }
.cluster-pose-spectrum header b { color: var(--mint); font: 650 8px/1.25 var(--mono); text-align: right; }
.cluster-pose-spectrum-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 8px; background: rgba(151,194,183,.1); }
.cluster-pose-spectrum-summary span { min-width: 0; margin: 0; padding: 6px 7px; background: rgba(3,11,17,.64); white-space: normal; }
.cluster-pose-spectrum-summary small,.cluster-pose-spectrum-summary strong { display: block; overflow: visible; white-space: normal; }
.cluster-pose-spectrum-summary strong { margin-top: 3px; color: #d7eee8; font: 650 9px/1 var(--mono); }
.cluster-pose-spectrum-bars { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(34px,1fr); gap: 4px; min-width: 0; margin-top: 8px; padding: 5px 3px 4px; overflow-x: auto; scrollbar-color: rgba(101,225,188,.28) transparent; }
.cluster-pose-spectrum-bars button { display: grid; grid-template-rows: 54px auto auto; align-items: end; min-width: 0; padding: 3px; border: 1px solid rgba(151,194,183,.12); border-radius: 6px; background: rgba(255,255,255,.018); color: var(--muted); }
.cluster-pose-spectrum-bars button:hover,.cluster-pose-spectrum-bars button:focus-visible,.cluster-pose-spectrum-bars button.active { border-color: rgba(101,225,188,.58); background: rgba(101,225,188,.07); outline: none; }
.cluster-pose-spectrum-bars i { align-self: end; width: 100%; min-height: 4px; border-radius: 3px 3px 1px 1px; background: linear-gradient(180deg,var(--mint),rgba(126,225,232,.28)); box-shadow: 0 0 9px rgba(101,225,188,.12); }
.cluster-pose-spectrum-bars small,.cluster-pose-spectrum-bars b { display: block; overflow: visible; white-space: normal; text-align: center; }
.cluster-pose-spectrum-bars small { margin-top: 4px; font: 6px/1 var(--mono); }
.cluster-pose-spectrum-bars b { margin-top: 2px; color: #bed1cb; font: 650 7px/1 var(--mono); }
.cluster-pose-spectrum-detail { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 3px 10px; margin-top: 7px; padding: 7px 8px; border-left: 2px solid var(--cyan); background: rgba(126,225,232,.035); }
.cluster-pose-spectrum-detail strong,.cluster-pose-spectrum-detail span,.cluster-pose-spectrum-detail em { overflow: visible; white-space: normal; }
.cluster-pose-spectrum-detail strong { margin: 0; color: #dff6ef; font: 650 8px/1.25 var(--mono); }
.cluster-pose-spectrum-detail span { margin: 0; color: #91aaa3; font: 7px/1.35 var(--mono); }
.cluster-pose-spectrum-detail em { grid-column: 1 / -1; color: #617a73; font: 6px/1.4 var(--mono); font-style: normal; }
.cluster-pose-spectrum > p { margin: 7px 0 0; color: #647d76; font: 7px/1.45 var(--mono); }
.cluster-pose-port-incidence { grid-column: 1 / -1; min-width: 0; padding: 10px; border-top: 1px solid rgba(181,148,255,.16); background: linear-gradient(135deg,rgba(8,16,26,.98),rgba(12,12,27,.98)); }
.cluster-pose-port-incidence header { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.cluster-pose-port-incidence header span,.cluster-pose-port-incidence header small,.cluster-pose-port-incidence header strong { display: block; min-width: 0; overflow: visible; white-space: normal; }
.cluster-pose-port-incidence header strong { margin-top: 3px; color: #eee8ff; font: 650 10px/1.25 var(--mono); }
.cluster-pose-port-incidence header b { color: #bda6ff; font: 650 8px/1.25 var(--mono); text-align: right; }
.cluster-pose-port-coverage { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 8px; background: rgba(181,148,255,.1); }
.cluster-pose-port-coverage span { min-width: 0; margin: 0; padding: 6px 7px; background: rgba(5,8,18,.68); white-space: normal; }
.cluster-pose-port-coverage small,.cluster-pose-port-coverage strong { display: block; overflow: visible; white-space: normal; }
.cluster-pose-port-coverage strong { margin-top: 3px; color: #e6ddff; font: 650 9px/1 var(--mono); }
.cluster-channel-basis { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; min-width: 0; margin-top: 8px; }
.cluster-channel-basis button,.cluster-channel-basis > span { display: grid; align-content: start; min-width: 0; padding: 7px; border: 1px solid rgba(181,148,255,.16); border-radius: 6px; background: rgba(181,148,255,.035); color: #9d92b3; text-align: left; }
.cluster-channel-basis button:hover,.cluster-channel-basis button:focus-visible,.cluster-channel-basis button.active { border-color: rgba(181,148,255,.78); background: rgba(181,148,255,.13); outline: none; }
.cluster-channel-basis > span.scalar { border-color: rgba(126,225,232,.18); background: rgba(126,225,232,.035); }
.cluster-channel-basis > span.reserved { border-style: dashed; }
.cluster-channel-basis small,.cluster-channel-basis strong,.cluster-channel-basis span { display: block; margin: 0; overflow: visible; white-space: normal; }
.cluster-channel-basis small { color: #716b81; font: 6px/1.2 var(--mono); letter-spacing: .04em; text-transform: uppercase; }
.cluster-channel-basis strong { margin-top: 4px; color: #eee8ff; font: 650 9px/1.1 var(--mono); }
.cluster-channel-basis span { margin-top: 4px; color: #867c97; font: 6px/1.35 var(--mono); }
.cluster-channel-basis > em { grid-column: 1 / -1; color: var(--amber); font: 6px/1.4 var(--mono); font-style: normal; }
.cluster-pose-port-grid { display: grid; gap: 2px; min-width: 0; margin-top: 8px; padding: 4px; overflow-x: auto; scrollbar-color: rgba(181,148,255,.3) transparent; }
.cluster-pose-port-grid .corner,.cluster-pose-port-grid .port-head,.cluster-pose-port-grid .pose-head { display: grid; align-content: center; min-width: 0; min-height: 28px; margin: 0; padding: 3px; overflow: visible; background: rgba(255,255,255,.025); color: #6f6981; font: 650 6px/1.2 var(--mono); text-align: center; white-space: normal; }
.cluster-pose-port-grid .pose-head b,.cluster-pose-port-grid .pose-head small { display: block; margin: 0; overflow: visible; white-space: normal; }
.cluster-pose-port-grid .pose-head b { color: #cfc2f2; font-size: 7px; }
.cluster-pose-port-grid .pose-head small { margin-top: 2px; color: #6f6981; font-size: 5px; }
.cluster-pose-port-grid button { min-width: 28px; min-height: 28px; padding: 2px; border: 1px solid rgba(181,148,255,calc(.12 + var(--incidence) * .42)); border-radius: 4px; background: rgba(181,148,255,calc(.025 + var(--incidence) * .2)); color: rgba(238,232,255,calc(.45 + var(--incidence) * .5)); font: 650 7px/1 var(--mono); }
.cluster-pose-port-grid button.empty { color: rgba(111,105,129,.4); }
.cluster-pose-port-grid .port-head.basis-column { color: #d7c8ff; box-shadow: inset 0 -2px rgba(181,148,255,.55); }
.cluster-pose-port-grid button.basis-column { box-shadow: inset 0 0 0 1px rgba(181,148,255,.12); }
.cluster-pose-port-grid button:hover,.cluster-pose-port-grid button:focus-visible,.cluster-pose-port-grid button.active { border-color: rgba(181,148,255,.82); background: rgba(181,148,255,.2); color: #fff; outline: none; }
.cluster-pose-port-detail { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 3px 10px; margin-top: 7px; padding: 7px 8px; border-left: 2px solid #b594ff; background: rgba(181,148,255,.04); }
.cluster-pose-port-detail strong,.cluster-pose-port-detail span,.cluster-pose-port-detail em { overflow: visible; white-space: normal; }
.cluster-pose-port-detail strong { margin: 0; color: #eee8ff; font: 650 8px/1.25 var(--mono); }
.cluster-pose-port-detail span { margin: 0; color: #a69abc; font: 7px/1.35 var(--mono); }
.cluster-pose-port-detail em { grid-column: 1 / -1; color: #716b81; font: 6px/1.4 var(--mono); font-style: normal; }
.cluster-pose-port-incidence > p { margin: 7px 0 0; color: #716b81; font: 7px/1.45 var(--mono); }
.cluster-channel-learning { grid-column: 1 / -1; min-width: 0; padding: 10px; border-top: 1px solid rgba(126,225,232,.13); background: linear-gradient(135deg,rgba(4,18,22,.99),rgba(7,13,25,.99)); }
.cluster-channel-learning header { display: flex; align-items: end; justify-content: space-between; gap: 10px; }
.cluster-channel-learning header span,.cluster-channel-learning header small,.cluster-channel-learning header strong { display: block; min-width: 0; overflow: visible; white-space: normal; }
.cluster-channel-learning header strong { margin-top: 3px; color: #dcf7f3; font: 650 10px/1.25 var(--mono); }
.cluster-channel-learning header b { color: var(--cyan); font: 650 8px/1.25 var(--mono); text-align: right; }
.cluster-channel-learning-summary { display: grid; grid-template-columns: 1.6fr repeat(3,minmax(0,1fr)); gap: 1px; margin-top: 8px; background: rgba(126,225,232,.09); }
.cluster-channel-learning-summary span { min-width: 0; margin: 0; padding: 6px 7px; background: rgba(3,11,17,.68); white-space: normal; }
.cluster-channel-learning-summary small,.cluster-channel-learning-summary strong { display: block; overflow: visible; white-space: normal; }
.cluster-channel-learning-summary strong { margin-top: 3px; color: #d8f2ed; font: 650 8px/1.25 var(--mono); }
.cluster-channel-learning-controls { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4px; min-width: 0; margin-top: 8px; }
.cluster-channel-learning-controls button { display: grid; min-width: 0; padding: 6px 7px; border: 1px solid rgba(126,225,232,.14); border-radius: 5px; background: rgba(126,225,232,.025); color: #8ba5a2; text-align: left; }
.cluster-channel-learning-controls button:hover,.cluster-channel-learning-controls button:focus-visible,.cluster-channel-learning-controls button.active { border-color: rgba(126,225,232,.7); background: rgba(126,225,232,.1); color: #effffd; outline: none; }
.cluster-channel-learning-controls button.inactive { border-style: dashed; opacity: .34; }
.cluster-channel-learning-controls small,.cluster-channel-learning-controls strong,.cluster-channel-learning-controls span { display: block; margin: 0; overflow: visible; white-space: normal; }
.cluster-channel-learning-controls small { color: #688583; font: 6px/1.2 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.cluster-channel-learning-controls strong { margin-top: 4px; color: #d9f3ef; font: 650 9px/1 var(--mono); }
.cluster-channel-learning-controls span { margin-top: 3px; color: #728d89; font: 6px/1.2 var(--mono); }
.cluster-channel-learning-chart { display: block; width: 100%; height: 112px; margin-top: 7px; border: 1px solid rgba(126,225,232,.09); border-radius: 6px; background: rgba(1,7,13,.55); }
.cluster-channel-learning-chart .channel-zero { stroke: rgba(151,194,183,.18); stroke-width: 1; }
.cluster-channel-learning-chart .channel-target-fit { stroke: var(--cyan); stroke-width: 1; stroke-dasharray: 5 4; opacity: .65; }
.cluster-channel-learning-chart .channel-target-holdout { stroke: var(--amber); stroke-width: 1; stroke-dasharray: 2 4; opacity: .72; }
.cluster-channel-learning-chart .channel-coefficient-path { fill: none; stroke: var(--mint); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.cluster-channel-learning-chart .channel-current { fill: #effffc; stroke: var(--mint); stroke-width: 1.5; }
.cluster-channel-learning-chart .channel-axis-label { fill: #58716d; font: 6px var(--mono); }
.cluster-channel-learning-detail { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 3px 10px; margin-top: 7px; padding: 7px 8px; border-left: 2px solid var(--mint); background: rgba(101,225,188,.035); }
.cluster-channel-learning-detail strong,.cluster-channel-learning-detail span,.cluster-channel-learning-detail em { overflow: visible; white-space: normal; }
.cluster-channel-learning-detail strong { margin: 0; color: #ddf8f2; font: 650 8px/1.25 var(--mono); }
.cluster-channel-learning-detail span { margin: 0; color: #90aaa5; font: 7px/1.35 var(--mono); }
.cluster-channel-learning-detail em { grid-column: 1 / -1; color: #617d77; font: 6px/1.4 var(--mono); font-style: normal; }
.cluster-channel-validation { margin-top: 9px; padding-top: 9px; border-top: 1px solid rgba(255,193,105,.14); }
.cluster-channel-validation header { align-items: end; }
.cluster-channel-validation header strong { color: #ffe8c5; }
.cluster-channel-validation header b { color: var(--amber); }
.cluster-channel-validation-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; margin-top: 7px; background: rgba(255,193,105,.09); }
.cluster-channel-validation-metrics span { min-width: 0; margin: 0; padding: 6px 7px; background: rgba(9,10,14,.68); white-space: normal; }
.cluster-channel-validation-metrics small,.cluster-channel-validation-metrics strong { display: block; overflow: visible; white-space: normal; }
.cluster-channel-validation-metrics strong { margin-top: 3px; color: #f5dfbd; font: 650 8px/1.25 var(--mono); }
.cluster-channel-validation-matrix { display: grid; grid-template-columns: 90px repeat(2,minmax(70px,1fr)); gap: 3px; max-width: 520px; margin-top: 8px; }
.cluster-channel-validation-matrix > span,.cluster-channel-validation-matrix > b { display: grid; align-content: center; min-height: 28px; margin: 0; padding: 4px 6px; overflow: visible; color: #9d8461; font: 650 6px/1.25 var(--mono); text-align: center; white-space: normal; }
.cluster-channel-validation-matrix > span.row-head { justify-items: end; text-align: right; }
.cluster-channel-validation-matrix button { display: grid; grid-template-columns: auto 1fr; align-items: center; min-height: 38px; padding: 5px 8px; border: 1px solid rgba(255,193,105,.14); border-radius: 5px; background: rgba(255,193,105,.025); color: #a88e68; text-align: left; }
.cluster-channel-validation-matrix button:hover,.cluster-channel-validation-matrix button:focus-visible,.cluster-channel-validation-matrix button.active { border-color: rgba(255,193,105,.72); background: rgba(255,193,105,.1); color: #fff2dc; outline: none; }
.cluster-channel-validation-matrix button small,.cluster-channel-validation-matrix button strong { display: block; margin: 0; overflow: visible; white-space: normal; }
.cluster-channel-validation-matrix button small { font: 650 6px/1 var(--mono); }
.cluster-channel-validation-matrix button strong { justify-self: end; color: #ffe7c0; font: 650 12px/1 var(--mono); }
.cluster-channel-validation-detail { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 3px 10px; margin-top: 7px; padding: 7px 8px; border-left: 2px solid var(--amber); background: rgba(255,193,105,.035); }
.cluster-channel-validation-detail strong,.cluster-channel-validation-detail span,.cluster-channel-validation-detail em { overflow: visible; white-space: normal; }
.cluster-channel-validation-detail strong { margin: 0; color: #ffe8c5; font: 650 8px/1.25 var(--mono); }
.cluster-channel-validation-detail span { margin: 0; color: #aa9271; font: 7px/1.35 var(--mono); }
.cluster-channel-validation-detail em { grid-column: 1 / -1; color: #78664d; font: 6px/1.4 var(--mono); font-style: normal; }
.cluster-channel-validation > p { margin: 7px 0 0; color: #756348; font: 6px/1.45 var(--mono); }
.cluster-channel-learning > p { margin: 7px 0 0; color: #617d77; font: 7px/1.45 var(--mono); }
.cluster-card { position: relative; min-height: 212px; overflow: hidden; border: 1px solid rgba(151,194,183,.22); background: linear-gradient(145deg, rgba(14,37,36,.92), rgba(5,15,17,.96)); cursor: pointer; outline: none; }
.cluster-card:hover,.cluster-card:focus-visible { border-color: rgba(101,225,188,.65); }
.cluster-card.active { border-color: var(--mint); box-shadow: inset 0 0 0 1px rgba(101,225,188,.22), 0 0 18px rgba(101,225,188,.08); }
.cluster-card[hidden] { display: none; }
.cluster-card canvas { width: 100%; height: 146px; }
.cluster-card-label { position: absolute; left: 9px; right: 9px; bottom: 7px; display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; color: #aabbb6; font: 7px var(--mono); pointer-events: none; }
.cluster-card-label b { color: var(--mint); font-weight: 400; }
.cluster-card-label em { justify-self: end; color: #7f9e96; font-style: normal; }
.cluster-card-label span { grid-column: 1 / -1; line-height: 1.35; }
.cluster-card-label small { grid-column: 1 / -1; color: #617a73; font: 6px/1.35 var(--mono); text-transform: uppercase; }
.cluster-card-label .cluster-training-readout { color: #9b8dd5; letter-spacing: .025em; }
.cluster-card-label .cluster-training-readout.complete { color: var(--mint); }
.cluster-card-label .cluster-training-readout.terminal { color: #b98d54; }
.cluster-card.residual { border-color: rgba(255,109,113,.4); }
.cluster-card.residual .cluster-card-label b { color: var(--red); }
.cluster-card.gap { border-color: rgba(255,193,105,.36); }
.cluster-card.gap .cluster-card-label b { color: #ffc169; }
.viewport.cluster-gallery-mode > canvas, .viewport.cluster-gallery-mode .axis-labels { visibility: hidden; }
.viewport-chrome.top-right b { padding-left: 8px; border-left: 1px solid var(--line); color: var(--mint); font-weight: 400; }
.viewport-chrome, .viewport-caption { position: absolute; z-index: 3; pointer-events: none; }
.viewport-chrome { top: 13px; display: flex; gap: 8px; align-items: center; padding: 6px 8px; border: 1px solid var(--line); background: rgba(6,16,17,.72); backdrop-filter: blur(8px); color: var(--muted); font: 8px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.viewport-chrome b { color: var(--ink); font-weight: 400; }
.top-left { left: 13px; }
.top-right { right: 13px; }
.external-drive-badge { position: absolute; z-index: 4; left: 13px; top: 49px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(240,201,106,.34); background: rgba(26,23,12,.76); color: #d9c27e; pointer-events: none; backdrop-filter: blur(8px); }.external-drive-badge[hidden] { display: none; }.external-drive-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(240,201,106,.28); border-radius: 50%; color: #f0c96a; font: normal 17px/1 var(--mono); text-shadow: 0 0 10px rgba(240,201,106,.55); }.external-drive-badge span,.external-drive-badge b,.external-drive-badge small { display: block; }.external-drive-badge b { color: #ead79d; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.external-drive-badge small { margin-top: 2px; color: #8d835f; font: 4px var(--mono); }
.affine-load-badge { position: absolute; z-index: 4; left: 13px; top: 84px; display: flex; align-items: center; gap: 7px; max-width: min(310px,calc(100% - 26px)); padding: 5px 8px 5px 6px; border: 1px solid rgba(181,148,255,.34); background: rgba(20,14,29,.76); pointer-events: none; backdrop-filter: blur(8px); }.affine-load-badge.solo { top: 49px; }.affine-load-badge[hidden] { display: none; }.affine-load-badge i { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid rgba(181,148,255,.3); border-radius: 50%; color: #c7adff; font: normal 16px/1 var(--mono); text-shadow: 0 0 10px rgba(181,148,255,.55); }.affine-load-badge span,.affine-load-badge b,.affine-load-badge small { display: block; }.affine-load-badge b { color: #d8c7ff; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; line-height: 1.35; }.affine-load-badge small { margin-top: 2px; color: #817393; font: 4px var(--mono); }
.loop-closure-badge { position: absolute; z-index: 4; left: 13px; top: 119px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(85,200,255,.34); background: rgba(9,24,29,.78); pointer-events: none; backdrop-filter: blur(8px); }.loop-closure-badge[hidden] { display: none; }.loop-closure-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(85,200,255,.3); border-radius: 50%; color: #78dcff; font: normal 16px/1 var(--mono); text-shadow: 0 0 10px rgba(85,200,255,.55); }.loop-closure-badge span,.loop-closure-badge b,.loop-closure-badge small { display: block; }.loop-closure-badge b { color: #a7e8ff; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.loop-closure-badge small { margin-top: 2px; color: #668b96; font: 4px var(--mono); }
.arrival-path-badge { position: absolute; z-index: 4; left: 13px; top: 154px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(255,193,105,.34); background: rgba(29,21,9,.78); pointer-events: none; backdrop-filter: blur(8px); }.arrival-path-badge[hidden] { display: none; }.arrival-path-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255,193,105,.3); border-radius: 50%; color: #ffd08a; font: normal 16px/1 var(--mono); text-shadow: 0 0 10px rgba(255,193,105,.55); }.arrival-path-badge span,.arrival-path-badge b,.arrival-path-badge small { display: block; }.arrival-path-badge b { color: #ffe0aa; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.arrival-path-badge small { margin-top: 2px; color: #9a815c; font: 4px var(--mono); }
.exploration-badge { position: absolute; z-index: 4; left: 13px; top: 189px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(255,126,191,.34); background: rgba(29,10,22,.78); pointer-events: none; backdrop-filter: blur(8px); }.exploration-badge[hidden] { display: none; }.exploration-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255,126,191,.3); border-radius: 50%; color: #ff9ccb; font: normal 16px/1 var(--mono); text-shadow: 0 0 10px rgba(255,126,191,.55); }.exploration-badge span,.exploration-badge b,.exploration-badge small { display: block; }.exploration-badge b { color: #ffc0dd; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.exploration-badge small { margin-top: 2px; color: #98677e; font: 4px var(--mono); }
.nuclei-badge { position: absolute; z-index: 4; left: 13px; top: 224px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(126,225,232,.34); background: rgba(7,27,30,.82); pointer-events: none; backdrop-filter: blur(8px); }.nuclei-badge[hidden] { display: none; }.nuclei-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(126,225,232,.3); border-radius: 50%; color: #7ee1e8; font: normal 16px/1 var(--mono); text-shadow: 0 0 10px rgba(126,225,232,.55); }.nuclei-badge span,.nuclei-badge b,.nuclei-badge small { display: block; }.nuclei-badge b { color: #b8f5f8; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.nuclei-badge small { margin-top: 2px; color: #668d91; font: 4px var(--mono); }
.front-morphology-badge { position: absolute; z-index: 4; left: 13px; top: 259px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(101,225,188,.34); background: rgba(7,28,23,.82); pointer-events: none; backdrop-filter: blur(8px); }.front-morphology-badge[hidden] { display: none; }.front-morphology-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(101,225,188,.3); border-radius: 50%; color: #65e1bc; font: normal 16px/1 var(--mono); text-shadow: 0 0 10px rgba(101,225,188,.55); }.front-morphology-badge span,.front-morphology-badge b,.front-morphology-badge small { display: block; }.front-morphology-badge b { color: #aaf3dd; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.front-morphology-badge small { margin-top: 2px; color: #628b7e; font: 4px var(--mono); }
.epitaxy-badge { position: absolute; z-index: 4; left: 13px; top: 294px; display: flex; align-items: center; gap: 7px; padding: 5px 8px 5px 6px; border: 1px solid rgba(255,177,92,.36); background: rgba(30,20,8,.84); pointer-events: none; backdrop-filter: blur(8px); }.epitaxy-badge[hidden] { display: none; }.epitaxy-badge i { display: grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(255,177,92,.3); border-radius: 50%; color: #ffb15c; font: normal 15px/1 var(--mono); text-shadow: 0 0 10px rgba(255,177,92,.55); }.epitaxy-badge span,.epitaxy-badge b,.epitaxy-badge small { display: block; }.epitaxy-badge b { color: #ffd6a7; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.epitaxy-badge small { margin-top: 2px; color: #9a7853; font: 4px var(--mono); }
.nucleus-interface-inspector { margin: 9px 0; border: 1px solid rgba(126,225,232,.22); background: rgba(7,27,30,.42); padding: 8px; }.nucleus-interface-inspector[hidden] { display: none; }.nucleus-interface-inspector header { display: flex; justify-content: space-between; gap: 8px; align-items: end; }.nucleus-interface-inspector header span,.nucleus-interface-inspector header small,.nucleus-interface-inspector header strong { display: block; }.nucleus-interface-inspector header small { color: #668d91; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .1em; }.nucleus-interface-inspector header strong { margin-top: 3px; color: #b8f5f8; font: 8px var(--sans); }.nucleus-interface-inspector header b { color: #7ee1e8; font: 5px var(--mono); font-weight: 400; }.nucleus-pair-buttons { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0; }.nucleus-pair-buttons button { border: 1px solid var(--line); background: #0a1718; color: #668d91; padding: 5px 7px; font: 5px var(--mono); cursor: pointer; }.nucleus-pair-buttons button.active { border-color: rgba(126,225,232,.65); color: #b8f5f8; background: rgba(126,225,232,.08); }.nucleus-interface-inspector article { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }.nucleus-interface-inspector article div { border-top: 1px solid rgba(126,225,232,.12); padding-top: 5px; }.nucleus-interface-inspector article small,.nucleus-interface-inspector article strong,.nucleus-interface-inspector article span { display: block; }.nucleus-interface-inspector article small { color: #526d6f; font: 4px var(--mono); text-transform: uppercase; }.nucleus-interface-inspector article strong { margin-top: 3px; color: #d4f9f7; font: 7px var(--mono); font-weight: 400; }.nucleus-interface-inspector article span { margin-top: 2px; color: #66817f; font: 5px var(--sans); line-height: 1.35; }
.nucleus-interface-inspector article { display: block; }
.nucleus-interface-inspector article div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; align-items: baseline; padding: 6px 0; }
.nucleus-interface-inspector article strong { margin-top: 0; text-align: right; }
.nucleus-interface-inspector article span { grid-column: 1 / -1; margin-top: 0; }
.nucleus-interface-profile { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); align-items: end; gap: 3px; height: 36px; margin: 6px 0 9px; padding: 5px 7px; border: 1px solid rgba(126,225,232,.1); background: linear-gradient(90deg,rgba(126,225,232,.02),rgba(126,225,232,.08),rgba(126,225,232,.02)); }.nucleus-interface-profile span { display: flex; align-items: end; height: 100%; border-bottom: 1px solid rgba(126,225,232,.2); }.nucleus-interface-profile i { display: block; width: 100%; min-height: 1px; background: linear-gradient(180deg,#b8f5f8,#3a959c); box-shadow: 0 0 7px rgba(126,225,232,.18); }
.nucleus-interface-evolution { margin: 6px 0 9px; padding: 7px; border: 1px solid rgba(126,225,232,.1); background: rgba(3,18,20,.45); }.nucleus-interface-evolution header { align-items: baseline; }.nucleus-interface-evolution-plot { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(18px,1fr); gap: 4px; margin-top: 7px; overflow: hidden; }.nucleus-interface-evolution-plot > div { min-width: 0; }.nucleus-interface-evolution-plot small { color: #668d91; font: 4px var(--mono); }.nucleus-interface-evolution-plot span { display: grid; gap: 2px; margin-top: 3px; }.nucleus-interface-evolution-plot i { display: block; height: 3px; background: rgba(126,225,232,.08); }.nucleus-interface-evolution-plot b { display: block; height: 100%; min-width: 1px; background: #7ee1e8; }.nucleus-interface-evolution-plot i[data-metric="patches"] b { background: #f4c26b; }.nucleus-interface-evolution-plot i[data-metric="thickness"] b { background: #9c8cf3; }.nucleus-interface-evolution-plot i[data-metric="exposure"] b { background: #ef7d8f; }
.feedstock-inventory-inspector { margin: 7px 0 9px; padding: 8px; border: 1px solid rgba(101,225,188,.2); background: linear-gradient(135deg,rgba(101,225,188,.055),rgba(126,225,232,.025)); }.feedstock-inventory-inspector header { display: flex; justify-content: space-between; align-items: end; gap: 8px; }.feedstock-inventory-inspector header span,.feedstock-inventory-inspector header small,.feedstock-inventory-inspector header strong { display: block; }.feedstock-inventory-inspector header small { color: #628b7e; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .1em; }.feedstock-inventory-inspector header strong { margin-top: 3px; color: #aaf3dd; font: 8px var(--sans); }.feedstock-inventory-inspector header b { color: #65e1bc; font: 5px var(--mono); font-weight: 400; }.feedstock-inventory-inspector > div { display: grid; gap: 5px; margin-top: 8px; }.feedstock-inventory-inspector > div > div { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; align-items: center; gap: 6px; }.feedstock-inventory-inspector code { color: #b8f5f8; font: 6px var(--mono); }.feedstock-inventory-inspector i { height: 5px; background: rgba(101,225,188,.1); overflow: hidden; }.feedstock-inventory-inspector i b { display: block; height: 100%; background: linear-gradient(90deg,#65e1bc,#7ee1e8); }.feedstock-inventory-inspector em { color: #668d91; font: normal 5px var(--mono); }.feedstock-inventory-inspector p { margin: 7px 0 0; color: #5f7772; font: 5px/1.4 var(--sans); }
.ionic-pair-matrix-inspector { margin: 7px 0 9px; padding: 8px; border: 1px solid rgba(255,187,112,.22); background: linear-gradient(135deg,rgba(255,173,93,.065),rgba(255,228,171,.025)); }.ionic-pair-matrix-inspector[hidden] { display: none; }.ionic-pair-matrix-inspector header { display: flex; justify-content: space-between; align-items: end; gap: 8px; }.ionic-pair-matrix-inspector header span,.ionic-pair-matrix-inspector header small,.ionic-pair-matrix-inspector header strong { display: block; }.ionic-pair-matrix-inspector header small { color: #9a7658; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .1em; }.ionic-pair-matrix-inspector header strong { margin-top: 3px; color: #ffd7a7; font: 8px var(--sans); }.ionic-pair-matrix-inspector header b { color: #ffb970; font: 5px var(--mono); font-weight: 400; text-align: right; }.ionic-pair-matrix-inspector > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 8px; }.ionic-pair-matrix-inspector article { min-width: 0; padding: 5px; border: 1px solid rgba(255,187,112,.13); background: rgba(5,12,13,.42); }.ionic-pair-matrix-inspector article strong,.ionic-pair-matrix-inspector article span { display: block; }.ionic-pair-matrix-inspector article strong { color: #ffe5c1; font: 6px var(--mono); }.ionic-pair-matrix-inspector article span { margin-top: 2px; color: #9b8471; font: 5px/1.35 var(--mono); }.ionic-pair-matrix-inspector article[data-conditioned="true"] { border-color: rgba(101,225,188,.22); }.ionic-pair-matrix-inspector article[data-conditioned="true"] strong { color: #aaf3dd; }.ionic-pair-matrix-inspector p { margin: 7px 0 0; color: #786b60; font: 5px/1.4 var(--sans); }
.growth-domain-passport { margin: 7px 0 10px; padding: 8px; border: 1px solid rgba(156,140,243,.22); background: linear-gradient(135deg,rgba(156,140,243,.055),rgba(126,225,232,.025)); }.growth-domain-passport header { display: flex; justify-content: space-between; align-items: end; gap: 8px; }.growth-domain-passport header span,.growth-domain-passport header small,.growth-domain-passport header strong { display: block; }.growth-domain-passport header small { color: #7f76a5; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .1em; }.growth-domain-passport header strong { margin-top: 3px; color: #d6d0ff; font: 8px var(--sans); }.growth-domain-passport header b { color: #aa9eff; font: 5px var(--mono); font-weight: 400; }.growth-domain-passport > div { display: grid; gap: 5px; margin-top: 8px; }.growth-domain-passport > div > div { display: grid; grid-template-columns: 66px minmax(0,1fr) auto; align-items: center; gap: 6px; }.growth-domain-passport small { color: #78718e; font: 5px var(--mono); }.growth-domain-passport i { height: 5px; background: rgba(156,140,243,.1); }.growth-domain-passport i b { display: block; height: 100%; background: linear-gradient(90deg,#9c8cf3,#7ee1e8); }.growth-domain-passport em { color: #817b92; font: normal 5px var(--mono); }.growth-domain-passport p { margin: 7px 0 0; color: #706b80; font: 5px/1.4 var(--sans); }
.nucleation-landscape-inspector { margin: 9px 0; border: 1px solid rgba(255,193,105,.24); background: linear-gradient(135deg,rgba(255,193,105,.055),rgba(101,225,188,.035)); padding: 8px; }
.growth-launch-readiness { margin:9px 0; padding:8px; border:1px solid rgba(103,191,255,.22); background:linear-gradient(135deg,rgba(20,57,76,.28),rgba(4,14,21,.88)); }
.growth-launch-readiness[hidden] { display:none; }
.growth-launch-readiness header { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.growth-launch-readiness header span,.growth-launch-readiness header small,.growth-launch-readiness header strong { display:block; }
.growth-launch-readiness header small { color:#6f91a3; font:5px var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.growth-launch-readiness header strong { margin-top:3px; color:#b9e5f5; font:8px var(--sans); }
.growth-launch-readiness header b { padding:3px 5px; border:1px solid currentColor; color:#74c8e9; font:4.5px var(--mono); font-weight:400; text-transform:uppercase; }
.growth-launch-readiness.ready { border-color:rgba(104,217,184,.42); }.growth-launch-readiness.ready header b { color:#68d9b8; }
.growth-launch-readiness.specialized-ready { border-color:rgba(181,148,255,.46); background:linear-gradient(135deg,rgba(67,45,99,.22),rgba(4,14,21,.9)); }.growth-launch-readiness.specialized-ready header b { color:#c3aff0; }
.growth-launch-readiness.specialized-fixed { border-color:rgba(104,217,184,.42); background:linear-gradient(135deg,rgba(31,81,66,.24),rgba(4,14,21,.9)); }.growth-launch-readiness.specialized-fixed header b { color:#68d9b8; }
.growth-launch-readiness.connection-vocabulary-missing,.growth-launch-readiness.observation-closed,.growth-launch-readiness.seed-closed { border-color:rgba(255,193,105,.38); }.growth-launch-readiness.connection-vocabulary-missing header b,.growth-launch-readiness.observation-closed header b,.growth-launch-readiness.seed-closed header b { color:#ffc169; }
.growth-launch-readiness.input-required,.growth-launch-readiness.cluster-support-missing,.growth-launch-readiness.boundary-conflict { border-color:rgba(255,108,113,.4); }.growth-launch-readiness.input-required header b,.growth-launch-readiness.cluster-support-missing header b,.growth-launch-readiness.boundary-conflict header b { color:#ff8c91; }
.growth-launch-readiness-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:7px; }
.growth-launch-readiness-metrics > span { min-width:0; padding:5px; border:1px solid rgba(103,191,255,.12); background:rgba(2,10,16,.62); }
.growth-launch-readiness-metrics small,.growth-launch-readiness-metrics strong,.growth-launch-readiness-metrics em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.growth-launch-readiness-metrics small { color:#6f8794; font:4.5px var(--mono); }.growth-launch-readiness-metrics strong { margin-top:2px; color:#d0edf6; font:7px var(--mono); font-weight:400; }.growth-launch-readiness-metrics em { margin-top:2px; color:#61727b; font:4px var(--sans); font-style:normal; }
.growth-launch-readiness > p { margin:7px 0; color:#7f969f; font:5px/1.5 var(--sans); }
.growth-launch-readiness-actions { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:4px; }
.growth-launch-readiness-actions button { min-width:0; padding:5px; border:1px solid rgba(103,191,255,.2); background:rgba(10,31,42,.7); color:#8fc7db; font:4.5px var(--mono); cursor:pointer; }
.growth-launch-readiness-actions button.recommended { border-color:#ffc169; color:#ffd99d; box-shadow:inset 0 -1px rgba(255,193,105,.8); }.growth-launch-readiness-actions button:disabled { opacity:.35; cursor:not-allowed; }
.ice-orientation-evidence-bridge { margin:8px 0; padding:8px; border:1px solid rgba(197,156,255,.28); background:linear-gradient(135deg,rgba(62,39,88,.2),rgba(3,13,20,.9)); }
.ice-orientation-evidence-bridge[hidden] { display:none; }
.ice-orientation-evidence-bridge header { display:flex; justify-content:space-between; gap:8px; align-items:flex-end; }
.ice-orientation-evidence-bridge header span,.ice-orientation-evidence-bridge header small,.ice-orientation-evidence-bridge header strong { display:block; }
.ice-orientation-evidence-bridge header small { color:#8b77a5; font:4.5px var(--mono); text-transform:uppercase; letter-spacing:.09em; }
.ice-orientation-evidence-bridge header strong { margin-top:3px; color:#d9c4ff; font:8px var(--sans); }
.ice-orientation-evidence-bridge header b { padding:3px 5px; border:1px solid currentColor; color:#c3aff0; font:4.5px var(--mono); font-weight:400; text-transform:uppercase; }
.ice-orientation-evidence-bridge.validated { border-color:rgba(104,217,184,.48); }.ice-orientation-evidence-bridge.validated header b { color:#68d9b8; }
.ice-orientation-evidence-bridge.rejected { border-color:rgba(255,108,113,.42); }.ice-orientation-evidence-bridge.rejected header b { color:#ff8c91; }
.ice-orientation-evidence-bridge > p { margin:6px 0; color:#8497a2; font:5px/1.5 var(--sans); }
.ice-orientation-evidence-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin:6px 0; }
.ice-orientation-evidence-metrics span { padding:5px; border:1px solid rgba(197,156,255,.14); background:rgba(3,11,18,.65); }
.ice-orientation-evidence-metrics small,.ice-orientation-evidence-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ice-orientation-evidence-metrics small { color:#776a88; font:4px var(--mono); }.ice-orientation-evidence-metrics strong { margin-top:2px; color:#d8cce8; font:6px var(--mono); font-weight:400; }
.ice-orientation-state-space-layout { display:grid; grid-template-columns:1.35fr .8fr; gap:5px; margin:6px 0; }
.ice-orientation-state-space-layout svg,.ice-orientation-state-space-layout article { min-width:0; border:1px solid rgba(197,156,255,.14); background:rgba(2,9,15,.72); }
.ice-orientation-state-space-layout svg { width:100%; min-height:145px; }
.ice-orientation-state-space-layout article { padding:7px; color:#8c9ca6; font:4.5px/1.55 var(--sans); }
.ice-orientation-state-space-layout article b,.ice-orientation-state-space-layout article strong,.ice-orientation-state-space-layout article span { display:block; }
.ice-orientation-state-space-layout article b { color:#d8cce8; font:6px var(--mono); font-weight:400; }
.ice-orientation-state-space-layout article strong { margin-top:5px; color:#c3aff0; font:5px var(--mono); font-weight:400; }
.ice-orientation-state-space-layout article span { margin-top:3px; }
.ice-orientation-state-space-layout .constraint-edge { stroke:rgba(127,165,184,.22); stroke-width:1; }
.ice-orientation-state-space-layout .domain-node { cursor:pointer; stroke:#07131b; stroke-width:1.5; }
.ice-orientation-state-space-layout .domain-node.resolved { fill:#68d9b8; }.ice-orientation-state-space-layout .domain-node.ambiguous { fill:#b798ee; }.ice-orientation-state-space-layout .domain-node.boundary { stroke:#ffc169; stroke-width:2; }
.ice-orientation-state-space-layout .domain-node:hover,.ice-orientation-state-space-layout .domain-node.active { stroke:#fff1c9; stroke-width:2.5; }
.ice-boundary-sensitivity { margin:6px 0; padding:7px; border:1px solid rgba(255,193,105,.18); background:linear-gradient(125deg,rgba(255,193,105,.035),rgba(4,12,18,.78)); }
.ice-boundary-sensitivity > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }
.ice-boundary-sensitivity > header span,.ice-boundary-sensitivity > header small,.ice-boundary-sensitivity > header strong { display:block; }
.ice-boundary-sensitivity > header small { color:#9a7d55; font:4px var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.ice-boundary-sensitivity > header strong { margin-top:2px; color:#e5cfaa; font:6px var(--mono); font-weight:400; }
.ice-boundary-sensitivity > header b { color:#ffc169; font:4px var(--mono); font-weight:400; text-transform:uppercase; }
.ice-boundary-sensitivity-bars { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin-top:6px; }
.ice-boundary-sensitivity-bars button { min-width:0; padding:5px; border:1px solid rgba(255,193,105,.14); background:rgba(4,12,18,.82); color:#917f68; text-align:left; cursor:pointer; }
.ice-boundary-sensitivity-bars button:hover,.ice-boundary-sensitivity-bars button:focus-visible,.ice-boundary-sensitivity-bars button[aria-pressed="true"] { border-color:rgba(255,193,105,.55); color:#f0d6aa; outline:none; }
.ice-boundary-sensitivity-bars small,.ice-boundary-sensitivity-bars strong,.ice-boundary-sensitivity-bars i { display:block; }
.ice-boundary-sensitivity-bars small { overflow:hidden; color:inherit; font:4px var(--mono); text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.ice-boundary-sensitivity-bars strong { margin-top:3px; color:#d7c8ae; font:6px var(--mono); font-weight:400; }
.ice-boundary-sensitivity-bars i { position:relative; height:3px; margin-top:4px; background:rgba(255,193,105,.08); }
.ice-boundary-sensitivity-bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--ice-boundary-bar); background:linear-gradient(90deg,#68d9b8,#ffc169); }
.ice-boundary-sensitivity > p { margin:6px 0 0; padding:5px 6px; border-left:2px solid rgba(255,193,105,.48); background:rgba(255,193,105,.025); color:#8b8f89; font:4.5px/1.5 var(--mono); }
.ice-boundary-sensitivity > p a { color:#d6ad73; text-decoration:none; }.ice-boundary-sensitivity > p a:hover,.ice-boundary-sensitivity > p a:focus-visible { color:#ffe1b2; outline:none; text-decoration:underline; }
.ice-periodic-closure-comparison { display:grid; grid-template-columns:1.2fr .8fr; gap:5px; margin-top:6px; }
.ice-periodic-closure-comparison > svg,.ice-periodic-closure-comparison > aside { min-width:0; border:1px solid rgba(104,217,184,.14); background:rgba(3,13,17,.72); }
.ice-periodic-closure-comparison > svg { display:block; width:100%; min-height:120px; }
.ice-periodic-closure-comparison > aside { padding:6px; }
.ice-periodic-closure-comparison > aside small,.ice-periodic-closure-comparison > aside strong { display:block; }
.ice-periodic-closure-comparison > aside small { color:#668a7e; font:4px var(--mono); text-transform:uppercase; }
.ice-periodic-closure-comparison > aside strong { margin-top:3px; color:#a9d5c7; font:6px var(--mono); font-weight:400; }
.ice-periodic-closure-comparison > aside p { margin:5px 0 0; color:#7f918b; font:4.5px/1.45 var(--mono); }
#icePeriodicBoundaryControls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px; margin-top:5px; }
#icePeriodicBoundaryControls button { min-width:0; padding:4px; border:1px solid rgba(104,217,184,.15); background:rgba(6,20,22,.82); color:#72978b; font:4px var(--mono); cursor:pointer; }
#icePeriodicBoundaryControls button:hover,#icePeriodicBoundaryControls button:focus-visible,#icePeriodicBoundaryControls button[aria-pressed="true"] { border-color:rgba(104,217,184,.6); color:#bcebdc; outline:none; }
#icePeriodicBoundaryPlot .periodic-axis { stroke:rgba(123,157,148,.25); stroke-width:.8; }
#icePeriodicBoundaryPlot .periodic-pauling { stroke:#ffc169; stroke-width:1.1; stroke-dasharray:4 3; }
#icePeriodicBoundaryPlot .periodic-series { fill:none; stroke:#68d9b8; stroke-width:1.5; }
#icePeriodicBoundaryPlot .periodic-point { fill:#68d9b8; stroke:#071112; stroke-width:1.4; cursor:pointer; }
#icePeriodicBoundaryPlot .periodic-point.active,#icePeriodicBoundaryPlot .periodic-point:hover { fill:#fff1c9; stroke:#ffc169; stroke-width:2; }
#icePeriodicBoundaryPlot text { fill:#77918a; font:5px var(--mono); }
#icePeriodicBoundaryPlot .periodic-reference-label { fill:#c79e68; }
.ice-periodic-flux-explorer { margin-top:5px; padding:6px; border:1px solid rgba(181,148,255,.14); background:linear-gradient(120deg,rgba(181,148,255,.035),rgba(3,12,17,.74)); }
.ice-periodic-flux-explorer > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }
.ice-periodic-flux-explorer > header span,.ice-periodic-flux-explorer > header small,.ice-periodic-flux-explorer > header strong { display:block; }
.ice-periodic-flux-explorer > header small { color:#756889; font:4px var(--mono); text-transform:uppercase; }
.ice-periodic-flux-explorer > header strong { margin-top:2px; color:#c9b8e2; font:6px var(--mono); font-weight:400; }
.ice-periodic-flux-explorer > header b { color:#aa91d0; font:4px var(--mono); font-weight:400; }
.ice-periodic-flux-explorer > div { display:grid; grid-template-columns:1.3fr .7fr; gap:5px; margin-top:5px; }
.ice-periodic-flux-explorer > div > p { margin:0; padding:6px; border:1px solid rgba(181,148,255,.1); color:#837d90; font:4.5px/1.5 var(--mono); }
.ice-periodic-flux-bars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }
.ice-periodic-flux-bars button { min-width:0; padding:4px; border:1px solid rgba(181,148,255,.12); background:rgba(15,11,25,.72); color:#827595; text-align:left; cursor:pointer; }
.ice-periodic-flux-bars button:hover,.ice-periodic-flux-bars button:focus-visible,.ice-periodic-flux-bars button[aria-pressed="true"] { border-color:rgba(181,148,255,.6); color:#dbc9f2; outline:none; }
.ice-periodic-flux-bars small,.ice-periodic-flux-bars strong,.ice-periodic-flux-bars i { display:block; }
.ice-periodic-flux-bars small { overflow:hidden; font:4px var(--mono); text-overflow:ellipsis; white-space:nowrap; }
.ice-periodic-flux-bars strong { margin-top:2px; color:#b5a2cd; font:5px var(--mono); font-weight:400; }
.ice-periodic-flux-bars i { position:relative; height:3px; margin-top:3px; background:rgba(181,148,255,.07); }
.ice-periodic-flux-bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--ice-flux-bar); background:linear-gradient(90deg,#b594ff,#68d9b8); }
.ice-periodic-entropy-accounting { margin-top:5px; padding:6px; border:1px solid rgba(104,217,184,.16); background:radial-gradient(circle at 100% 0,rgba(104,217,184,.08),transparent 45%),rgba(3,14,17,.75); }
.ice-periodic-entropy-accounting > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }
.ice-periodic-entropy-accounting > header span,.ice-periodic-entropy-accounting > header small,.ice-periodic-entropy-accounting > header strong { display:block; }
.ice-periodic-entropy-accounting > header small { color:#5f8f82; font:4px var(--mono); text-transform:uppercase; }
.ice-periodic-entropy-accounting > header strong { margin-top:2px; color:#addbd0; font:6px var(--mono); font-weight:400; }
.ice-periodic-entropy-accounting > header b { color:#71b9a7; font:4px var(--mono); font-weight:400; }
.ice-periodic-entropy-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin-top:5px; }
.ice-periodic-entropy-metrics button { min-width:0; padding:5px; border:1px solid rgba(104,217,184,.12); background:rgba(4,22,23,.72); color:#759e94; text-align:left; cursor:pointer; }
.ice-periodic-entropy-metrics button:hover,.ice-periodic-entropy-metrics button:focus-visible,.ice-periodic-entropy-metrics button[aria-pressed="true"] { border-color:rgba(104,217,184,.62); color:#cff8ee; outline:none; }
.ice-periodic-entropy-metrics small,.ice-periodic-entropy-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ice-periodic-entropy-metrics small { font:4px var(--mono); text-transform:uppercase; }.ice-periodic-entropy-metrics strong { margin-top:3px; color:#9fd0c4; font:5px var(--mono); font-weight:400; }
.ice-periodic-entropy-decomposition { display:flex; height:7px; margin-top:5px; overflow:hidden; border:1px solid rgba(104,217,184,.14); background:#061317; }
.ice-periodic-entropy-decomposition i { display:block; width:var(--ice-information-share); min-width:0; }
#icePeriodicEntropyFluxShare { background:linear-gradient(90deg,#b594ff,#8e83dc); }#icePeriodicEntropyWithinShare { background:linear-gradient(90deg,#4eaa9a,#68d9b8); }
.ice-periodic-entropy-accounting > p { margin:5px 0 0; color:#78938d; font:4.5px/1.5 var(--mono); }
.ice-orientation-evidence-controls { display:grid; grid-template-columns:.7fr 1.25fr 1fr .7fr; gap:4px; align-items:stretch; }
.ice-orientation-evidence-controls label,.ice-orientation-evidence-controls button { min-width:0; padding:5px; border:1px solid rgba(197,156,255,.2); background:rgba(18,13,29,.75); color:#bba8d6; font:4.5px var(--mono); }
.ice-orientation-evidence-controls label { display:grid; gap:3px; }.ice-orientation-evidence-controls select { width:100%; color:#d8cce8; background:#09131c; border:1px solid rgba(197,156,255,.18); font:4.5px var(--mono); }
.ice-orientation-evidence-controls button { cursor:pointer; }.ice-orientation-evidence-controls button:disabled,.ice-orientation-evidence-import:has(input:disabled) { opacity:.35; cursor:not-allowed; }
.ice-orientation-evidence-import input { display:none; }
@media (max-width:760px) { .ice-orientation-state-space-layout,.ice-periodic-closure-comparison,.ice-periodic-flux-explorer > div { grid-template-columns:1fr; }.ice-boundary-sensitivity-bars,.ice-periodic-entropy-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.ice-periodic-flux-bars { grid-template-columns:repeat(2,minmax(0,1fr)); }.ice-orientation-evidence-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.continuation-evidence-ladder { position:relative; margin:9px 0; padding:9px; overflow:hidden; border:1px solid rgba(181,148,255,.28); background:radial-gradient(circle at 100% 0,rgba(181,148,255,.13),transparent 44%),linear-gradient(155deg,rgba(15,25,38,.98),rgba(3,11,16,.96)); }
.continuation-evidence-ladder::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:linear-gradient(#67bfff,#65e1bc 45%,#b594ff 75%,#f0c96a); opacity:.85; }
.continuation-evidence-ladder[hidden] { display:none; }
.continuation-evidence-ladder > header { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; padding-left:2px; }
.continuation-evidence-ladder > header span,.continuation-evidence-ladder > header small,.continuation-evidence-ladder > header strong { display:block; }
.continuation-evidence-ladder > header small { color:#8d80b0; font:5px var(--mono); text-transform:uppercase; letter-spacing:.11em; }
.continuation-evidence-ladder > header strong { margin-top:3px; color:#e4dcff; font:9px var(--sans); font-weight:550; }
.continuation-evidence-ladder > header b { max-width:42%; padding:3px 5px; border:1px solid rgba(181,148,255,.45); color:#cbb8ff; font:4.5px/1.25 var(--mono); font-weight:400; text-align:right; text-transform:uppercase; }
.continuation-evidence-steps { position:relative; display:grid; gap:4px; margin-top:8px; }
.continuation-evidence-steps::before { content:""; position:absolute; top:17px; bottom:17px; left:10px; border-left:1px dashed rgba(120,160,172,.28); }
.continuation-evidence-steps article { position:relative; z-index:1; display:grid; grid-template-columns:21px minmax(0,1fr); align-items:start; gap:5px 6px; min-width:0; padding:6px; border:1px solid rgba(115,144,158,.14); background:rgba(2,10,16,.68); }
.continuation-evidence-steps article > small { display:grid; width:18px; height:18px; place-items:center; border:1px solid #61747d; border-radius:50%; background:#071317; color:#79909a; font:5px var(--mono); }
.continuation-evidence-steps article > span,.continuation-evidence-steps article strong,.continuation-evidence-steps article b { display:block; min-width:0; }
.continuation-evidence-steps article strong { color:#adc0c7; font:7px var(--sans); font-weight:550; }
.continuation-evidence-steps article b { margin-top:2px; overflow:hidden; color:#7f969f; font:4.7px var(--mono); font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
.continuation-evidence-steps article p { display:-webkit-box; margin:3px 0 0; overflow:hidden; color:#60747d; font:4.7px/1.45 var(--sans); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.continuation-evidence-steps article button { grid-column:2; width:100%; min-width:0; padding:4px 5px; border:1px solid rgba(181,148,255,.24); background:rgba(25,19,44,.58); color:#b8a6e8; font:4.2px/1.35 var(--mono); cursor:pointer; }
.continuation-evidence-steps article button:hover:not(:disabled) { border-color:#b594ff; color:#eee8ff; }
.continuation-evidence-steps article button:disabled { opacity:.34; cursor:not-allowed; }
.continuation-evidence-steps article.progress { border-color:rgba(103,191,255,.25); background:linear-gradient(90deg,rgba(31,84,108,.13),rgba(2,10,16,.68)); }
.continuation-evidence-steps article.progress > small { border-color:#67bfff; color:#8ed4f3; box-shadow:0 0 9px rgba(103,191,255,.18); }
.continuation-evidence-steps article.progress strong { color:#bce8fa; }
.continuation-evidence-steps article.pass { border-color:rgba(101,225,188,.32); background:linear-gradient(90deg,rgba(39,107,88,.15),rgba(2,10,16,.68)); }
.continuation-evidence-steps article.pass > small { border-color:#65e1bc; background:#0b211b; color:#8ff1d4; box-shadow:0 0 10px rgba(101,225,188,.19); }
.continuation-evidence-steps article.pass strong { color:#bdf5e4; }
.continuation-evidence-ladder > p { margin:7px 2px 0; padding-top:7px; border-top:1px solid rgba(181,148,255,.12); color:#7f7891; font:5px/1.5 var(--sans); }
.hierarchy-evidence-microscope { position:relative; margin:9px 0; padding:10px; overflow:hidden; border:1px solid rgba(94,211,202,.28); background:radial-gradient(circle at 8% 0,rgba(57,172,161,.13),transparent 38%),linear-gradient(150deg,rgba(4,20,24,.98),rgba(5,11,20,.97)); }
.hierarchy-evidence-microscope::after { content:""; position:absolute; top:-42px; right:-34px; width:120px; height:120px; border:1px solid rgba(94,211,202,.12); border-radius:50%; box-shadow:0 0 0 19px rgba(94,211,202,.025),0 0 0 39px rgba(181,148,255,.018); pointer-events:none; }
.hierarchy-evidence-microscope[hidden] { display:none; }
.hierarchy-evidence-microscope > header,.hierarchy-evidence-body > section > header,.hierarchy-claim-panel > header { position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:8px; }
.hierarchy-evidence-microscope header span,.hierarchy-evidence-microscope header small,.hierarchy-evidence-microscope header strong { display:block; }
.hierarchy-evidence-microscope > header small,.hierarchy-evidence-body > section > header small { color:#6aa6a4; font:5px var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.hierarchy-evidence-microscope > header strong,.hierarchy-evidence-body > section > header strong { margin-top:3px; color:#c5f2ea; font:9px Arial,sans-serif; font-weight:560; }
.hierarchy-evidence-microscope > header > b { max-width:45%; padding:3px 5px; border:1px solid rgba(94,211,202,.38); color:#85dfd4; font:4.5px/1.3 var(--mono); font-weight:400; text-align:right; text-transform:uppercase; }
.hierarchy-evidence-toolbar { position:relative; z-index:1; display:grid; gap:5px; margin-top:8px; }
.hierarchy-evidence-toolbar label { display:grid; gap:3px; }
.hierarchy-evidence-toolbar label span { color:#71999a; font:4.7px var(--mono); text-transform:uppercase; letter-spacing:.07em; }
.hierarchy-evidence-toolbar select { width:100%; min-width:0; padding:5px 20px 5px 6px; border:1px solid rgba(94,211,202,.28); background:#07171c; color:#b9e6df; font:5px Arial,sans-serif; }
.hierarchy-evidence-toolbar p { align-self:end; margin:0; color:#667f84; font:4.6px/1.45 Arial,sans-serif; }
.hierarchy-evidence-summary { position:relative; z-index:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:7px; }
.hierarchy-evidence-summary article { min-width:0; padding:6px; border:1px solid rgba(92,136,143,.18); background:rgba(3,13,19,.73); }
.hierarchy-evidence-summary small,.hierarchy-evidence-summary strong,.hierarchy-evidence-summary span { display:block; overflow:hidden; text-overflow:ellipsis; }
.hierarchy-evidence-summary small { color:#607b81; font:4.2px var(--mono); text-transform:uppercase; white-space:nowrap; }
.hierarchy-evidence-summary strong { margin-top:3px; color:#d3faf3; font:9px var(--mono); font-weight:450; }
.hierarchy-evidence-summary span { margin-top:2px; color:#648086; font:4.2px/1.35 Arial,sans-serif; }
.hierarchy-evidence-body { position:relative; z-index:1; display:grid; gap:7px; margin-top:7px; }
.hierarchy-evidence-body > section { min-width:0; padding:7px; border:1px solid rgba(92,136,143,.16); background:rgba(2,10,16,.68); }
.hierarchy-evidence-body > section > p { margin:3px 0 0; color:#688289; font:4.5px/1.4 Arial,sans-serif; }
.hierarchy-evidence-levels { display:grid; gap:4px; margin-top:7px; }
.hierarchy-evidence-levels article { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:4px 5px; padding:5px; border-left:2px solid #58b9ae; background:linear-gradient(90deg,rgba(32,111,103,.12),rgba(4,13,19,.4)); }
.hierarchy-evidence-levels article.exhausted { border-left-color:#b56f72; background:linear-gradient(90deg,rgba(134,55,62,.13),rgba(4,13,19,.4)); }
.hierarchy-evidence-levels article header { display:block; }
.hierarchy-evidence-levels article header strong { color:#bcece5; font:7px var(--mono); }
.hierarchy-evidence-levels article header b { display:block; margin-top:1px; color:#7ba19f; font:4px var(--mono); font-weight:400; white-space:nowrap; }
.hierarchy-level-bars { display:grid; gap:2px; }
.hierarchy-level-bars i { position:relative; display:block; height:4px; overflow:hidden; border:1px solid rgba(110,146,150,.18); background:rgba(10,25,30,.85); }
.hierarchy-level-bars i::after { content:""; position:absolute; inset:0; width:calc(100% * var(--fraction)); background:linear-gradient(90deg,#58b9ae,#78dfcb); }
.hierarchy-level-bars i.atoms::after { background:linear-gradient(90deg,#8c78d7,#b594ff); }
.hierarchy-evidence-levels article p { grid-column:1 / -1; margin:0; color:#799197; font:4.25px/1.35 Arial,sans-serif; }
.hierarchy-evidence-levels article > small { grid-column:1 / -1; color:#596f75; font:3.9px/1.3 var(--mono); }
.hierarchy-claim-ladder { display:grid; gap:3px; margin-top:7px; }
.hierarchy-claim-ladder article { display:grid; grid-template-columns:17px minmax(0,1fr); gap:2px 5px; align-items:center; padding:5px; border:1px solid rgba(100,125,133,.14); background:rgba(3,10,16,.62); }
.hierarchy-claim-ladder article small { grid-row:1 / 3; display:grid; width:15px; height:15px; place-items:center; border:1px solid #53666d; border-radius:50%; color:#637a82; font:4px var(--mono); }
.hierarchy-claim-ladder article strong { color:#71858c; font:4.7px Arial,sans-serif; font-weight:500; }
.hierarchy-claim-ladder article b { color:#4f6269; font:3.8px var(--mono); font-weight:400; text-transform:uppercase; }
.hierarchy-claim-ladder article.pass { border-color:rgba(94,211,202,.24); background:rgba(31,101,94,.09); }
.hierarchy-claim-ladder article.pass small { border-color:#58b9ae; color:#78dfcb; }
.hierarchy-claim-ladder article.pass strong { color:#b7e8e1; }
.hierarchy-claim-ladder article.pass b { color:#6dadab; }
.hierarchy-claim-ladder article.highest { box-shadow:inset 2px 0 #78dfcb,0 0 12px rgba(94,211,202,.07); }
.hierarchy-claim-ladder article.open { opacity:.62; }
.hierarchy-evidence-diagnosis { position:relative; z-index:1; margin-top:7px; padding:7px; border:1px solid rgba(240,201,106,.19); background:linear-gradient(90deg,rgba(122,91,30,.1),rgba(3,12,17,.64)); }
.hierarchy-evidence-diagnosis strong { color:#e4cc8f; font:5.4px Arial,sans-serif; font-weight:560; }
.hierarchy-evidence-diagnosis p { margin:3px 0 0; color:#998d70; font:4.7px/1.48 Arial,sans-serif; }
.hierarchy-evidence-microscope > p { position:relative; z-index:1; margin:7px 1px 0; padding-top:7px; border-top:1px solid rgba(94,211,202,.12); color:#677d82; font:4.6px/1.48 Arial,sans-serif; }
.nucleation-landscape-inspector[hidden] { display: none; }
.nucleation-landscape-inspector header { display: flex; justify-content: space-between; gap: 8px; align-items: end; }
.nucleation-landscape-inspector header span,.nucleation-landscape-inspector header small,.nucleation-landscape-inspector header strong { display: block; }
.nucleation-landscape-inspector header small { color: #8d7757; font: 5px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
.nucleation-landscape-inspector header strong { margin-top: 3px; color: #ffe1b2; font: 8px var(--sans); }
.nucleation-landscape-inspector header b { color: #ffc169; font: 5px var(--mono); font-weight: 400; }
.nucleation-landscape-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; margin: 8px 0; }
.nucleation-landscape-summary span { border-top: 1px solid rgba(255,193,105,.14); padding-top: 5px; }
.nucleation-landscape-summary small,.nucleation-landscape-summary strong { display: block; }
.nucleation-landscape-summary small { color: #6f715f; font: 4px var(--mono); text-transform: uppercase; }
.nucleation-landscape-summary strong { color: #eaf8e9; font: 7px var(--mono); font-weight: 400; margin-top: 3px; }
.nucleation-landscape-candidates { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
.nucleation-landscape-candidates article { border: 1px solid rgba(255,193,105,.12); padding: 5px 6px; background: rgba(3,15,16,.42); }
.nucleation-landscape-candidates article.selected { border-color: rgba(101,225,188,.55); box-shadow: inset 2px 0 #65e1bc; }
.nucleation-landscape-candidates small,.nucleation-landscape-candidates strong,.nucleation-landscape-candidates em { display: block; }
.nucleation-landscape-candidates small { color: #716c58; font: 4px var(--mono); text-transform: uppercase; }
.nucleation-landscape-candidates strong { color: #ffd99f; font: 6px var(--mono); font-weight: 400; margin-top: 2px; }
.nucleation-landscape-candidates em { color: #6f8580; font: 5px var(--sans); font-style: normal; margin-top: 2px; }
.nucleation-landscape-inspector > p { color: #687a76; font: 5px var(--sans); line-height: 1.45; margin: 7px 0 0; }
.protocol-field { border-top: 1px solid rgba(101,225,188,.22); padding-top: 9px; }
.growth-protocol-summary { margin: -2px 0 9px; padding: 8px 9px; border: 1px solid rgba(101,225,188,.2); background: linear-gradient(110deg,rgba(101,225,188,.08),rgba(85,200,255,.025)); }.growth-protocol-summary span,.growth-protocol-summary b,.growth-protocol-summary small { display: block; }.growth-protocol-summary b { color: #aaf3dd; font: 7px var(--mono); font-weight: 400; text-transform: uppercase; letter-spacing: .08em; }.growth-protocol-summary small { margin-top: 4px; color: #718c84; font: 6px/1.45 var(--sans); }
.growth-physics-preflight { margin: 0 0 9px; padding: 8px; border: 1px solid rgba(181,148,255,.22); background: linear-gradient(145deg,rgba(181,148,255,.055),rgba(5,15,17,.72)); }
.growth-physics-preflight > header { display: flex; align-items: start; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.growth-physics-preflight > header span,.growth-physics-preflight > header small,.growth-physics-preflight > header strong { display: block; }
.growth-physics-preflight > header small { color: #77699b; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.growth-physics-preflight > header strong { margin-top: 4px; color: #d8cfef; font: 7px var(--mono); font-weight: 400; }
.growth-physics-preflight > header > b { max-width: 46%; color: var(--mint); font: 5px/1.45 var(--mono); font-weight: 400; text-align: right; }
.physics-compression-map { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(108px,1fr); gap: 3px; margin: 0 0 6px; padding: 1px 0 4px; overflow-x: auto; }
.physics-compression-map button { position: relative; display: grid; grid-template-columns: 17px minmax(0,1fr); gap: 5px; min-width: 0; min-height: 49px; padding: 6px; border: 1px solid rgba(85,200,255,.12); background: rgba(3,13,15,.72); color: inherit; text-align: left; cursor: pointer; }
.physics-compression-map button:hover,.physics-compression-map button:focus-visible,.physics-compression-map button.active { border-color: rgba(85,200,255,.5); background: rgba(85,200,255,.045); outline: none; }
.physics-compression-map button > b { display: grid; place-items: center; align-self: start; width: 17px; height: 17px; border: 1px solid rgba(85,200,255,.18); color: #6d929d; font: 5px var(--mono); font-weight: 400; }
.physics-compression-map button > span strong,.physics-compression-map button > span small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.physics-compression-map button > span strong { color: #b6d2d9; font: 5px var(--mono); font-weight: 400; }
.physics-compression-map button > span small { margin-top: 3px; color: #55727a; font: 4px var(--mono); }
.physics-compression-map button.open { border-bottom-color: rgba(255,117,111,.55); }.physics-compression-map button.declared { border-bottom-color: rgba(255,193,105,.55); }.physics-compression-map button.structural { border-bottom-color: rgba(101,225,188,.55); }.physics-compression-map button.partial,.physics-compression-map button.hybrid { border-bottom-color: rgba(181,148,255,.55); }
.physics-compression-meter { grid-column: 1 / -1; display: flex; height: 2px; gap: 1px; overflow: hidden; background: rgba(255,255,255,.025); }
.physics-compression-meter span.structural { background: #65e1bc; }.physics-compression-meter span.hypothesis { background: #ffc169; }.physics-compression-meter span.open { background: #ff756f; }
.growth-physics-preflight .leap-physics-filters,.growth-physics-preflight .leap-physics-matrix { grid-template-columns: repeat(2,minmax(0,1fr)); }
.growth-physics-preflight .leap-physics-matrix { max-height: 224px; overflow: auto; padding-right: 2px; }
.physics-effect-filters { display: grid; grid-template-columns: repeat(7,minmax(48px,1fr)); gap: 3px; margin: 0 0 5px; overflow-x: auto; }
.physics-effect-filters button { min-width: 48px; min-height: 23px; padding: 4px; border: 1px solid rgba(85,200,255,.11); background: rgba(3,13,15,.68); color: #55747b; font: 4px var(--mono); text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.physics-effect-filters button:hover,.physics-effect-filters button:focus-visible,.physics-effect-filters button.active { border-color: rgba(85,200,255,.48); color: #a9d9e4; background: rgba(85,200,255,.045); outline: none; }
.physics-readiness-filters { display: grid; grid-template-columns: repeat(6,minmax(58px,1fr)); gap: 3px; margin: 0 0 5px; overflow-x: auto; }
.physics-readiness-filters button { min-width: 58px; min-height: 23px; padding: 4px; border: 1px solid rgba(181,148,255,.11); background: rgba(3,13,15,.68); color: #665c7c; font: 4px var(--mono); text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.physics-readiness-filters button:hover,.physics-readiness-filters button:focus-visible,.physics-readiness-filters button.active { border-color: rgba(181,148,255,.48); color: #c6b9e9; background: rgba(181,148,255,.045); outline: none; }
.physics-protocol-composer { margin: 6px 0; padding: 7px; border: 1px solid rgba(101,225,188,.16); background: linear-gradient(135deg,rgba(101,225,188,.035),rgba(85,200,255,.018)); }
.physics-protocol-composer > header { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
.physics-protocol-composer > header span small,.physics-protocol-composer > header span strong { display: block; }
.physics-protocol-composer > header small { color: #527b70; font: 4px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.physics-protocol-composer > header strong { margin-top: 3px; color: #b9ddd3; font: 6px var(--mono); font-weight: 400; }
.physics-protocol-composer > header b { color: var(--mint); font: 5px var(--mono); font-weight: 400; text-align: right; }
.physics-protocol-presets { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 6px; }
.physics-protocol-presets button { min-height: 22px; padding: 4px; border: 1px solid rgba(101,225,188,.14); background: rgba(3,13,15,.62); color: #6f9187; font: 4px var(--mono); text-transform: uppercase; cursor: pointer; }
.physics-protocol-presets button:hover,.physics-protocol-presets button:focus-visible { border-color: rgba(101,225,188,.55); color: #bce7da; outline: none; }
.physics-protocol-presets button:disabled { opacity: .35; cursor: default; }
.physics-protocol-coverage { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; margin-top: 5px; }
.physics-protocol-coverage span { padding: 4px; border-top: 1px solid rgba(101,225,188,.1); color: #647e77; font: 4px var(--mono); }
.physics-protocol-coverage small,.physics-protocol-coverage strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.physics-protocol-coverage small { text-transform: uppercase; }.physics-protocol-coverage strong { margin-top: 2px; color: #a7c6bd; font-weight: 400; }
.physics-protocol-selection { display: flex; gap: 3px; margin-top: 5px; padding-bottom: 2px; overflow-x: auto; }
.physics-protocol-selection button { flex: 0 0 auto; max-width: 126px; padding: 3px 5px; border: 1px solid rgba(181,148,255,.15); background: rgba(181,148,255,.025); color: #8c80a4; font: 4px var(--mono); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.physics-protocol-selection button:hover,.physics-protocol-selection button:focus-visible { border-color: rgba(255,117,111,.5); color: #d8a6a4; outline: none; }
.physics-protocol-selection button:disabled { cursor: default; opacity: .65; }
.physics-protocol-selection button.ablated { border-style: dashed; border-color: rgba(255,193,105,.42); color: #c3a77e; }
.physics-protocol-selection .empty { color: #5e716c; font: 4px var(--mono); }
.physics-protocol-intervention { display: grid; grid-template-columns: minmax(126px,.8fr) minmax(0,1.2fr); gap: 5px; margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(101,225,188,.1); }
.physics-protocol-intervention label { color: #66827a; font: 4px var(--mono); text-transform: uppercase; }
.physics-protocol-intervention select { display: block; width: 100%; margin-top: 3px; padding: 4px 18px 4px 5px; border: 1px solid rgba(101,225,188,.15); background: #071415; color: #9bb8b0; font: 5px var(--mono); }
.physics-protocol-intervention select:disabled { opacity: .45; }
.physics-protocol-intervention article { padding: 4px 6px; border-left: 2px solid rgba(181,148,255,.4); background: rgba(181,148,255,.025); color: #746b86; font: 4px/1.4 var(--mono); }
.physics-protocol-intervention article.ready { border-left-color: var(--mint); color: #6f9086; }
.physics-protocol-intervention article.warning { border-left-color: #ffc169; color: #8b765b; }
.physics-protocol-intervention article b,.physics-protocol-intervention article span { display: block; }
.physics-protocol-intervention article b { color: #c3b7dc; font-weight: 400; text-transform: uppercase; }.physics-protocol-intervention article span { margin-top: 2px; }
.physics-protocol-arm-buttons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 5px; }
.physics-protocol-arm-buttons button { min-height: 21px; padding: 3px 4px; border: 1px solid rgba(101,225,188,.18); background: rgba(2,13,14,.72); color: #78968d; font: 4px var(--mono); cursor: pointer; }
.physics-protocol-arm-buttons button:hover,.physics-protocol-arm-buttons button:focus-visible,.physics-protocol-arm-buttons button.active { border-color: rgba(101,225,188,.58); color: #c3e7dc; outline: none; }
.physics-protocol-arm-buttons button.active { box-shadow: inset 2px 0 var(--mint); background: rgba(101,225,188,.05); }
.physics-protocol-arm-buttons button:disabled { opacity: .4; cursor: default; }
.physics-protocol-arm-buttons small { grid-column: 1/-1; color: #71877f; font: 4px/1.35 var(--mono); }
.physics-protocol-composer > p { margin: 5px 0 0; color: #5d756e; font: 4px/1.45 var(--mono); }
.physics-pair-tracker { margin-top:6px; border:1px solid rgba(103,191,255,.15); background:rgba(4,15,17,.72); }.physics-pair-tracker > header { display:flex; align-items:end; justify-content:space-between; gap:8px; padding:6px 7px; border-bottom:1px solid rgba(103,191,255,.09); }.physics-pair-tracker > header span small,.physics-pair-tracker > header span strong { display:block; }.physics-pair-tracker > header small { color:#5d8190; font:4px var(--mono); text-transform:uppercase; }.physics-pair-tracker > header strong { margin-top:3px; color:#b8d5df; font:5px var(--mono); font-weight:400; }.physics-pair-tracker > header > b { color:#708991; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.physics-pair-tracker.matched { border-color:rgba(101,225,188,.36); box-shadow:inset 2px 0 rgba(101,225,188,.55); }.physics-pair-tracker.comparison-blocked,.physics-pair-tracker.baseline-missing { border-color:rgba(255,139,143,.3); }.physics-pair-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; padding:5px; }.physics-pair-steps > span { display:grid; grid-template-columns:auto 1fr; gap:2px 5px; align-items:center; min-width:0; padding:5px; border:1px solid rgba(151,194,183,.08); background:rgba(3,12,13,.65); }.physics-pair-steps b { grid-row:1/3; color:#405d61; font:5px var(--mono); font-weight:400; }.physics-pair-steps strong,.physics-pair-steps small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.physics-pair-steps strong { color:#6f8782; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.physics-pair-steps small { color:#425c58; font:3px var(--mono); }.physics-pair-steps > span.complete { border-color:rgba(101,225,188,.25); background:rgba(101,225,188,.035); }.physics-pair-steps > span.complete b,.physics-pair-steps > span.complete strong { color:#77b8a7; }.physics-pair-steps > span.active { border-color:rgba(255,193,105,.34); box-shadow:inset 0 -2px rgba(255,193,105,.45); }.physics-pair-steps > span.active b,.physics-pair-steps > span.active strong { color:#c79e6a; }.physics-pair-tracker > p { margin:0; padding:5px 7px; border-top:1px solid rgba(151,194,183,.06); color:#718984; font:4px/1.4 var(--mono); }.physics-pair-tracker > footer { display:flex; flex-wrap:wrap; gap:4px; padding:0 7px 7px; }.physics-pair-tracker > footer button { min-height:22px; padding:4px 7px; border:1px solid rgba(103,191,255,.22); background:rgba(4,20,22,.86); color:#86aab4; font:4px var(--mono); cursor:pointer; }.physics-pair-tracker > footer button:nth-child(2) { border-color:rgba(255,193,105,.28); color:#c19a69; }.physics-pair-tracker > footer button:last-child { border-color:rgba(101,225,188,.28); color:#83bbae; }.physics-pair-tracker > footer button:hover,.physics-pair-tracker > footer button:focus-visible { border-color:#67bfff; color:#e2f3f7; outline:none; }.physics-pair-tracker > footer button:disabled { opacity:.35; cursor:not-allowed; }
.growth-physics-preflight .leap-physics-matrix button.protocol-selected { box-shadow: inset 2px 0 var(--mint); }
.leap-physics-actions .protocol-toggle { min-width: 118px; border-color: rgba(181,148,255,.3); color: #b8a7de; }
.growth-physics-preflight .leap-physics-detail > div { grid-template-columns: 62px minmax(0,1fr); }
.growth-physics-preflight > p { margin: 6px 1px 0; color: #667b75; font: 5px/1.5 var(--mono); }
.growth-control-group { margin: 7px 0; border: 1px solid rgba(134,165,156,.18); border-radius: 3px; background: rgba(4,10,9,.24); overflow: hidden; }
.growth-control-group > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 10px; cursor: pointer; list-style: none; background: linear-gradient(105deg,rgba(126,225,232,.055),rgba(181,148,255,.025)); user-select: none; }
.growth-control-group > summary::-webkit-details-marker { display: none; }
.growth-control-group > summary::after { content: "+"; order: 3; color: #6d8981; font: 12px var(--mono); transition: transform .16s ease,color .16s ease; }
.growth-control-group[open] > summary::after { content: "−"; color: var(--mint); }
.growth-control-group > summary span,.growth-control-group > summary strong,.growth-control-group > summary small { display: block; }
.growth-control-group > summary small { color: #607b73; font: 6px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.growth-control-group > summary strong { margin-top: 3px; color: #cbdad5; font: 8px var(--sans); font-weight: 520; }
.growth-control-group > summary b { margin-left: auto; color: #7fa297; font: 6px var(--mono); font-weight: 400; text-align: right; }
.growth-control-group[open] > summary { border-bottom: 1px solid rgba(101,225,188,.12); background: linear-gradient(105deg,rgba(101,225,188,.09),rgba(85,200,255,.035)); }
.growth-control-group > summary:focus-visible { outline: 2px solid var(--mint); outline-offset: -2px; }
.growth-control-fields { padding: 1px 9px 10px; }
.growth-control-fields > .field:first-child { margin-top: 9px; }
.marking-portfolio-audit { grid-column: 1 / -1; margin: 3px 0 7px; padding: 8px; border: 1px solid rgba(101,225,188,.14); background: linear-gradient(135deg,rgba(101,225,188,.025),rgba(181,148,255,.018)); }
.marking-portfolio-audit > header { display: flex; align-items: end; justify-content: space-between; gap: 8px; }
.marking-portfolio-audit > header span { display: grid; gap: 2px; }
.marking-portfolio-audit > header small { color: var(--faint); font: 5px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.marking-portfolio-audit > header strong { color: #b9d9d0; font: 600 7px var(--mono); }
.marking-portfolio-audit > header b { max-width: 55%; color: var(--mint); font: 5px/1.35 var(--mono); font-weight: 400; text-align: right; }
.marking-portfolio-rows { display: grid; gap: 3px; margin-top: 6px; }
.marking-portfolio-rows > article { display: grid; grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 6px; padding: 5px 6px; border-left: 2px solid rgba(181,148,255,.22); background: rgba(3,12,14,.48); }
.marking-portfolio-rows > article.active { border-left-color: var(--mint); background: rgba(101,225,188,.035); }
.marking-portfolio-rows > article.validation-weak { border-right: 1px solid rgba(255,193,105,.22); }
.marking-portfolio-rows > article.validation-weak span:last-child strong { color: var(--amber); }
.marking-portfolio-rows span { display: grid; gap: 2px; min-width: 0; }
.marking-portfolio-rows span:last-child { text-align: right; }
.marking-portfolio-rows strong { color: #a9c5bd; font: 600 5.5px var(--mono); }
.marking-portfolio-rows small { overflow: hidden; color: var(--faint); font: 5px/1.3 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.marking-portfolio-audit > p { margin: 6px 0 0; color: var(--faint); font: 5px/1.4 var(--mono); }
.relaxation-sequence { margin: 8px 0 6px; padding: 7px 8px; border: 1px solid rgba(255,181,104,.18); background: linear-gradient(145deg,rgba(255,181,104,.035),rgba(85,200,255,.025)); }
.relaxation-sequence[hidden] { display: none; }
.relaxation-sequence > div:first-child { display: flex; justify-content: space-between; gap: 8px; color: #6e8780; font: 6px var(--mono); text-transform: uppercase; }
.relaxation-sequence > div:first-child b { color: #d2a46e; font-weight: 400; text-align: right; }
.relaxation-sequence svg { display: block; width: 100%; height: 76px; margin-top: 3px; overflow: visible; }
.relaxation-axis { stroke: rgba(151,194,183,.2); stroke-width: 1; }
.relaxation-energy { fill: none; stroke: var(--mint); stroke-width: 1.45; vector-effect: non-scaling-stroke; }
.relaxation-force { fill: none; stroke: #ff9a79; stroke-width: 1.2; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; }
.relaxation-point { fill: #91b9ae; stroke: #071416; stroke-width: 1; cursor: pointer; }
.relaxation-point:hover,.relaxation-point:focus,.relaxation-point.active { fill: #fff2d7; stroke: #ffb568; outline: none; }
.relaxation-sequence-legend { display: flex; gap: 13px; color: #647d76; font: 5px var(--mono); }
.relaxation-sequence-legend span { display: inline-flex; align-items: center; gap: 4px; }
.relaxation-sequence-legend span::before { content: ""; width: 10px; height: 2px; background: var(--mint); }
.relaxation-sequence-legend span + span::before { background: #ff9a79; }
.relaxation-displacement-state { margin-top: 5px; padding-top: 5px; border-top: 1px solid rgba(137,206,255,.12); color: #83a9b9; font: 5px/1.5 var(--mono); }
.relaxation-neighbor-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; color: #647d76; font: 5px var(--mono); }
.relaxation-neighbor-legend span { display: inline-flex; align-items: center; gap: 3px; }
.relaxation-neighbor-legend span::before { content: ""; width: 7px; height: 2px; background: #ff756f; }
.relaxation-neighbor-legend span:nth-child(2)::before { background: var(--mint); }
.relaxation-neighbor-legend span:nth-child(3)::before { background: #b995ff; }
.relaxation-sequence p { margin: 5px 0 0; color: #687e78; font: 5px/1.45 var(--mono); }
.model-force-response-diagnostic { margin: 8px 0 2px; padding: 8px; border: 1px solid rgba(103,220,188,.2); border-radius: 3px; background: radial-gradient(circle at 18% 0,rgba(103,220,188,.07),transparent 42%),linear-gradient(145deg,rgba(5,15,13,.86),rgba(8,12,18,.78)); }
.model-force-response-diagnostic[hidden] { display: none; }
.model-force-response-diagnostic > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.model-force-response-diagnostic > header span,.model-force-response-diagnostic > header small,.model-force-response-diagnostic > header strong { display: block; }
.model-force-response-diagnostic > header small { color: #69837b; font: 5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.model-force-response-diagnostic > header strong { margin-top: 2px; color: #d5e7e1; font: 8px var(--sans); font-weight: 560; }
.model-force-response-diagnostic select { width: auto; max-width: 126px; padding: 4px 20px 4px 6px; color: #a9c8be; font: 6px var(--mono); }
.model-force-response-diagnostic svg { display: block; width: 100%; height: 184px; margin-top: 5px; overflow: visible; }
.model-force-response-legend { display: flex; flex-wrap: wrap; gap: 5px 10px; color: #6d857d; font: 5px var(--mono); }
.model-force-response-legend span { display: inline-flex; align-items: center; gap: 4px; }
.model-force-response-legend span::before { content: ""; width: 9px; height: 2px; border-radius: 2px; background: #69e0bd; }
.model-force-response-legend span:nth-child(2)::before { background: #ffb36f; }
.model-force-response-legend span:nth-child(3)::before { background: #7eb9ff; }
.model-force-response-legend span:nth-child(4)::before { width: 6px; height: 6px; border-radius: 50%; background: #ff6f75; }
.model-force-response-diagnostic p { margin: 5px 0 0; color: #829b93; font: 5.5px/1.45 var(--mono); }
.model-force-response-diagnostic .model-force-response-boundary { color: #60776f; }
.model-force-response-diagnostic .response-tangent-point { cursor: pointer; outline: none; }
.model-force-response-diagnostic .response-tangent-point:focus { stroke: #fff; stroke-width: 1.5; }
.model-force-cartesian-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: 7px; padding-top: 6px; border-top: 1px solid rgba(103,220,188,.12); color: #9cb8af; font: 6px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.model-force-cartesian-heading small { color: #60776f; font-size: 5px; letter-spacing: .02em; text-transform: none; }
.model-force-cartesian-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; margin-top: 5px; }
.model-force-cartesian-cell { position: relative; min-width: 0; padding: 5px 6px; border: 1px solid rgba(126,185,255,.16); border-radius: 2px; background: linear-gradient(145deg,rgba(126,185,255,.05),rgba(6,13,16,.5)); color: #8ba89f; text-align: left; cursor: pointer; }
.model-force-cartesian-cell::after { content: ""; position: absolute; left: 0; bottom: 0; width: calc(var(--gradient-ratio,0) * 100%); max-width: 100%; height: 2px; background: #69e0bd; }
.model-force-cartesian-cell.failed { border-color: rgba(255,111,117,.48); background: rgba(255,111,117,.07); }
.model-force-cartesian-cell.failed::after { background: #ff6f75; }
.model-force-cartesian-cell.selected { outline: 1px solid rgba(255,255,255,.65); outline-offset: -1px; }
.model-force-cartesian-cell small,.model-force-cartesian-cell strong,.model-force-cartesian-cell span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.model-force-cartesian-cell small { color: #60776f; font: 4.8px var(--mono); text-transform: uppercase; }
.model-force-cartesian-cell strong { margin-top: 2px; color: #d2e5df; font: 7px var(--mono); }
.model-force-cartesian-cell span { margin-top: 1px; color: #789188; font: 4.8px var(--mono); }
.model-force-cartesian-cell:focus-visible { outline: 1px solid #fff; }
.model-force-reaction-grid .model-force-cartesian-cell { border-color: rgba(186,139,255,.2); background: linear-gradient(145deg,rgba(186,139,255,.06),rgba(6,13,16,.5)); }
.model-force-reaction-grid .model-force-cartesian-cell::after { background: #ba8bff; }
.model-force-reaction-grid .model-force-cartesian-cell.failed::after { background: #ff6f75; }
.model-force-torque-grid .model-force-cartesian-cell { border-color: rgba(255,179,111,.2); background: linear-gradient(145deg,rgba(255,179,111,.06),rgba(6,13,16,.5)); }
.model-force-torque-grid .model-force-cartesian-cell::after { background: #ffb36f; }
.model-force-torque-grid .model-force-cartesian-cell.failed::after { background: #ff6f75; }
.model-force-fixed-site-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 5px; }
.model-force-fixed-site-card { padding: 6px; border: 1px solid rgba(98,172,255,.25); border-radius: 2px; background: linear-gradient(145deg,rgba(98,172,255,.06),rgba(6,13,16,.5)); color: #8ba89f; text-align: left; cursor: pointer; }
.model-force-fixed-site-card.failed { border-color: rgba(255,111,117,.48); background: rgba(255,111,117,.07); }
.model-force-fixed-site-card.selected { outline: 1px solid rgba(255,255,255,.65); outline-offset: -1px; }
.model-force-fixed-site-card small,.model-force-fixed-site-card strong,.model-force-fixed-site-card span { display: block; }
.model-force-fixed-site-card small { color: #60776f; font: 4.8px var(--mono); text-transform: uppercase; }
.model-force-fixed-site-card strong { margin-top: 2px; color: #d2e5df; font: 7px var(--mono); }
.model-force-fixed-site-card span { margin-top: 2px; color: #789188; font: 4.8px var(--mono); }
.model-force-virial-endpoint-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 5px; }
.model-force-virial-card { padding: 6px; border: 1px solid rgba(255,203,92,.24); border-radius: 2px; background: linear-gradient(145deg,rgba(255,203,92,.055),rgba(6,13,16,.5)); color: #8ba89f; text-align: left; cursor: pointer; }
.model-force-virial-card.failed { border-color: rgba(255,111,117,.48); background: rgba(255,111,117,.07); }
.model-force-virial-card.selected { outline: 1px solid rgba(255,255,255,.65); outline-offset: -1px; }
.model-force-virial-card small,.model-force-virial-card strong,.model-force-virial-card span { display: block; }
.model-force-virial-card small { color: #60776f; font: 4.8px var(--mono); text-transform: uppercase; }
.model-force-virial-card strong { margin-top: 2px; color: #f1daa6; font: 7px var(--mono); }
.model-force-virial-card span { margin-top: 2px; color: #8e836a; font: 4.8px var(--mono); }
.model-force-virial-matrix { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px; margin-top: 4px; }
.model-force-virial-cell { min-height: 25px; padding: 4px; border: 1px solid rgba(255,255,255,.08); background: color-mix(in srgb,var(--virial-color) 22%,#071012); }
.model-force-virial-cell small,.model-force-virial-cell strong { display: block; }
.model-force-virial-cell small { color: #667970; font: 4.5px var(--mono); text-transform: uppercase; }
.model-force-virial-cell strong { margin-top: 2px; color: #d9e4df; font: 6px var(--mono); }
.model-force-covariance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 5px; }
.model-force-covariance-card { padding: 6px; border: 1px solid rgba(105,224,189,.2); border-radius: 2px; background: linear-gradient(145deg,rgba(105,224,189,.05),rgba(6,13,16,.5)); color: #8ba89f; text-align: left; cursor: pointer; }
.model-force-covariance-card.failed { border-color: rgba(255,111,117,.48); background: rgba(255,111,117,.07); }
.model-force-covariance-card.selected { outline: 1px solid rgba(255,255,255,.65); outline-offset: -1px; }
.model-force-covariance-card small,.model-force-covariance-card strong,.model-force-covariance-card span { display: block; }
.model-force-covariance-card small { color: #60776f; font: 4.8px var(--mono); text-transform: uppercase; }
.model-force-covariance-card strong { margin-top: 2px; color: #d2e5df; font: 7px var(--mono); }
.model-force-covariance-card span { margin-top: 2px; color: #789188; font: 4.8px var(--mono); }
@media (max-width: 760px) { .model-force-cartesian-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.stress-strain-response { margin-top: 7px; padding: 7px; border: 1px solid rgba(90,226,168,.18); background: linear-gradient(135deg,rgba(90,226,168,.035),rgba(98,172,255,.03)); }
.stress-strain-response[hidden] { display: none; }
.stress-strain-response header { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.stress-strain-response header small,.stress-strain-response header strong { display: block; }
.stress-strain-response header small { color: #648f81; font: 5px var(--mono); text-transform: uppercase; }
.stress-strain-response header strong { margin-top: 2px; color: #83d8bc; font: 7px var(--mono); font-weight: 400; }
.stress-strain-response button { min-height: 22px; padding: 0 7px; border: 1px solid rgba(90,226,168,.28); background: #071415; color: #67d9b3; font: 5px var(--mono); }
.stress-strain-response button:disabled { opacity: .38; }
.stress-strain-response > div { margin-top: 4px; color: #72a694; font: 5px/1.4 var(--mono); }
.stress-strain-response svg { display: block; width: 100%; height: 78px; margin-top: 3px; }
.stress-strain-response .response-axis { stroke: rgba(90,226,168,.2); stroke-width: .8; }
.stress-strain-response .response-observed { fill: none; stroke: #5ae2a8; stroke-width: 1.1; }
.stress-strain-response .response-predicted { fill: none; stroke: #62acff; stroke-width: 1; stroke-dasharray: 3 2; }
.stress-strain-response .response-point { fill: #071415; stroke: #5ae2a8; stroke-width: .9; cursor: pointer; }
.stress-strain-response .response-point.active { fill: #ffbf6b; stroke: #fff0cf; }
.stress-strain-response-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; }
.stress-strain-response-metrics span { padding: 4px; border: 1px solid rgba(90,226,168,.1); }
.stress-strain-response-metrics small,.stress-strain-response-metrics strong { display: block; }
.stress-strain-response-metrics small { color: #55766c; font: 4.5px var(--mono); text-transform: uppercase; }
.stress-strain-response-metrics strong { margin-top: 2px; color: #a9e9d4; font: 6px var(--mono); font-weight: 400; }
.stress-strain-response p { color: #66847a; }
.relaxation-calibration { margin-top: 7px; padding: 7px; border: 1px solid rgba(181,148,255,.16); background: rgba(181,148,255,.025); }
.relaxation-calibration header { display: flex; align-items: start; justify-content: space-between; gap: 7px; }
.relaxation-calibration header span small,.relaxation-calibration header span strong { display: block; }
.relaxation-calibration header small { color: #7d6fa2; font: 5px var(--mono); text-transform: uppercase; }
.relaxation-calibration header strong { margin-top: 2px; color: #b9a4e8; font: 7px var(--mono); font-weight: 400; }
.relaxation-calibration-selects { display: grid; gap: 3px; }
.relaxation-calibration select { max-width: 138px; height: 21px; padding: 0 4px; border: 1px solid rgba(181,148,255,.2); background: #071415; color: #8e83ac; font: 5px var(--mono); }
.relaxation-calibration > div { margin-top: 5px; color: #8c84a3; font: 5px/1.4 var(--mono); }
.relaxation-calibration svg { height: 104px; margin-top: 3px; }
.relaxation-calibration .calibration-axis { stroke: rgba(181,148,255,.22); stroke-width: .8; }
.relaxation-calibration .calibration-fit { stroke: rgba(255,193,105,.62); stroke-width: 1; stroke-dasharray: 3 2; }
.relaxation-calibration .calibration-prediction-link { stroke: rgba(98,172,255,.28); stroke-width: .65; }
.relaxation-calibration .calibration-prediction { fill: #071415; stroke: rgba(98,172,255,.9); stroke-width: 1; }
.relaxation-calibration .calibration-point { fill: rgba(101,225,188,.68); stroke: #d9fff3; stroke-width: .5; cursor: pointer; }
.relaxation-calibration .calibration-point.active { fill: #ffbf6b; stroke: #fff0cf; stroke-width: 1; }
.relaxation-calibration .calibration-label { fill: #6f6981; font: 5px var(--mono); }
.relaxation-surrogate-state { padding-top: 4px; border-top: 1px solid rgba(98,172,255,.1); }
.relaxation-surrogate-coefficients { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; margin-top: 4px; }
.relaxation-surrogate-coefficients span { min-width: 0; }
.relaxation-surrogate-coefficients small,.relaxation-surrogate-coefficients b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.relaxation-surrogate-coefficients small { color: #686e82; font: 5px var(--mono); }
.relaxation-surrogate-coefficients b { margin-top: 2px; color: #62acff; font: 6px var(--mono); font-weight: 400; }
.relaxation-calibration-library { margin-top: 5px; padding: 5px; border: 1px solid rgba(98,172,255,.13); background: rgba(98,172,255,.025); }
.relaxation-calibration-library header { align-items: center; }
.relaxation-calibration-actions { display: flex; gap: 3px; }
.relaxation-calibration-library button { min-height: 21px; padding: 0 6px; border: 1px solid rgba(98,172,255,.24); background: #071415; color: #62acff; font: 5px var(--mono); }
.relaxation-calibration-library button.active { border-color: rgba(90,226,168,.55); color: #5ae2a8; background: rgba(90,226,168,.07); }
.relaxation-calibration-library button:disabled { opacity: .38; }
.relaxation-calibration-library select { width: 100%; max-width: none; margin-top: 4px; }
.relaxation-calibration-library > div { margin-top: 4px; color: #718096; font: 5px/1.4 var(--mono); }
.relaxation-support-map { margin-top: 6px; padding-top: 5px; border-top: 1px solid rgba(98,172,255,.12); }
.relaxation-support-map header { align-items: end; }
.relaxation-support-map select { width: auto; max-width: 104px; margin: 0; }
.relaxation-support-map svg { height: 104px; margin-top: 2px; }
.support-box { fill: rgba(98,172,255,.04); stroke: rgba(98,172,255,.55); stroke-width: .9; stroke-dasharray: 3 2; }
.support-target { fill: #65e1bc; stroke: #d9fff3; stroke-width: .55; }
.support-candidate { fill: #b995ff; stroke: #f0e7ff; stroke-width: .55; }
.support-abstain { fill: #071415; stroke: #ff826f; stroke-width: 1; }
.support-axis { stroke: rgba(98,172,255,.18); stroke-width: .7; }
.support-label { fill: #65768a; font: 5px var(--mono); }
.relaxation-support-legend { display: flex; flex-wrap: wrap; gap: 7px; color: #647482; font: 5px var(--mono); }
.relaxation-support-legend span { display: inline-flex; align-items: center; gap: 3px; }
.relaxation-support-legend span::before { content: ""; width: 6px; height: 6px; border: 1px dashed #62acff; }
.relaxation-support-legend span:nth-child(2)::before { border: 0; border-radius: 50%; background: #65e1bc; }
.relaxation-support-legend span:nth-child(3)::before { border: 0; background: #b995ff; transform: rotate(45deg); }
.relaxation-support-legend span:nth-child(4)::before { border: 1px solid #ff826f; border-radius: 50%; background: transparent; }
.relaxation-calibration p { padding-top: 5px; border-top: 1px solid rgba(181,148,255,.1); color: #6d6879; }
.growth-group-actions { display: flex; gap: 6px; margin: 5px 0 8px; }
.growth-group-actions button { flex: 1; min-height: 26px; padding: 5px 7px; border: 1px solid rgba(126,225,232,.18); color: #74968d; background: rgba(6,13,12,.36); font: 6px var(--mono); letter-spacing: .03em; cursor: pointer; }
.growth-group-actions button:hover,.growth-group-actions button:focus-visible { border-color: rgba(101,225,188,.5); color: #b8e8d9; outline: none; }
.axis-labels span { position: absolute; z-index: 2; color: rgba(144,177,169,.45); font: 8px var(--mono); text-transform: uppercase; }
.axis-labels .x { right: 16%; bottom: 15%; }
.axis-labels .y { left: 51%; top: 14%; }
.axis-labels .z { left: 17%; bottom: 21%; }
.viewport-caption { left: 13px; bottom: 12px; max-width: calc(100% - 26px); padding: 6px 8px; color: #9eb0ab; background: rgba(6,16,17,.7); border-left: 2px solid var(--mint); font: 8px var(--mono); }
.site-provenance-inspector { position: absolute; z-index: 7; top: 54px; right: 13px; width: min(330px,calc(100% - 26px)); max-height: calc(100% - 108px); overflow: auto; padding: 8px; border: 1px solid rgba(101,225,188,.42); background: radial-gradient(circle at 88% 8%,rgba(101,225,188,.09),transparent 40%),rgba(4,13,15,.94); box-shadow: inset 2px 0 var(--mint),0 12px 32px rgba(0,0,0,.28); backdrop-filter: blur(12px); }.site-provenance-inspector[hidden] { display: none; }
.site-provenance-inspector header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px; align-items: start; }.site-provenance-inspector header span small,.site-provenance-inspector header span strong { display: block; }.site-provenance-inspector header small { color: #578777; font: 5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.site-provenance-inspector header strong { overflow: hidden; margin-top: 3px; color: #c5eee1; font: 7px var(--mono); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.site-provenance-inspector header button { width: 22px; height: 22px; padding: 0; border: 1px solid rgba(101,225,188,.16); background: rgba(4,12,14,.75); color: #71968a; cursor: pointer; }.site-provenance-inspector header button:hover { border-color: rgba(101,225,188,.52); color: #d2f8ec; }
.site-provenance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 7px; background: rgba(101,225,188,.1); }.site-provenance-grid > span { min-width: 0; padding: 6px; background: rgba(5,16,17,.94); }.site-provenance-grid small,.site-provenance-grid strong,.site-provenance-grid em { display: block; overflow: hidden; text-overflow: ellipsis; }.site-provenance-grid small { color: #56786d; font: 5px var(--mono); text-transform: uppercase; white-space: nowrap; }.site-provenance-grid strong { margin-top: 3px; color: #b8dfd3; font: 7px/1.25 var(--mono); font-weight: 400; }.site-provenance-grid em { margin-top: 3px; color: #5e7a72; font: 5px/1.35 var(--mono); font-style: normal; }.site-provenance-inspector > p { margin: 7px 0 0; color: #658078; font: 5px/1.45 var(--mono); }
.site-provenance-trigger { position: absolute; z-index: 6; top: 52px; right: 13px; min-height: 24px; padding: 0 8px; border: 1px solid rgba(101,225,188,.22); background: rgba(5,15,17,.78); color: #72968a; font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; cursor: pointer; backdrop-filter: blur(8px); }.site-provenance-trigger:hover,.site-provenance-trigger:focus-visible { border-color: rgba(101,225,188,.58); color: #d0f5ea; }.site-provenance-trigger[hidden] { display: none; }
.site-constraint-audit { margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(85,200,255,.13); }.site-constraint-audit > header { display: flex; justify-content: space-between; gap: 8px; }.site-constraint-audit > header small { color: #5b7880; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.site-constraint-audit > header strong { color: #a8cbd2; font: 5px var(--mono); font-weight: 400; text-align: right; }
.site-constraint-meters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 6px; background: rgba(85,200,255,.09); }.site-constraint-meters > span { min-width: 0; padding: 5px; background: rgba(4,13,16,.96); }.site-constraint-meters small,.site-constraint-meters strong,.site-constraint-meters em { display: block; }.site-constraint-meters small { color: #59747b; font: 5px var(--mono); text-transform: uppercase; }.site-constraint-meters strong { margin-top: 2px; color: #b5d6dc; font: 7px var(--mono); font-weight: 400; }.site-constraint-meters i { position: relative; display: block; height: 2px; margin-top: 4px; overflow: hidden; background: rgba(151,194,183,.08); }.site-constraint-meters i::after { display: block; width: var(--site-meter); height: 100%; background: #65e1bc; content: ""; }.site-constraint-meters .warn i::after { background: #f0c96a; }.site-constraint-meters .fail i::after { background: #ff7f88; }.site-constraint-meters em { margin-top: 3px; color: #526d74; font: 4px var(--mono); font-style: normal; }
.site-constraint-channels { display: grid; gap: 1px; margin-top: 5px; background: rgba(85,200,255,.07); }.site-constraint-channels > span { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.3fr) auto; gap: 6px; align-items: center; min-width: 0; padding: 4px 5px; border-left: 2px solid #65e1bc; background: rgba(4,13,16,.96); }.site-constraint-channels > span.warn { border-color: #f0c96a; }.site-constraint-channels > span.fail { border-color: #ff7f88; }.site-constraint-channels small,.site-constraint-channels strong,.site-constraint-channels em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.site-constraint-channels small { color: #6a858c; font: 5px var(--mono); }.site-constraint-channels strong { color: #accbd1; font: 5px var(--mono); font-weight: 400; }.site-constraint-channels em { color: #5f797f; font: 4px var(--mono); font-style: normal; }
.site-provenance-actions { display: flex; gap: 3px; }.site-provenance-inspector header .site-provenance-actions button:not(:last-child) { width: auto; min-width: 42px; padding: 0 6px; color: #7db6a5; font: 5px var(--mono); text-transform: uppercase; }.site-provenance-inspector header .site-provenance-actions button:first-child { min-width: 66px; }.site-provenance-inspector header .site-provenance-actions button.active { border-color: rgba(101,225,188,.65); background: rgba(101,225,188,.1); color: #c8f5e7; }
.site-environment-comparison { margin-top: 7px; padding: 7px; border: 1px solid rgba(101,225,188,.2); background: linear-gradient(135deg,rgba(101,225,188,.07),rgba(85,200,255,.035)); }.site-environment-comparison[hidden] { display: none; }.site-environment-comparison > header { align-items: center; }.site-environment-comparison > header span small,.site-environment-comparison > header span strong { display: block; }.site-environment-comparison > header button { width: auto; min-width: 34px; padding: 0 6px; font: 5px var(--mono); text-transform: uppercase; }.site-environment-comparison .site-provenance-grid { margin-top: 6px; }.site-environment-comparison > p { margin: 6px 0 0; color: #5d8177; font: 5px/1.45 var(--mono); }
.site-creation-physics-audit { margin-top: 7px; padding-top: 7px; border-top: 1px solid rgba(181,148,255,.15); }.site-creation-physics-audit > header { display: flex; justify-content: space-between; gap: 8px; }.site-creation-physics-audit > header small { color: #796b91; }.site-creation-physics-audit > header strong { color: #b8abd0; font-size: 5px; text-align: right; }.site-creation-physics-audit .site-constraint-channels > span { border-color: #b594ff; }.site-creation-physics-audit .site-constraint-channels > span.gate { border-color: #55c8ff; }.site-creation-physics-audit .site-constraint-channels > span.neutral { border-color: #53666b; }.site-creation-physics-audit > p { margin: 6px 0 0; color: #746b82; font: 5px/1.45 var(--mono); }
.site-creation-response { margin-top: 7px; padding: 7px; border: 1px solid rgba(255,188,85,.2); background: linear-gradient(135deg,rgba(255,188,85,.055),rgba(101,225,188,.025)); }.site-creation-response > header { display: flex; justify-content: space-between; gap: 8px; }.site-creation-response > header small { color: #967c4f; }.site-creation-response > header strong { color: #d9bd83; font-size: 5px; text-align: right; }.site-creation-response .site-provenance-grid { margin-top: 6px; background: rgba(255,188,85,.08); }.site-creation-response > p { margin: 6px 0 0; color: #7f745e; font: 5px/1.45 var(--mono); }
.site-structural-history { margin-top: 7px; padding: 7px; border: 1px solid rgba(85,200,255,.18); background: linear-gradient(135deg,rgba(85,200,255,.05),rgba(255,188,85,.025)); }.site-structural-history > header { display: flex; justify-content: space-between; gap: 8px; }.site-structural-history > header small { color: #668a96; }.site-structural-history > header strong { color: #9bc6d4; font-size: 5px; text-align: right; }.site-structural-history > svg { width: 100%; height: 84px; margin-top: 4px; overflow: visible; }.site-history-axis { stroke: #29464e; stroke-width: 1; }.site-history-radial,.site-history-nonaffine { fill: none; stroke-width: 1.5; }.site-history-radial { stroke: #ffbc55; }.site-history-nonaffine { stroke: #55c8ff; }.site-history-shell { fill: rgba(181,148,255,.5); }.site-history-point { fill: #071719; stroke: #55c8ff; stroke-width: 1.5; cursor: pointer; }.site-history-point.active { fill: #55c8ff; stroke: #d8f7ff; }.site-structural-history-steps { display: flex; gap: 3px; overflow-x: auto; padding-bottom: 2px; }.site-structural-history-steps button { min-width: 54px; width: auto; padding: 4px; text-align: left; border-color: #29464e; }.site-structural-history-steps button.active { border-color: #55c8ff; background: rgba(85,200,255,.1); }.site-structural-history-steps small,.site-structural-history-steps strong,.site-structural-history-steps em { display: block; white-space: nowrap; }.site-structural-history-steps small { color: #567984; font: 5px var(--mono); text-transform: uppercase; }.site-structural-history-steps strong { margin-top: 2px; color: #a8d5e0; font: 6px var(--mono); }.site-structural-history-steps em { margin-top: 2px; color: #5d7a81; font: 5px var(--mono); font-style: normal; }.site-structural-history > p { margin: 6px 0 0; color: #647d83; font: 5px/1.45 var(--mono); }
.site-population-response { margin-top: 7px; padding: 7px; border: 1px solid rgba(101,225,188,.18); background: linear-gradient(135deg,rgba(101,225,188,.045),rgba(181,148,255,.03)); }.site-population-response > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }.site-population-response > header span small,.site-population-response > header span strong { display: block; }.site-population-response > header span small { color: #638d80; }.site-population-response > header span strong { margin-top: 2px; color: #a8d4c7; font-size: 5px; }.site-population-response > header label { width: 98px; color: #52756b; font: 5px var(--mono); text-transform: uppercase; }.site-population-response > header select { height: 18px; margin-top: 2px; padding: 0 3px; font: 5px var(--mono); }.site-population-response > svg { width: 100%; height: 100px; margin-top: 4px; overflow: visible; }.site-association-axis { stroke: #294b43; stroke-width: 1; }.site-association-point { fill: rgba(101,225,188,.35); stroke: #65e1bc; stroke-width: 1; }.site-association-point.selected { fill: #b594ff; stroke: #eee6ff; stroke-width: 1.5; }.site-association-label { fill: #58776e; font: 5px var(--mono); }.site-population-response-terms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; }.site-population-response-terms button { min-width: 0; padding: 4px; text-align: left; border-color: #2b4d44; }.site-population-response-terms button.active { border-color: #65e1bc; background: rgba(101,225,188,.1); }.site-population-response-terms small,.site-population-response-terms strong,.site-population-response-terms em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.site-population-response-terms small { color: #587b70; font: 5px var(--mono); text-transform: uppercase; }.site-population-response-terms strong { margin-top: 2px; color: #a8d8c9; font: 6px var(--mono); }.site-population-response-terms em { margin-top: 2px; color: #58776e; font: 5px var(--mono); font-style: normal; }.site-population-response > p { margin: 6px 0 0; color: #607a72; font: 5px/1.45 var(--mono); }
.site-population-response > article { margin: 0 0 5px; padding: 5px; border-left: 2px solid #52666b; background: rgba(5,16,17,.58); }.site-population-response > article.retained { border-color: #65e1bc; }.site-population-response > article.reversed { border-color: #ff8d7a; }.site-population-response > article small,.site-population-response > article strong,.site-population-response > article span { display: block; }.site-population-response > article small { color: #567870; font: 5px var(--mono); text-transform: uppercase; }.site-population-response > article strong { margin-top: 3px; color: #b2d8ce; font: 6px/1.3 var(--mono); }.site-population-response > article span { margin-top: 3px; color: #607b74; font: 5px/1.4 var(--mono); }
.site-population-response > article.site-response-surrogate.useful { border-color: #55c8ff; }.site-population-response > article.site-response-surrogate.no-gain { border-color: #ff8d7a; }.site-surrogate-bars { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; margin-top: 5px; }.site-population-response > article .site-surrogate-bars > span { position: relative; min-height: 21px; margin: 0; padding: 3px; overflow: hidden; background: linear-gradient(90deg,rgba(85,200,255,.14) 0 var(--error),rgba(4,14,16,.35) var(--error)); }.site-population-response > article .site-surrogate-bars > span:nth-child(2) { background: linear-gradient(90deg,rgba(181,148,255,.15) 0 var(--error),rgba(4,14,16,.35) var(--error)); }.site-population-response > article .site-surrogate-bars > span:nth-child(3) { background: linear-gradient(90deg,rgba(89,224,183,.15) 0 var(--error),rgba(4,14,16,.35) var(--error)); }.site-population-response > article .site-surrogate-bars > span:nth-child(4) { background: linear-gradient(90deg,rgba(255,188,85,.15) 0 var(--error),rgba(4,14,16,.35) var(--error)); }.site-population-response > article .site-surrogate-bars > span:last-child { background: linear-gradient(90deg,rgba(151,194,183,.12) 0 var(--error),rgba(4,14,16,.35) var(--error)); }.site-population-response > article .site-surrogate-bars small,.site-population-response > article .site-surrogate-bars strong { position: relative; z-index: 1; margin: 0; }.site-population-response > article .site-surrogate-bars strong { margin-top: 2px; font-size: 5px; }
.site-surrogate-support { --support: 0%; position: relative; margin-top: 4px; padding: 4px; overflow: hidden; border: 1px solid rgba(85,200,255,.1); background: linear-gradient(90deg,rgba(85,200,255,.1) 0 var(--support),rgba(4,14,16,.42) var(--support)); }.site-population-response > article .site-surrogate-support small,.site-population-response > article .site-surrogate-support strong,.site-population-response > article .site-surrogate-support em { position: relative; z-index: 1; display: block; margin: 0; }.site-population-response > article .site-surrogate-support strong { margin-top: 2px; font-size: 5px; }.site-population-response > article .site-surrogate-support em { margin-top: 2px; color: #5a7774; font: 4px var(--mono); font-style: normal; }.site-surrogate-coefficients { display: flex; gap: 3px; margin-top: 4px; overflow-x: auto; }.site-population-response > article .site-surrogate-coefficients > span { min-width: 66px; margin: 0; padding: 3px; border: 1px solid rgba(181,148,255,.12); background: rgba(181,148,255,.035); }.site-population-response > article .site-surrogate-coefficients small,.site-population-response > article .site-surrogate-coefficients strong { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.site-population-response > article .site-surrogate-coefficients strong { margin-top: 2px; color: #c3b5de; font-size: 5px; }
.site-surrogate-support.context { border-color: rgba(255,188,85,.13); background: linear-gradient(90deg,rgba(255,188,85,.11) 0 var(--support),rgba(4,14,16,.42) var(--support)); }
.site-surrogate-support.local-context { border-color: rgba(89,224,183,.14); background: linear-gradient(90deg,rgba(89,224,183,.12) 0 var(--support),rgba(4,14,16,.42) var(--support)); }
.site-surrogate-readiness { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 4px; }.site-population-response > article .site-surrogate-readiness > span { margin: 0; padding: 4px; border: 1px solid rgba(107,137,132,.12); background: rgba(5,17,19,.52); }.site-population-response > article .site-surrogate-readiness small,.site-population-response > article .site-surrogate-readiness strong,.site-population-response > article .site-surrogate-readiness em { display: block; margin: 0; }.site-population-response > article .site-surrogate-readiness strong { margin-top: 2px; font: 700 5px var(--mono); letter-spacing: .08em; }.site-population-response > article .site-surrogate-readiness em { margin-top: 2px; color: #5f7d78; font: 4px var(--mono); font-style: normal; }.site-population-response > article .site-surrogate-readiness .full-interpolation { border-color: rgba(89,224,183,.25); background: rgba(89,224,183,.055); }.site-population-response > article .site-surrogate-readiness .full-interpolation strong { color: #65e1bc; }.site-population-response > article .site-surrogate-readiness .mixed-domain { border-color: rgba(255,188,85,.25); background: rgba(255,188,85,.05); }.site-population-response > article .site-surrogate-readiness .mixed-domain strong { color: #ffbc55; }.site-population-response > article .site-surrogate-readiness .extrapolation-only { border-color: rgba(255,141,122,.26); background: rgba(255,141,122,.05); }.site-population-response > article .site-surrogate-readiness .extrapolation-only strong { color: #ff8d7a; }
.site-surrogate-horizons { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 4px; }.site-population-response > article .site-surrogate-horizons button { min-width: 0; padding: 4px; text-align: left; border: 1px solid rgba(107,137,132,.12); border-radius: 2px; background: rgba(5,17,19,.48); color: #78938e; cursor: pointer; }.site-population-response > article .site-surrogate-horizons button:hover,.site-population-response > article .site-surrogate-horizons button.active { border-color: rgba(85,200,255,.34); background: rgba(85,200,255,.07); }.site-population-response > article .site-surrogate-horizons small,.site-population-response > article .site-surrogate-horizons strong,.site-population-response > article .site-surrogate-horizons em { display: block; margin: 0; }.site-population-response > article .site-surrogate-horizons strong { margin-top: 2px; color: #b5d7d1; font: 700 6px var(--mono); }.site-population-response > article .site-surrogate-horizons em { margin-top: 2px; color: #5f7d78; font: 4px var(--mono); font-style: normal; }.site-population-response > article .site-surrogate-horizon-detail { display: block; margin: 3px 0 0; padding: 4px; color: #78938e; font: 4px/1.45 var(--mono); border-left: 1px solid rgba(85,200,255,.24); background: rgba(85,200,255,.025); }
.site-population-response > article .site-surrogate-coefficients.interactions > span { border-color: rgba(255,188,85,.13); background: rgba(255,188,85,.035); }.site-population-response > article .site-surrogate-coefficients.interactions strong { color: #d6b878; }
.site-population-response > article .site-surrogate-coefficients.context > span { border-color: rgba(101,225,188,.14); background: rgba(101,225,188,.035); }.site-population-response > article .site-surrogate-coefficients.context strong { color: #91d8c3; }
.site-population-leap-profile { display: grid; grid-template-columns: repeat(var(--leap-count,1),minmax(0,1fr)); gap: 2px; min-height: 31px; margin: 0 0 5px; }.site-population-leap-profile > span { position: relative; display: flex; align-items: end; justify-content: center; min-width: 0; overflow: hidden; border-bottom: 1px solid #355f55; background: linear-gradient(to top,rgba(101,225,188,.16) 0 var(--magnitude,0%),rgba(5,16,17,.64) var(--magnitude,0%)); color: #6f9187; font: 5px var(--mono); cursor: help; }.site-population-leap-profile > span.negative { border-color: #b594ff; background: linear-gradient(to top,rgba(181,148,255,.18) 0 var(--magnitude,0%),rgba(5,16,17,.64) var(--magnitude,0%)); }.site-population-leap-profile > span.unavailable { border-style: dashed; opacity: .42; }.site-population-leap-profile > span::before { position: absolute; top: 3px; left: 50%; transform: translateX(-50%); color: #9cc9bc; content: attr(data-value); white-space: nowrap; }.site-population-artifact { margin-top: 5px; padding: 5px; border: 1px solid rgba(101,225,188,.12); background: rgba(3,12,13,.5); }.site-population-artifact summary { cursor: pointer; list-style: none; }.site-population-artifact summary::-webkit-details-marker { display: none; }.site-population-artifact summary span small,.site-population-artifact summary span strong { display: block; }.site-population-artifact summary small { color: #587b70; font: 5px var(--mono); text-transform: uppercase; }.site-population-artifact summary strong { margin-top: 2px; color: #a8d8c9; font: 5px var(--mono); font-weight: 400; }.site-population-artifact .site-provenance-grid { margin-top: 5px; }.site-population-artifact > button { width: 100%; min-height: 20px; margin-top: 4px; border-color: rgba(101,225,188,.18); color: #739b90; font: 5px var(--mono); text-transform: uppercase; }
@media (max-width: 700px) { .site-provenance-inspector { top: 50px; max-height: calc(100% - 100px); }.site-provenance-grid { grid-template-columns: 1fr; } }
.process-timeline { --process-progress: 0%; margin-top: 9px; padding: 8px 10px 7px; border: 1px solid rgba(101,225,188,.2); background: linear-gradient(90deg,rgba(101,225,188,.045),rgba(181,148,255,.025)); }
.process-timeline[hidden] { display: none; }
.process-timeline-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.process-timeline-heading small,.process-timeline-heading strong { display: block; }
.process-timeline-heading small { color: #627c75; font: 6px var(--mono); letter-spacing: .09em; text-transform: uppercase; }
.process-timeline-heading strong { margin-top: 3px; color: #cbd9d5; font: 8px var(--mono); font-weight: 400; }
.process-timeline-heading > span { color: var(--mint); font: 7px var(--mono); text-align: right; }
.process-timeline input[type="range"] { width: 100%; height: 12px; margin: 5px 0 1px; appearance: none; background: transparent; cursor: ew-resize; }
.process-timeline input[type="range"]::-webkit-slider-runnable-track { height: 2px; background: linear-gradient(90deg,var(--mint) 0 var(--process-progress),rgba(151,194,183,.18) var(--process-progress) 100%); }
.process-timeline input[type="range"]::-webkit-slider-thumb { width: 10px; height: 10px; margin-top: -4px; appearance: none; border: 1px solid #d7fff3; border-radius: 50%; background: var(--mint); box-shadow: 0 0 10px rgba(101,225,188,.55); }
.process-timeline input[type="range"]::-moz-range-track { height: 2px; background: rgba(151,194,183,.18); }
.process-timeline input[type="range"]::-moz-range-progress { height: 2px; background: var(--mint); }
.process-timeline input[type="range"]::-moz-range-thumb { width: 9px; height: 9px; border: 1px solid #d7fff3; border-radius: 50%; background: var(--mint); }
.process-timeline-scale { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; color: #4f6761; font: 5px var(--mono); text-transform: uppercase; }
.process-timeline-scale i { height: 1px; background: repeating-linear-gradient(90deg,rgba(151,194,183,.2) 0 1px,transparent 1px 12.5%); }
.process-timeline > p { margin: 5px 0 0; color: #6b817b; font: 6px/1.4 var(--mono); }
.process-evidence-ledger { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 7px; background: rgba(151,194,183,.12); }
.process-evidence-ledger button { min-width: 0; min-height: 43px; padding: 6px 8px; border: 0; border-bottom: 1px solid transparent; background: rgba(4,14,16,.9); color: inherit; text-align: left; cursor: pointer; }
.process-evidence-ledger button:hover,.process-evidence-ledger button.active { background: rgba(101,225,188,.055); border-bottom-color: var(--mint); outline: none; }
.process-evidence-ledger button.rejected strong,.process-evidence-ledger button.mixed strong { color: #ff8d90; }
.process-evidence-ledger button.accepted strong { color: var(--mint); }
.process-evidence-ledger small,.process-evidence-ledger strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.process-evidence-ledger small { color: #58706a; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.process-evidence-ledger strong { margin-top: 4px; color: #aebfba; font: 7px var(--mono); font-weight: 400; }
.process-evidence-detail { min-height: 25px; padding-top: 5px; border-top: 1px solid rgba(151,194,183,.08); color: #768d87 !important; }
.molecular-cover-ribbon { margin-top: 8px; padding: 9px 10px 8px; border: 1px solid rgba(85,200,255,.2); background: radial-gradient(circle at 12% 0,rgba(85,200,255,.08),transparent 34%),linear-gradient(120deg,rgba(101,225,188,.035),rgba(181,148,255,.035)); }
.molecular-cover-ribbon[hidden] { display: none; }
.molecular-cover-ribbon > header { display: flex; align-items: end; justify-content: space-between; gap: 12px; }
.molecular-cover-ribbon > header small,.molecular-cover-ribbon > header strong { display: block; }
.molecular-cover-ribbon > header small { color: #587d83; font: 5px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.molecular-cover-ribbon > header strong { margin-top: 3px; color: #bfd9d8; font: 7px var(--mono); font-weight: 400; }
.molecular-cover-ribbon > header b { color: #65e1bc; font: 6px var(--mono); font-weight: 400; text-align: right; white-space: nowrap; }
.molecular-cover-flow { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap: 5px; align-items: stretch; margin-top: 7px; }
.molecular-cover-flow button { --cover-color: #65e1bc; min-width: 0; padding: 6px; border: 0; border-top: 2px solid var(--cover-color); outline: 1px solid transparent; background: rgba(4,14,16,.74); color: inherit; text-align: left; cursor: pointer; }
.molecular-cover-flow button:hover,.molecular-cover-flow button:focus-visible { outline-color: color-mix(in srgb,var(--cover-color) 45%,transparent); background: color-mix(in srgb,var(--cover-color) 8%,rgba(4,14,16,.86)); }
.molecular-cover-flow button.active { outline-color: var(--cover-color); box-shadow: inset 0 0 16px color-mix(in srgb,var(--cover-color) 8%,transparent); }
.molecular-cover-flow button.connection { --cover-color: #55c8ff; }
.molecular-cover-flow button.void { --cover-color: #b594ff; }
.molecular-cover-flow button.coverage { --cover-color: #ffbc55; }
.molecular-cover-flow small,.molecular-cover-flow strong,.molecular-cover-flow b,.molecular-cover-flow span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.molecular-cover-flow small { color: #58716e; font: 5px var(--mono); text-transform: uppercase; }
.molecular-cover-flow strong { margin-top: 3px; color: #b7d1cd; font: 7px var(--mono); font-weight: 400; }
.molecular-cover-flow b { margin-top: 3px; color: var(--cover-color); font: 10px var(--mono); font-weight: 400; }
.molecular-cover-flow i { display: block; height: 2px; margin-top: 4px; background: linear-gradient(90deg,var(--cover-color) 0 var(--cover-progress),rgba(151,194,183,.1) var(--cover-progress) 100%); }
.molecular-cover-flow span { margin-top: 4px; color: #607773; font: 5px var(--mono); }
.molecular-cover-flow > em { align-self: center; color: #42655f; font: 10px var(--mono); font-style: normal; }
.molecular-cover-proof { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(151,194,183,.11); }
.molecular-cover-proof > header { grid-column: 1 / -1; display: flex; align-items: end; justify-content: space-between; gap: 12px; padding: 0 1px 2px; }
.molecular-cover-proof > header small,.molecular-cover-proof > header strong { display: block; }
.molecular-cover-proof > header small { color: #587d83; font: 5px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.molecular-cover-proof > header strong { margin-top: 2px; color: #95aaa6; font: 6px var(--mono); font-weight: 400; }
.molecular-cover-proof > header b { color: #65e1bc; font: 6px var(--mono); font-weight: 400; text-transform: uppercase; }
.molecular-cover-proof > button { --proof-color: #65e1bc; min-width: 0; padding: 6px; border: 1px solid rgba(151,194,183,.12); background: rgba(3,12,14,.68); color: inherit; text-align: left; cursor: pointer; }
.molecular-cover-proof > button:hover,.molecular-cover-proof > button:focus-visible,.molecular-cover-proof > button.active { border-color: var(--proof-color); outline: none; box-shadow: inset 0 0 14px color-mix(in srgb,var(--proof-color) 7%,transparent); }
.molecular-cover-proof > button.open { --proof-color: #ffbc55; }
.molecular-cover-proof small,.molecular-cover-proof strong,.molecular-cover-proof b,.molecular-cover-proof span { display: block; overflow: hidden; text-overflow: ellipsis; }
.molecular-cover-proof small { color: #607a74; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.molecular-cover-proof strong { margin-top: 3px; color: #bed5d0; font: 6px/1.3 var(--mono); font-weight: 400; }
.molecular-cover-proof b { margin-top: 4px; color: var(--proof-color); font: 9px var(--mono); font-weight: 400; }
.molecular-cover-proof span { margin-top: 4px; color: #617b75; font: 5px/1.35 var(--mono); }
.molecular-cover-histogram { grid-column: 1 / -1; display: flex; align-items: end; gap: 2px; height: 34px; padding: 3px 6px 0; border-left: 1px solid rgba(101,225,188,.16); border-bottom: 1px solid rgba(101,225,188,.16); background: linear-gradient(180deg,transparent,rgba(101,225,188,.025)); }
.molecular-cover-histogram i { position: relative; flex: 1 1 0; height: max(2px,var(--membership-height)); min-width: 6px; background: linear-gradient(180deg,rgba(101,225,188,.76),rgba(85,200,255,.24)); font-style: normal; }
.molecular-cover-histogram span,.molecular-cover-histogram em { position: absolute; left: 50%; overflow: visible; color: #75938b; font: 4px var(--mono); font-style: normal; white-space: nowrap; transform: translateX(-50%); }
.molecular-cover-histogram span { top: -7px; }
.molecular-cover-histogram em { bottom: -8px; }
.molecular-cover-ribbon > p { margin: 6px 0 0; color: #66817d; font: 5px/1.45 var(--mono); }
@media (max-width: 760px) { .molecular-cover-flow,.molecular-cover-proof { grid-template-columns: repeat(2,minmax(0,1fr)); }.molecular-cover-flow > em { display: none; } }
.metrics-strip { display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 14px; border-top: 1px solid var(--line); }
.metrics-strip article { min-width: 0; padding: 0 12px; border-right: 1px solid var(--line); }
.metrics-strip article:first-child { padding-left: 0; }
.metrics-strip article:last-child { border-right: 0; }
.metrics-strip small { display: block; color: var(--faint); font: 7px var(--mono); letter-spacing: .1em; }
.metrics-strip strong { display: block; margin: 4px 0 2px; font: 17px var(--mono); font-weight: 400; }
.metrics-strip span { display: block; overflow: hidden; color: var(--muted); font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
.metrics-strip .accent-metric strong { color: var(--mint); }

.structure-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 15px; padding-top: 14px; border-top: 1px solid var(--line); }
.structure-card { min-width: 0; }
.structure-card + .structure-card { padding-left: 18px; border-left: 1px solid var(--line); }
.structure-heading { display: flex; justify-content: space-between; align-items: start; gap: 12px; }
.structure-heading .eyebrow { margin-bottom: 3px; }
.structure-heading strong { color: #cbd8d4; font: 10px var(--mono); font-weight: 400; }
.structure-heading sub { font-size: .72em; }
.structure-heading > span { margin-top: 2px; color: var(--faint); font: 7px var(--mono); white-space: nowrap; }
.structure-status { display: flex; align-items: center; gap: 7px; margin-top: 2px; color: var(--faint); font: 7px var(--mono); white-space: nowrap; }
.rdf-controls { display: grid; justify-items: end; gap: 4px; color: var(--faint); font: 6px var(--mono); }
.rdf-controls select { max-width: 148px; min-height: 22px; padding: 0 20px 0 6px; border: 1px solid var(--line); background: #091719; color: #8fa39d; font: 6px var(--mono); }
.rdf-controls button { padding: 2px 0; border: 0; border-bottom: 1px solid rgba(181, 148, 255, .38); color: var(--violet); background: transparent; font: 6px var(--mono); cursor: pointer; }
.rdf-controls button[aria-pressed="true"] { color: var(--gold); border-bottom-color: rgba(240, 201, 106, .62); }
.experimental-scattering-card { margin-top: 8px; padding: 9px; border: 1px solid rgba(105,211,185,.16); border-radius: 5px; background: radial-gradient(circle at 92% 10%,rgba(105,211,185,.06),transparent 42%),rgba(5,16,17,.74); }
.experimental-scattering-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.experimental-scattering-card > header span { display: grid; gap: 2px; }
.experimental-scattering-card > header small { color: #66847d; font: 5px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.experimental-scattering-card > header strong { color: #c6ded8; font: 8px var(--display); font-weight: 500; }
.experimental-scattering-card > header b { padding: 3px 5px; border: 1px solid rgba(240,201,106,.22); color: var(--gold); font: 4.5px var(--mono); font-weight: 500; text-transform: uppercase; }
.experimental-scattering-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 5px; margin: 8px 0 5px; }
.experimental-scattering-controls label { display: grid; gap: 2px; color: #67827c; font: 4.2px var(--mono); text-transform: uppercase; }
.experimental-scattering-controls select { min-height: 23px; padding: 0 20px 0 6px; border: 1px solid var(--line); background: #091719; color: #9db4ae; font: 5px var(--mono); }
.experimental-scattering-controls button { min-height: 23px; padding: 0 7px; border: 1px solid rgba(105,211,185,.22); background: rgba(105,211,185,.05); color: #9ecbc0; font: 4.7px var(--mono); cursor: pointer; }
.experimental-scattering-controls button:hover { border-color: rgba(240,201,106,.44); color: var(--gold); }
.public-powder-profile-panel { margin: 5px 0; padding: 6px; border: 1px solid rgba(240,201,106,.13); background: rgba(240,201,106,.018); }
.public-powder-profile-panel > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; }
.public-powder-profile-panel > header span { display: grid; gap: 2px; }
.public-powder-profile-panel > header small { color: #826f48; font: 4px var(--mono); letter-spacing: .055em; text-transform: uppercase; }
.public-powder-profile-panel > header strong { color: #d9c99d; font: 6px var(--mono); font-weight: 500; }
.public-powder-profile-panel > header b { color: #9b8960; font: 4.2px var(--mono); font-weight: 400; text-align: right; }
.public-powder-profile-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 4px; margin-top: 5px; }
.public-powder-profile-list button { display: grid; grid-template-columns: 1fr auto; gap: 2px 6px; min-width: 0; padding: 6px; border: 1px solid rgba(240,201,106,.13); background: rgba(4,12,13,.68); color: #b5aa8d; text-align: left; cursor: pointer; }
.public-powder-profile-list button:hover,.public-powder-profile-list button:focus-visible { border-color: rgba(240,201,106,.48); outline: none; }
.public-powder-profile-list button:disabled { opacity: .42; cursor: not-allowed; }
.public-powder-profile-list button strong { overflow: hidden; color: #e0d3ad; font: 5.5px var(--mono); font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.public-powder-profile-list button b { color: #6fcfb6; font: 4px var(--mono); font-weight: 400; text-transform: uppercase; }
.public-powder-profile-list button b.reference { color: #d99c76; }
.public-powder-profile-list button span,.public-powder-profile-list button small { grid-column: 1 / -1; overflow: hidden; color: #776f5c; font: 4px/1.35 var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.public-powder-profile-panel > p { margin: 5px 0 0; color: #7d755f; font: 4.2px/1.45 var(--mono); }
.experimental-scattering-card svg { display: block; width: 100%; height: 184px; border: 1px solid rgba(105,211,185,.09); background: rgba(2,10,11,.56); }
.experimental-scattering-card .profile-axis { stroke: rgba(170,203,195,.25); stroke-width: .7; }
.experimental-scattering-card .profile-grid { stroke: rgba(170,203,195,.09); stroke-width: .55; stroke-dasharray: 2 2; }
.experimental-scattering-card .profile-observed { fill: none; stroke: #f0c96a; stroke-width: 1.1; opacity: .9; }
.experimental-scattering-card .profile-uncertainty { fill: rgba(240,201,106,.10); stroke: none; }
.experimental-scattering-card .profile-calculated { fill: none; stroke: #69d3b9; stroke-width: 1.1; opacity: .9; }
.experimental-scattering-card .profile-residual { fill: none; stroke: #ff8e72; stroke-width: .85; opacity: .8; }
.experimental-scattering-card .profile-zero { stroke: rgba(255,142,114,.24); stroke-width: .6; }
.experimental-scattering-card .profile-label { fill: #708c85; font: 5px var(--mono); }
.experimental-scattering-card .profile-empty { fill: #60756f; font: 6px var(--mono); }
.experimental-scattering-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(86px,1fr)); gap: 4px; margin-top: 5px; }
.experimental-scattering-metrics span { padding: 5px; border: 1px solid rgba(105,211,185,.09); color: #69837d; font: 4px var(--mono); text-transform: uppercase; }
.experimental-scattering-metrics strong { display: block; margin-top: 2px; color: #c3dad4; font: 6px var(--mono); font-weight: 500; text-transform: none; }
.experimental-scattering-card > p { margin: 5px 0 0; color: #718983; font: 4.5px/1.5 var(--mono); }
@media (max-width: 720px) { .experimental-scattering-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.structure-status button { padding: 0; border: 0; border-bottom: 1px solid rgba(181, 148, 255, .5); color: var(--violet); background: transparent; font: inherit; cursor: pointer; }
.structure-card svg { display: block; width: 100%; height: 102px; margin-top: 4px; overflow: visible; }
.chart-axis { stroke: rgba(151, 194, 183, .24); stroke-width: 1; vector-effect: non-scaling-stroke; }
.chart-guide { stroke: rgba(151, 194, 183, .13); stroke-width: 1; stroke-dasharray: 2 3; vector-effect: non-scaling-stroke; }
.chart-label { fill: #536a65; font: 7px var(--mono); }
.chart-known { fill: none; stroke: var(--mint); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.chart-live { fill: none; stroke: var(--violet); stroke-width: 1.8; vector-effect: non-scaling-stroke; }
.coord-known { fill: rgba(101, 225, 188, .2); stroke: rgba(101, 225, 188, .66); vector-effect: non-scaling-stroke; }
.coord-live { fill: rgba(181, 148, 255, .7); }
.coord-selection { fill: rgba(181, 148, 255, .08); stroke: rgba(181, 148, 255, .42); vector-effect: non-scaling-stroke; }
.coord-hit { fill: transparent; cursor: pointer; }
.coord-hit:hover, .coord-hit:focus { fill: rgba(181, 148, 255, .08); outline: none; }
.chart-legend { display: flex; gap: 15px; color: var(--faint); font: 7px var(--mono); }
.chart-legend span { display: inline-flex; align-items: center; gap: 5px; }
.chart-legend span::before { content: ""; width: 11px; height: 2px; background: var(--mint); }
.chart-legend .live-key::before { background: var(--violet); }
.chart-legend em { margin-left: auto; color: #718b84; font-style: normal; }

.decision-card { border: 1px solid var(--line); padding: 13px; background: rgba(13,29,30,.8); }
.decision-heading, .section-heading { display: flex; justify-content: space-between; align-items: start; }
.decision-heading .eyebrow, .section-heading .eyebrow { margin: 2px 0 10px; }
.badge { padding: 4px 6px; border: 1px solid var(--line); color: var(--muted); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.badge.accept { color: var(--mint); border-color: rgba(101,225,188,.38); }
.badge.reject { color: #aebdb9; }
.badge.reuse { color: var(--violet); border-color: rgba(181,148,255,.4); }
.decision-card h2 { margin: 1px 0 7px; font-size: 15px; font-weight: 500; letter-spacing: -.02em; }
.decision-card > p { min-height: 45px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.decision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 12px 0 0; background: var(--line); }
.decision-grid div { min-width: 0; padding: 8px; background: #0a1819; }
.decision-grid dt { color: var(--faint); font: 7px var(--mono); text-transform: uppercase; }
.decision-grid dd { overflow: hidden; margin: 4px 0 0; color: #cbd8d4; font: 8px var(--mono); white-space: nowrap; text-overflow: ellipsis; }
.constraint-ledger-heading { display: flex; justify-content: space-between; gap: 8px; margin-top: 11px; color: var(--faint); font: 6px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.constraint-ledger { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 6px; }
.constraint-term { min-width: 0; padding: 6px 7px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.72); color: inherit; text-align: left; cursor: pointer; }
.constraint-term:hover,.constraint-term:focus-visible,.constraint-term.active { border-color: rgba(151,194,183,.52); background: rgba(151,194,183,.055); outline: none; }
.constraint-term.active { box-shadow: inset 2px 0 var(--constraint-accent,var(--faint)); }
.constraint-term small,.constraint-term strong,.constraint-term span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.constraint-term small { color: var(--faint); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.constraint-term strong { margin-top: 3px; color: #aebfba; font: 7px var(--mono); font-weight: 400; }
.constraint-term span { margin-top: 3px; color: #5f7770; font: 5px var(--mono); }
.constraint-term.pass { --constraint-accent: var(--mint); border-color: rgba(101,225,188,.28); }.constraint-term.pass strong { color: var(--mint); }
.constraint-term.fail { --constraint-accent: var(--red); border-color: rgba(255,109,113,.42); background: rgba(255,109,113,.035); }.constraint-term.fail strong { color: var(--red); }
.constraint-term.ranked { --constraint-accent: var(--violet); border-color: rgba(181,148,255,.32); }.constraint-term.ranked strong { color: var(--violet); }
.constraint-term.diagnostic strong { color: #82978f; }
.constraint-detail { margin-top: 6px; border: 1px solid rgba(151,194,183,.16); background: rgba(5,15,17,.82); }
.constraint-detail > header { padding: 8px 9px; border-bottom: 1px solid var(--line); box-shadow: inset 2px 0 var(--constraint-accent,var(--faint)); }
.constraint-detail > header small,.constraint-detail > header strong,.constraint-detail > header span { display: block; }
.constraint-detail > header small { color: var(--constraint-accent,var(--faint)); font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.constraint-detail > header strong { margin-top: 4px; color: #d6e2de; font: 8px var(--mono); font-weight: 400; }
.constraint-detail > header span { margin-top: 3px; color: #617870; font: 5px/1.4 var(--mono); }
.constraint-detail > div { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 7px; padding: 6px 9px; border-bottom: 1px solid rgba(151,194,183,.08); }
.constraint-detail > div:last-child { border-bottom: 0; }
.constraint-detail b { color: var(--faint); font: 5px/1.45 var(--mono); font-weight: 400; letter-spacing: .05em; text-transform: uppercase; }
.constraint-detail p { margin: 0; color: #829790; font: 6px/1.45 var(--mono); }
.constraint-detail.pass { --constraint-accent: var(--mint); }.constraint-detail.fail { --constraint-accent: var(--red); }.constraint-detail.ranked { --constraint-accent: var(--violet); }
.observation-provenance-card { --observation-accent: #ffc169; }
.observation-provenance { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 7px; }
.observation-provenance button { min-width: 0; min-height: 43px; padding: 5px 6px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.74); color: inherit; text-align: left; cursor: pointer; }
.observation-provenance button:hover,.observation-provenance button:focus-visible,.observation-provenance button.active { border-color: rgba(255,193,105,.48); background: rgba(255,193,105,.035); outline: none; }
.observation-provenance button.recorded,.observation-provenance button.measured { border-bottom-color: #ffc169; }.observation-provenance button.active { box-shadow: inset 2px 0 #ffc169; }
.observation-provenance small,.observation-provenance strong,.observation-provenance span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.observation-provenance small { color: #506762; font: 5px var(--mono); }.observation-provenance strong { margin-top: 4px; color: #9daea9; font: 6px var(--mono); font-weight: 400; }.observation-provenance span { margin-top: 3px; color: #657b75; font: 5px var(--mono); text-transform: uppercase; }.observation-provenance button.recorded span,.observation-provenance button.measured span { color: #c69b55; }
.observation-provenance-detail { margin-top: 5px; border: 1px solid rgba(151,194,183,.15); background: rgba(5,15,17,.8); }.observation-provenance-detail header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: end; padding: 7px 8px; border-bottom: 1px solid rgba(151,194,183,.09); box-shadow: inset 2px 0 #ffc169; }.observation-provenance-detail header small,.observation-provenance-detail header strong { display: block; }.observation-provenance-detail header small { color: #9a7741; font: 5px var(--mono); text-transform: uppercase; }.observation-provenance-detail header strong { margin-top: 4px; color: #d1ddd9; font: 7px var(--mono); font-weight: 400; }.observation-provenance-detail header span { max-width: 145px; color: #7d8f89; font: 5px/1.35 var(--mono); text-align: right; }.observation-provenance-detail > div { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 7px; padding: 6px 8px; border-bottom: 1px solid rgba(151,194,183,.07); }.observation-provenance-detail > div:last-child { border-bottom: 0; }.observation-provenance-detail b { color: var(--faint); font: 5px/1.4 var(--mono); font-weight: 400; text-transform: uppercase; }.observation-provenance-detail p { margin: 0; color: #7e928c; font: 6px/1.45 var(--mono); }
.scale-passport-card { --scale-accent: var(--mint); }
.scale-passport { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; margin-top: 7px; }
.scale-passport button { position: relative; min-width: 0; min-height: 48px; padding: 6px 4px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.74); color: #687d77; text-align: left; cursor: pointer; }
.scale-passport button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #384b47; }.scale-passport button.reached::after { background: var(--mint); }.scale-passport button.active::after { background: var(--violet); }.scale-passport button.open::after { background: var(--red); }
.scale-passport button:hover,.scale-passport button:focus-visible,.scale-passport button.active { border-color: rgba(181,148,255,.48); background: rgba(181,148,255,.045); outline: none; }
.scale-passport small,.scale-passport strong,.scale-passport span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.scale-passport small { color: #4e6560; font: 5px var(--mono); }.scale-passport strong { margin-top: 5px; color: #9cadA7; font: 6px var(--mono); font-weight: 400; }.scale-passport span { margin-top: 4px; color: #596f69; font: 5px var(--mono); text-transform: uppercase; }.scale-passport button.reached span { color: var(--mint); }.scale-passport button.active span { color: var(--violet); }.scale-passport button.open span { color: var(--red); }
.scale-passport-detail { margin-top: 5px; border: 1px solid rgba(151,194,183,.15); background: rgba(5,15,17,.8); }.scale-passport-detail header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: end; padding: 8px 9px; border-bottom: 1px solid rgba(151,194,183,.1); box-shadow: inset 2px 0 var(--scale-detail-accent,var(--faint)); }.scale-passport-detail.reached { --scale-detail-accent: var(--mint); }.scale-passport-detail.active { --scale-detail-accent: var(--violet); }.scale-passport-detail.open { --scale-detail-accent: var(--red); }
.scale-passport-detail header small,.scale-passport-detail header strong { display: block; }.scale-passport-detail header small { color: var(--scale-detail-accent,var(--faint)); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.scale-passport-detail header strong { margin-top: 4px; color: #d1ddd9; font: 8px var(--mono); font-weight: 400; }.scale-passport-detail header span { max-width: 148px; color: #778d86; font: 5px/1.35 var(--mono); text-align: right; }
.scale-passport-detail > div { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 7px; padding: 6px 9px; border-bottom: 1px solid rgba(151,194,183,.07); }.scale-passport-detail > div:last-child { border-bottom: 0; }.scale-passport-detail b { color: var(--faint); font: 5px/1.4 var(--mono); font-weight: 400; letter-spacing: .05em; text-transform: uppercase; }.scale-passport-detail p { margin: 0; color: #80958e; font: 6px/1.45 var(--mono); }
.wulff-evidence-card { --wulff-accent:#67bfff; padding:10px; border:1px solid rgba(103,191,255,.2); background:radial-gradient(circle at 8% 4%,rgba(103,191,255,.08),transparent 38%),radial-gradient(circle at 92% 100%,rgba(181,148,255,.06),transparent 42%),rgba(5,15,17,.86); }.wulff-evidence-card .section-heading > span { color:#729bae; font:5px var(--mono); text-transform:uppercase; }.wulff-evidence-card.validated .section-heading > span { color:var(--mint); }.wulff-evidence-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-bottom:7px; border-bottom:1px solid rgba(103,191,255,.12); }.wulff-evidence-heading small,.wulff-evidence-heading strong { display:block; }.wulff-evidence-heading small { color:#5c8498; font:5px var(--mono); text-transform:uppercase; }.wulff-evidence-heading strong { margin-top:4px; color:#c9dce5; font:8px var(--mono); font-weight:400; }.wulff-evidence-heading p { max-width:260px; margin:0; color:#647c84; font:5px/1.45 var(--mono); text-align:right; }.wulff-preset-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:7px; }.wulff-preset-controls button { min-height:25px; border:1px solid rgba(103,191,255,.13); background:rgba(4,14,17,.7); color:#69818b; font:5px var(--mono); cursor:pointer; }.wulff-preset-controls button:hover,.wulff-preset-controls button:focus-visible,.wulff-preset-controls button[aria-pressed="true"] { border-color:rgba(103,191,255,.55); color:#b8dbe9; background:rgba(103,191,255,.05); outline:none; }.wulff-evidence-card.validated .wulff-preset-controls { opacity:.38; pointer-events:none; }.wulff-evidence-layout { display:grid; grid-template-columns:minmax(250px,1.25fr) minmax(180px,.75fr); gap:6px; margin-top:6px; }.wulff-evidence-layout > svg { display:block; width:100%; min-height:220px; border:1px solid rgba(103,191,255,.12); background:radial-gradient(circle at 50% 48%,rgba(103,191,255,.055),transparent 52%),rgba(3,11,13,.72); }.wulff-evidence-layout svg .wulff-face { stroke:rgba(180,221,236,.55); stroke-width:.7; }.wulff-evidence-layout svg .wulff-edge { fill:none; stroke:rgba(215,238,244,.72); stroke-width:1.1; }.wulff-evidence-layout svg .wulff-axis { stroke:rgba(151,194,183,.12); stroke-width:.7; stroke-dasharray:3 3; }.wulff-evidence-layout svg .wulff-caption { fill:#5e7a83; font:6px var(--mono); }.wulff-evidence-layout > aside { border:1px solid rgba(103,191,255,.1); background:rgba(4,13,14,.68); }.wulff-evidence-layout > aside > header { padding:7px; border-bottom:1px solid rgba(103,191,255,.09); }.wulff-evidence-layout > aside small,.wulff-evidence-layout > aside strong { display:block; }.wulff-evidence-layout > aside small { color:#5c7680; font:4px var(--mono); text-transform:uppercase; }.wulff-evidence-layout > aside strong { margin-top:3px; color:#9fb6bd; font:6px var(--mono); font-weight:400; }.wulff-orientation-bars { display:grid; gap:4px; max-height:183px; padding:7px; overflow:auto; }.wulff-orientation-bars > div { display:grid; grid-template-columns:42px minmax(0,1fr) 46px; gap:5px; align-items:center; }.wulff-orientation-bars b,.wulff-orientation-bars span { overflow:hidden; font:4px var(--mono); text-overflow:ellipsis; white-space:nowrap; }.wulff-orientation-bars b { color:#718b92; font-weight:400; }.wulff-orientation-bars i { position:relative; display:block; height:4px; background:rgba(103,191,255,.08); }.wulff-orientation-bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--wulff-bar); background:linear-gradient(90deg,#67bfff,#b594ff); }.wulff-orientation-bars span { color:#8299a0; text-align:right; }.wulff-evidence-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }.wulff-evidence-actions button { padding:6px 8px; border:1px solid rgba(103,191,255,.32); background:rgba(7,27,31,.9); color:#a7cedc; font:5px var(--mono); cursor:pointer; }.wulff-evidence-actions button:nth-child(2) { border-color:rgba(101,225,188,.28); color:#9fd4c3; }.wulff-evidence-actions button:disabled { opacity:.36; cursor:not-allowed; }.wulff-evidence-actions button:not(:disabled):hover,.wulff-evidence-actions button:not(:disabled):focus-visible { border-color:#67bfff; color:#effbff; outline:none; }.wulff-evidence-card > p { margin:6px 0 0; color:#6a8188; font:5px/1.45 var(--mono); }.wulff-evidence-card > p:last-child { padding:6px 7px; border-left:2px solid #ffc169; background:rgba(255,193,105,.025); color:#687a76; }.wulff-evidence-card.validated > p:last-child { border-left-color:var(--mint); }
.wulff-ranking-controls { margin-top:6px; padding:7px; border:1px solid rgba(103,191,255,.12); background:linear-gradient(135deg,rgba(103,191,255,.035),rgba(101,225,188,.018)); }.wulff-ranking-controls > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.wulff-ranking-controls > header small,.wulff-ranking-controls > header strong { display:block; }.wulff-ranking-controls > header small { color:#5c7680; font:4px var(--mono); text-transform:uppercase; }.wulff-ranking-controls > header strong { margin-top:2px; color:#a9c4ce; font:6px var(--mono); font-weight:400; }.wulff-ranking-controls > header b { color:#ffc169; font:5px var(--mono); font-weight:400; text-transform:uppercase; }.wulff-ranking-controls.active > header b { color:var(--mint); }.wulff-ranking-controls > div:not(.wulff-ranking-audit) { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:4px; margin-top:6px; }.wulff-ranking-controls label { display:grid; gap:3px; }.wulff-ranking-controls label > span { color:#607982; font:4px var(--mono); text-transform:uppercase; }.wulff-ranking-controls select { min-width:0; padding:5px 6px; border:1px solid rgba(103,191,255,.16); background:#071416; color:#91aeb8; font:5px var(--mono); }.wulff-ranking-controls > p { margin:6px 0 0; color:#6e858c; font:5px/1.4 var(--mono); }.wulff-ranking-audit { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-top:6px; }.wulff-ranking-audit span { padding:5px 6px; border:1px solid rgba(103,191,255,.09); background:rgba(3,12,14,.55); }.wulff-ranking-audit small,.wulff-ranking-audit b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.wulff-ranking-audit small { color:#587078; font:4px var(--mono); text-transform:uppercase; }.wulff-ranking-audit b { margin-top:2px; color:#9ab3ba; font:6px var(--mono); font-weight:400; }
@media (max-width:780px) { .wulff-evidence-layout { grid-template-columns:1fr; }.wulff-evidence-layout > aside { min-height:0; }.wulff-orientation-bars { max-height:125px; }.wulff-evidence-heading { align-items:start; flex-direction:column; }.wulff-evidence-heading p { max-width:none; text-align:left; }.wulff-ranking-controls > div:not(.wulff-ranking-audit) { grid-template-columns:1fr; } }
.classical-nucleation-evidence { margin-top:6px; padding:7px; border:1px solid rgba(255,193,105,.14); background:radial-gradient(circle at 100% 0,rgba(255,193,105,.055),transparent 42%),rgba(11,14,13,.68); }
.classical-nucleation-evidence > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }.classical-nucleation-evidence > header span,.classical-nucleation-evidence > header small,.classical-nucleation-evidence > header strong { display:block; }.classical-nucleation-evidence > header small { color:#8f7759; font:4px var(--mono); text-transform:uppercase; }.classical-nucleation-evidence > header strong { margin-top:2px; color:#d9bd91; font:6px var(--mono); font-weight:400; }.classical-nucleation-evidence > header b { color:#b79362; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.classical-nucleation-evidence.validated { border-color:rgba(101,225,188,.3); }.classical-nucleation-evidence.validated > header b { color:var(--mint); }
.classical-nucleation-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:5px; margin-top:5px; }.classical-nucleation-layout > svg { display:block; width:100%; min-height:170px; border:1px solid rgba(255,193,105,.1); background:rgba(5,11,12,.7); }.classical-nucleation-axis { stroke:rgba(147,142,119,.22); stroke-width:.7; }.classical-interface { fill:none; stroke:#67bfff; stroke-width:1.2; }.classical-bulk { fill:none; stroke:#b594ff; stroke-width:1.2; stroke-dasharray:3 2; }.classical-net { fill:none; stroke:#ffc169; stroke-width:1.8; }.classical-critical { stroke:rgba(101,225,188,.55); stroke-width:.8; stroke-dasharray:3 2; }.classical-critical-point { fill:#65e1bc; stroke:#071313; stroke-width:1.1; }.classical-nucleation-label { fill:#879792; font:5px var(--mono); }
.classical-nucleation-metrics { display:grid; grid-template-columns:1fr; gap:4px; }.classical-nucleation-metrics span { min-width:0; padding:6px; border:1px solid rgba(255,193,105,.1); background:rgba(15,14,11,.56); }.classical-nucleation-metrics small,.classical-nucleation-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; }.classical-nucleation-metrics small { color:#7f705d; font:4px var(--mono); text-transform:uppercase; }.classical-nucleation-metrics strong { margin-top:3px; color:#c6af8c; font:5px/1.35 var(--mono); font-weight:400; }.classical-nucleation-evidence.validated .classical-nucleation-metrics strong { color:#a8d8ca; }
.classical-nucleation-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }.classical-nucleation-actions button { padding:5px 7px; border:1px solid rgba(255,193,105,.24); background:rgba(20,16,10,.72); color:#b79c74; font:4.5px var(--mono); cursor:pointer; }.classical-nucleation-actions button:disabled { opacity:.32; cursor:not-allowed; }.classical-nucleation-actions button:not(:disabled):hover,.classical-nucleation-actions button:not(:disabled):focus-visible { border-color:#ffc169; color:#fff0d4; outline:none; }.classical-nucleation-evidence > p { margin:5px 0 0; color:#847a6b; font:4.5px/1.5 var(--mono); }.classical-nucleation-evidence > p:last-child { padding-left:6px; border-left:2px solid rgba(255,193,105,.5); color:#776f64; }.classical-nucleation-evidence.validated > p:last-child { border-left-color:var(--mint); }
.classical-capillarity-ranking { margin-top:5px; padding:6px; border:1px solid rgba(255,193,105,.12); background:rgba(8,13,12,.62); }.classical-capillarity-ranking > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }.classical-capillarity-ranking > header span,.classical-capillarity-ranking > header small,.classical-capillarity-ranking > header strong { display:block; }.classical-capillarity-ranking > header small { color:#7f705d; font:4px var(--mono); text-transform:uppercase; }.classical-capillarity-ranking > header strong { margin-top:2px; color:#c9ae83; font:5.5px var(--mono); font-weight:400; }.classical-capillarity-ranking > header b { color:#88775e; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.classical-capillarity-ranking.active { border-color:rgba(101,225,188,.32); box-shadow:inset 0 0 18px rgba(101,225,188,.035); }.classical-capillarity-ranking.active > header b { color:var(--mint); }.classical-capillarity-ranking > div:not(.wulff-ranking-audit) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; margin-top:5px; }.classical-capillarity-ranking label span { display:block; margin-bottom:2px; color:#746a5d; font:4px var(--mono); text-transform:uppercase; }.classical-capillarity-ranking select { width:100%; padding:4px; border:1px solid rgba(255,193,105,.16); background:#0b0f0e; color:#bca783; font:4.5px var(--mono); }.classical-capillarity-ranking > p { margin:5px 0; color:#7f776c; font:4.5px/1.45 var(--mono); }.classical-capillarity-ranking .wulff-ranking-audit { grid-template-columns:repeat(4,minmax(0,1fr)); }
.classical-nucleation-kinetics { margin-top:5px; padding:6px; border:1px solid rgba(181,148,255,.16); background:rgba(12,10,20,.55); }.classical-nucleation-kinetics > header { display:flex; align-items:end; justify-content:space-between; gap:7px; }.classical-nucleation-kinetics > header span,.classical-nucleation-kinetics > header small,.classical-nucleation-kinetics > header strong { display:block; }.classical-nucleation-kinetics > header small { color:#8373a7; font:4px var(--mono); text-transform:uppercase; }.classical-nucleation-kinetics > header strong { margin-top:2px; color:#c5adef; font:5.5px var(--mono); font-weight:400; }.classical-nucleation-kinetics > header b { color:#8c79b1; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.classical-nucleation-kinetics.validated { border-color:rgba(101,225,188,.3); }.classical-nucleation-kinetics.validated > header b { color:var(--mint); }
.classical-nucleation-kinetics-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:5px; }.classical-nucleation-kinetics-controls label { display:grid; gap:2px; }.classical-nucleation-kinetics-controls label > span { color:#766a8d; font:4px var(--mono); text-transform:uppercase; }.classical-nucleation-kinetics-controls select { min-width:0; padding:4px; border:1px solid rgba(181,148,255,.18); background:#0b0911; color:#baa8d7; font:4.5px var(--mono); }.classical-nucleation-kinetics-controls select:disabled { opacity:.34; }
.classical-nucleation-kinetics-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin-top:5px; }.classical-nucleation-kinetics-metrics span { min-width:0; padding:5px; border:1px solid rgba(181,148,255,.1); background:rgba(8,7,13,.66); }.classical-nucleation-kinetics-metrics small,.classical-nucleation-kinetics-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; }.classical-nucleation-kinetics-metrics small { color:#77698e; font:3.7px var(--mono); text-transform:uppercase; }.classical-nucleation-kinetics-metrics strong { margin-top:2px; color:#baa8d7; font:4.5px/1.35 var(--mono); font-weight:400; }.classical-nucleation-kinetics > p { margin:5px 0 0; color:#817593; font:4.3px/1.45 var(--mono); }.classical-nucleation-kinetics > p:last-child { padding-left:5px; border-left:2px solid rgba(181,148,255,.45); color:#766d82; }.classical-nucleation-kinetics.validated > p:last-child { border-left-color:var(--mint); }
.conditional-nucleation-scheduler { margin-top:5px; padding:6px; border:1px solid rgba(90,135,255,.14); background:radial-gradient(circle at 100% 0,rgba(90,135,255,.05),transparent 45%),rgba(6,9,17,.58); }.conditional-nucleation-scheduler > header { display:flex; align-items:end; justify-content:space-between; gap:7px; }.conditional-nucleation-scheduler > header span,.conditional-nucleation-scheduler > header small,.conditional-nucleation-scheduler > header strong { display:block; }.conditional-nucleation-scheduler > header small { color:#617aa6; font:3.8px var(--mono); text-transform:uppercase; }.conditional-nucleation-scheduler > header strong { margin-top:2px; color:#9eb6e5; font:5.2px var(--mono); font-weight:400; }.conditional-nucleation-scheduler > header b { color:#6d82aa; font:3.8px var(--mono); font-weight:400; text-transform:uppercase; }.conditional-nucleation-scheduler.sampled { border-color:rgba(101,225,188,.28); }.conditional-nucleation-scheduler.sampled > header b { color:var(--mint); }
.conditional-nucleation-scheduler-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) auto auto; gap:4px; align-items:end; margin-top:5px; }.conditional-nucleation-scheduler-controls label { display:grid; gap:2px; }.conditional-nucleation-scheduler-controls label > span { color:#627492; font:3.7px var(--mono); text-transform:uppercase; }.conditional-nucleation-scheduler-controls select,.conditional-nucleation-scheduler-controls button { min-width:0; padding:4px; border:1px solid rgba(90,135,255,.18); background:#070c15; color:#91a8d1; font:4.2px var(--mono); }.conditional-nucleation-scheduler-controls button { cursor:pointer; }.conditional-nucleation-scheduler-controls button:disabled,.conditional-nucleation-scheduler-controls select:disabled { opacity:.34; cursor:not-allowed; }
.conditional-nucleation-scheduler > svg { display:block; width:100%; height:122px; margin-top:5px; border:1px solid rgba(90,135,255,.1); background:rgba(4,7,12,.7); }.nucleation-schedule-frame { fill:none; stroke:rgba(110,142,199,.28); stroke-width:.8; }.nucleation-schedule-grid { stroke:rgba(110,142,199,.1); stroke-width:.5; }.nucleation-schedule-event { stroke:#07101a; stroke-width:.8; }.nucleation-schedule-caption { fill:#667b9d; font:5px var(--mono); }.nucleation-schedule-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:4px; }.nucleation-schedule-metrics span { padding:4px; border:1px solid rgba(90,135,255,.09); background:rgba(5,8,14,.6); }.nucleation-schedule-metrics small,.nucleation-schedule-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; }.nucleation-schedule-metrics small { color:#5f7090; font:3.6px var(--mono); text-transform:uppercase; }.nucleation-schedule-metrics strong { margin-top:2px; color:#91a8d1; font:4.3px var(--mono); font-weight:400; }.conditional-nucleation-scheduler > p { margin:4px 0 0; color:#6d7d98; font:4px/1.4 var(--mono); }.conditional-nucleation-scheduler > p:last-child { color:#626f83; }
.critical-nucleus-geometry { margin-top:5px; padding:6px; border:1px solid rgba(186,124,255,.17); background:radial-gradient(circle at 8% 0,rgba(171,106,255,.075),transparent 48%),rgba(6,8,15,.64); }.critical-nucleus-geometry > header { display:flex; align-items:end; justify-content:space-between; gap:7px; }.critical-nucleus-geometry > header span,.critical-nucleus-geometry > header small,.critical-nucleus-geometry > header strong { display:block; }.critical-nucleus-geometry > header small { color:#866daa; font:3.8px var(--mono); text-transform:uppercase; }.critical-nucleus-geometry > header strong { margin-top:2px; color:#c2a9e5; font:5.2px var(--mono); font-weight:400; }.critical-nucleus-geometry > header b { color:#806d9b; font:3.8px var(--mono); font-weight:400; text-transform:uppercase; }.critical-nucleus-geometry.validated { border-color:rgba(101,225,188,.3); }.critical-nucleus-geometry.validated > header b { color:var(--mint); }.critical-nucleus-geometry.posed { box-shadow:inset 0 0 18px rgba(171,106,255,.05); }
.critical-nucleus-geometry-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:5px; }.critical-nucleus-geometry-actions button,.critical-nucleus-geometry-controls select,.critical-nucleus-geometry-controls button { min-width:0; padding:4px; border:1px solid rgba(171,106,255,.2); background:#090a14; color:#a994c8; font:4.2px var(--mono); }.critical-nucleus-geometry-actions button,.critical-nucleus-geometry-controls button { cursor:pointer; }.critical-nucleus-geometry-actions button:disabled,.critical-nucleus-geometry-controls button:disabled,.critical-nucleus-geometry-controls select:disabled { opacity:.34; cursor:not-allowed; }.critical-nucleus-geometry-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; gap:4px; align-items:end; margin-top:4px; }.critical-nucleus-geometry-controls label { display:grid; gap:2px; }.critical-nucleus-geometry-controls label > span { color:#766887; font:3.7px var(--mono); text-transform:uppercase; }
.critical-nucleus-geometry > svg { display:block; width:100%; height:136px; margin-top:5px; border:1px solid rgba(171,106,255,.11); background:radial-gradient(circle at 50% 48%,rgba(171,106,255,.06),transparent 55%),rgba(4,6,11,.78); }.critical-nucleus-frame { fill:none; stroke:rgba(186,145,231,.2); stroke-width:.8; stroke-dasharray:2 2; }.critical-nucleus-axis { stroke:rgba(186,145,231,.1); stroke-width:.55; }.critical-nucleus-site { stroke:#070811; stroke-width:.8; }.critical-nucleus-site.interface { stroke:rgba(230,217,255,.6); stroke-dasharray:1 1; }.critical-nucleus-caption { fill:#796b91; font:5px var(--mono); }.critical-nucleus-geometry-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin-top:4px; }.critical-nucleus-geometry-metrics span { padding:4px; border:1px solid rgba(171,106,255,.1); background:rgba(7,7,14,.66); }.critical-nucleus-geometry-metrics small,.critical-nucleus-geometry-metrics strong { display:block; overflow:hidden; text-overflow:ellipsis; }.critical-nucleus-geometry-metrics small { color:#71627f; font:3.6px var(--mono); text-transform:uppercase; }.critical-nucleus-geometry-metrics strong { margin-top:2px; color:#ad98c9; font:4.3px var(--mono); font-weight:400; }.critical-nucleus-geometry > p { margin:4px 0 0; color:#796c89; font:4px/1.4 var(--mono); }.critical-nucleus-geometry > p:last-child { color:#665d70; }
.critical-nucleus-grammar-admission { margin-top:5px; padding:5px; border:1px solid rgba(74,221,191,.14); background:linear-gradient(120deg,rgba(48,194,166,.045),rgba(130,86,216,.035)); }.critical-nucleus-grammar-admission > header { display:flex; justify-content:space-between; gap:5px; color:#82cdbb; font:4px var(--mono); text-transform:uppercase; }.critical-nucleus-grammar-admission > header b { color:#74678a; font-weight:400; }.critical-nucleus-grammar-admission .critical-nucleus-geometry-controls { grid-template-columns:minmax(0,1fr) auto auto; }.critical-nucleus-grammar-admission > p { margin:4px 0 0; color:#6f918a; font:3.9px/1.42 var(--mono); }
.critical-nucleus-envelope { stroke-width:1; stroke-linejoin:round; vector-effect:non-scaling-stroke; }.critical-nucleus-envelope.frontier { stroke-width:1.45; stroke-dasharray:2 1; }.critical-nucleus-port-edge { stroke:#72e1bd; stroke-width:1.1; stroke-linecap:round; opacity:.72; }.critical-nucleus-port-node { fill:#091510; stroke:#72e1bd; stroke-width:1; }.critical-nucleus-frontier-halo { fill:none; stroke:#f2ca72; stroke-width:1.1; stroke-dasharray:2 1; }.critical-nucleus-residual-ring { fill:none; stroke:#ff7d78; stroke-width:1.25; stroke-dasharray:1.5 1; }.critical-nucleus-cover-key { fill:#a393b8; font:4.2px var(--mono); }
@media (max-width:780px) { .classical-nucleation-layout { grid-template-columns:1fr; }.classical-nucleation-metrics,.classical-nucleation-kinetics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.kinetic-habit-card { --kinetic-accent:#ffaf69; padding:10px; border:1px solid rgba(255,175,105,.2); background:radial-gradient(circle at 90% 4%,rgba(255,175,105,.09),transparent 40%),radial-gradient(circle at 5% 100%,rgba(255,105,140,.055),transparent 42%),rgba(7,14,15,.88); }.kinetic-habit-card .section-heading > span { color:#ad8064; font:5px var(--mono); text-transform:uppercase; }.kinetic-habit-card.validated .section-heading > span { color:#ffd19f; }.kinetic-habit-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-bottom:7px; border-bottom:1px solid rgba(255,175,105,.12); }.kinetic-habit-heading small,.kinetic-habit-heading strong { display:block; }.kinetic-habit-heading small { color:#9f735a; font:5px var(--mono); text-transform:uppercase; }.kinetic-habit-heading strong { margin-top:4px; color:#ead3c3; font:8px var(--mono); font-weight:400; }.kinetic-habit-heading p { max-width:280px; margin:0; color:#88776c; font:5px/1.45 var(--mono); text-align:right; }.kinetic-habit-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:7px; }.kinetic-habit-presets button { min-height:25px; border:1px solid rgba(255,175,105,.14); background:rgba(16,12,10,.72); color:#9a7b68; font:5px var(--mono); cursor:pointer; }.kinetic-habit-presets button:hover,.kinetic-habit-presets button:focus-visible,.kinetic-habit-presets button[aria-pressed="true"] { border-color:rgba(255,175,105,.58); color:#f5ceb3; background:rgba(255,175,105,.055); outline:none; }.kinetic-habit-card.validated .kinetic-habit-presets { opacity:.38; pointer-events:none; }.kinetic-habit-layout { display:grid; grid-template-columns:minmax(250px,1.25fr) minmax(180px,.75fr); gap:6px; margin-top:6px; }.kinetic-habit-layout > svg { display:block; width:100%; min-height:220px; border:1px solid rgba(255,175,105,.12); background:radial-gradient(circle at 50% 48%,rgba(255,175,105,.06),transparent 52%),rgba(10,9,9,.74); }.kinetic-habit-layout svg .kinetic-face { stroke:rgba(255,211,175,.58); stroke-width:.7; }.kinetic-habit-layout svg .kinetic-edge { fill:none; stroke:rgba(255,232,211,.75); stroke-width:1.1; }.kinetic-habit-layout svg .kinetic-axis { stroke:rgba(255,190,145,.13); stroke-width:.7; stroke-dasharray:3 3; }.kinetic-habit-layout svg .kinetic-caption { fill:#9b7865; font:6px var(--mono); }.kinetic-habit-layout > aside { border:1px solid rgba(255,175,105,.1); background:rgba(13,10,9,.7); }.kinetic-habit-layout > aside > header { padding:7px; border-bottom:1px solid rgba(255,175,105,.09); }.kinetic-habit-layout > aside small,.kinetic-habit-layout > aside strong { display:block; }.kinetic-habit-layout > aside small { color:#8d6d5b; font:4px var(--mono); text-transform:uppercase; }.kinetic-habit-layout > aside strong { margin-top:3px; color:#c1a696; font:6px var(--mono); font-weight:400; }.kinetic-habit-bars { display:grid; gap:4px; max-height:183px; padding:7px; overflow:auto; }.kinetic-habit-bars > div { display:grid; grid-template-columns:42px minmax(0,1fr) 52px; gap:5px; align-items:center; }.kinetic-habit-bars b,.kinetic-habit-bars span { overflow:hidden; font:4px var(--mono); text-overflow:ellipsis; white-space:nowrap; }.kinetic-habit-bars b { color:#9b7d6b; font-weight:400; }.kinetic-habit-bars i { position:relative; display:block; height:4px; background:rgba(255,175,105,.08); }.kinetic-habit-bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--kinetic-bar); background:linear-gradient(90deg,#ffaf69,#ff6f91); }.kinetic-habit-bars span { color:#ab8b78; text-align:right; }.kinetic-habit-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }.kinetic-habit-actions button { padding:6px 8px; border:1px solid rgba(255,175,105,.34); background:rgba(25,15,11,.9); color:#e7b991; font:5px var(--mono); cursor:pointer; }.kinetic-habit-actions button:nth-child(2) { border-color:rgba(255,111,145,.3); color:#e9a1b1; }.kinetic-habit-actions button:disabled { opacity:.36; cursor:not-allowed; }.kinetic-habit-actions button:not(:disabled):hover,.kinetic-habit-actions button:not(:disabled):focus-visible { border-color:#ffaf69; color:#fff7ee; outline:none; }.kinetic-habit-ranking { margin-top:6px; padding:7px; border:1px solid rgba(255,175,105,.12); background:linear-gradient(135deg,rgba(255,175,105,.04),rgba(255,111,145,.018)); }.kinetic-habit-ranking > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.kinetic-habit-ranking > header small,.kinetic-habit-ranking > header strong { display:block; }.kinetic-habit-ranking > header small { color:#916d59; font:4px var(--mono); text-transform:uppercase; }.kinetic-habit-ranking > header strong { margin-top:2px; color:#d4b29e; font:6px var(--mono); font-weight:400; }.kinetic-habit-ranking > header b { color:#ffc169; font:5px var(--mono); font-weight:400; text-transform:uppercase; }.kinetic-habit-ranking.active > header b { color:#ffaf69; }.kinetic-habit-ranking > div:not(.kinetic-habit-audit) { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:4px; margin-top:6px; }.kinetic-habit-ranking label { display:grid; gap:3px; }.kinetic-habit-ranking label > span { color:#8c6e5d; font:4px var(--mono); text-transform:uppercase; }.kinetic-habit-ranking select { min-width:0; padding:5px 6px; border:1px solid rgba(255,175,105,.17); background:#160f0d; color:#c2a08d; font:5px var(--mono); }.kinetic-habit-ranking > p { margin:6px 0 0; color:#92786a; font:5px/1.4 var(--mono); }.kinetic-habit-audit { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-top:6px; }.kinetic-habit-audit span { padding:5px 6px; border:1px solid rgba(255,175,105,.09); background:rgba(12,8,8,.56); }.kinetic-habit-audit small,.kinetic-habit-audit b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.kinetic-habit-audit small { color:#806557; font:4px var(--mono); text-transform:uppercase; }.kinetic-habit-audit b { margin-top:2px; color:#c1a090; font:6px var(--mono); font-weight:400; }.kinetic-habit-card > p { margin:6px 0 0; color:#927c70; font:5px/1.45 var(--mono); }.kinetic-habit-card > p:last-child { padding:6px 7px; border-left:2px solid #ffaf69; background:rgba(255,175,105,.025); color:#89766b; }.kinetic-habit-card.validated > p:last-child { border-left-color:#ff6f91; }
@media (max-width:780px) { .kinetic-habit-layout { grid-template-columns:1fr; }.kinetic-habit-bars { max-height:125px; }.kinetic-habit-heading { align-items:start; flex-direction:column; }.kinetic-habit-heading p { max-width:none; text-align:left; }.kinetic-habit-ranking > div:not(.kinetic-habit-audit) { grid-template-columns:1fr; } }
.interface-flux-card { --flux-accent:#55d9c6; padding:10px; border:1px solid rgba(85,217,198,.2); background:radial-gradient(circle at 92% 5%,rgba(85,217,198,.09),transparent 40%),radial-gradient(circle at 3% 100%,rgba(90,135,255,.06),transparent 42%),rgba(6,14,16,.9); }.interface-flux-card .section-heading > span { color:#6c9994; font:5px var(--mono); text-transform:uppercase; }.interface-flux-card.validated .section-heading > span { color:#8ff5e4; }.interface-flux-heading { display:flex; align-items:end; justify-content:space-between; gap:12px; padding-bottom:7px; border-bottom:1px solid rgba(85,217,198,.12); }.interface-flux-heading small,.interface-flux-heading strong { display:block; }.interface-flux-heading small { color:#62938d; font:5px var(--mono); text-transform:uppercase; }.interface-flux-heading strong { margin-top:4px; color:#c5e8e4; font:8px var(--mono); font-weight:400; }.interface-flux-heading p { max-width:320px; margin:0; color:#728d8c; font:5px/1.45 var(--mono); text-align:right; }.interface-flux-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:7px; }.interface-flux-presets button { min-height:25px; border:1px solid rgba(85,217,198,.14); background:rgba(7,18,19,.72); color:#729993; font:5px var(--mono); cursor:pointer; }.interface-flux-presets button:hover,.interface-flux-presets button:focus-visible,.interface-flux-presets button[aria-pressed="true"] { border-color:rgba(85,217,198,.58); color:#c5fff4; background:rgba(85,217,198,.055); outline:none; }.interface-flux-card.validated .interface-flux-presets { opacity:.38; pointer-events:none; }.interface-flux-layout { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(92px,.72fr); gap:6px; margin-top:6px; min-width:0; }.interface-flux-layout > svg { display:block; width:100%; min-height:220px; border:1px solid rgba(85,217,198,.12); background:radial-gradient(circle at 50% 48%,rgba(85,217,198,.055),transparent 52%),rgba(7,12,14,.78); }.interface-flux-layout svg .flux-body { fill:rgba(60,105,110,.13); stroke:rgba(126,221,214,.45); stroke-width:1; }.interface-flux-layout svg .flux-spoke { stroke:rgba(108,168,180,.18); stroke-width:.7; }.interface-flux-layout svg .flux-patch { stroke:rgba(225,255,250,.8); stroke-width:.8; }.interface-flux-layout svg .flux-normal { stroke:rgba(131,243,224,.65); stroke-width:1; }.interface-flux-layout svg .flux-caption { fill:#6f9d98; font:6px var(--mono); }.interface-flux-layout > aside { border:1px solid rgba(85,217,198,.1); background:rgba(7,15,17,.7); }.interface-flux-layout > aside > header { padding:7px; border-bottom:1px solid rgba(85,217,198,.09); }.interface-flux-layout > aside small,.interface-flux-layout > aside strong { display:block; }.interface-flux-layout > aside small { color:#628d88; font:4px var(--mono); text-transform:uppercase; }.interface-flux-layout > aside strong { margin-top:3px; color:#9bc4bf; font:6px var(--mono); font-weight:400; }.interface-flux-bars { display:grid; gap:4px; max-height:183px; padding:7px; overflow:auto; }.interface-flux-bars > div { display:grid; grid-template-columns:36px minmax(0,1fr) 44px; gap:4px; align-items:center; }.interface-flux-bars b,.interface-flux-bars span { overflow:hidden; font:4px var(--mono); text-overflow:ellipsis; white-space:nowrap; }.interface-flux-bars b { color:#769f99; font-weight:400; }.interface-flux-bars i { position:relative; display:block; height:4px; background:rgba(85,217,198,.08); }.interface-flux-bars i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--flux-bar); background:linear-gradient(90deg,#55d9c6,#5a87ff); }.interface-flux-bars span { color:#7fa7a2; text-align:right; }.interface-flux-actions { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }.interface-flux-actions button { padding:6px 8px; border:1px solid rgba(85,217,198,.34); background:rgba(7,22,22,.9); color:#9be4d9; font:5px var(--mono); cursor:pointer; }.interface-flux-actions button:nth-child(2) { border-color:rgba(90,135,255,.34); color:#a8b9f0; }.interface-flux-actions button:disabled { opacity:.36; cursor:not-allowed; }.interface-flux-actions button:not(:disabled):hover,.interface-flux-actions button:not(:disabled):focus-visible { border-color:#55d9c6; color:#effffc; outline:none; }.interface-flux-ranking { margin-top:6px; padding:7px; border:1px solid rgba(85,217,198,.12); background:linear-gradient(135deg,rgba(85,217,198,.04),rgba(90,135,255,.018)); }.interface-flux-ranking > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.interface-flux-ranking > header small,.interface-flux-ranking > header strong { display:block; }.interface-flux-ranking > header small { color:#628b86; font:4px var(--mono); text-transform:uppercase; }.interface-flux-ranking > header strong { margin-top:2px; color:#add3ce; font:6px var(--mono); font-weight:400; }.interface-flux-ranking > header b { color:#78dbc9; font:5px var(--mono); font-weight:400; text-transform:uppercase; }.interface-flux-ranking > div:not(.interface-flux-audit) { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:4px; margin-top:6px; }.interface-flux-ranking label { display:grid; gap:3px; }.interface-flux-ranking label > span { color:#668b87; font:4px var(--mono); text-transform:uppercase; }.interface-flux-ranking select { min-width:0; padding:5px 6px; border:1px solid rgba(85,217,198,.17); background:#08191a; color:#98bbb7; font:5px var(--mono); }.interface-flux-ranking > p { margin:6px 0 0; color:#718f8c; font:5px/1.4 var(--mono); }.interface-flux-audit { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-top:6px; }.interface-flux-audit span { padding:5px 6px; border:1px solid rgba(85,217,198,.09); background:rgba(5,12,14,.56); }.interface-flux-audit small,.interface-flux-audit b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.interface-flux-audit small { color:#5b817d; font:4px var(--mono); text-transform:uppercase; }.interface-flux-audit b { margin-top:2px; color:#99bdb8; font:6px var(--mono); font-weight:400; }.interface-flux-card > p { margin:6px 0 0; color:#718d8a; font:5px/1.45 var(--mono); }.interface-flux-card > p:last-child { padding:6px 7px; border-left:2px solid #55d9c6; background:rgba(85,217,198,.025); color:#698582; }.interface-flux-card.validated > p:last-child { border-left-color:#5a87ff; }
@media (max-width:780px) { .interface-flux-layout { grid-template-columns:1fr; }.interface-flux-bars { max-height:125px; }.interface-flux-heading { align-items:start; flex-direction:column; }.interface-flux-heading p { max-width:none; text-align:left; }.interface-flux-ranking > div:not(.interface-flux-audit) { grid-template-columns:1fr; } }
.leap-certificate-section { --leap-accent: var(--violet); }
.leap-history { display: flex; gap: 3px; min-height: 20px; margin-bottom: 6px; overflow: hidden; }
.leap-history:empty::before { content: "history begins with the first evaluated frontier"; color: var(--faint); font: 5px/20px var(--mono); text-transform: uppercase; }
.leap-history button { min-width: 0; flex: 1; padding: 4px 3px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.76); color: #738982; font: 5px var(--mono); cursor: pointer; }
.leap-history button:hover,.leap-history button:focus-visible,.leap-history button.active { border-color: var(--violet); color: #d2c5f0; outline: none; }
.leap-history button.accepted { border-bottom-color: rgba(101,225,188,.55); }.leap-history button.rejected,.leap-history button.fixed { border-bottom-color: rgba(255,109,113,.45); }
.leap-flow { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
.leap-flow article { position: relative; min-height: 72px; padding: 8px; border: 1px solid rgba(151,194,183,.14); background: linear-gradient(145deg,rgba(11,29,29,.9),rgba(5,15,17,.94)); }
.leap-flow article::after { content: "→"; position: absolute; right: -6px; top: 50%; z-index: 1; color: #415a54; font: 8px var(--mono); }
.leap-flow article:nth-child(2)::after,.leap-flow article:nth-child(4)::after,.leap-flow article:nth-child(6):not(:last-child)::after { content: "↓"; right: 50%; top: auto; bottom: -8px; }
.leap-flow article:nth-child(3) { grid-column: 2; grid-row: 2; }.leap-flow article:nth-child(3)::after { content: "←"; left: -6px; right: auto; }
.leap-flow article:nth-child(4) { grid-column: 1; grid-row: 2; }.leap-flow article:nth-child(5) { grid-column: 1; grid-row: 3; }
.leap-flow article:nth-child(6) { grid-column: 2; grid-row: 3; }.leap-flow article:nth-child(7) { grid-column: 2; grid-row: 4; }.leap-flow article:last-child::after { display: none; }
.leap-flow article.accepted { border-color: rgba(101,225,188,.32); }.leap-flow article.rejected,.leap-flow article.fixed { border-color: rgba(255,109,113,.35); }
.leap-flow small,.leap-flow strong,.leap-flow span { display: block; }
.leap-flow small { color: var(--faint); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.leap-flow strong { margin-top: 7px; color: #d1ddd9; font: 7px/1.35 var(--mono); font-weight: 400; }
.leap-flow span { margin-top: 5px; color: #627a73; font: 5px/1.45 var(--mono); }
.leap-consequence-lab { --consequence-accent: var(--mint); margin-top: 6px; padding: 7px; border: 1px solid rgba(101,225,188,.2); background: radial-gradient(circle at 88% 0,rgba(101,225,188,.075),transparent 42%),radial-gradient(circle at 5% 100%,rgba(181,148,255,.06),transparent 46%),rgba(5,15,17,.88); }
.leap-consequence-lab > header { display: grid; grid-template-columns: minmax(0,1fr) minmax(190px,.9fr); gap: 8px; align-items: end; padding-bottom: 7px; border-bottom: 1px solid rgba(151,194,183,.09); }.leap-consequence-lab > header span small,.leap-consequence-lab > header span strong { display: block; }.leap-consequence-lab > header span small { color: #6e9e8f; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.leap-consequence-lab > header span strong { margin-top: 4px; color: #c9dad5; font: 7px var(--mono); font-weight: 400; }
.leap-consequence-lab > header > div { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; }.leap-consequence-lab > header button { min-width: 0; min-height: 22px; padding: 0 3px; border: 1px solid rgba(151,194,183,.13); background: transparent; color: #5e766f; font: 4px var(--mono); text-transform: uppercase; cursor: pointer; }.leap-consequence-lab > header button:hover,.leap-consequence-lab > header button:focus-visible,.leap-consequence-lab > header button[aria-pressed="true"] { border-color: var(--mint); color: #bcebdc; background: rgba(101,225,188,.045); outline: none; }
.leap-consequence-components { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 7px; }.leap-consequence-components button { position: relative; min-width: 0; padding: 7px 8px 7px 11px; border: 1px solid rgba(151,194,183,.11); background: rgba(7,22,23,.66); color: inherit; text-align: left; cursor: pointer; }.leap-consequence-components button::before { content:""; position:absolute; inset:7px auto 7px 5px; width:2px; background:#65e1bc; }.leap-consequence-components button[data-consequence-component="attachment"]::before { background:#ffc169; }.leap-consequence-components button[data-consequence-component="settling"]::before { background:#67bfff; }.leap-consequence-components button:hover,.leap-consequence-components button:focus-visible,.leap-consequence-components button[aria-pressed="true"] { border-color:rgba(101,225,188,.55); background:rgba(101,225,188,.045); outline:none; }.leap-consequence-components button:disabled { opacity:.35; cursor:not-allowed; }.leap-consequence-components small,.leap-consequence-components strong,.leap-consequence-components span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.leap-consequence-components small { color:#617b73; font:4px var(--mono); text-transform:uppercase; }.leap-consequence-components strong { margin-top:3px; color:#c4d7d1; font:6px var(--mono); font-weight:400; }.leap-consequence-components span { margin-top:3px; color:#68827a; font:5px var(--mono); }
.settling-sensitivity-lab { margin-top:7px; padding:7px; border:1px solid rgba(103,191,255,.2); background:radial-gradient(circle at 92% 0,rgba(103,191,255,.07),transparent 48%),rgba(5,15,17,.7); }.settling-sensitivity-lab > header { display:flex; justify-content:space-between; gap:8px; align-items:end; }.settling-sensitivity-lab > header small,.settling-sensitivity-lab > header strong { display:block; }.settling-sensitivity-lab > header small { color:#617a83; font:4px var(--mono); text-transform:uppercase; }.settling-sensitivity-lab > header strong { margin-top:3px; color:#bfd4dc; font:7px var(--mono); font-weight:400; }.settling-sensitivity-lab > header > b { color:#75bfe8; font:5px var(--mono); font-weight:400; }.settling-sensitivity-arms { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin-top:7px; }.settling-sensitivity-arms button { min-width:0; padding:6px; border:1px solid rgba(103,191,255,.12); background:rgba(7,21,24,.72); color:inherit; text-align:left; cursor:pointer; }.settling-sensitivity-arms button:hover,.settling-sensitivity-arms button:focus-visible,.settling-sensitivity-arms button[aria-pressed="true"] { border-color:rgba(103,191,255,.58); background:rgba(103,191,255,.045); outline:none; }.settling-sensitivity-arms small,.settling-sensitivity-arms strong,.settling-sensitivity-arms span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.settling-sensitivity-arms small { color:#637c84; font:4px var(--mono); text-transform:uppercase; }.settling-sensitivity-arms strong { margin-top:3px; color:#b9ced5; font:6px var(--mono); font-weight:400; }.settling-sensitivity-arms button.accepted strong { color:#65e1bc; }.settling-sensitivity-arms button.rejected strong { color:#ff8b8f; }.settling-sensitivity-arms span { margin-top:3px; color:#607880; font:4px var(--mono); }.settling-sensitivity-arms i { display:block; height:2px; margin-top:6px; background:rgba(103,191,255,.08); }.settling-sensitivity-arms i b { display:block; min-width:1px; height:100%; background:#67bfff; }.settling-sensitivity-detail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:5px; }.settling-sensitivity-detail > div { padding:5px 6px; border:1px solid rgba(103,191,255,.08); background:rgba(5,15,17,.65); }.settling-sensitivity-detail b,.settling-sensitivity-detail span { display:block; }.settling-sensitivity-detail b { color:#536d75; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.settling-sensitivity-detail span { margin-top:3px; color:#78929a; font:5px/1.35 var(--mono); }.settling-sensitivity-lab > p { margin:5px 0 0; color:#607981; font:5px/1.45 var(--mono); }
.settling-response-lab { margin-top:7px; padding:7px; border:1px solid rgba(181,148,255,.16); background:radial-gradient(circle at 0 0,rgba(181,148,255,.055),transparent 44%),rgba(5,14,18,.72); }.settling-response-lab > header { display:flex; align-items:end; justify-content:space-between; gap:8px; padding-bottom:6px; border-bottom:1px solid rgba(181,148,255,.09); }.settling-response-lab > header small,.settling-response-lab > header strong { display:block; }.settling-response-lab > header small { color:#766f8b; font:4px var(--mono); text-transform:uppercase; }.settling-response-lab > header strong { margin-top:3px; color:#cec6dd; font:7px var(--mono); font-weight:400; }.settling-response-lab > header > b { color:#a994dd; font:5px var(--mono); font-weight:400; text-align:right; }.settling-response-matrix { margin-top:6px; overflow-x:auto; }.settling-response-heading,.settling-response-matrix > button { display:grid; grid-template-columns:minmax(86px,1.25fr) repeat(4,minmax(46px,.7fr)) minmax(76px,1fr); gap:2px; min-width:430px; align-items:stretch; }.settling-response-heading span { padding:0 4px 3px; color:#5d596c; font:4px var(--mono); text-transform:uppercase; text-align:center; }.settling-response-heading span:first-child { text-align:left; }.settling-response-matrix > button { width:100%; margin-top:2px; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }.settling-response-matrix > button > strong,.settling-response-matrix > button > span,.settling-response-matrix > button > small { display:flex; min-width:0; min-height:23px; align-items:center; padding:3px 5px; border:1px solid rgba(181,148,255,.08); background:rgba(7,20,23,.66); overflow:hidden; text-overflow:ellipsis; }.settling-response-matrix > button > strong { color:#9b96aa; font:5px/1.2 var(--mono); font-weight:400; }.settling-response-matrix > button > span { justify-content:center; color:#74828a; font:5px var(--mono); white-space:nowrap; }.settling-response-matrix > button > span.certified.changed { color:#d8eef0; background:color-mix(in srgb,#67bfff calc(5% + var(--response-magnitude) * 20%),#071417); }.settling-response-matrix > button > span.certified.changed.negative { box-shadow:inset 0 -2px color-mix(in srgb,#ffc169 calc(35% + var(--response-magnitude) * 45%),transparent); }.settling-response-matrix > button > span.certified.changed.positive { box-shadow:inset 0 -2px color-mix(in srgb,#65e1bc calc(35% + var(--response-magnitude) * 45%),transparent); }.settling-response-matrix > button > span.blocked { color:#845f65; background:repeating-linear-gradient(-45deg,rgba(255,139,143,.035),rgba(255,139,143,.035) 3px,transparent 3px,transparent 6px); }.settling-response-matrix > button > span.baseline { color:#6b7590; }.settling-response-matrix > button > small { color:#66627a; font:4px/1.2 var(--mono); text-transform:uppercase; }.settling-response-matrix > button:hover > *,.settling-response-matrix > button:focus-visible > *,.settling-response-matrix > button.active > * { border-color:rgba(181,148,255,.34); }.settling-response-matrix > button:focus-visible { outline:none; }.settling-response-matrix > button.sensitive > strong { color:#b9a6ee; }.settling-response-detail { margin-top:5px; border:1px solid rgba(181,148,255,.11); background:rgba(5,15,18,.7); }.settling-response-detail header { display:flex; align-items:end; justify-content:space-between; gap:8px; padding:6px 7px; border-bottom:1px solid rgba(181,148,255,.08); }.settling-response-detail header small,.settling-response-detail header strong { display:block; }.settling-response-detail header small { color:#716b81; font:4px var(--mono); text-transform:uppercase; }.settling-response-detail header strong { margin-top:3px; color:#bdb5cc; font:6px var(--mono); font-weight:400; }.settling-response-detail header > b { color:#a994dd; font:5px var(--mono); font-weight:400; text-transform:uppercase; }.settling-response-detail > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; padding:5px 7px; }.settling-response-detail > div > span { padding:4px 5px; border:1px solid rgba(181,148,255,.07); }.settling-response-detail > div small,.settling-response-detail > div strong { display:block; }.settling-response-detail > div small { color:#625d70; font:4px var(--mono); text-transform:uppercase; }.settling-response-detail > div strong { margin-top:2px; color:#89979c; font:5px var(--mono); font-weight:400; }.settling-response-detail > p { margin:0; padding:0 7px 6px; color:#676279; font:4px/1.4 var(--mono); }
.settling-response-history-lab { margin-top:6px; padding:6px 7px; border:1px solid rgba(101,225,188,.1); background:rgba(5,16,18,.62); }.settling-response-history-lab > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }.settling-response-history-lab > header small,.settling-response-history-lab > header strong { display:block; }.settling-response-history-lab > header small { color:#59736b; font:4px var(--mono); text-transform:uppercase; }.settling-response-history-lab > header strong { margin-top:3px; color:#a8c2ba; font:6px var(--mono); font-weight:400; }.settling-response-history-lab > header > b { color:#71aa98; font:4px/1.35 var(--mono); font-weight:400; text-align:right; }.settling-response-history { display:grid; grid-template-columns:68px repeat(var(--settling-history-columns),minmax(42px,1fr)); gap:2px; margin-top:6px; overflow:hidden; }.settling-response-history-lab { overflow-x:auto; }.settling-response-history > span,.settling-response-history > b,.settling-response-history > strong,.settling-response-history > button { min-width:0; min-height:21px; display:flex; align-items:center; justify-content:center; padding:3px 4px; border:1px solid rgba(101,225,188,.07); background:rgba(7,20,22,.66); overflow:hidden; color:#6f8580; font:4px/1.15 var(--mono); text-overflow:ellipsis; white-space:nowrap; }.settling-response-history > span.axis,.settling-response-history > strong { justify-content:flex-start; color:#607c73; text-transform:uppercase; }.settling-response-history > b { color:#65766f; font-weight:400; }.settling-response-history > b.selected { color:#b8ddd1; border-color:rgba(101,225,188,.35); }.settling-response-history > button { cursor:pointer; }.settling-response-history > button.blocked { color:#805f64; background:repeating-linear-gradient(-45deg,rgba(255,139,143,.035),rgba(255,139,143,.035) 3px,transparent 3px,transparent 6px); }.settling-response-history > button.certified.changed { color:#d6ece6; background:color-mix(in srgb,#67bfff calc(4% + var(--history-magnitude) * 18%),#071416); }.settling-response-history > button.certified.changed.positive { box-shadow:inset 0 -2px color-mix(in srgb,#65e1bc calc(35% + var(--history-magnitude) * 45%),transparent); }.settling-response-history > button.certified.changed.negative { box-shadow:inset 0 -2px color-mix(in srgb,#ffc169 calc(35% + var(--history-magnitude) * 45%),transparent); }.settling-response-history > button:hover,.settling-response-history > button:focus-visible,.settling-response-history > button.selected { border-color:rgba(101,225,188,.5); outline:none; }.settling-response-history-lab > p { margin:5px 0 0; color:#5f756e; font:4px/1.4 var(--mono); }
.leap-consequence-matrix { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 7px; }.leap-consequence-matrix > button { --consequence-row:#65e1bc; min-width: 0; padding: 7px; border: 1px solid rgba(151,194,183,.11); border-left: 2px solid color-mix(in srgb,var(--consequence-row) 62%,transparent); background: rgba(7,22,23,.74); color: inherit; text-align: left; cursor: pointer; }.leap-consequence-matrix > button.mesoscale { --consequence-row:#b594ff; }.leap-consequence-matrix > button.chemistry { --consequence-row:#ffc169; }.leap-consequence-matrix > button.reciprocal { --consequence-row:#67bfff; }.leap-consequence-matrix > button:hover,.leap-consequence-matrix > button:focus-visible,.leap-consequence-matrix > button.active { border-color: color-mix(in srgb,var(--consequence-row) 65%,transparent); background: color-mix(in srgb,var(--consequence-row) 5%,#071617); outline: none; }.leap-consequence-matrix > button.unavailable { opacity: .46; }
.leap-consequence-matrix button > span:first-child { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 7px; }.leap-consequence-matrix small,.leap-consequence-matrix strong,.leap-consequence-matrix em { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.leap-consequence-matrix small { grid-column: 1 / -1; color: color-mix(in srgb,var(--consequence-row) 70%,#546b64); font: 4px var(--mono); text-transform: uppercase; }.leap-consequence-matrix strong { color: #b8cbc5; font: 6px var(--mono); font-weight: 400; }.leap-consequence-matrix em { color: var(--consequence-row); font: 5px var(--mono); font-style: normal; text-align: right; }
.consequence-track { position: relative; display: block; height: 8px; margin: 7px 3px 5px; border-radius: 8px; background: linear-gradient(90deg,rgba(151,194,183,.035),rgba(151,194,183,.11)); }.consequence-track b { position: absolute; top: 3px; height: 2px; min-width: 1px; background: color-mix(in srgb,var(--consequence-row) 52%,#536b64); }.consequence-track u { position: absolute; top: 1px; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; text-decoration: none; }.consequence-track u.before { border: 1px solid color-mix(in srgb,var(--consequence-row) 60%,#071617); background: #071617; }.consequence-track u.after { background: var(--consequence-row); box-shadow: 0 0 7px color-mix(in srgb,var(--consequence-row) 42%,transparent); }.consequence-values { display: block; overflow: hidden; color: #637a73; font: 5px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.leap-consequence-detail { margin-top: 5px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.82); }.leap-consequence-detail header { display: flex; justify-content: space-between; gap: 8px; align-items: end; padding: 7px 8px; border-bottom: 1px solid rgba(151,194,183,.08); box-shadow: inset 2px 0 var(--mint); }.leap-consequence-detail header small,.leap-consequence-detail header strong { display: block; }.leap-consequence-detail header small { color: #6e8b82; font: 5px var(--mono); text-transform: uppercase; }.leap-consequence-detail header strong { margin-top: 4px; color: #cfddd9; font: 7px var(--mono); font-weight: 400; }.leap-consequence-detail header > b { color: var(--mint); font: 8px var(--mono); font-weight: 400; }.leap-consequence-detail > div { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 7px; padding: 6px 8px; border-bottom: 1px solid rgba(151,194,183,.06); }.leap-consequence-detail > div:last-child { border-bottom: 0; }.leap-consequence-detail > div b { color: #516861; font: 5px/1.4 var(--mono); font-weight: 400; text-transform: uppercase; }.leap-consequence-detail > div p { margin: 0; color: #7c918a; font: 6px/1.45 var(--mono); }
.leap-consequence-lab > p { margin: 6px 0 0; padding: 6px 7px; border-left: 2px solid var(--mint); background: rgba(101,225,188,.025); color: #647c75; font: 5px/1.48 var(--mono); }
.leap-consequence-vector-lab { margin-top:6px; padding:7px; border:1px solid rgba(103,191,255,.2); background:radial-gradient(circle at 8% 0,rgba(103,191,255,.07),transparent 42%),rgba(5,15,17,.86); }.leap-consequence-vector-lab > header { display:flex; align-items:end; justify-content:space-between; gap:8px; padding-bottom:6px; border-bottom:1px solid rgba(151,194,183,.08); }.leap-consequence-vector-lab > header span small,.leap-consequence-vector-lab > header span strong { display:block; }.leap-consequence-vector-lab > header span small { color:#6595b5; font:5px var(--mono); text-transform:uppercase; }.leap-consequence-vector-lab > header span strong { margin-top:4px; color:#c7d9e4; font:7px var(--mono); font-weight:400; }.leap-consequence-vector-lab > header > b { color:#6f8997; font:5px var(--mono); font-weight:400; }.leap-consequence-vector-layout { display:grid; grid-template-columns:minmax(280px,1.2fr) minmax(210px,.8fr); gap:7px; margin-top:6px; }.leap-consequence-vector-layout > svg { display:block; width:100%; min-height:158px; border:1px solid rgba(103,191,255,.1); background:rgba(4,13,14,.62); }.leap-consequence-vector svg .axis { cursor:pointer; }.leap-consequence-vector svg .axis:focus { outline:none; }.leap-consequence-vector svg .axis-label { fill:#80958f; font:6px var(--mono); text-transform:uppercase; }.leap-consequence-vector svg .axis-coverage,.leap-consequence-vector svg .axis-sign { fill:#526b6a; font:5px var(--mono); }.leap-consequence-vector svg .axis-baseline { stroke:rgba(151,194,183,.18); stroke-width:2; }.leap-consequence-vector svg .axis-zero { stroke:rgba(255,255,255,.25); stroke-width:.8; stroke-dasharray:2 2; }.leap-consequence-vector svg .axis-response { stroke-width:3.5; stroke-linecap:round; }.leap-consequence-vector svg .axis-point { stroke:#071617; stroke-width:1.4; filter:drop-shadow(0 0 3px rgba(103,191,255,.35)); }.leap-consequence-vector svg .axis:hover .axis-label,.leap-consequence-vector svg .axis:focus .axis-label { fill:#e1eef1; }.leap-consequence-vector svg .axis:hover .axis-baseline,.leap-consequence-vector svg .axis:focus .axis-baseline { stroke:rgba(103,191,255,.55); }.leap-consequence-vector svg .axis.unresolved { cursor:default; opacity:.42; }.leap-consequence-vector-layout > article { border:1px solid rgba(255,193,105,.12); background:rgba(7,20,21,.72); }.leap-consequence-vector-layout > article > header { padding:6px 7px; border-bottom:1px solid rgba(151,194,183,.07); }.leap-consequence-vector-layout > article > header small,.leap-consequence-vector-layout > article > header strong { display:block; }.leap-consequence-vector-layout > article > header small { color:#9a7956; font:4px var(--mono); text-transform:uppercase; }.leap-consequence-vector-layout > article > header strong { margin-top:3px; color:#d5c9b9; font:6px var(--mono); font-weight:400; }.leap-consequence-unknowns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding:1px; }.leap-consequence-unknowns > span { min-width:0; padding:5px 6px; background:rgba(4,13,14,.72); }.leap-consequence-unknowns strong,.leap-consequence-unknowns b,.leap-consequence-unknowns small { display:block; }.leap-consequence-unknowns strong { overflow:hidden; color:#9aaba5; font:5px var(--mono); font-weight:400; text-overflow:ellipsis; white-space:nowrap; }.leap-consequence-unknowns b { margin-top:2px; color:#ff8b8f; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.leap-consequence-unknowns small { margin-top:3px; color:#536965; font:4px/1.3 var(--mono); }.leap-consequence-vector-lab > p { margin:6px 0 0; padding:6px 7px; border-left:2px solid #67bfff; background:rgba(103,191,255,.025); color:#617a80; font:5px/1.45 var(--mono); }
.dynamical-evidence-plan-lab { margin-top:7px; padding:6px; border:1px solid rgba(255,193,105,.14); background:linear-gradient(135deg,rgba(255,193,105,.035),rgba(103,191,255,.02)); }.dynamical-evidence-plan-lab > header { display:flex; justify-content:space-between; gap:8px; align-items:end; padding:2px 2px 6px; border-bottom:1px solid rgba(151,194,183,.07); }.dynamical-evidence-plan-lab > header span small,.dynamical-evidence-plan-lab > header span strong { display:block; }.dynamical-evidence-plan-lab > header span small { color:#8c765a; font:4px var(--mono); text-transform:uppercase; }.dynamical-evidence-plan-lab > header span strong { margin-top:3px; color:#d1c8b9; font:6px var(--mono); font-weight:400; }.dynamical-evidence-plan-lab > header > b { color:#6e827a; font:4px var(--mono); font-weight:400; }.dynamical-evidence-plan { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:5px; }.dynamical-evidence-plan > button { min-width:0; min-height:45px; padding:5px 6px; border:1px solid rgba(151,194,183,.09); border-top:2px solid #596d68; background:rgba(4,13,14,.7); color:inherit; text-align:left; cursor:pointer; }.dynamical-evidence-plan > button.partial-physical-evidence { border-top-color:#65e1bc; }.dynamical-evidence-plan > button.geometric-proxy-only { border-top-color:#ffc169; }.dynamical-evidence-plan > button.no-qualifying-evidence { border-top-color:#ff8b8f; }.dynamical-evidence-plan > button:hover,.dynamical-evidence-plan > button:focus-visible,.dynamical-evidence-plan > button.active { border-color:rgba(103,191,255,.48); background:rgba(103,191,255,.035); outline:none; }.dynamical-evidence-plan strong,.dynamical-evidence-plan b,.dynamical-evidence-plan span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.dynamical-evidence-plan strong { color:#b7c7c1; font:5px var(--mono); font-weight:400; }.dynamical-evidence-plan b { margin-top:3px; color:#71867f; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.dynamical-evidence-plan span { margin-top:3px; color:#536963; font:4px var(--mono); }.dynamical-evidence-plan-detail { margin-top:4px; border:1px solid rgba(151,194,183,.1); background:rgba(4,13,14,.72); }.dynamical-evidence-plan-detail > header { display:flex; justify-content:space-between; align-items:end; gap:7px; padding:6px 7px; border-bottom:1px solid rgba(151,194,183,.07); }.dynamical-evidence-plan-detail header small,.dynamical-evidence-plan-detail header strong { display:block; }.dynamical-evidence-plan-detail header small { color:#6d827a; font:4px var(--mono); text-transform:uppercase; }.dynamical-evidence-plan-detail header strong { margin-top:3px; color:#ccd8d3; font:6px var(--mono); font-weight:400; }.dynamical-evidence-plan-detail header > b { color:#ff8b8f; font:4px var(--mono); font-weight:400; text-transform:uppercase; }.dynamical-evidence-plan-detail > div { display:grid; grid-template-columns:78px minmax(0,1fr); gap:7px; padding:5px 7px; border-bottom:1px solid rgba(151,194,183,.055); }.dynamical-evidence-plan-detail > div:last-child { border-bottom:0; }.dynamical-evidence-plan-detail > div > b { color:#526962; font:4px/1.4 var(--mono); font-weight:400; text-transform:uppercase; }.dynamical-evidence-plan-detail p { margin:0; color:#71867f; font:5px/1.4 var(--mono); }.dynamical-evidence-records { display:flex; flex-wrap:wrap; gap:3px; }.dynamical-evidence-records button,.dynamical-evidence-records span { padding:4px 5px; border:1px solid rgba(151,194,183,.11); background:rgba(7,22,23,.82); color:#7d918a; font:4px var(--mono); }.dynamical-evidence-records button { cursor:pointer; }.dynamical-evidence-records button.soft,.dynamical-evidence-records button.sampled { border-color:rgba(255,193,105,.28); }.dynamical-evidence-records button.explicit,.dynamical-evidence-records button.observed,.dynamical-evidence-records button.hard,.dynamical-evidence-records button.learned { border-color:rgba(101,225,188,.28); }.dynamical-evidence-records button:disabled { opacity:.48; cursor:not-allowed; }.dynamical-evidence-records button:not(:disabled):hover,.dynamical-evidence-records button:not(:disabled):focus-visible { border-color:#67bfff; color:#d4e6eb; outline:none; }.dynamical-evidence-plan-lab > p { margin:5px 0 0; padding:5px 6px; border-left:2px solid #ffc169; background:rgba(255,193,105,.02); color:#65776f; font:4px/1.45 var(--mono); }
.dynamical-evidence-plan > button.validated-response { border-top-color:#65e1bc; background:linear-gradient(135deg,rgba(101,225,188,.07),rgba(103,191,255,.025)); }.dynamical-evidence-plan-detail header > b.validated { color:#65e1bc; }
.dynamical-evidence-handoff { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:7px; border-top:1px solid rgba(103,191,255,.16); background:linear-gradient(90deg,rgba(103,191,255,.045),rgba(101,225,188,.025)); }.dynamical-evidence-handoff > span { min-width:0; }.dynamical-evidence-handoff > span b,.dynamical-evidence-handoff > span small { display:block; }.dynamical-evidence-handoff > span b { color:#9ec8d7; font:5px var(--mono); font-weight:400; }.dynamical-evidence-handoff > span small { margin-top:3px; color:#617972; font:4px/1.35 var(--mono); }.dynamical-evidence-handoff > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:4px; }.dynamical-evidence-handoff button { padding:5px 7px; border:1px solid rgba(103,191,255,.3); background:rgba(7,28,31,.92); color:#9ac3d1; font:4px var(--mono); cursor:pointer; }.dynamical-evidence-handoff button:last-child { border-color:rgba(255,193,105,.32); color:#d2ad78; }.dynamical-evidence-handoff button:hover,.dynamical-evidence-handoff button:focus-visible { border-color:#67bfff; color:#e0f4f8; outline:none; }.dynamical-evidence-handoff button:disabled { opacity:.38; cursor:not-allowed; }
.dynamical-evidence-plan-detail .external-physics-response-status { padding:5px 6px; border-left:2px solid #65e1bc; background:linear-gradient(90deg,rgba(101,225,188,.055),transparent); color:#9bc5b7; }
.external-physics-force-actions { display:flex; align-items:center; gap:6px; }.external-physics-force-actions button { flex:0 0 auto; padding:5px 7px; border:1px solid rgba(101,225,188,.38); background:rgba(8,33,29,.86); color:#9bd6c3; font:4px var(--mono); cursor:pointer; }.external-physics-force-actions button:disabled { opacity:.62; cursor:default; }.external-physics-force-actions span { color:#688078; font:4px/1.4 var(--mono); }
@media (max-width: 780px) { .leap-consequence-vector-layout { grid-template-columns:1fr; }.leap-consequence-vector-layout > svg { min-height:145px; }.dynamical-evidence-plan { grid-template-columns:repeat(2,minmax(0,1fr)); }.dynamical-evidence-handoff { align-items:stretch; flex-direction:column; }.dynamical-evidence-handoff > div { justify-content:flex-start; } }
.stoichiometry-pathway { margin-top: 6px; padding: 7px; border: 1px solid rgba(255,193,105,.2); background: radial-gradient(circle at 84% 4%,rgba(255,193,105,.075),transparent 42%),rgba(5,15,17,.86); }
.stoichiometry-pathway > header { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,1fr); gap: 8px; align-items: end; padding-bottom: 6px; border-bottom: 1px solid rgba(151,194,183,.08); }.stoichiometry-pathway > header span small,.stoichiometry-pathway > header span strong { display:block; }.stoichiometry-pathway > header span small { color:#af895d; font:5px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.stoichiometry-pathway > header span strong { margin-top:4px; color:#d8d0c5; font:7px var(--mono); font-weight:400; }
.stoichiometry-pathway > header > div { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:3px; max-height:50px; overflow:auto; }.stoichiometry-pathway > header button { display:flex; align-items:center; gap:4px; min-height:23px; padding:0 6px; border:1px solid rgba(151,194,183,.14); background:rgba(7,22,23,.66); color:#82968f; font:5px var(--mono); cursor:pointer; }.stoichiometry-pathway > header button i { width:7px; height:7px; border-radius:50%; background:var(--species-color); box-shadow:0 0 0 1px rgba(255,255,255,.24); }.stoichiometry-pathway > header button strong { color:inherit; font:inherit; font-weight:400; }.stoichiometry-pathway > header button:hover,.stoichiometry-pathway > header button:focus-visible,.stoichiometry-pathway > header button[aria-pressed="true"] { border-color:var(--species-color); color:#fff; background:color-mix(in srgb,var(--species-color) 8%,#071617); outline:none; }
.stoichiometry-pathway-timeline { display:grid; gap:2px; max-height:174px; margin-top:6px; padding-right:2px; overflow:auto; }.stoichiometry-pathway-timeline > button,.stoichiometry-pathway-timeline > div { display:grid; grid-template-columns:42px minmax(0,1fr) 74px; align-items:center; gap:6px; min-height:23px; padding:3px 5px; border:1px solid rgba(151,194,183,.08); background:rgba(7,22,23,.65); color:inherit; text-align:left; }.stoichiometry-pathway-timeline > button { cursor:pointer; }.stoichiometry-pathway-timeline > button:hover,.stoichiometry-pathway-timeline > button:focus-visible,.stoichiometry-pathway-timeline > button.active { border-color:rgba(255,193,105,.45); background:rgba(255,193,105,.035); outline:none; }.stoichiometry-pathway-timeline > span { overflow:hidden; }.stoichiometry-pathway-timeline span { color:#84968f; font:5px var(--mono); white-space:nowrap; }.stoichiometry-pathway-timeline em { color:#756e62; font:4px var(--mono); font-style:normal; text-align:right; }.stoichiometry-stack { display:flex; min-width:0; height:8px; overflow:hidden; border:1px solid rgba(255,255,255,.1); background:#0a1515; }.stoichiometry-stack b { display:block; height:100%; min-width:1px; }
.stoichiometry-pathway svg { display:block; width:100%; height:142px; margin-top:4px; overflow:visible; }.stoichiometry-pathway svg .grid { stroke:rgba(151,194,183,.08); stroke-width:.7; }.stoichiometry-pathway svg .axis { fill:#60736d; font:5px var(--mono); }.stoichiometry-pathway svg .target { stroke:#fff2d7; stroke-width:1; stroke-dasharray:3 2; opacity:.55; }.stoichiometry-pathway svg .path { fill:none; stroke:var(--species-color); stroke-width:1.7; stroke-linejoin:round; }.stoichiometry-pathway svg .point { fill:var(--species-color); stroke:#071617; stroke-width:1.2; cursor:pointer; }.stoichiometry-pathway svg .point.selected { stroke:#fff; stroke-width:2; filter:drop-shadow(0 0 3px rgba(255,255,255,.55)); }
.stoichiometry-pathway-readout { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(151,194,183,.08); }.stoichiometry-pathway-readout span { min-width:0; padding:5px 6px; background:#071617; }.stoichiometry-pathway-readout small,.stoichiometry-pathway-readout strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.stoichiometry-pathway-readout small { color:#667b74; font:4px var(--mono); text-transform:uppercase; }.stoichiometry-pathway-readout strong { margin-top:3px; color:#c7d2cd; font:7px var(--mono); font-weight:400; }.stoichiometry-pathway > p { margin:6px 0 0; padding:6px 7px; border-left:2px solid #ffc169; background:rgba(255,193,105,.025); color:#6e7b73; font:5px/1.45 var(--mono); }
.packing-pathway { margin-top:6px; padding:7px; border:1px solid rgba(89,214,92,.2); background:radial-gradient(circle at 82% 0,rgba(89,214,92,.07),transparent 44%),rgba(5,15,17,.86); }.packing-pathway > header { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,1fr); gap:8px; align-items:end; padding-bottom:6px; border-bottom:1px solid rgba(151,194,183,.08); }.packing-pathway > header span small,.packing-pathway > header span strong { display:block; }.packing-pathway > header span small { color:#6d9d71; font:5px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.packing-pathway > header span strong { margin-top:4px; color:#c9d8cf; font:7px var(--mono); font-weight:400; }.packing-pathway > header > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }.packing-pathway > header button { min-height:23px; padding:0 4px; border:1px solid rgba(151,194,183,.14); background:transparent; color:#607970; font:4px var(--mono); cursor:pointer; }.packing-pathway > header button:hover,.packing-pathway > header button:focus-visible,.packing-pathway > header button[aria-pressed="true"] { border-color:#59d65c; color:#c7edc8; background:rgba(89,214,92,.05); outline:none; }
.packing-pathway-plots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:6px; }.packing-pathway figure { min-width:0; margin:0; padding:4px; border:1px solid rgba(151,194,183,.08); background:rgba(4,13,14,.66); }.packing-pathway figcaption { display:flex; justify-content:space-between; gap:5px; color:#6d8279; font:4px var(--mono); text-transform:uppercase; }.packing-pathway figcaption span { display:flex; align-items:center; gap:3px; color:#5f746c; }.packing-pathway figcaption i { width:6px; height:2px; background:#8d9b96; }.packing-pathway figcaption i.after,.packing-pathway figcaption i.core { background:#59d65c; }.packing-pathway figcaption i.surface { background:#b594ff; }.packing-pathway svg { display:block; width:100%; height:112px; margin-top:2px; overflow:visible; }.packing-pathway svg .grid { stroke:rgba(151,194,183,.08); stroke-width:.7; }.packing-pathway svg .axis { fill:#5f746c; font:5px var(--mono); }.packing-pathway svg .reference { stroke:#fff; stroke-width:.8; stroke-dasharray:3 2; opacity:.42; }.packing-pathway svg rect.before { fill:rgba(181,148,255,.32); }.packing-pathway svg rect.after { fill:rgba(89,214,92,.58); }.packing-pathway svg .path { fill:none; stroke:#59d65c; stroke-width:1.6; stroke-linejoin:round; }.packing-pathway svg .path.surface { stroke:#b594ff; }.packing-pathway svg .path.volume { stroke:#ffc169; }.packing-pathway svg .point { fill:#59d65c; stroke:#071617; stroke-width:1.2; cursor:pointer; }.packing-pathway svg .point.selected { stroke:#fff; stroke-width:2; filter:drop-shadow(0 0 3px rgba(255,255,255,.55)); }
.packing-pathway-readout { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:4px; background:rgba(151,194,183,.08); }.packing-pathway-readout span { min-width:0; padding:5px 6px; background:#071617; }.packing-pathway-readout small,.packing-pathway-readout strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.packing-pathway-readout small { color:#61766e; font:4px var(--mono); text-transform:uppercase; }.packing-pathway-readout strong { margin-top:3px; color:#c0d0c8; font:6px var(--mono); font-weight:400; }.packing-pathway > p { margin:6px 0 0; padding:6px 7px; border-left:2px solid #59d65c; background:rgba(89,214,92,.025); color:#657b70; font:5px/1.45 var(--mono); }
.radial-material-profile { margin-top:4px; padding:5px; border:1px solid rgba(181,148,255,.14); background:linear-gradient(90deg,rgba(181,148,255,.035),rgba(89,214,92,.025)); }.radial-material-profile > header { display:grid; grid-template-columns:minmax(110px,.6fr) minmax(0,1.4fr); gap:6px; align-items:center; }.radial-material-profile > header span small,.radial-material-profile > header span strong { display:block; }.radial-material-profile > header span small { color:#7d6d9f; font:4px var(--mono); text-transform:uppercase; }.radial-material-profile > header span strong { margin-top:2px; color:#bfb4d1; font:6px var(--mono); font-weight:400; }.radial-material-profile > header > div { display:flex; justify-content:flex-end; gap:2px; overflow-x:auto; scrollbar-width:thin; }.radial-material-profile button { flex:0 0 auto; min-height:20px; padding:0 5px; border:1px solid color-mix(in srgb,var(--radial-channel,#59d65c) 32%,transparent); background:transparent; color:#72847d; font:4px var(--mono); cursor:pointer; }.radial-material-profile button[aria-pressed="true"],.radial-material-profile button:hover,.radial-material-profile button:focus-visible { border-color:var(--radial-channel,#59d65c); color:#d0ddd7; background:color-mix(in srgb,var(--radial-channel,#59d65c) 8%,transparent); outline:none; }.radial-material-profile svg { display:block; width:100%; height:128px; margin-top:3px; }.radial-material-profile svg .grid { stroke:rgba(151,194,183,.08); stroke-width:.7; }.radial-material-profile svg .axis { fill:#63776f; font:5px var(--mono); }.radial-material-profile svg .reference-level { stroke:#fff; stroke-width:.7; stroke-dasharray:3 2; opacity:.24; }.radial-material-profile svg polyline { fill:none; stroke-linejoin:round; stroke-linecap:round; }.radial-material-profile svg .supplied { stroke:#b594ff; stroke-width:1; opacity:.65; fill:#b594ff; }.radial-material-profile svg .current { stroke:#59d65c; stroke-width:1.8; fill:#59d65c; }.packing-radial-readout { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; background:rgba(151,194,183,.07); }.packing-radial-readout span { min-width:0; padding:4px 5px; background:#071617; }.packing-radial-readout small,.packing-radial-readout strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.packing-radial-readout small { color:#62756e; font:4px var(--mono); text-transform:uppercase; }.packing-radial-readout strong { margin-top:2px; color:#c3d1ca; font:5px var(--mono); font-weight:400; }
.void-clearance-pathway { margin-top:6px; padding:7px; border:1px solid rgba(72,208,213,.2); background:radial-gradient(circle at 10% 0,rgba(72,208,213,.07),transparent 42%),rgba(5,15,17,.86); }.void-clearance-pathway > header { display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,1fr); gap:8px; align-items:end; padding-bottom:6px; border-bottom:1px solid rgba(151,194,183,.08); }.void-clearance-pathway > header span small,.void-clearance-pathway > header span strong { display:block; }.void-clearance-pathway > header span small { color:#5f9da0; font:5px var(--mono); text-transform:uppercase; }.void-clearance-pathway > header span strong { margin-top:4px; color:#c3d6d6; font:7px var(--mono); font-weight:400; }.void-clearance-pathway > header > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }.void-clearance-pathway button { min-height:23px; padding:0 4px; border:1px solid rgba(72,208,213,.17); background:transparent; color:#647f7f; font:4px var(--mono); cursor:pointer; }.void-clearance-pathway button[aria-pressed="true"],.void-clearance-pathway button:hover,.void-clearance-pathway button:focus-visible { border-color:#48d0d5; color:#c5eff0; background:rgba(72,208,213,.06); outline:none; }.void-clearance-plots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:6px; }.void-clearance-plots figure { min-width:0; margin:0; padding:4px; border:1px solid rgba(151,194,183,.08); background:rgba(4,13,14,.66); }.void-clearance-plots figure.history { grid-column:1/-1; }.void-clearance-plots figcaption { display:flex; justify-content:space-between; color:#687f7e; font:4px var(--mono); text-transform:uppercase; }.void-clearance-plots figcaption span { display:flex; gap:3px; align-items:center; }.void-clearance-plots figcaption i { width:6px; height:2px; background:#899b9a; }.void-clearance-plots figcaption i.after,.void-clearance-plots figcaption i.current { background:#48d0d5; }.void-clearance-plots figcaption i.reference,.void-clearance-plots figcaption i.before { background:#b594ff; }.void-clearance-pathway svg { display:block; width:100%; height:112px; margin-top:2px; overflow:visible; }.void-clearance-pathway svg .grid { stroke:rgba(151,194,183,.08); stroke-width:.7; }.void-clearance-pathway svg .axis { fill:#607674; font:5px var(--mono); }.void-clearance-pathway svg rect.before { fill:rgba(181,148,255,.32); }.void-clearance-pathway svg rect.after { fill:rgba(72,208,213,.58); }.void-clearance-pathway svg circle.reference { fill:#b594ff; opacity:.42; }.void-clearance-pathway svg circle.current { fill:#48d0d5; opacity:.72; }.void-clearance-pathway svg .path { fill:none; stroke:#48d0d5; stroke-width:1.6; stroke-linejoin:round; }.void-clearance-pathway svg .point { fill:#48d0d5; stroke:#071617; stroke-width:1.2; cursor:pointer; }.void-clearance-pathway svg .point.selected { stroke:#fff; stroke-width:2; }.void-clearance-readout { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:4px; background:rgba(151,194,183,.07); }.void-clearance-readout span { min-width:0; padding:5px 6px; background:#071617; }.void-clearance-readout small,.void-clearance-readout strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.void-clearance-readout small { color:#607573; font:4px var(--mono); text-transform:uppercase; }.void-clearance-readout strong { margin-top:3px; color:#c1d1d0; font:6px var(--mono); font-weight:400; }.void-clearance-pathway > p { margin:6px 0 0; padding:6px 7px; border-left:2px solid #48d0d5; background:rgba(72,208,213,.025); color:#657d7b; font:5px/1.45 var(--mono); }
.void-clearance-pathway svg .network-edge { stroke:rgba(72,208,213,.28); }.void-network-audit { margin-top:4px; padding:5px; border:1px solid rgba(72,208,213,.1); background:rgba(4,13,14,.58); }.void-network-audit > header { display:grid; grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr); gap:6px; align-items:center; }.void-network-audit > header span small,.void-network-audit > header span strong { display:block; }.void-network-audit > header span small { color:#567e7f; font:4px var(--mono); text-transform:uppercase; }.void-network-audit > header span strong { margin-top:2px; color:#a8c2c1; font:6px var(--mono); font-weight:400; }.void-network-audit > header > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; }.void-network-audit button { min-height:20px; }.void-steric-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:5px; }.void-steric-controls label { display:grid; grid-template-columns:auto minmax(95px,1fr); gap:5px; align-items:center; padding:4px 5px; background:rgba(72,208,213,.035); border:1px solid rgba(72,208,213,.07); }.void-steric-controls small { color:#567e7f; font:4px var(--mono); text-transform:uppercase; }.void-steric-controls select { width:100%; min-height:22px; color:#9fc3c0; background:#071617; border:1px solid rgba(72,208,213,.12); font:5px var(--mono); }.void-throat-control { display:grid; grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr); gap:6px; align-items:center; margin-top:4px; padding:4px 5px; background:rgba(72,208,213,.045); border:1px solid rgba(72,208,213,.08); }.void-throat-control span small,.void-throat-control span strong { display:block; }.void-throat-control span small { color:#567e7f; font:4px var(--mono); text-transform:uppercase; }.void-throat-control span strong { margin-top:2px; color:#7ad9d6; font:6px var(--mono); font-weight:400; }.void-throat-control input { width:100%; accent-color:#48d0d5; }.void-network-readout { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; margin-top:4px; background:rgba(151,194,183,.07); }.void-network-readout span { min-width:0; padding:4px 5px; background:#071617; }.void-network-readout small,.void-network-readout strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.void-network-readout small { color:#597270; font:4px var(--mono); text-transform:uppercase; }.void-network-readout strong { margin-top:2px; color:#b8cecc; font:5px var(--mono); font-weight:400; }
.multiscale-pathway { margin-top: 6px; padding: 7px; border: 1px solid rgba(103,191,255,.2); background: radial-gradient(circle at 78% 8%,rgba(181,148,255,.09),transparent 44%),rgba(5,15,17,.86); }
.multiscale-pathway header { display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; padding-bottom: 6px; border-bottom: 1px solid rgba(151,194,183,.08); }.multiscale-pathway header small,.multiscale-pathway header strong { display: block; }.multiscale-pathway header small { color: #718bb6; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.multiscale-pathway header strong { margin-top: 4px; color: #c9d8d4; font: 7px var(--mono); font-weight: 400; }
.multiscale-pathway header div { display: flex; gap: 2px; }.multiscale-pathway header button { min-width: 26px; min-height: 22px; padding: 0 4px; border: 1px solid rgba(151,194,183,.15); background: transparent; color: #607970; font: 5px var(--mono); cursor: pointer; }.multiscale-pathway header button:hover,.multiscale-pathway header button:focus-visible,.multiscale-pathway header button[aria-pressed="true"] { border-color: #67bfff; color: #c9ecff; background: rgba(103,191,255,.055); outline: none; }
.multiscale-pathway svg { display: block; width: 100%; height: 166px; margin-top: 5px; overflow: visible; }.multiscale-pathway svg .grid { stroke: rgba(151,194,183,.09); stroke-width: .7; }.multiscale-pathway svg .axis { fill: #5a7069; font: 6px var(--mono); }.multiscale-pathway svg .path { fill: none; stroke: rgba(181,148,255,.58); stroke-width: 1.4; stroke-linejoin: round; }.multiscale-pathway svg .point { stroke: #071617; stroke-width: 1.2; cursor: pointer; }.multiscale-pathway svg .point.seed { fill: #67bfff; }.multiscale-pathway svg .point.accepted { fill: var(--mint); }.multiscale-pathway svg .point.rejected { fill: var(--red); }.multiscale-pathway svg .point.fixed { fill: #ffc169; }.multiscale-pathway svg .point.selected { stroke: #fff; stroke-width: 2; filter: drop-shadow(0 0 3px rgba(255,255,255,.55)); }
.multiscale-pathway > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: rgba(151,194,183,.08); }.multiscale-pathway > div span { min-width: 0; padding: 5px 6px; background: #071617; color: #718981; font: 5px/1.35 var(--mono); }.multiscale-pathway > div strong { display: block; margin-top: 3px; color: #bdd0ca; font: 7px var(--mono); font-weight: 400; }.multiscale-pathway > p { margin: 6px 0 0; padding: 6px 7px; border-left: 2px solid #67bfff; background: rgba(103,191,255,.025); color: #637b74; font: 5px/1.45 var(--mono); }
.growth-regime-map { margin-top:6px; padding:7px; border:1px solid rgba(255,193,105,.2); background:radial-gradient(circle at 85% 5%,rgba(255,193,105,.08),transparent 45%),rgba(5,15,17,.86); }.growth-regime-map > header { display:grid; grid-template-columns:minmax(0,.7fr) minmax(180px,1.3fr); gap:8px; align-items:end; padding-bottom:6px; border-bottom:1px solid rgba(151,194,183,.08); }.growth-regime-map > header span small,.growth-regime-map > header span strong { display:block; }.growth-regime-map > header span small { color:#9d8154; font:5px var(--mono); letter-spacing:.06em; text-transform:uppercase; }.growth-regime-map > header span strong { margin-top:4px; color:#d8c9ac; font:7px var(--mono); font-weight:400; }.growth-regime-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }.growth-regime-controls label { min-width:0; }.growth-regime-controls small { display:block; margin-bottom:3px; color:#6e6858; font:4px var(--mono); text-transform:uppercase; }.growth-regime-controls select { width:100%; min-height:23px; padding:0 4px; border:1px solid rgba(255,193,105,.15); background:#071617; color:#b9aa8e; font:5px var(--mono); }.growth-regime-map svg { display:block; width:100%; height:176px; margin-top:5px; overflow:visible; }.growth-regime-map svg .grid { stroke:rgba(151,194,183,.08); stroke-width:.7; }.growth-regime-map svg .zero { stroke:rgba(255,193,105,.38); stroke-width:1; stroke-dasharray:3 3; }.growth-regime-map svg .axis { fill:#6d6f64; font:5px var(--mono); }.growth-regime-map svg .path { fill:none; stroke:rgba(255,193,105,.42); stroke-width:1.2; stroke-linejoin:round; }.growth-regime-map svg .point { fill:#ffc169; stroke:#071617; stroke-width:1.2; cursor:pointer; }.growth-regime-map svg .point.selected { fill:#65e1bc; stroke:#fff; stroke-width:1.8; filter:drop-shadow(0 0 4px rgba(101,225,188,.55)); }.growth-regime-map svg .point-label { fill:#8e8978; font:5px var(--mono); pointer-events:none; }.growth-regime-readout { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px; background:rgba(151,194,183,.07); }.growth-regime-readout span { min-width:0; padding:5px 6px; background:#071617; color:#718078; font:5px/1.35 var(--mono); }.growth-regime-readout small,.growth-regime-readout strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.growth-regime-readout small { color:#655f51; font:4px var(--mono); text-transform:uppercase; }.growth-regime-readout strong { margin-top:3px; color:#d4c5a9; font:6px var(--mono); font-weight:400; }.growth-regime-map > p { margin:6px 0 0; padding:6px 7px; border-left:2px solid #ffc169; background:rgba(255,193,105,.025); color:#746e61; font:5px/1.45 var(--mono); }
.leap-morphology-passport { --morphology-accent: #65e1bc; margin-top: 6px; padding: 7px; border: 1px solid rgba(101,225,188,.2); background: radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--morphology-accent) 8%,transparent),transparent 48%),rgba(5,15,17,.86); }.leap-morphology-passport.morphology-plate-like { --morphology-accent: #67bfff; }.leap-morphology-passport.morphology-needle-like,.leap-morphology-passport.morphology-elongated { --morphology-accent: #b594ff; }.leap-morphology-passport.morphology-insufficient { --morphology-accent: #ffc169; }.leap-morphology-passport header { display: grid; grid-template-columns: 1fr auto; gap: 3px 7px; padding-bottom: 6px; border-bottom: 1px solid rgba(151,194,183,.08); }.leap-morphology-passport header small { grid-column: 1 / -1; color: color-mix(in srgb,var(--morphology-accent) 70%,#728981); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.leap-morphology-passport header strong { color: #c7dbd7; font: 7px var(--mono); font-weight: 400; }.leap-morphology-passport header span { color: #607970; font: 5px var(--mono); text-align: right; }.leap-morphology-spectrum { display: grid; gap: 3px; margin-top: 7px; }.leap-morphology-spectrum > div { display: grid; grid-template-columns: 44px minmax(0,1fr) 31px; align-items: center; gap: 5px; }.leap-morphology-spectrum small,.leap-morphology-spectrum strong { font: 5px var(--mono); font-weight: 400; }.leap-morphology-spectrum small { color: #607970; }.leap-morphology-spectrum strong { color: #88a39b; text-align: right; }.leap-morphology-spectrum span { height: 4px; overflow: hidden; border-radius: 3px; background: rgba(151,194,183,.07); }.leap-morphology-spectrum i { display: block; height: 100%; border-radius: inherit; background: var(--morphology-accent); box-shadow: 0 0 8px color-mix(in srgb,var(--morphology-accent) 40%,transparent); }.leap-morphology-spectrum .axis-2 i { opacity: .66; }.leap-morphology-spectrum .axis-3 i { opacity: .38; }.leap-morphology-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 7px; background: rgba(151,194,183,.07); }.leap-morphology-metrics > span { min-width: 0; padding: 6px; background: #071617; }.leap-morphology-metrics small,.leap-morphology-metrics strong,.leap-morphology-metrics em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.leap-morphology-metrics small { color: #546b64; font: 5px var(--mono); text-transform: uppercase; }.leap-morphology-metrics strong { margin-top: 4px; color: #b9ceca; font: 7px var(--mono); font-weight: 400; }.leap-morphology-metrics em { margin-top: 3px; color: #607970; font: 5px var(--mono); font-style: normal; }.leap-morphology-passport > p { margin: 6px 0 0; padding: 6px 7px; border-left: 2px solid var(--morphology-accent); background: rgba(151,194,183,.025); color: #657d76; font: 5px/1.45 var(--mono); }
.leap-morphology-scaling { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 1px; margin-top: 7px; border: 1px solid rgba(151,194,183,.08); background: rgba(151,194,183,.07); }.leap-morphology-scaling > span { padding: 7px; background: #071617; }.leap-morphology-scaling > span small,.leap-morphology-scaling > span strong,.leap-morphology-scaling > span em { display: block; }.leap-morphology-scaling > span small { color: #566e67; font: 5px var(--mono); text-transform: uppercase; }.leap-morphology-scaling > span strong { margin-top: 5px; color: #b9ceca; font: 10px var(--mono); font-weight: 400; }.leap-morphology-scaling > span em { margin-top: 4px; color: #607970; font: 5px/1.35 var(--mono); font-style: normal; }.leap-morphology-scaling.resolved > span strong { color: var(--morphology-accent); }.leap-morphology-scaling > div { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; }.leap-morphology-scaling > div span { padding: 6px; background: #071617; }.leap-morphology-scaling > div small,.leap-morphology-scaling > div strong { display: block; font: 5px var(--mono); font-weight: 400; }.leap-morphology-scaling > div small { color: #506860; text-transform: uppercase; }.leap-morphology-scaling > div strong { margin-top: 4px; color: #8da59e; }
.leap-lineage-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin-top: 7px; background: rgba(151,194,183,.07); }.leap-lineage-summary span { min-width: 0; padding: 6px; background: #071617; }.leap-lineage-summary small,.leap-lineage-summary strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 5px var(--mono); font-weight: 400; }.leap-lineage-summary small { color: #526a63; text-transform: uppercase; }.leap-lineage-summary strong { margin-top: 4px; color: var(--morphology-accent); font-size: 7px; }.leap-lineage-list { display: grid; gap: 4px; margin-top: 6px; }.leap-lineage-list > div { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 3px 7px; align-items: center; padding: 5px 6px; border: 1px solid rgba(151,194,183,.08); background: rgba(7,22,23,.72); }.leap-lineage-list > div > span { display: flex; justify-content: space-between; align-items: baseline; }.leap-lineage-list span strong { color: #b9ceca; font: 7px var(--mono); font-weight: 400; }.leap-lineage-list span small { color: #718b83; font: 5px var(--mono); }.leap-lineage-list i { display: block; height: 4px; overflow: hidden; border-radius: 4px; background: rgba(151,194,183,.07); }.leap-lineage-list i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--morphology-accent),color-mix(in srgb,var(--morphology-accent) 35%,#162827)); }.leap-lineage-list em { grid-column: 1 / -1; color: #607970; font: 5px/1.35 var(--mono); font-style: normal; }.leap-lineage-list > p { margin: 0; padding: 6px; color: #607970; font: 5px var(--mono); }
.leap-claim-boundary { margin: 7px 0 0; padding: 7px 8px; border-left: 2px solid var(--violet); background: rgba(181,148,255,.025); color: #728981; font: 6px/1.5 var(--mono); }
.leap-physics-heading { display: flex; justify-content: space-between; gap: 8px; margin: 8px 0 5px; color: var(--faint); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.leap-physics-filters { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; margin-bottom: 4px; }
.leap-physics-filters button { min-width: 0; min-height: 25px; padding: 4px 5px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.55); color: #617a72; font: 5px var(--mono); text-transform: uppercase; cursor: pointer; }
.leap-physics-filters button:hover,.leap-physics-filters button:focus-visible,.leap-physics-filters button.active { border-color: rgba(101,225,188,.5); color: #b7e8d9; background: rgba(101,225,188,.045); outline: none; }
.leap-physics-matrix { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; }
.leap-physics-matrix button { min-width: 0; min-height: 50px; padding: 6px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.76); color: inherit; text-align: left; cursor: pointer; }
.leap-physics-matrix button:hover,.leap-physics-matrix button:focus-visible,.leap-physics-matrix button.active { border-color: rgba(181,148,255,.52); background: rgba(181,148,255,.04); outline: none; }
.leap-physics-matrix button.hard { border-bottom-color: var(--mint); }.leap-physics-matrix button.learned { border-bottom-color: var(--violet); }.leap-physics-matrix button.soft { border-bottom-color: #ffc169; }.leap-physics-matrix button.open { border-bottom-color: var(--red); }
.leap-physics-matrix small,.leap-physics-matrix strong,.leap-physics-matrix span,.leap-physics-matrix u { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.leap-physics-matrix small { color: #526a64; font: 5px var(--mono); text-transform: uppercase; }.leap-physics-matrix strong { margin-top: 5px; color: #a9bab5; font: 6px var(--mono); font-weight: 400; }.leap-physics-matrix span { margin-top: 4px; color: #728881; font: 5px var(--mono); text-transform: uppercase; }
.leap-physics-matrix u { margin-top: 2px; color: #6f6687; font: 4px var(--mono); text-decoration: none; text-transform: uppercase; }
.leap-physics-matrix button.readiness-executing u { color: #65bfa6; }.leap-physics-matrix button.readiness-configurable u { color: #c59a5c; }.leap-physics-matrix button.readiness-missingEvidence u { color: #bb7772; }.leap-physics-matrix button.readiness-external u { color: #9a6668; }
.physics-effect-rail { display: grid; grid-template-columns: repeat(6,1fr); gap: 2px; margin-top: 5px; height: 3px; }
.physics-effect-rail em { display: block; min-width: 0; background: rgba(151,194,183,.07); border-radius: 1px; }
.physics-effect-rail em.active { background: #65e1bc; box-shadow: 0 0 4px rgba(101,225,188,.2); }
.physics-effect-rail em.active.candidateGeometry { background: #55c8ff; }.physics-effect-rail em.active.initialState { background: #b594ff; }.physics-effect-rail em.active.ranking { background: #ffc169; }.physics-effect-rail em.active.searchOrder { background: #ff8fb8; }.physics-effect-rail em.active.diagnostic { background: #ff756f; }
.physics-effect-empty { grid-column: 1 / -1; margin: 0; padding: 10px; border: 1px dashed rgba(255,117,111,.2); color: #735f5c; font: 5px var(--mono); text-align: center; }
.leap-physics-detail { margin-top: 4px; border: 1px solid rgba(151,194,183,.14); background: rgba(5,15,17,.8); }.leap-physics-detail header { padding: 7px 8px; border-bottom: 1px solid rgba(151,194,183,.09); }.leap-physics-detail header small,.leap-physics-detail header strong { display: block; }.leap-physics-detail header small { color: #8879b0; font: 5px var(--mono); text-transform: uppercase; }.leap-physics-detail header strong { margin-top: 4px; color: #d0dcd8; font: 7px var(--mono); font-weight: 400; }.leap-physics-detail > div { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 7px; padding: 6px 8px; border-bottom: 1px solid rgba(151,194,183,.07); }.leap-physics-detail > div:last-child { border-bottom: 0; }.leap-physics-detail b { color: var(--faint); font: 5px/1.4 var(--mono); font-weight: 400; text-transform: uppercase; }.leap-physics-detail p { margin: 0; color: #7c918a; font: 6px/1.45 var(--mono); }
.physics-lineage-flow { display: block; padding: 7px 8px; border-bottom: 1px solid rgba(151,194,183,.09); background: linear-gradient(90deg,rgba(85,200,255,.025),rgba(181,148,255,.025)); }
.physics-lineage-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(90px,1fr); gap: 9px; overflow-x: auto; padding: 1px 1px 5px; }
.physics-lineage-track button { position: relative; min-width: 0; min-height: 50px; padding: 5px 6px; border: 1px solid rgba(85,200,255,.14); background: rgba(3,13,15,.74); color: inherit; text-align: left; cursor: pointer; }
.physics-lineage-track button:not(:last-child)::after { content: "→"; position: absolute; top: 17px; right: -8px; color: rgba(85,200,255,.48); font: 7px var(--mono); pointer-events: none; }
.physics-lineage-track button:hover,.physics-lineage-track button:focus-visible,.physics-lineage-track button.active { border-color: rgba(101,225,188,.52); background: rgba(101,225,188,.045); outline: none; }
.physics-lineage-track small,.physics-lineage-track strong,.physics-lineage-track span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.physics-lineage-track small { color: #54747d; font: 4px var(--mono); }.physics-lineage-track strong { margin-top: 3px; color: #bed6da; font: 5px var(--mono); font-weight: 400; text-transform: uppercase; }.physics-lineage-track span { margin-top: 5px; color: #6f8b86; font: 4px var(--mono); }
.physics-lineage-readout { min-height: 29px; margin: 5px 0 0 !important; padding: 5px 6px; border-left: 2px solid rgba(181,148,255,.42); background: rgba(181,148,255,.025); color: #839c96 !important; }
.physics-lineage-flow footer { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; }
.physics-lineage-flow footer span { padding: 3px 5px; border: 1px solid rgba(151,194,183,.1); color: #445b57; font: 4px var(--mono); text-transform: uppercase; }
.physics-lineage-flow footer span.active { border-color: rgba(101,225,188,.38); color: #91d7c3; background: rgba(101,225,188,.04); }.physics-lineage-flow footer span.invariant { border-color: rgba(181,148,255,.28); color: #9d8fc3; }
.leap-physics-actions { display: flex; justify-content: flex-end; padding: 7px 8px; background: rgba(101,225,188,.025); }.leap-physics-actions button { min-width: 164px; border-color: rgba(101,225,188,.28); color: var(--mint); font: 5px var(--mono); text-transform: uppercase; }.leap-physics-actions span { color: #856f70; font: 5px/1.45 var(--mono); }
.physics-control-target { outline: 2px solid rgba(101,225,188,.74) !important; outline-offset: 3px; box-shadow: 0 0 0 6px rgba(101,225,188,.08) !important; }
.growth-mechanism-section { padding: 9px; border: 1px solid rgba(85,200,255,.18); background: rgba(85,200,255,.018); }
.growth-mechanism-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; }.growth-mechanism-heading span small,.growth-mechanism-heading span strong { display: block; }.growth-mechanism-heading span small { color: #526a64; font: 5px var(--mono); text-transform: uppercase; }.growth-mechanism-heading span strong { margin-top: 3px; color: #9db1aa; font: 6px var(--mono); font-weight: 400; }
.growth-mechanism-heading > div { display: flex; gap: 3px; }.growth-mechanism-heading button { min-width: 30px; min-height: 23px; padding: 0 5px; border: 1px solid rgba(151,194,183,.16); background: transparent; color: #6f8780; font: 6px var(--mono); cursor: pointer; }.growth-mechanism-heading button:hover,.growth-mechanism-heading button[aria-pressed="true"] { border-color: #55c8ff; color: #bcecff; background: rgba(85,200,255,.05); }
.growth-mechanism-section canvas { display: block; width: 100%; height: 126px; margin-top: 6px; border: 1px solid rgba(151,194,183,.12); background: #051011; }
.growth-mechanism-section canvas:focus-visible { outline: 1px solid #55c8ff; outline-offset: 2px; }
.growth-decision-microscope { margin-top: 5px; border: 1px solid rgba(85,200,255,.16); background: linear-gradient(135deg,rgba(85,200,255,.035),rgba(181,148,255,.025)); }
.growth-decision-microscope > header { display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 6px 7px; border-bottom: 1px solid rgba(151,194,183,.1); }.growth-decision-microscope > header span small,.growth-decision-microscope > header span strong { display: block; }.growth-decision-microscope > header small { color: #526a64; font: 5px var(--mono); text-transform: uppercase; }.growth-decision-microscope > header strong { margin-top: 3px; color: #bcecff; font: 7px var(--mono); font-weight: 400; }.growth-decision-microscope > header div { display: flex; gap: 3px; }.growth-decision-microscope button { min-height: 23px; padding: 0 6px; border: 1px solid rgba(151,194,183,.15); background: rgba(5,15,17,.65); color: #718a82; font: 5px var(--mono); cursor: pointer; }.growth-decision-microscope button:hover:not(:disabled),.growth-decision-microscope button:focus-visible { border-color: #55c8ff; color: #c6f1ff; }.growth-decision-microscope button:disabled { opacity: .35; cursor: default; }
.growth-local-geometry { margin: 0; padding: 6px 7px 0; }.growth-local-geometry figcaption { display: flex; align-items: flex-end; justify-content: space-between; gap: 7px; }.growth-local-geometry figcaption span small,.growth-local-geometry figcaption span strong { display: block; }.growth-local-geometry figcaption small { color: #526a64; font: 5px var(--mono); text-transform: uppercase; }.growth-local-geometry figcaption strong { margin-top: 3px; color: #a8c0b8; font: 6px var(--mono); font-weight: 400; }.growth-local-legend { color: #617871; font: 4px/1.5 var(--mono); text-align: right; }.growth-local-legend i { display: inline-block; width: 6px; height: 6px; margin: 0 2px 0 5px; border-radius: 50%; vertical-align: -1px; }.growth-local-legend i.context { background: #4b625c; }.growth-local-legend i.shared { border: 1px solid #55c8ff; }.growth-local-legend i.fresh { background: #65e1bc; box-shadow: 0 0 4px rgba(101,225,188,.55); }.growth-local-legend i.blocked { border: 1px solid #ff6d71; transform: rotate(45deg); border-radius: 0; }.growth-local-geometry canvas { height: 108px; margin-top: 5px; border-color: rgba(85,200,255,.14); }
.growth-decision-microscope article { padding: 7px; }.growth-decision-microscope article > p { margin: 0; color: #60766f; font: 5px/1.5 var(--mono); }.growth-decision-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; background: rgba(151,194,183,.1); }.growth-decision-grid span { min-width: 0; padding: 5px 6px; background: rgba(5,15,17,.92); }.growth-decision-grid small,.growth-decision-grid strong,.growth-decision-grid em { display: block; overflow: hidden; text-overflow: ellipsis; }.growth-decision-grid small { color: #5c746d; font: 5px var(--mono); text-transform: uppercase; white-space: nowrap; }.growth-decision-grid strong { margin-top: 3px; color: #c2d3ce; font: 7px/1.3 var(--mono); font-weight: 400; }.growth-decision-grid em { margin-top: 2px; color: #596f68; font: 4px/1.35 var(--mono); font-style: normal; }.growth-decision-explanation { margin: 6px 0 0 !important; padding: 6px; border-left: 2px solid var(--decision-color,#55c8ff); background: rgba(5,15,17,.72); color: #839b94 !important; }
.growth-action-comparison { margin: 0 7px 7px; border: 1px solid rgba(255,193,105,.15); background: rgba(255,193,105,.018); }.growth-action-comparison > header { display: flex; align-items: center; justify-content: space-between; gap: 6px; padding: 6px; border-bottom: 1px solid rgba(151,194,183,.09); }.growth-action-comparison > header span small,.growth-action-comparison > header span strong { display: block; }.growth-action-comparison > header small { color: #6d6656; font: 5px var(--mono); text-transform: uppercase; }.growth-action-comparison > header strong { margin-top: 3px; color: #d6b979; font: 6px var(--mono); font-weight: 400; }.growth-action-comparison > header div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px; }.growth-action-comparison article { padding: 6px; }.growth-action-comparison .growth-decision-grid { background: rgba(255,193,105,.09); }.growth-action-comparison .growth-decision-grid span { background: rgba(8,16,17,.94); }.growth-action-comparison .growth-decision-explanation { --decision-color: #ffc169; }
.growth-physics-attribution { margin: 0 7px 7px; padding: 6px; border: 1px solid rgba(101,225,188,.14); background: linear-gradient(90deg,rgba(101,225,188,.025),rgba(85,200,255,.018)); }.growth-physics-attribution > header { display: flex; align-items: end; justify-content: space-between; gap: 8px; }.growth-physics-attribution > header span small,.growth-physics-attribution > header span strong { display: block; }.growth-physics-attribution > header small { color: #5d786f; font: 5px var(--mono); text-transform: uppercase; }.growth-physics-attribution > header strong { margin-top: 3px; color: #9bd9c7; font: 6px/1.3 var(--mono); font-weight: 400; }.growth-physics-attribution > header div { display: flex; gap: 2px; }.growth-physics-attribution > header button[aria-pressed="true"] { border-color: #65e1bc; color: #bdf5e4; background: rgba(101,225,188,.08); }.growth-physics-terms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px; margin-top: 5px; }.growth-physics-terms > p { grid-column: 1/-1; margin: 0; padding: 6px; color: #5d746d; font: 5px/1.4 var(--mono); }.growth-physics-term { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 2px 5px; padding: 5px; border-left: 2px solid #53666b; background: rgba(4,13,14,.72); }.growth-physics-term.positive { border-left-color: #65e1bc; }.growth-physics-term.negative { border-left-color: #ff756f; }.growth-physics-term small,.growth-physics-term strong,.growth-physics-term em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.growth-physics-term small { color: #637d75; font: 5px var(--mono); text-transform: uppercase; }.growth-physics-term strong { color: #b7cdc6; font: 5px var(--mono); font-weight: 400; text-align: right; }.growth-physics-term i { position: relative; grid-column: 1/-1; height: 3px; border-radius: 2px; background: linear-gradient(90deg,transparent 49.5%,rgba(151,194,183,.24) 49.5%,rgba(151,194,183,.24) 50.5%,transparent 50.5%); }.growth-physics-term i b { position: absolute; top: 0; bottom: 0; border-radius: 2px; background: #61716d; }.growth-physics-term.positive i b { left: 50%; background: #65e1bc; }.growth-physics-term.negative i b { right: 50%; background: #ff756f; }.growth-physics-term.neutral i b { left: 50%; background: #61716d; }.growth-physics-term em { grid-column: 1/-1; color: #526a63; font: 4px var(--mono); font-style: normal; }.growth-physics-gates { display: flex; flex-wrap: wrap; gap: 2px; margin-top: 5px; }.growth-physics-gates span { padding: 3px 4px; border: 1px solid #425852; color: #718b83; background: rgba(3,12,13,.65); font: 4px var(--mono); }.growth-physics-gates span.pass { border-color: rgba(101,225,188,.28); color: #76ab9b; }.growth-physics-gates span.fail { border-color: rgba(255,117,111,.45); color: #ef8c87; }.growth-physics-gates span.changed { border-color: rgba(255,193,105,.5); color: #d6b979; }.growth-physics-sensitivity { margin-top: 5px; padding: 5px !important; border-left: 2px solid rgba(85,200,255,.35); background: rgba(85,200,255,.025); }.growth-physics-sensitivity:empty { display: none; }.growth-physics-sensitivity p { margin: 0; color: #668078 !important; font: 4px/1.45 var(--mono) !important; }.growth-physics-attribution > p { margin: 5px 0 0; color: #526a63; font: 4px/1.45 var(--mono); }
.growth-action-physics-provenance { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(181,148,255,.14); }.growth-action-physics-provenance > header { display: flex; align-items: end; justify-content: space-between; gap: 8px; }.growth-action-physics-provenance > header span small,.growth-action-physics-provenance > header span strong { display: block; }.growth-action-physics-provenance > header small { color: #746b8b; font: 4px var(--mono); text-transform: uppercase; letter-spacing: .08em; }.growth-action-physics-provenance > header strong { margin-top: 3px; color: #c6b8e4; font: 5px/1.35 var(--mono); font-weight: 400; }.growth-action-physics-provenance > header div { display: flex; gap: 2px; }.growth-action-physics-provenance > header button { min-height: 20px; padding: 3px 5px; border: 1px solid rgba(181,148,255,.15); background: rgba(3,12,14,.58); color: #746b86; font: 4px var(--mono); cursor: pointer; }.growth-action-physics-provenance > header button.active { border-color: rgba(181,148,255,.55); color: #d2c5ed; background: rgba(181,148,255,.07); }.growth-action-physics-provenance-rows { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px; max-height: 178px; margin-top: 5px; overflow: auto; }.growth-action-physics-provenance-rows > button { display: grid; grid-template-columns: minmax(0,1fr) minmax(68px,.65fr); gap: 5px; min-width: 0; padding: 5px; border: 1px solid rgba(121,146,141,.11); border-left: 2px solid #53666b; background: rgba(3,12,14,.68); color: inherit; text-align: left; cursor: pointer; }.growth-action-physics-provenance-rows > button:hover,.growth-action-physics-provenance-rows > button:focus-visible { border-color: rgba(181,148,255,.45); outline: none; }.growth-action-physics-provenance-rows > button.admission { border-left-color: #65e1bc; }.growth-action-physics-provenance-rows > button.blocked { border-left-color: #ff756f; }.growth-action-physics-provenance-rows > button.ranking { border-left-color: #55c8ff; }.growth-action-physics-provenance-rows > button.ordering,.growth-action-physics-provenance-rows > button.replay { border-left-color: #ffc169; }.growth-action-physics-provenance-rows > button.open { border-left-color: #8a5862; }.growth-action-physics-provenance-rows span { display: grid; gap: 2px; min-width: 0; }.growth-action-physics-provenance-rows small,.growth-action-physics-provenance-rows strong,.growth-action-physics-provenance-rows em,.growth-action-physics-provenance-rows b { overflow: hidden; text-overflow: ellipsis; }.growth-action-physics-provenance-rows small { color: #667c76; font: 4px var(--mono); white-space: nowrap; }.growth-action-physics-provenance-rows strong { color: #b9d5cc; font: 5px var(--mono); font-weight: 400; }.growth-action-physics-provenance-rows em { color: #586c67; font: normal 4px/1.35 var(--mono); }.growth-action-physics-provenance-rows b { align-self: center; color: #78728b; font: 4px/1.35 var(--mono); font-weight: 400; text-align: right; }.growth-action-physics-provenance-rows .empty { grid-column: 1/-1; margin: 0; padding: 6px; color: #5f6d69; font: 4px/1.4 var(--mono); }.growth-action-physics-provenance > p { margin: 5px 0 0; color: #5b6870; font: 4px/1.4 var(--mono); }
.growth-mechanism-ledger { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px; margin-top: 5px; }.growth-mechanism-ledger > span { min-width: 0; padding: 5px 6px; border-left: 2px solid var(--phenotype); background: rgba(5,15,17,.76); }.growth-mechanism-ledger small,.growth-mechanism-ledger strong,.growth-mechanism-ledger em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.growth-mechanism-ledger small { color: #657b74; font: 5px var(--mono); }.growth-mechanism-ledger strong { margin-top: 3px; color: #bdccc7; font: 7px var(--mono); font-weight: 400; }.growth-mechanism-ledger em { margin-top: 2px; color: #536a63; font: 4px var(--mono); font-style: normal; }.growth-mechanism-ledger > p { grid-column: 1 / -1; margin: 0; padding: 7px; border: 1px dashed rgba(151,194,183,.12); color: #536a63; font: 5px/1.45 var(--mono); }
.growth-uncertainty-heading { display: flex; justify-content: space-between; gap: 7px; margin-top: 7px; padding-top: 6px; border-top: 1px solid rgba(151,194,183,.1); color: #60766f; font: 5px var(--mono); text-transform: uppercase; }.growth-uncertainty-heading span { color: #8d7fb1; text-align: right; text-transform: none; }
.growth-uncertainty-budget { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin-top: 5px; background: rgba(151,194,183,.1); }.growth-uncertainty-budget > span { min-width: 0; padding: 5px 6px; background: #071617; }.growth-uncertainty-budget small,.growth-uncertainty-budget strong,.growth-uncertainty-budget em { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.growth-uncertainty-budget small { color: #5b716a; font: 5px var(--mono); text-transform: uppercase; }.growth-uncertainty-budget strong { margin-top: 3px; color: #c0d0cb; font: 7px var(--mono); font-weight: 400; }.growth-uncertainty-budget em { margin-top: 2px; color: #536861; font: 4px var(--mono); font-style: normal; }.growth-uncertainty-budget > p { grid-column: 1 / -1; margin: 0; padding: 7px; color: #596f68; font: 5px/1.45 var(--mono); }
.growth-mechanism-section > p { margin: 6px 0 0; color: #667c75; font: 5px/1.5 var(--mono); }
.policy-comparison-card { margin: 9px 0; padding: 8px; border: 1px solid rgba(181,148,255,.2); background: rgba(181,148,255,.025); }
.policy-comparison-card > div:first-child { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; }.policy-comparison-card > div:first-child small { grid-column: 1 / -1; color: var(--faint); font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.policy-comparison-card > div:first-child strong { color: #c7b5ee; font: 8px var(--mono); font-weight: 400; }.policy-comparison-card > div:first-child span { color: var(--faint); font: 6px var(--mono); }
.policy-comparison { display: grid; gap: 3px; margin-top: 7px; }
.policy-comparison article,.policy-comparison button { display: grid; grid-template-columns: 74px minmax(0,1fr) auto; gap: 6px; align-items: center; width: 100%; min-width: 0; padding: 4px 5px; border: 1px solid transparent; background: rgba(5,15,17,.72); color: inherit; font: 6px var(--mono); text-align: left; }
.policy-comparison button { cursor: pointer; }.policy-comparison button:hover,.policy-comparison button:focus-visible { border-color: rgba(181,148,255,.42); outline: none; }
.policy-comparison article.active,.policy-comparison button.active { border-color: rgba(181,148,255,.22); box-shadow: inset 2px 0 var(--violet); }
.policy-comparison small { color: var(--faint); text-transform: uppercase; }.policy-comparison strong { overflow: hidden; color: #b7c6c1; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.policy-comparison em { color: #70867f; font-style: normal; }
.marking-frontier-counterfactual { margin-top: 7px; padding: 6px; border: 1px solid rgba(101,225,188,.14); background: linear-gradient(135deg,rgba(101,225,188,.022),rgba(181,148,255,.018)); }
.marking-frontier-counterfactual > header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }.marking-frontier-counterfactual > header span small,.marking-frontier-counterfactual > header span strong { display: block; }.marking-frontier-counterfactual > header small { color: #55756d; font: 5px var(--mono); text-transform: uppercase; }.marking-frontier-counterfactual > header strong { margin-top: 3px; color: #a8cbc2; font: 6px var(--mono); font-weight: 400; }.marking-frontier-counterfactual > header b { max-width: 150px; color: #73958c; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.marking-frontier-rows { display: grid; gap: 3px; margin-top: 5px; }.marking-frontier-rows button { display: grid; grid-template-columns: minmax(74px,.75fr) minmax(0,1.25fr); gap: 6px; width: 100%; min-width: 0; padding: 4px 5px; border: 1px solid rgba(101,225,188,.08); background: rgba(4,13,15,.62); color: inherit; text-align: left; cursor: pointer; }.marking-frontier-rows button:hover,.marking-frontier-rows button:focus-visible,.marking-frontier-rows button.active { border-color: rgba(101,225,188,.46); box-shadow: inset 2px 0 var(--mint); outline: none; }.marking-frontier-rows span { display: grid; gap: 2px; min-width: 0; }.marking-frontier-rows span:last-child { text-align: right; }.marking-frontier-rows strong,.marking-frontier-rows small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.marking-frontier-rows strong { color: #a9c6be; font: 600 5px var(--mono); }.marking-frontier-rows small { color: #617a73; font: 4.5px var(--mono); }
.marking-frontier-rows small.marking-frontier-validation { color: #8f7daf; }.marking-frontier-rows button.active small.marking-frontier-validation { color: #b49cdb; }
.marking-frontier-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 5px; padding: 4px 5px; border-left: 2px solid rgba(181,148,255,.45); background: rgba(181,148,255,.02); color: #71877f; font: 5px var(--mono); }.marking-frontier-detail:empty { display: none; }.marking-frontier-detail strong { overflow: hidden; color: #aebfb9; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.marking-frontier-detail b { color: #8c7caa; font: inherit; font-weight: 400; text-align: right; }.marking-frontier-detail span { grid-column: 1 / -1; }.marking-frontier-counterfactual > p { margin: 5px 0 0; color: #536c65; font: 5px/1.4 var(--mono); }
.marking-evidence-bridge { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: stretch; gap: 4px; margin: 2px 0; }.marking-evidence-bridge article { display: grid; gap: 2px; min-width: 0; padding: 5px; border: 1px solid rgba(181,148,255,.13); background: linear-gradient(135deg,rgba(181,148,255,.045),rgba(101,225,188,.025)); }.marking-evidence-bridge article:last-child { border-color: rgba(101,225,188,.14); }.marking-evidence-bridge small { color: #6f6388; font: 4.3px var(--mono); text-transform: uppercase; letter-spacing: .05em; }.marking-evidence-bridge article:last-child small { color: #527b70; }.marking-evidence-bridge strong { color: #c1addf; font: 600 6px var(--mono); white-space: normal; }.marking-evidence-bridge article:last-child strong { color: #9bd2c3; }.marking-evidence-bridge span { color: #72827d; font: 4.5px/1.35 var(--mono); }.marking-evidence-bridge > b { align-self: center; color: #7a6b99; font: 9px var(--mono); }
@media (max-width: 680px) { .marking-evidence-bridge { grid-template-columns: 1fr; }.marking-evidence-bridge > b { justify-self: center; transform: rotate(90deg); } }
.marking-consequence-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 2px; }.marking-consequence-grid span { display: grid; gap: 2px; min-width: 0; padding: 4px; border: 1px solid rgba(181,148,255,.10); background: rgba(4,12,16,.48); }.marking-consequence-grid small { overflow: hidden; color: #607a73; font: 4px var(--mono); text-overflow: ellipsis; white-space: nowrap; }.marking-consequence-grid strong { color: #b2cfc7; font: 5px var(--mono); }.marking-consequence-channels { grid-column: 1 / -1; margin: 0; color: #796f8d; font: 4.5px/1.4 var(--mono); }
.marking-intervention { margin-top: 5px; padding: 5px; border: 1px solid rgba(255,193,105,.12); background: rgba(255,193,105,.018); }.marking-intervention > header { display: flex; align-items: end; justify-content: space-between; gap: 6px; }.marking-intervention > header span { display: grid; gap: 2px; min-width: 0; }.marking-intervention > header small { color: #756d55; font: 4px var(--mono); text-transform: uppercase; }.marking-intervention > header strong { overflow: hidden; color: #b5aa88; font: 5px var(--mono); font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.marking-intervention > header b { color: #9f865e; font: 4.5px var(--mono); font-weight: 400; text-align: right; }.marking-intervention > div { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 5px; }.marking-intervention label { display: flex; align-items: center; gap: 3px; padding-left: 4px; color: #756d55; font: 4px var(--mono); text-transform: uppercase; }.marking-intervention select,.marking-intervention button { padding: 3px 5px; border: 1px solid rgba(255,193,105,.16); background: rgba(6,13,18,.62); color: #8e8266; font: 4.5px var(--mono); }.marking-intervention button:hover:not(:disabled),.marking-intervention button:focus-visible:not(:disabled),.marking-intervention button.active,.marking-intervention select:focus-visible { border-color: rgba(255,193,105,.52); color: #e0bd7f; outline: none; }.marking-intervention button:disabled,.marking-intervention select:disabled { opacity: .35; }.marking-intervention > p { margin: 5px 0 0; color: #675f4e; font: 4.5px/1.4 var(--mono); }
.policy-score-heading { display: flex; justify-content: space-between; gap: 7px; margin-top: 8px; padding-top: 7px; border-top: 1px solid rgba(181,148,255,.12); font: 5px var(--mono); }.policy-score-heading small { color: var(--faint); letter-spacing: .06em; text-transform: uppercase; }.policy-score-heading strong { color: #8f82ad; font-weight: 400; text-align: right; }
.policy-score-ledger { display: grid; gap: 3px; margin-top: 5px; }.policy-score-term { display: grid; grid-template-columns: 74px minmax(48px,1fr) 38px 27px; gap: 4px; align-items: center; color: #718981; font: 5px var(--mono); }.policy-score-term > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.policy-score-term > b { color: #829a92; font-weight: 400; text-align: right; }.policy-score-term > button { min-width: 0; padding: 2px 1px; border: 1px solid rgba(181,148,255,.18); background: transparent; color: #76698f; font: 5px var(--mono); cursor: pointer; }.policy-score-term > button:hover,.policy-score-term > button:focus-visible,.policy-score-term > button.changed { border-color: rgba(181,148,255,.6); color: #c8b4ee; background: rgba(181,148,255,.06); outline: none; }.policy-score-bar { position: relative; height: 5px; border-radius: 4px; background: rgba(124,157,148,.08); overflow: hidden; }.policy-score-bar i { position: absolute; top: 0; bottom: 0; width: 50%; border-radius: 3px; }.policy-score-bar i.positive { left: 50%; background: rgba(101,225,188,.7); transform-origin: left; }.policy-score-bar i.negative { right: 50%; background: rgba(255,117,111,.72); transform-origin: right; }.policy-score-term[title] { cursor: help; }
.policy-normalization-card { margin-top: 7px; padding: 6px; border: 1px solid rgba(103,191,255,.14); background: radial-gradient(circle at 85% 0,rgba(103,191,255,.055),transparent 48%),rgba(4,13,16,.55); }.policy-normalization-card header { display:flex; justify-content:space-between; align-items:end; gap:8px; }.policy-normalization-card header span small,.policy-normalization-card header span strong { display:block; }.policy-normalization-card header small { color:#567c8c; font:5px var(--mono); letter-spacing:.05em; text-transform:uppercase; }.policy-normalization-card header strong { margin-top:2px; color:#acd1df; font:6px var(--mono); font-weight:400; }.policy-normalization-card header b { max-width:145px; color:#718e99; font:5px/1.3 var(--mono); font-weight:400; text-align:right; }.policy-normalization-card > label { display:block; margin-top:5px; color:#577883; font:5px var(--mono); text-transform:uppercase; }.policy-normalization-card select { display:block; width:100%; margin-top:2px; padding:3px 4px; border:1px solid rgba(103,191,255,.16); background:#071416; color:#9ab8c2; font:5px var(--mono); }.policy-normalization-detail { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; margin-top:5px; }.policy-normalization-detail > section { min-height:48px; padding:4px 5px; border:1px solid rgba(103,191,255,.09); background:rgba(103,191,255,.018); }.policy-normalization-detail small,.policy-normalization-detail strong,.policy-normalization-detail span { display:block; }.policy-normalization-detail small { color:#547887; font:4px var(--mono); letter-spacing:.05em; text-transform:uppercase; }.policy-normalization-detail strong { margin-top:3px; color:#a8c2cb; font:5px/1.35 var(--mono); font-weight:400; }.policy-normalization-detail span { margin-top:2px; color:#667f88; font:4px/1.35 var(--mono); }.policy-normalization-detail > section.policy-normalization-lineage { grid-column:1/-1; min-height:0; border-color:rgba(181,148,255,.14); background:rgba(181,148,255,.025); }.policy-normalization-lineage strong { color:#b8a9d0; }.policy-normalization-detail footer { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px; padding:4px 5px; border-left:2px solid #67bfff; background:rgba(103,191,255,.035); color:#7f9da8; font:5px/1.4 var(--mono); }.policy-normalization-detail footer button { padding:3px 5px; border:1px solid rgba(181,148,255,.2); background:transparent; color:#a491c2; font:5px var(--mono); cursor:pointer; white-space:nowrap; }.policy-normalization-detail footer button:hover,.policy-normalization-detail footer button:focus-visible { border-color:#b594ff; color:#e0d4f5; outline:none; }.policy-normalization-card > p { margin:5px 0 0; color:#5e7881; font:5px/1.4 var(--mono); }
.policy-workbench-heading { display: flex; align-items: end; justify-content: space-between; gap: 6px; margin-top: 6px; padding: 6px 0; border-top: 1px solid rgba(181,148,255,.1); border-bottom: 1px solid rgba(181,148,255,.08); }.policy-workbench-heading span small,.policy-workbench-heading span strong { display: block; }.policy-workbench-heading small { color: var(--faint); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.policy-workbench-heading strong { margin-top: 3px; color: #9989ba; font: 5px var(--mono); font-weight: 400; }.policy-workbench-heading button { padding: 3px 5px; border: 1px solid rgba(181,148,255,.2); background: transparent; color: #786c90; font: 5px var(--mono); cursor: pointer; }.policy-workbench-heading button:hover,.policy-workbench-heading button:focus-visible { border-color: var(--violet); color: #cdbcf0; outline: none; }.policy-workbench-heading button:disabled { opacity: .35; cursor: default; }
.action-barrier-checkpoint { margin: 7px 0; padding: 8px; border: 1px solid rgba(255,194,91,.2); border-radius: 7px; background: linear-gradient(135deg,rgba(255,194,91,.055),rgba(101,225,188,.025)); }
.action-barrier-checkpoint header { display: flex; align-items: start; justify-content: space-between; gap: 8px; }.action-barrier-checkpoint header span small,.action-barrier-checkpoint header span strong { display: block; }
.action-barrier-checkpoint header small { color: #b79a69; font: 5px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.action-barrier-checkpoint header strong { margin-top: 2px; color: #f3d79e; font: 8px var(--sans); }
.action-barrier-checkpoint header b { padding: 2px 5px; border: 1px solid rgba(255,194,91,.22); border-radius: 9px; color: #c2aa7d; font: 5px var(--mono); font-weight: 400; white-space: nowrap; }
.action-barrier-checkpoint.ready header b { border-color: rgba(101,225,188,.38); color: var(--mint); background: rgba(101,225,188,.06); }.action-barrier-checkpoint.validated header b { border-color: rgba(255,194,91,.5); color: #ffd58a; background: rgba(255,194,91,.08); }
.action-barrier-checkpoint > p { margin: 5px 0; color: #8d839a; font: 5px/1.55 var(--mono); }.action-barrier-controls { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
.action-barrier-controls button,.action-barrier-controls label { min-width: 0; border: 1px solid rgba(255,194,91,.18); border-radius: 4px; background: rgba(12,10,18,.55); color: #bba57c; font: 5px var(--mono); }
.action-barrier-controls button { padding: 5px 4px; cursor: pointer; }.action-barrier-controls button:hover,.action-barrier-controls button:focus-visible,.action-barrier-controls label:focus-within { border-color: #e7bb68; color: #f2d398; outline: none; }
.action-barrier-controls button:disabled,.action-barrier-controls label:has(input:disabled),.action-barrier-controls label:has(select:disabled) { opacity: .35; cursor: default; }.action-barrier-controls label { display: flex; flex-direction: column; gap: 3px; padding: 4px; }
.action-barrier-controls select { width: 100%; border: 0; background: transparent; color: inherit; font: inherit; outline: none; }.action-barrier-import input { width: 100%; color: #7c7188; font: 4.5px var(--mono); }
.action-barrier-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; margin-top: 5px; }.action-barrier-summary span { padding: 4px; border: 1px solid rgba(255,255,255,.055); border-radius: 3px; color: #80768c; font: 4.5px/1.35 var(--mono); }.action-barrier-summary strong { display: block; margin-top: 2px; color: #d6c39d; font-size: 6px; font-weight: 500; }.action-barrier-checkpoint .action-barrier-boundary { color: #6f6878; }
.action-barrier-checkpoint .action-barrier-kinetic-state { padding: 4px 6px; border-left: 2px solid rgba(101,225,188,.34); background: rgba(101,225,188,.035); color: #91a99f; }.action-barrier-checkpoint.kinetic .action-barrier-kinetic-state { border-left-color: #65e1bc; color: #b6e4d5; }
.kinetic-event-spectrum { margin-top: 6px; padding: 6px; border: 1px solid rgba(101,225,188,.14); border-radius: 5px; background: radial-gradient(circle at 78% 12%,rgba(101,225,188,.06),transparent 44%),rgba(8,15,18,.28); }.kinetic-event-spectrum header { flex-wrap: wrap; }.kinetic-event-spectrum header span { min-width: 0; }.kinetic-event-spectrum header strong { color: #b7e4d7; }.kinetic-event-spectrum header b { max-width: 100%; border-color: rgba(101,225,188,.22); color: #8ab5a8; white-space: normal; }.kinetic-event-spectrum.ready header b { border-color: rgba(101,225,188,.46); color: var(--mint); background: rgba(101,225,188,.06); }
.kinetic-event-spectrum-controls { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 4px 6px; margin: 5px 0 2px; }.kinetic-event-spectrum-controls label { display: flex; flex: 1 1 92px; min-width: 0; flex-direction: column; gap: 2px; color: #7e9c93; font: 4.5px var(--mono); }.kinetic-event-spectrum-controls select { width: 100%; max-width: 100%; border: 1px solid rgba(101,225,188,.18); border-radius: 3px; padding: 2px 4px; background: #0c1115; color: #b8d9cf; font: 5px var(--mono); }.kinetic-event-spectrum-controls span { flex: 1 1 100%; max-width: none; color: #7c918c; font: 4.5px/1.4 var(--mono); text-align: left; }
.kinetic-event-spectrum svg { display: block; width: 100%; min-height: 120px; border-radius: 4px; background: linear-gradient(180deg,rgba(101,225,188,.025),rgba(137,190,255,.012)); }.kinetic-event-spectrum .axis { stroke: rgba(185,216,207,.16); stroke-width: .75; }.kinetic-event-spectrum .grid { stroke: rgba(185,216,207,.07); stroke-width: .6; stroke-dasharray: 2 3; }.kinetic-event-spectrum .axis-label { fill: #697e78; font: 5px var(--mono); }.kinetic-event-spectrum .event { cursor: pointer; outline: none; }.kinetic-event-spectrum .event .whisker { stroke: rgba(201,221,216,.38); stroke-width: 1; }.kinetic-event-spectrum .event .point { fill: #6edfc0; stroke: #07100e; stroke-width: 1; }.kinetic-event-spectrum .event.detach .point { fill: #ffbd68; }.kinetic-event-spectrum .event.hop .point { fill: #8dbdff; }.kinetic-event-spectrum .event.selected .point { stroke: #fff4c7; stroke-width: 2.2; }.kinetic-event-spectrum .event:hover .point,.kinetic-event-spectrum .event:focus-visible .point { stroke: #fff; stroke-width: 2.5; }.kinetic-event-spectrum .event .stem { stroke: rgba(101,225,188,.18); stroke-width: 1; }.kinetic-event-spectrum .event.detach .stem { stroke: rgba(255,189,104,.2); }.kinetic-event-spectrum .event.hop .stem { stroke: rgba(141,189,255,.22); }
.kinetic-event-spectrum-legend { display: flex; flex-wrap: wrap; gap: 7px; margin: 3px 0; color: #728780; font: 4.5px var(--mono); }.kinetic-event-spectrum-legend span { display: inline-flex; align-items: center; gap: 3px; }.kinetic-event-spectrum-legend i { width: 6px; height: 6px; border-radius: 50%; background: #6edfc0; }.kinetic-event-spectrum-legend i.detach { background: #ffbd68; }.kinetic-event-spectrum-legend i.hop { background: #8dbdff; }.kinetic-event-spectrum-legend i.selected { background: transparent; border: 2px solid #fff4c7; }.kinetic-event-spectrum-legend i.uncertainty { width: 10px; height: 1px; border-radius: 0; background: #8b9b97; }
.kinetic-event-spectrum .event.exchange .point { fill: #d69cff; }.kinetic-event-spectrum .event.exchange .stem { stroke: rgba(214,156,255,.24); }.kinetic-event-spectrum-legend i.exchange { background: #d69cff; }
.kinetic-event-spectrum article { min-height: 26px; padding: 5px 6px; border-left: 2px solid rgba(137,190,255,.28); background: rgba(137,190,255,.025); color: #899b9f; font: 4.8px/1.5 var(--mono); }.kinetic-event-spectrum article strong { color: #d3ebe5; font-weight: 500; }.kinetic-event-spectrum > p { margin: 4px 0 0; color: #697a76; font: 4.5px/1.45 var(--mono); }
.temperature-program-map { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; margin-top: 5px; padding: 5px; border: 1px solid rgba(255,193,105,.14); border-radius: 5px; background: radial-gradient(circle at 84% 8%,rgba(255,193,105,.055),transparent 50%),rgba(20,13,6,.18); }.temperature-program-map header { display: flex; justify-content: space-between; gap: 8px; }.temperature-program-map header span { display: grid; gap: 1px; }.temperature-program-map header small { color: #8b704d; font: 4px var(--mono); text-transform: uppercase; letter-spacing: .04em; }.temperature-program-map header strong { color: #d1b889; font: 5.5px var(--mono); font-weight: 500; }.temperature-program-map header b { color: #987f58; font: 4.3px var(--mono); font-weight: 400; }.temperature-program-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: center; color: #8f7855; font: 4.3px var(--mono); text-transform: uppercase; }.temperature-program-controls label { display: grid; grid-template-columns: auto minmax(60px,1fr); gap: 7px; align-items: center; }.temperature-program-controls input { width: 100%; accent-color: #ffc169; }.temperature-program-controls strong { color: #e2c893; font: 5px var(--mono); font-weight: 500; }.temperature-program-map svg { display: block; width: 100%; height: 164px; border-radius: 4px; background: linear-gradient(180deg,rgba(255,193,105,.025),rgba(7,7,10,.55)); }.temperature-program-map .axis { stroke: rgba(229,207,170,.18); stroke-width: .7; }.temperature-program-map .grid { stroke: rgba(229,207,170,.07); stroke-width: .55; stroke-dasharray: 2 3; }.temperature-program-map .axis-label { fill: #7f725e; font: 5px var(--mono); }.temperature-program-map .direction,.temperature-program-map .total-rate { fill: none; stroke-width: 1.35; vector-effect: non-scaling-stroke; }.temperature-program-map .direction.attach { stroke: #65e1bc; }.temperature-program-map .direction.detach { stroke: #ffbd68; }.temperature-program-map .direction.hop { stroke: #8dbdff; }.temperature-program-map .direction.exchange { stroke: #d69cff; }.temperature-program-map .total-rate { stroke: rgba(245,246,232,.7); stroke-width: 1; stroke-dasharray: 3 2; }.temperature-program-map .crossover { stroke: rgba(255,112,139,.38); stroke-width: .7; stroke-dasharray: 2 2; }.temperature-program-map .inspection { stroke: #fff2bd; stroke-width: 1.2; filter: drop-shadow(0 0 2px rgba(255,242,189,.5)); }.temperature-program-legend { display: flex; flex-wrap: wrap; gap: 7px; color: #796e5b; font: 4.3px var(--mono); }.temperature-program-legend span { display: flex; align-items: center; gap: 3px; }.temperature-program-legend i { width: 10px; height: 2px; background: #65e1bc; }.temperature-program-legend i.detach { background: #ffbd68; }.temperature-program-legend i.hop { background: #8dbdff; }.temperature-program-legend i.exchange { background: #d69cff; }.temperature-program-legend i.total { height: 1px; background: #f5f6e8; }.temperature-program-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; }.temperature-program-summary span { min-width: 0; padding: 4px; border: 1px solid rgba(255,193,105,.1); color: #786b54; font: 4px/1.3 var(--mono); text-transform: uppercase; }.temperature-program-summary strong { display: block; margin-top: 2px; overflow: hidden; color: #c7b284; font: 5px var(--mono); font-weight: 500; text-overflow: ellipsis; text-transform: none; white-space: nowrap; }.temperature-program-map > p { margin: 0 !important; color: #7c705d !important; font: 4.4px/1.5 var(--mono); }
.kinetic-path-heading { display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; color: #7d708d; font: 4.4px var(--mono); text-transform: uppercase; letter-spacing: .035em; }.kinetic-path-heading label { display: inline-flex; align-items: center; gap: 4px; color: #b99bd2; white-space: nowrap; }.kinetic-path-heading select { max-width: 120px; border: 1px solid rgba(214,156,255,.18); border-radius: 3px; background: #0b0a10; color: #cbb5dc; font: 4.4px var(--mono); }.kinetic-event-path { display: block; width: 100%; height: 100px; margin-top: 3px; border: 1px solid rgba(214,156,255,.12); border-radius: 4px; background: radial-gradient(circle at 50% 30%,rgba(214,156,255,.045),transparent 56%),rgba(8,7,13,.44); }.kinetic-event-path .axis { stroke: rgba(214,196,224,.18); stroke-width: .7; }.kinetic-event-path .axis-label { fill: #74677e; font: 5px var(--mono); }.kinetic-event-path .path-profile { fill: none; stroke: #d69cff; stroke-width: 1.6; vector-effect: non-scaling-stroke; }.kinetic-event-path .path-image { fill: #9d7cba; stroke: #ead6fa; stroke-width: .7; cursor: pointer; }.kinetic-event-path .path-image.inspected { stroke: #65e1bc; stroke-width: 1.8; }.kinetic-event-path .path-image.saddle { fill: #ffc169; stroke: #fff0c7; stroke-width: 1.2; filter: drop-shadow(0 0 2px rgba(255,193,105,.5)); }.kinetic-event-path .path-image.saddle.inspected { stroke: #65e1bc; stroke-width: 1.9; }.kinetic-event-path-state { min-height: 20px; padding: 4px 6px; border-left: 2px solid rgba(214,156,255,.25); background: rgba(214,156,255,.025); color: #85768e !important; }
.kinetic-path-structure-shell { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; margin-top: 4px; padding: 5px; border: 1px solid rgba(101,225,188,.12); border-radius: 5px; background: linear-gradient(135deg,rgba(101,225,188,.025),rgba(214,156,255,.022)); }.kinetic-path-structure-shell canvas { display: block; width: 100%; height: 190px; border-radius: 4px; background: radial-gradient(circle at 50% 44%,rgba(94,157,145,.09),rgba(4,8,10,.94) 68%); cursor: grab; touch-action: none; }.kinetic-path-structure-shell canvas:active { cursor: grabbing; }.kinetic-path-structure-controls { display: grid; grid-template-columns: auto minmax(90px,1fr) auto; gap: 6px; align-items: center; color: #788c87; font: 4.5px var(--mono); }.kinetic-path-structure-controls button { padding: 4px 6px; border: 1px solid rgba(101,225,188,.2); border-radius: 3px; background: rgba(101,225,188,.04); color: #8bc9b8; font: 4.5px var(--mono); }.kinetic-path-structure-controls label { display: grid; grid-template-columns: auto minmax(50px,1fr); gap: 5px; align-items: center; text-transform: uppercase; }.kinetic-path-structure-controls input { width: 100%; accent-color: #d69cff; }.kinetic-path-structure-controls span { display: flex; gap: 4px; align-items: center; white-space: nowrap; }.kinetic-path-structure-controls i { width: 5px; height: 5px; border-radius: 50%; background: #65e1bc; }.kinetic-path-structure-controls i.interface { background: transparent; border: 1px solid #ffc169; }.kinetic-path-structure-controls i.reservoir { background: transparent; border: 1px dashed #d69cff; }.kinetic-path-structure-shell > p { margin: 0; min-height: 15px; color: #71857f; font: 4.5px/1.5 var(--mono); }
.kinetic-path-mechanism { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; margin-top: 5px; padding: 5px; border: 1px solid rgba(137,190,255,.12); border-radius: 5px; background: rgba(80,130,190,.02); }.kinetic-path-mechanism header { display: flex; justify-content: space-between; gap: 8px; align-items: end; }.kinetic-path-mechanism header span { display: grid; gap: 1px; }.kinetic-path-mechanism header small { color: #617895; font: 4px var(--mono); text-transform: uppercase; letter-spacing: .04em; }.kinetic-path-mechanism header strong { color: #adc5e7; font: 5.5px var(--mono); font-weight: 500; }.kinetic-path-mechanism header label { color: #7189aa; font: 4.3px var(--mono); text-transform: uppercase; }.kinetic-path-mechanism header select { margin-left: 4px; border: 1px solid rgba(137,190,255,.18); background: #0a0d14; color: #9eb7d8; font: 4.3px var(--mono); }.kinetic-path-mechanism svg { display: block; width: 100%; height: 126px; border-radius: 4px; background: linear-gradient(180deg,rgba(137,190,255,.025),rgba(5,8,13,.56)); }.kinetic-path-mechanism .guide { stroke: rgba(137,190,255,.1); stroke-width: .55; }.kinetic-path-mechanism .contacts { fill: none; stroke: #65e1bc; stroke-width: 1.3; }.kinetic-path-mechanism .coordination { fill: none; stroke: #8dbdff; stroke-width: 1.2; }.kinetic-path-mechanism .displacement { fill: none; stroke: #d69cff; stroke-width: 1.1; }.kinetic-path-mechanism .formed { fill: #65e1bc; }.kinetic-path-mechanism .broken { fill: #ff879d; }.kinetic-path-mechanism .selected-image { fill: rgba(255,193,105,.055); stroke: rgba(255,193,105,.34); stroke-width: .7; }.kinetic-path-mechanism .axis-label { fill: #687b96; font: 4.8px var(--mono); }.kinetic-path-mechanism .data-point { stroke: #071112; stroke-width: .5; }.kinetic-path-mechanism .data-point.contacts { fill: #65e1bc; }.kinetic-path-mechanism .data-point.coordination { fill: #8dbdff; }.kinetic-path-mechanism .data-point.displacement { fill: #d69cff; }.kinetic-path-mechanism-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; }.kinetic-path-mechanism-summary span { min-width: 0; padding: 4px; border: 1px solid rgba(137,190,255,.1); color: #647994; font: 4px/1.3 var(--mono); text-transform: uppercase; }.kinetic-path-mechanism-summary strong { display: block; margin-top: 2px; overflow: hidden; color: #adc5e7; font: 5px var(--mono); text-overflow: ellipsis; text-transform: none; white-space: nowrap; }.kinetic-path-mechanism > p { margin: 0; color: #6c7d93; font: 4.4px/1.5 var(--mono); }
.action-barrier-inverse { margin-top: 6px; padding: 6px; border: 1px solid rgba(137,190,255,.14); border-radius: 5px; background: rgba(80,130,190,.025); }.action-barrier-inverse > p { margin: 5px 0 0; color: #7f8297; font: 5px/1.5 var(--mono); }.action-barrier-inverse header strong { color: #bacced; }.action-barrier-inverse header b { border-color: rgba(137,190,255,.24); color: #9bb5dc; }.action-barrier-inverse.closed header b { border-color: rgba(101,225,188,.38); color: var(--mint); background: rgba(101,225,188,.06); }.action-barrier-inverse.inconsistent header b { border-color: rgba(255,112,139,.36); color: #ff9bb0; background: rgba(255,112,139,.055); }
.transition-network-shell { display: grid; grid-template-columns: minmax(0,1fr); gap: 5px; margin-top: 6px; }.transition-network-plot { display: block; width: 100%; min-height: 142px; border: 1px solid rgba(137,190,255,.12); border-radius: 5px; background: radial-gradient(circle at 50% 50%,rgba(101,225,188,.045),rgba(7,10,17,.76) 70%); overflow: hidden; }.network-edge { stroke-width: 1.25; stroke: rgba(137,190,255,.35); vector-effect: non-scaling-stroke; }.network-edge.unpaired { stroke: rgba(255,194,91,.45); stroke-dasharray: 3 3; }.network-edge.cycle { stroke: #65e1bc; stroke-width: 2.4; filter: drop-shadow(0 0 2px rgba(101,225,188,.55)); }.network-edge.failed { stroke: #ff708b; }.network-node circle { fill: #111a26; stroke: rgba(186,204,237,.68); stroke-width: 1.2; }.network-node text { fill: #dce9ff; font: 5px var(--mono); pointer-events: none; }.network-node:hover circle,.network-node:focus circle { stroke: #65e1bc; fill: rgba(101,225,188,.16); outline: none; }.transition-network-controls { display: grid; grid-template-columns: 82px minmax(0,1fr); gap: 5px; align-items: start; }.transition-network-controls label { padding: 5px; border: 1px solid rgba(137,190,255,.13); border-radius: 4px; color: #7f94b6; font: 4.5px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .04em; }.transition-network-controls select { display: block; width: 100%; margin-top: 4px; border: 0; color: #bad0ee; background: #111420; font: 5px var(--mono); }.transition-network-controls > span { color: #7f8297; font: 4.5px/1.5 var(--mono); }
.network-edge.path-primary { stroke: #f5d06f; stroke-width: 2.8; filter: drop-shadow(0 0 2px rgba(245,208,111,.5)); }.network-edge.path-competing { stroke: #b59cff; stroke-width: 2; stroke-dasharray: 4 2; }.network-node.path-source circle { stroke: #f5d06f; stroke-width: 2.2; }.network-node.path-target circle { stroke: #b59cff; stroke-width: 2.2; }.transition-path-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }.transition-path-controls label { min-width: 0; padding: 4px; border: 1px solid rgba(245,208,111,.12); border-radius: 4px; color: #a58e56; font: 4.5px/1.35 var(--mono); text-transform: uppercase; }.transition-path-controls select { display: block; width: 100%; margin-top: 3px; border: 0; color: #d9c88c; background: #111420; font: 5px var(--mono); }.transition-path-state { margin: 0 !important; padding: 5px; border-left: 2px solid rgba(245,208,111,.32); background: rgba(245,208,111,.025); color: #958c75 !important; }
.finite-nucleation-landscape { padding: 5px; border: 1px solid rgba(255,129,184,.14); border-radius: 5px; background: rgba(255,129,184,.018); }.finite-nucleation-landscape header { display: flex; justify-content: space-between; gap: 5px; }.finite-nucleation-landscape header small,.finite-nucleation-landscape header strong { display: block; }.finite-nucleation-landscape header small { color: #8c6680; font: 4.2px var(--mono); text-transform: uppercase; }.finite-nucleation-landscape header strong { margin-top: 2px; color: #d8a6c4; font: 5.5px var(--mono); }.finite-nucleation-landscape header b { color: #b581a0; font: 4.4px var(--mono); font-weight: 400; text-align: right; }.finite-nucleation-landscape svg { display: block; width: 100%; height: 142px; margin-top: 4px; background: rgba(8,7,13,.5); }.finite-nucleation-landscape .axis { stroke: rgba(216,166,196,.25); stroke-width: .8; }.finite-nucleation-landscape .zero { stroke: rgba(255,255,255,.1); stroke-width: .7; stroke-dasharray: 2 2; }.finite-nucleation-landscape .profile { fill: none; stroke: #ff81b8; stroke-width: 1.6; }.finite-nucleation-landscape .profile.inconsistent { stroke: #ff708b; stroke-dasharray: 3 2; }.finite-nucleation-landscape .uncertainty { stroke: rgba(255,177,211,.58); stroke-width: 1; }.finite-nucleation-landscape circle.state { fill: #dca5c2; stroke: #ffe0ef; stroke-width: .7; }.finite-nucleation-landscape circle.critical { fill: #ffc169; stroke: #fff0c7; stroke-width: 1.2; filter: drop-shadow(0 0 2px rgba(255,193,105,.55)); }.finite-nucleation-landscape text.label,.finite-nucleation-landscape text.empty { fill: #8e7183; font: 5px var(--mono); }.finite-nucleation-landscape > p { margin: 4px 0 0 !important; color: #8c7783 !important; font: 4.5px/1.45 var(--mono) !important; }
@media (max-width: 760px) { .action-barrier-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }.action-barrier-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.post-leap-relaxation { margin: 7px 0; padding: 8px; border: 1px solid rgba(141,189,255,.22); border-radius: 7px; background: linear-gradient(135deg,rgba(141,189,255,.06),rgba(101,225,188,.025)); }
.post-leap-relaxation header { display: flex; align-items: start; justify-content: space-between; gap: 8px; }.post-leap-relaxation header span small,.post-leap-relaxation header span strong { display: block; }.post-leap-relaxation header small { color: #7f9dcc; font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.post-leap-relaxation header strong { margin-top: 2px; color: #b9d3ff; font: 8px var(--sans); }.post-leap-relaxation header b { padding: 2px 5px; border: 1px solid rgba(141,189,255,.25); border-radius: 9px; color: #91a9ce; font: 5px var(--mono); font-weight: 400; white-space: nowrap; }
.post-leap-relaxation.frozen header b { color: #ffd58a; border-color: rgba(255,194,91,.4); }.post-leap-relaxation.validated header b { color: var(--mint); border-color: rgba(101,225,188,.45); background: rgba(101,225,188,.06); }.post-leap-relaxation > p { margin: 5px 0; color: #7f8398; font: 5px/1.55 var(--mono); }
.state-relaxation-controls { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }.state-relaxation-controls button,.state-relaxation-controls label { min-width: 0; padding: 5px 4px; border: 1px solid rgba(141,189,255,.2); border-radius: 4px; background: rgba(9,12,20,.55); color: #9db7dd; font: 5px var(--mono); }.state-relaxation-controls label { display: flex; flex-direction: column; gap: 3px; }.state-relaxation-controls input,.state-relaxation-controls select { width: 100%; min-width: 0; color: #9db7dd; border: 0; background: #080e19; font: 4.5px var(--mono); }.state-relaxation-controls button { cursor: pointer; }.state-relaxation-controls button:hover,.state-relaxation-controls button:focus-visible,.state-relaxation-controls label:focus-within { border-color: #8dbdff; color: #d5e4ff; outline: none; }.state-relaxation-controls button:disabled,.state-relaxation-controls label:has(input:disabled),.state-relaxation-controls label:has(select:disabled) { opacity: .35; cursor: default; }
.state-relaxation-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; margin-top: 5px; }.state-relaxation-summary span { padding: 4px; border: 1px solid rgba(255,255,255,.06); border-radius: 3px; color: #7f8da5; font: 4.5px/1.35 var(--mono); }.state-relaxation-summary strong { display: block; margin-top: 2px; color: #bcd1ee; font-size: 6px; font-weight: 500; }.post-leap-relaxation .state-relaxation-boundary { color: #687183; }
@media (max-width: 760px) { .state-relaxation-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }.state-relaxation-summary { grid-template-columns: repeat(2,minmax(0,1fr)); } }
.policy-phase-map-card { margin-top: 6px; padding: 6px; border: 1px solid rgba(85,200,255,.12); background: rgba(85,200,255,.015); }.policy-phase-map-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }.policy-phase-map-card header span small,.policy-phase-map-card header span strong { display: block; }.policy-phase-map-card header small { color: #52777d; font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }.policy-phase-map-card header strong { margin-top: 3px; color: #a6c7ca; font: 6px var(--mono); font-weight: 400; }.policy-phase-map-card header b { max-width: 145px; color: #718f94; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }.policy-phase-axes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 5px; }.policy-phase-axes label { color: #59757a; font: 5px var(--mono); text-transform: uppercase; }.policy-phase-axes select { display: block; width: 100%; margin-top: 2px; padding: 3px 4px; border: 1px solid rgba(85,200,255,.14); background: #071415; color: #8ca6a7; font: 5px var(--mono); }.policy-phase-map { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 2px; margin-top: 5px; }.policy-phase-map button { position: relative; min-width: 0; height: 24px; padding: 0; border: 1px solid hsla(var(--basin-hue),55%,64%,.22); background: hsla(var(--basin-hue),48%,38%,var(--basin-alpha)); color: rgba(227,242,240,.82); font: 5px var(--mono); cursor: pointer; }.policy-phase-map button:hover,.policy-phase-map button:focus-visible,.policy-phase-map button.active { border-color: hsla(var(--basin-hue),75%,76%,.82); outline: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }.policy-phase-map button.baseline::after { content: "B"; position: absolute; right: 2px; top: 1px; color: rgba(255,255,255,.65); font: 4px var(--mono); }.policy-phase-map-card > p { margin: 5px 0 0; color: #536e72; font: 5px/1.4 var(--mono); }
.policy-pareto-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(181,148,255,.14); background: rgba(181,148,255,.012); }.policy-pareto-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }.policy-pareto-card header span small,.policy-pareto-card header span strong { display: block; }.policy-pareto-card header small { color: #695c82; font: 5px var(--mono); text-transform: uppercase; }.policy-pareto-card header strong { margin-top: 3px; color: #b2a5ca; font: 6px var(--mono); font-weight: 400; }.policy-pareto-card header b { max-width: 150px; color: #786b90; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }.policy-pareto-axes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; margin-top: 5px; }.policy-pareto-axes label { color: #675d79; font: 5px var(--mono); text-transform: uppercase; }.policy-pareto-axes select { display: block; width: 100%; margin-top: 2px; padding: 3px 4px; border: 1px solid rgba(181,148,255,.14); background: #071415; color: #9c90b1; font: 5px var(--mono); }.policy-pareto-plot { display: block; width: 100%; height: 150px; margin-top: 5px; border: 1px solid rgba(181,148,255,.08); background: radial-gradient(circle at 70% 28%,rgba(101,225,188,.035),transparent 50%),rgba(4,12,14,.62); overflow: visible; }.policy-pareto-plot .grid { stroke: rgba(141,169,161,.08); stroke-width: .65; }.policy-pareto-plot .frontier { fill: none; stroke: rgba(101,225,188,.7); stroke-width: 1.4; stroke-dasharray: 3 2; }.policy-pareto-plot circle { fill: hsla(var(--candidate-hue),58%,58%,.62); stroke: hsla(var(--candidate-hue),70%,78%,.68); stroke-width: .7; cursor: pointer; }.policy-pareto-plot circle.dominated { opacity: .48; }.policy-pareto-plot circle.nondominated { stroke: #65e1bc; stroke-width: 1.5; opacity: .95; }.policy-pareto-plot circle:hover,.policy-pareto-plot circle:focus-visible,.policy-pareto-plot circle.selected { stroke: #f0e7ff; stroke-width: 2.2; opacity: 1; outline: none; }.policy-pareto-plot .axis-label { fill: #665d78; font: 5px var(--mono); }.policy-pareto-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 4px; padding: 4px 5px; border-left: 2px solid rgba(101,225,188,.45); background: rgba(101,225,188,.025); color: #71877f; font: 5px var(--mono); }.policy-pareto-detail:empty { display: none; }.policy-pareto-detail strong { overflow: hidden; color: #9fb5ae; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.policy-pareto-detail b { color: #72ad9d; font: inherit; font-weight: 400; text-align: right; }.policy-pareto-detail span { grid-column: 1 / -1; }.policy-pareto-card > p { margin: 5px 0 0; color: #5d566d; font: 5px/1.4 var(--mono); }
.policy-pareto-plot circle.nondominated { stroke-width: 1.8; opacity: .96; filter: drop-shadow(0 0 2px rgba(101,225,188,.34)); }.policy-pareto-plot circle.stable { stroke: #65e1bc; }.policy-pareto-plot circle.fragile { stroke: #ff756f; stroke-dasharray: 2 1; }.policy-pareto-plot circle.unaudited { stroke: #7a728c; stroke-dasharray: 1 2; }.policy-pareto-plot circle:hover,.policy-pareto-plot circle:focus-visible,.policy-pareto-plot circle.selected { stroke: #f0e7ff; stroke-dasharray: none; }.policy-pareto-legend { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 4px; color: #665e75; font: 4px var(--mono); }.policy-pareto-legend span { display: flex; align-items: center; gap: 3px; }.policy-pareto-legend i { width: 8px; height: 8px; border: 1px solid; border-radius: 50%; }.policy-pareto-legend i.stable { border-color: #65e1bc; }.policy-pareto-legend i.fragile { border-color: #ff756f; border-style: dashed; }.policy-pareto-legend i.unaudited { border-color: #7a728c; border-style: dotted; }.policy-pareto-detail .pose-stability { margin-top: 2px; padding-top: 3px; border-top: 1px solid rgba(101,225,188,.08); color: #7e9b92; }.policy-pareto-detail .pose-failures { color: #987c7d; }
.policy-pareto-audit-control { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 5px; align-items: end; margin-top: 5px; padding-top: 4px; border-top: 1px solid rgba(181,148,255,.08); }.policy-pareto-audit-control label { color: #665d78; font: 4px var(--mono); text-transform: uppercase; }.policy-pareto-audit-control select { display: block; width: 100%; margin-top: 2px; padding: 3px 4px; border: 1px solid rgba(181,148,255,.14); background: #071415; color: #9387a8; font: 5px var(--mono); }.policy-pareto-audit-control span { max-width: 116px; color: #625d6f; font: 4px/1.35 var(--mono); text-align: right; }
.policy-omission-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(255,190,106,.13); background: linear-gradient(135deg,rgba(255,190,106,.018),rgba(181,148,255,.012)); }.policy-omission-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }.policy-omission-card header span small,.policy-omission-card header span strong { display: block; }.policy-omission-card header small { color: #80694d; font: 5px var(--mono); text-transform: uppercase; }.policy-omission-card header strong { margin-top: 3px; color: #c0aa8c; font: 6px var(--mono); font-weight: 400; }.policy-omission-card header b { max-width: 150px; color: #8c785e; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }.policy-omission-legend { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 5px; color: #786b5b; font: 4px var(--mono); }.policy-omission-legend span { display: flex; gap: 3px; align-items: center; }.policy-omission-legend i { width: 9px; height: 3px; border-radius: 2px; }.policy-omission-legend i.same { background: #65e1bc; }.policy-omission-legend i.changed { background: #ffbe6a; }.policy-omission-legend i.inactive { background: #625d69; }.policy-omission-list { max-height: 138px; margin-top: 5px; border: 1px solid rgba(255,190,106,.09); overflow: auto; }.policy-omission-list button { display: grid; grid-template-columns: minmax(70px,1fr) minmax(28px,.55fr) auto; align-items: center; gap: 4px; width: 100%; padding: 3px 5px; border: 0; border-top: 1px solid rgba(255,190,106,.05); background: rgba(5,12,15,.42); color: #7e7467; font: 4px var(--mono); text-align: left; cursor: pointer; }.policy-omission-list button:first-child { border-top: 0; }.policy-omission-list button:hover,.policy-omission-list button:focus-visible,.policy-omission-list button.active { background: rgba(255,190,106,.04); color: #d2c0a7; outline: none; }.policy-omission-list button.inactive { opacity: .45; }.policy-omission-list button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.policy-omission-list button > i { height: 3px; background: rgba(181,148,255,.08); overflow: hidden; }.policy-omission-list button > i > em { display: block; width: 100%; height: 100%; background: #65e1bc; transform-origin: left; }.policy-omission-list button.changed > i > em { background: #ffbe6a; }.policy-omission-list button > b { color: inherit; font: inherit; font-weight: 400; white-space: nowrap; }.policy-omission-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 5px; padding: 4px 5px; border-left: 2px solid rgba(255,190,106,.46); background: rgba(255,190,106,.025); color: #8b7e6d; font: 5px var(--mono); }.policy-omission-detail:empty { display: none; }.policy-omission-detail strong { overflow: hidden; color: #c8b79f; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.policy-omission-detail b { color: #d1a96f; font: inherit; font-weight: 400; text-align: right; }.policy-omission-detail span { grid-column: 1 / -1; }.policy-omission-card > p { margin: 5px 0 0; color: #746957; font: 5px/1.4 var(--mono); }
.policy-spatial-field-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(101,225,188,.12); background: rgba(101,225,188,.012); }.policy-spatial-field-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }.policy-spatial-field-card header span small,.policy-spatial-field-card header span strong { display: block; }.policy-spatial-field-card header small { color: #547a70; font: 5px var(--mono); text-transform: uppercase; }.policy-spatial-field-card header strong { margin-top: 3px; color: #a9c9c0; font: 6px var(--mono); font-weight: 400; }.policy-spatial-field-card header b { max-width: 148px; color: #718e87; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }.policy-spatial-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px; align-items: end; margin-top: 5px; }.policy-spatial-controls label { color: #59766d; font: 5px var(--mono); text-transform: uppercase; }.policy-spatial-controls select { display: block; width: 100%; margin-top: 2px; padding: 3px 4px; border: 1px solid rgba(101,225,188,.14); background: #071415; color: #8ca79f; font: 5px var(--mono); }.policy-spatial-controls button { min-height: 24px; padding: 3px 6px; border: 1px solid rgba(101,225,188,.2); background: transparent; color: #718c84; font: 5px var(--mono); cursor: pointer; }.policy-spatial-controls button[aria-pressed="true"] { border-color: var(--mint); color: #b9e9dc; background: rgba(101,225,188,.05); }.policy-spatial-controls button:disabled { opacity: .35; cursor: default; }.policy-spatial-legend { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 5px; color: #607c73; font: 4px var(--mono); }.policy-spatial-legend span { display: flex; gap: 3px; align-items: center; }.policy-spatial-legend i { width: 12px; height: 3px; border-radius: 2px; }.policy-spatial-legend i.negative { background: #ff756f; }.policy-spatial-legend i.neutral { background: #b594ff; }.policy-spatial-legend i.positive { background: #65e1bc; }.policy-spatial-extremes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 5px; }.policy-spatial-extremes button { min-width: 0; padding: 4px 5px; border: 1px solid rgba(151,194,183,.12); background: rgba(5,15,17,.68); color: #779087; font: 5px var(--mono); text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.policy-spatial-extremes button:hover,.policy-spatial-extremes button:focus-visible { border-color: rgba(101,225,188,.5); color: #bddfd5; outline: none; }.policy-spatial-field-card > p { margin: 5px 0 0; color: #536e65; font: 5px/1.4 var(--mono); }
.policy-spatial-decomposition { margin-top: 5px; border: 1px solid rgba(181,148,255,.11); background: rgba(5,12,15,.5); }.policy-spatial-decomposition:empty { display: none; }.policy-spatial-decomposition > header { padding: 4px 5px; border-bottom: 1px solid rgba(181,148,255,.1); align-items: center; }.policy-spatial-decomposition > header span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #718b84; font: 5px var(--mono); }.policy-spatial-decomposition > header b { color: #b9a3ef; font: 5px var(--mono); }.policy-spatial-decomposition > button { display: grid; grid-template-columns: minmax(62px,1fr) minmax(28px,.8fr) auto; align-items: center; gap: 4px; width: 100%; padding: 3px 5px; border: 0; border-top: 1px solid rgba(151,194,183,.055); background: transparent; color: #668078; font: 4px var(--mono); text-align: left; cursor: pointer; }.policy-spatial-decomposition > button:hover,.policy-spatial-decomposition > button:focus-visible,.policy-spatial-decomposition > button.active { color: #b7d7ce; background: rgba(101,225,188,.035); outline: none; }.policy-spatial-decomposition > button > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.policy-spatial-decomposition > button > i { height: 3px; background: rgba(181,148,255,.08); overflow: hidden; }.policy-spatial-decomposition > button > i > em { display: block; width: 100%; height: 100%; transform-origin: left; }.policy-spatial-decomposition em.positive { background: #65e1bc; }.policy-spatial-decomposition em.negative { background: #ff756f; }.policy-spatial-decomposition > button > b { color: inherit; font: inherit; font-weight: 400; white-space: nowrap; }
.policy-sensitivity-heading { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; color: var(--faint); font: 5px var(--mono); letter-spacing: .06em; text-transform: uppercase; }.policy-sensitivity-heading strong { color: #9b8db7; font-weight: 400; letter-spacing: 0; text-transform: none; }
.policy-history { display: flex; gap: 3px; min-height: 20px; margin-top: 5px; overflow: hidden; }.policy-history:empty::before { content: "history begins with the first evaluated frontier"; color: var(--faint); font: 5px/20px var(--mono); text-transform: uppercase; }
.policy-history button { flex: 1; min-width: 22px; padding: 3px 4px; border: 1px solid rgba(151,194,183,.13); background: rgba(5,15,17,.76); color: #70857f; font: 5px var(--mono); cursor: pointer; }.policy-history button:hover,.policy-history button:focus-visible,.policy-history button.active { border-color: var(--violet); color: #d2c5f0; outline: none; }.policy-history button.sensitive { border-bottom-color: var(--red); color: #d2a4a5; }
.policy-comparison-card > p { margin: 6px 0 0; color: #61766f; font: 5px/1.4 var(--mono); }.policy-comparison-card #policyPreviewState { padding: 5px 6px; border-left: 2px solid var(--violet); background: rgba(181,148,255,.035); color: #8f82ad; }
.charge-shape-portrait-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(255,193,105,.15); background: radial-gradient(circle at 78% 18%,rgba(181,148,255,.045),transparent 52%),rgba(255,193,105,.012); }.charge-shape-portrait-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }.charge-shape-portrait-card header span small,.charge-shape-portrait-card header span strong { display: block; }.charge-shape-portrait-card header small { color: #8a704b; font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }.charge-shape-portrait-card header strong { margin-top: 3px; color: #c9b693; font: 6px var(--mono); font-weight: 400; }.charge-shape-portrait-card header b { max-width: 145px; color: #8c795b; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }.charge-shape-portrait { display: block; width: 100%; height: 150px; margin-top: 5px; border: 1px solid rgba(255,193,105,.08); background: radial-gradient(circle at 20% 78%,rgba(101,225,188,.035),transparent 48%),rgba(4,12,14,.62); overflow: visible; }.charge-shape-portrait .grid { stroke: rgba(255,193,105,.08); stroke-width: .65; }.charge-shape-portrait .executed-path { fill: none; stroke: rgba(181,148,255,.78); stroke-width: 1.3; stroke-dasharray: 3 1.5; }.charge-shape-portrait .executed-state { fill: #b594ff; stroke: #e9dcff; stroke-width: .8; cursor: pointer; }.charge-shape-portrait .executed-state.seed { fill: #67bfff; }.charge-shape-portrait .executed-state.selected,.charge-shape-portrait .executed-state:hover,.charge-shape-portrait .executed-state:focus-visible { stroke: #fff; stroke-width: 2; outline: none; filter: drop-shadow(0 0 3px rgba(255,255,255,.55)); }.charge-shape-portrait .transition { fill: none; stroke-width: .75; opacity: .34; }.charge-shape-portrait .transition.improve { stroke: #65e1bc; }.charge-shape-portrait .transition.worsen { stroke: #ff756f; }.charge-shape-portrait .current { fill: #ffc169; stroke: #fff1d9; stroke-width: 1.1; }.charge-shape-portrait .candidate { cursor: pointer; stroke-width: .8; }.charge-shape-portrait .candidate.improve { fill: rgba(101,225,188,.7); stroke: #bdf8e7; }.charge-shape-portrait .candidate.worsen { fill: rgba(255,117,111,.68); stroke: #ffd0cd; }.charge-shape-portrait .candidate:hover,.charge-shape-portrait .candidate:focus-visible,.charge-shape-portrait .candidate.selected { stroke: #fff; stroke-width: 2; outline: none; filter: drop-shadow(0 0 3px rgba(255,255,255,.55)); }.charge-shape-portrait .axis-label { fill: #7f6e55; font: 5px var(--mono); }.charge-shape-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; color: #725f47; font: 5px var(--mono); }.charge-shape-legend span { display: flex; align-items: center; gap: 3px; }.charge-shape-legend i { width: 6px; height: 6px; border-radius: 50%; }.charge-shape-legend i.current { background: #ffc169; }.charge-shape-legend i.history { background: #b594ff; }.charge-shape-legend i.improve { background: #65e1bc; }.charge-shape-legend i.worsen { background: #ff756f; }.charge-shape-portrait-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 4px; padding: 4px 5px; border-left: 2px solid rgba(255,193,105,.45); background: rgba(255,193,105,.025); color: #82745e; font: 5px var(--mono); }.charge-shape-portrait-detail:empty { display: none; }.charge-shape-portrait-detail strong { overflow: hidden; color: #b9a98f; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }.charge-shape-portrait-detail b { color: #d1b779; font: inherit; font-weight: 400; text-align: right; }.charge-shape-portrait-detail span { grid-column: 1 / -1; }.charge-shape-portrait-card > p { margin: 5px 0 0; color: #75664f; font: 5px/1.4 var(--mono); }
.ionic-convergence-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(103,191,255,.14); background: radial-gradient(circle at 20% 20%,rgba(103,191,255,.045),transparent 52%),rgba(103,191,255,.012); }
.ionic-convergence-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }
.ionic-convergence-card header span small,.ionic-convergence-card header span strong { display: block; }
.ionic-convergence-card header small { color: #527a8b; font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.ionic-convergence-card header strong { margin-top: 3px; color: #9dbdca; font: 6px var(--mono); font-weight: 400; }
.ionic-convergence-card header b { max-width: 150px; color: #668793; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.ionic-convergence-plot { display: block; width: 100%; height: 150px; margin-top: 5px; border: 1px solid rgba(103,191,255,.08); background: rgba(4,12,14,.62); overflow: visible; }
.ionic-convergence-plot .grid { stroke: rgba(103,191,255,.09); stroke-width: .65; }
.ionic-convergence-plot .zero { stroke: rgba(255,193,105,.3); stroke-width: .8; stroke-dasharray: 2 2; }
.ionic-convergence-plot .candidate-line { fill: none; stroke: rgba(103,191,255,.18); stroke-width: .7; }
.ionic-convergence-plot .candidate-line.selected { stroke: #b594ff; stroke-width: 2; }
.ionic-convergence-plot .candidate-hit { fill: none; stroke: transparent; stroke-width: 8; cursor: pointer; }
.ionic-convergence-plot .sample { fill: rgba(103,191,255,.48); stroke: #a6e0ff; stroke-width: .55; pointer-events: none; }
.ionic-convergence-plot .sample.selected { fill: #b594ff; stroke: #f0e8ff; stroke-width: 1; }
.ionic-convergence-plot .winner { fill: #65e1bc; stroke: #d6fff3; stroke-width: 1; pointer-events: none; }
.ionic-convergence-plot .axis-label { fill: #65808a; font: 5px var(--mono); }
.ionic-convergence-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; color: #607983; font: 5px var(--mono); }
.ionic-convergence-legend span { display: flex; align-items: center; gap: 3px; }
.ionic-convergence-legend i { width: 10px; height: 2px; background: rgba(103,191,255,.55); }
.ionic-convergence-legend i.selected { background: #b594ff; }
.ionic-convergence-legend i.winner { height: 6px; width: 6px; border-radius: 50%; background: #65e1bc; }
.ionic-convergence-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 4px; padding: 4px 5px; border-left: 2px solid rgba(103,191,255,.42); background: rgba(103,191,255,.025); color: #718992; font: 5px var(--mono); }
.ionic-convergence-detail:empty { display: none; }
.ionic-convergence-detail strong { overflow: hidden; color: #adc5ce; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.ionic-convergence-detail b { color: #b594ff; font: inherit; font-weight: 400; text-align: right; }
.ionic-convergence-detail span { grid-column: 1 / -1; }
.ionic-convergence-card > p { margin: 5px 0 0; color: #607983; font: 5px/1.4 var(--mono); }
.bond-valence-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(101,225,188,.15); background: radial-gradient(circle at 82% 12%,rgba(101,225,188,.05),transparent 48%),rgba(101,225,188,.012); }
.bond-valence-card header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }
.bond-valence-card header span small,.bond-valence-card header span strong { display: block; }
.bond-valence-card header small { color: #527f72; font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.bond-valence-card header strong { margin-top: 3px; color: #a4c9bd; font: 6px var(--mono); font-weight: 400; }
.bond-valence-card header b { max-width: 155px; color: #688f83; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.bond-valence-candidates { display: flex; gap: 3px; margin-top: 5px; overflow-x: auto; scrollbar-width: thin; }
.bond-valence-candidates button { flex: 0 0 auto; max-width: 94px; padding: 4px 5px; border: 1px solid rgba(101,225,188,.12); background: rgba(3,12,11,.68); color: #76988e; font: 5px var(--mono); text-align: left; cursor: pointer; }
.bond-valence-candidates button strong,.bond-valence-candidates button span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bond-valence-candidates button span { margin-top: 2px; color: #5c756e; }
.bond-valence-candidates button.active { border-color: rgba(181,148,255,.58); color: #d8c8ff; background: rgba(181,148,255,.07); }
.bond-valence-portrait { display: block; width: 100%; height: 112px; margin-top: 5px; border: 1px solid rgba(101,225,188,.08); background: rgba(2,8,8,.42); }
.bond-valence-portrait .plot-area { fill: rgba(101,225,188,.018); stroke: rgba(101,225,188,.08); }
.bond-valence-portrait .axis { stroke: rgba(101,225,188,.15); stroke-width: .7; stroke-dasharray: 2 3; }
.bond-valence-portrait .axis-label { fill: #58776d; font: 5px var(--mono); }
.bond-valence-portrait .candidate { fill: #65e1bc; fill-opacity: .66; stroke: rgba(3,12,11,.95); stroke-width: 1; cursor: pointer; }
.bond-valence-portrait .candidate:hover,.bond-valence-portrait .candidate:focus { fill-opacity: 1; stroke: #d8c8ff; outline: none; }
.bond-valence-portrait .candidate.selected { fill: #b594ff; fill-opacity: 1; stroke: #ecdcff; stroke-width: 1.2; }
.bond-valence-portrait .selected-guide { stroke: rgba(181,148,255,.45); stroke-width: .8; stroke-dasharray: 2 2; }
.bond-valence-path-heading { display: flex; align-items: end; justify-content: space-between; gap: 7px; margin-top: 6px; padding-top: 5px; border-top: 1px solid rgba(101,225,188,.08); }
.bond-valence-path-heading span small,.bond-valence-path-heading span strong { display: block; }
.bond-valence-path-heading small { color: #527f72; font: 4.5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.bond-valence-path-heading strong { margin-top: 2px; color: #9bbdb3; font: 5.5px var(--mono); font-weight: 400; }
.bond-valence-path-heading b { color: #607f76; font: 4.5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.bond-valence-path { display: block; width: 100%; height: 100px; margin-top: 3px; background: rgba(2,8,8,.32); }
.bond-valence-path .axis { stroke: rgba(101,225,188,.16); stroke-width: .7; }
.bond-valence-path .axis-label { fill: #58776d; font: 4.5px var(--mono); }
.bond-valence-path .history-line { fill: none; stroke: rgba(181,148,255,.58); stroke-width: 1.2; }
.bond-valence-path .history-point { fill: #b594ff; stroke: rgba(236,220,255,.7); stroke-width: .8; cursor: pointer; }
.bond-valence-path .history-point.selected { fill: #ffc169; stroke: #fff1c9; }
.bond-valence-path-readout { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; margin-top: 3px; }
.bond-valence-path-readout span { padding: 3px 4px; background: rgba(101,225,188,.025); color: #607f76; font: 4.5px var(--mono); }
.bond-valence-path-readout strong { display: block; margin-top: 2px; color: #a4c9bd; font-weight: 400; }
.bond-valence-map-control { display: flex; align-items: end; justify-content: space-between; gap: 7px; margin-top: 6px; padding: 5px; border: 1px solid rgba(101,225,188,.09); background: rgba(101,225,188,.018); }
.bond-valence-map-control label { display: flex; align-items: end; gap: 7px; min-width: 0; }
.bond-valence-map-control label span small,.bond-valence-map-control label span strong { display: block; }
.bond-valence-map-control small { color: #527f72; font: 4.5px var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.bond-valence-map-control strong { margin-top: 2px; color: #9bbdb3; font: 5.5px var(--mono); font-weight: 400; }
.bond-valence-map-control select { max-width: 150px; padding: 3px 16px 3px 4px; font-size: 5px; }
.bond-valence-map-control > b { color: #607f76; font: 4.5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.bond-valence-map-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; color: #607f76; font: 4.5px var(--mono); }
.bond-valence-map-legend span { display: inline-flex; align-items: center; gap: 3px; }
.bond-valence-map-legend i { width: 6px; height: 6px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); }
.bond-valence-map-legend i.under { background: #6aa7ff; }
.bond-valence-map-legend i.balanced { background: #65e1bc; }
.bond-valence-map-legend i.over { background: #ff7b73; }
.bond-valence-map-extremes { display: flex; gap: 3px; overflow-x: auto; margin-top: 4px; padding-bottom: 2px; }
.bond-valence-map-extremes button { min-width: 58px; padding: 3px 4px; border: 1px solid rgba(101,225,188,.09); background: rgba(2,8,8,.3); color: #718f86; text-align: left; }
.bond-valence-map-extremes button strong,.bond-valence-map-extremes button span { display: block; font: 4.5px/1.3 var(--mono); }
.bond-valence-map-extremes button strong { color: #aac8bf; font-weight: 400; }
.bond-valence-map-extremes button.active { border-color: rgba(255,193,105,.55); background: rgba(255,193,105,.07); }
.bond-valence-scale { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 4px; margin: 5px 0 3px; color: #5b746d; font: 4.5px var(--mono); }
.bond-valence-scale i:first-of-type { height: 1px; background: linear-gradient(90deg,#6aa7ff,#65e1bc); }
.bond-valence-scale i:last-of-type { height: 1px; background: linear-gradient(90deg,#65e1bc,#ff7b73); }
.bond-valence-residuals { display: grid; gap: 3px; max-height: 132px; overflow-y: auto; }
.bond-valence-residual-row { display: grid; grid-template-columns: 43px minmax(0,1fr) 34px; align-items: center; gap: 4px; color: #708e85; font: 5px var(--mono); }
.bond-valence-residual-row code { color: #98b9ae; font: inherit; }
.bond-valence-residual-track { position: relative; height: 9px; border-left: 1px solid rgba(101,225,188,.22); background: linear-gradient(90deg,rgba(106,167,255,.08),rgba(101,225,188,.08),rgba(255,123,115,.08)); }
.bond-valence-residual-track i { position: absolute; left: 50%; height: 2px; transform-origin: left center; }
.bond-valence-residual-track i.before { top: 2px; background: rgba(151,171,177,.55); }
.bond-valence-residual-track i.after { top: 6px; background: #65e1bc; box-shadow: 0 0 4px rgba(101,225,188,.3); }
.bond-valence-residual-track i.negative { transform-origin: right center; }
.bond-valence-residual-row b { color: #78aa9b; font: inherit; font-weight: 400; text-align: right; }
.bond-valence-detail { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 6px; margin-top: 5px; padding: 4px 5px; border-left: 2px solid rgba(101,225,188,.42); background: rgba(101,225,188,.025); color: #718d85; font: 5px var(--mono); }
.bond-valence-detail:empty { display: none; }
.bond-valence-detail strong { overflow: hidden; color: #b0cec5; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.bond-valence-detail b { color: #b594ff; font: inherit; font-weight: 400; text-align: right; }
.bond-valence-detail span { grid-column: 1 / -1; }
.bond-valence-detail .bond-valence-provenance { display: flex; gap: 8px; flex-wrap: wrap; }
.bond-valence-detail a { color: #65bfa7; text-decoration: none; }
.bond-valence-detail a:hover,.bond-valence-detail a:focus { color: #d8c8ff; text-decoration: underline; }
.bond-valence-card > p { margin: 5px 0 0; color: #607d74; font: 5px/1.4 var(--mono); }
.spin-geometry-card { margin-top: 5px; padding: 6px; border: 1px solid rgba(130,164,255,.17); background: radial-gradient(circle at 84% 12%,rgba(124,150,255,.07),transparent 48%),rgba(75,92,180,.018); }
.spin-geometry-card header,.spin-map-control { display: flex; align-items: end; justify-content: space-between; gap: 7px; }
.spin-geometry-card header span small,.spin-geometry-card header span strong,.spin-map-control span small,.spin-map-control span strong { display: block; }
.spin-geometry-card header small,.spin-map-control small { color: #667bb3; font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.spin-geometry-card header strong,.spin-map-control strong { margin-top: 3px; color: #aab9df; font: 6px var(--mono); font-weight: 400; }
.spin-geometry-card header b,.spin-map-control > b { max-width: 155px; color: #7788b3; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.spin-map-control { margin-top: 6px; padding: 5px; border: 1px solid rgba(130,164,255,.1); background: rgba(90,110,220,.025); }
.spin-map-control label { display: flex; align-items: end; gap: 7px; min-width: 0; }
.spin-map-control select { max-width: 150px; padding: 3px 16px 3px 4px; font-size: 5px; }
.spin-map-legend { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 4px; color: #7180a4; font: 4.5px var(--mono); }
.spin-map-legend span { display: inline-flex; align-items: center; gap: 3px; }
.spin-map-legend i { width: 6px; height: 6px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); }
.spin-map-legend i.negative { background: #6aa7ff; }.spin-map-legend i.neutral { background: #9fa8b8; }.spin-map-legend i.positive { background: #ff7b91; }
.spin-correlation-plot { display: block; width: 100%; height: 112px; margin-top: 4px; overflow: visible; }
.spin-correlation-plot .plot-area { fill: rgba(3,8,18,.35); stroke: rgba(130,164,255,.1); }.spin-correlation-plot .axis { stroke: rgba(180,195,240,.2); stroke-width: 1; }.spin-correlation-plot .curve { fill: none; stroke: #90aaff; stroke-width: 1.5; }.spin-correlation-plot .sample { fill: #ff8da0; stroke: #091018; stroke-width: 1; }.spin-correlation-plot .axis-label { fill: #68799f; font: 5px var(--mono); }
.spin-map-extremes { display: flex; gap: 3px; overflow-x: auto; margin-top: 4px; padding-bottom: 2px; }
.spin-map-extremes button { min-width: 58px; padding: 3px 4px; border: 1px solid rgba(130,164,255,.1); background: rgba(2,6,15,.34); color: #7180a4; text-align: left; }.spin-map-extremes button strong,.spin-map-extremes button span { display: block; font: 4.5px/1.3 var(--mono); }.spin-map-extremes button strong { color: #afbbe0; font-weight: 400; }.spin-map-extremes button.active { border-color: rgba(255,193,105,.55); background: rgba(255,193,105,.07); }
.spin-geometry-detail { display: grid; gap: 3px; margin-top: 5px; color: #7586ad; font: 5px/1.45 var(--mono); }.spin-geometry-detail strong { color: #b5c1e4; font-weight: 400; }.spin-geometry-detail a { color: #8ebfff; }.spin-geometry-card > p { margin: 5px 0 0; color: #68769a; font: 5px/1.4 var(--mono); }
.section-heading > span { color: var(--faint); font: 8px var(--mono); }
.search-stack { max-height: 153px; overflow: hidden; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.search-stack li { display: grid; grid-template-columns: 24px 1fr auto; gap: 7px; align-items: center; min-height: 27px; border-bottom: 1px solid var(--line); color: #92a49f; font: 8px var(--mono); }
.growth-certificate { display: grid; gap: 5px; }
.growth-certificate article { position: relative; min-height: 64px; padding: 9px 10px 9px 14px; border: 1px solid var(--line); background: rgba(8,22,23,.68); }
.growth-certificate article::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--certificate-color,var(--faint)); }
.growth-certificate article.pass { --certificate-color: var(--mint); }
.growth-certificate article.progress { --certificate-color: var(--violet); }
.growth-certificate article.open { --certificate-color: var(--red); }
.growth-certificate small,.growth-certificate strong,.growth-certificate span { display: block; }
.growth-certificate small { color: var(--certificate-color,var(--faint)); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .07em; }
.growth-certificate strong { margin-top: 5px; color: #d7e4df; font: 9px var(--mono); font-weight: 400; }
.growth-certificate span { margin-top: 4px; color: #667d76; font: 6px/1.45 var(--mono); }
.certificate-note { margin: 7px 0 0; color: var(--faint); font: 6px/1.5 var(--mono); }
.search-stack li b { color: var(--faint); font-weight: 400; }
.search-stack li span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.search-stack li em { color: var(--mint); font-style: normal; }
.search-stack li.reject { color: #a98484; }.search-stack li.reject em { color: var(--red); }
.search-stack .empty-row { display: block; padding: 8px 0; color: var(--faint); }
.growth-lineage-map { margin-top: 7px; padding: 7px; border: 1px solid rgba(181,148,255,.18); background: linear-gradient(135deg,rgba(101,225,188,.035),rgba(181,148,255,.04)); }
.growth-lineage-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--faint); font: 5px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.growth-lineage-heading span { color: #8d9d98; text-transform: none; letter-spacing: 0; }
.growth-lineage-flow { display: flex; gap: 4px; margin-top: 6px; overflow-x: auto; padding-bottom: 2px; }
.growth-lineage-flow button { position: relative; min-width: 94px; padding: 6px 7px 6px 10px; border: 1px solid rgba(181,148,255,.18); background: rgba(4,12,16,.74); color: #8fa39d; text-align: left; }
.growth-lineage-flow button::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 2px; background: var(--lineage-color,#8f9d99); }
.growth-lineage-flow button strong,.growth-lineage-flow button span { display: block; font: 5px/1.35 var(--mono); }
.growth-lineage-flow button strong { color: #c3d4cf; font-weight: 400; white-space: nowrap; }
.growth-lineage-flow button span { margin-top: 3px; color: #647873; }
.growth-lineage-flow button.active { border-color: var(--lineage-color,#b594ff); background: rgba(181,148,255,.09); }
.growth-lineage-flow button.molecule { --lineage-color:#79c9ff; }.growth-lineage-flow button.bridge { --lineage-color:#65e1bc; }.growth-lineage-flow button.gap { --lineage-color:#ffc169; }.growth-lineage-flow button.residual { --lineage-color:#ff8a8e; }.growth-lineage-flow button.support { --lineage-color:#b594ff; }
.growth-lineage-detail { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; margin-top: 6px; }
.growth-lineage-detail div { padding: 5px 6px; border: 1px solid rgba(130,164,255,.09); background: rgba(3,9,14,.46); }
.growth-lineage-detail b,.growth-lineage-detail span { display: block; font: 5px/1.4 var(--mono); }
.growth-lineage-detail b { color: #667b75; font-weight: 400; }.growth-lineage-detail span { margin-top: 2px; color: #aebfba; }
.growth-lineage-detail p { grid-column: 1/-1; margin: 0; color: #667b75; font: 5px/1.5 var(--mono); }
.marking-table { max-height: 126px; overflow: hidden; border-top: 1px solid var(--line); }
.marking-table p { margin: 8px 0; color: var(--faint); font-size: 9px; }
.mark-row { display: grid; grid-template-columns: 1fr 48px 34px; gap: 5px; align-items: center; min-height: 25px; padding-left: 6px; border-bottom: 1px solid var(--line); border-left: 2px solid transparent; font: 7px var(--mono); }
.mark-row[role="button"] { cursor: pointer; }
.mark-row[role="button"]:hover, .mark-row[aria-pressed="true"] { background: rgba(181,148,255,.08); }
.mark-row code { overflow: hidden; color: #98aaa5; white-space: nowrap; text-overflow: ellipsis; }
.mark-row span { color: var(--violet); text-align: right; }
.mark-row b { color: var(--faint); font-weight: 400; text-align: right; }
.distance-envelope-row, .coordination-envelope-row { grid-template-columns: 46px minmax(76px, 1fr) 68px; font-size: 6px; }
.coordination-envelope-row { border-left-color: rgba(101, 225, 188, .34); }
.angular-envelope-row { grid-template-columns: 54px minmax(104px, 1fr) 34px; font-size: 6px; border-left-color: rgba(184, 166, 255, .38); }
.angular-envelope-row span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.composition-reservoir-row { grid-template-columns: 42px minmax(100px, 1fr) 46px; font-size: 6px; border-left-color: rgba(255, 193, 105, .42); }
.audit-card { padding-top: 15px; border-top: 1px solid var(--line); }
.audit-card > div { display: flex; align-items: baseline; justify-content: space-between; min-height: 27px; border-bottom: 1px solid var(--line); }
.audit-card strong { color: var(--mint); font: 13px var(--mono); font-weight: 400; }
.audit-card span { color: var(--muted); font-size: 8px; }
.audit-card > .phase-evidence-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; min-height: 0; margin-top: 7px; border: 1px solid var(--line); background: var(--line); }
.phase-evidence-grid > span { min-width: 0; padding: 6px; background: #081516; }
.phase-evidence-grid small,.phase-evidence-grid strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.phase-evidence-grid small { color: var(--faint); font: 5px var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.phase-evidence-grid strong { margin-top: 4px; color: #b9cbc5; font-size: 7px; }
.phase-trajectory { margin: 8px 0 0; padding: 7px; border: 1px solid rgba(85,200,255,.16); background: linear-gradient(180deg,rgba(85,200,255,.035),rgba(4,13,14,.72)); }
.phase-trajectory > div { display: flex; justify-content: space-between; color: var(--faint); font: 5.5px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.phase-trajectory > div b { color: var(--cyan); font-weight: 400; }
.phase-trajectory canvas { display: block; width: 100%; height: 70px; margin-top: 5px; }
.phase-trajectory figcaption { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; margin-top: 3px; color: var(--faint); font: 5px var(--mono); }
.phase-trajectory figcaption i { width: 6px; height: 2px; background: var(--mint); }
.phase-trajectory figcaption i:nth-of-type(2) { background: var(--cyan); }
.phase-trajectory figcaption i:nth-of-type(3) { background: #e1aa61; }
.phase-trajectory figcaption em { margin-left: auto; color: #697e77; font-style: normal; }
.audit-card > p:last-child { margin: 10px 0 0; color: var(--faint); font-size: 8px; line-height: 1.5; }
.recursive-card { padding: 12px; border: 1px solid rgba(181,148,255,.24); background: rgba(181,148,255,.035); }
.recursive-card .section-heading .eyebrow { margin-bottom: 8px; }
.recursive-status { padding: 2px 5px; border: 1px solid var(--line); color: var(--muted); font: 7px var(--mono); text-transform: uppercase; }
.recursive-status.pass { border-color: rgba(101,225,188,.45); color: var(--mint); }
.recursive-status.limit { border-color: rgba(255,109,113,.38); color: var(--red); }
.hierarchy-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 5px; }
.hierarchy-flow span { padding: 6px 4px; border: 1px solid var(--line); color: var(--ink); background: #0a1819; font: 11px var(--mono); text-align: center; }
.hierarchy-flow i { color: var(--violet); font: 9px var(--mono); font-style: normal; }
.recursive-curve { display: flex; align-items: end; gap: 3px; height: 38px; margin-top: 7px; padding: 3px 4px 0; border: 1px solid var(--line); background: #071415; }
.recursive-curve div { position: relative; flex: 1; min-width: 0; height: var(--bar-height); border-top: 1px solid rgba(181,148,255,.82); background: linear-gradient(180deg, rgba(181,148,255,.34), rgba(85,200,255,.08)); transition: height .25s ease, background .25s ease; }
.recursive-curve div.active { border-top-color: var(--cyan); background: linear-gradient(180deg, rgba(85,200,255,.7), rgba(85,200,255,.16)); }
.recursive-curve span { position: absolute; right: 0; bottom: 1px; left: 0; overflow: hidden; color: #d8e4e0; font: 5.5px var(--mono); text-align: center; white-space: nowrap; }
.recursive-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 8px 0 0; background: var(--line); }
.recursive-grid div { min-width: 0; padding: 6px; background: #0a1819; }
.recursive-grid dt { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.recursive-grid dd { overflow: hidden; margin: 3px 0 0; color: #cbd8d4; font: 8px var(--mono); white-space: nowrap; text-overflow: ellipsis; }
.recursive-card > p { margin: 8px 0 0; color: var(--faint); font-size: 7px; line-height: 1.45; }
.cost-scaling-section { padding: 11px; border: 1px solid rgba(85,200,255,.22); background: linear-gradient(145deg,rgba(85,200,255,.045),rgba(101,225,188,.018)); }
.cost-scaling-section .section-heading > span.pass { color: var(--mint); }.cost-scaling-section .section-heading > span.limit { color: #d6ad78; }
.cost-scaling-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 8px 0; }
.cost-scaling-controls label { min-width: 0; }.cost-scaling-controls label > span { display: block; margin-bottom: 3px; color: var(--faint); font: 5px var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.cost-scaling-controls select { width: 100%; padding: 5px 18px 5px 5px; color: #b9cbc5; border: 1px solid rgba(151,194,183,.17); background-color: #081718; font: 6px var(--mono); }
.cost-live-work { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 7px 0; background: rgba(151,194,183,.12); }
.cost-live-work span { min-width: 0; padding: 6px 5px; background: #071617; }.cost-live-work small,.cost-live-work strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cost-live-work small { color: #61766f; font: 5px var(--mono); text-transform: uppercase; }.cost-live-work strong { margin-top: 4px; color: #cfe2dc; font: 9px var(--mono); font-weight: 400; }
.cost-live-work.inactive { opacity: .55; }
.cost-pipeline-work { display: grid; grid-template-columns: repeat(5,minmax(78px,1fr)); gap: 2px; margin: 7px 0; overflow-x: auto; }
.cost-pipeline-work button { position: relative; min-width: 0; min-height: 95px; padding: 7px 6px 9px; border: 1px solid rgba(85,200,255,.12); background: rgba(4,14,16,.78); color: inherit; text-align: left; cursor: pointer; }
.cost-pipeline-work button:hover,.cost-pipeline-work button:focus-visible { border-color: rgba(85,200,255,.52); background: rgba(85,200,255,.045); outline: none; }
.cost-pipeline-work button.complete { border-top-color: #65e1bc; }.cost-pipeline-work button.active { border-top-color: #ffc169; }.cost-pipeline-work button.pending { opacity: .52; }
.cost-pipeline-work button > span small,.cost-pipeline-work button > span strong,.cost-pipeline-work button > b,.cost-pipeline-work button > em,.cost-pipeline-work button > p { display: block; overflow: hidden; text-overflow: ellipsis; }
.cost-pipeline-work button > span small { color: #58747b; font: 4px var(--mono); text-transform: uppercase; white-space: nowrap; }
.cost-pipeline-work button > span strong { margin-top: 3px; color: #a8c6cd; font: 5px/1.25 var(--mono); font-weight: 400; }
.cost-pipeline-work button > b { margin-top: 7px; color: #d2e6e8; font: 10px var(--mono); font-weight: 400; white-space: nowrap; }
.cost-pipeline-work button > em { margin-top: 1px; color: #5e7a81; font: 4px var(--mono); font-style: normal; white-space: nowrap; }
.cost-pipeline-work button > p { display: -webkit-box; margin: 5px 0 0; color: #587177; font: 4px/1.35 var(--mono); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.cost-pipeline-work button > i { position: absolute; left: 6px; right: 6px; bottom: 5px; display: block; height: 2px; overflow: hidden; background: rgba(85,200,255,.08); }
.cost-pipeline-work button > i span { display: block; height: 100%; background: #65e1bc; }.cost-pipeline-work button.active > i span { background: #ffc169; }
.cost-scaling-table { display: grid; grid-template-columns: .58fr 1fr .95fr .85fr 1fr; gap: 1px; overflow: hidden; border: 1px solid rgba(151,194,183,.12); background: rgba(151,194,183,.12); }
.cost-scaling-table > * { min-width: 0; padding: 6px 4px; overflow: hidden; background: #081718; color: #b9cbc5; font: 6px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.cost-scaling-table .cost-table-head { color: #5e766f; font-size: 5px; font-weight: 400; text-transform: uppercase; }.cost-scaling-table > strong:not(.cost-table-head) { color: var(--cyan); font-weight: 400; }.cost-scaling-table .uncertified { color: #b58c68; }
.cost-scaling-boundary { margin: 7px 0 0; color: #657b74; font: 6px/1.5 var(--mono); }
.common-gate { margin-top: 10px; border: 1px solid rgba(101,225,188,.22); background: rgba(101,225,188,.025); }
.common-gate summary { display: flex; justify-content: space-between; padding: 8px; color: var(--faint); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .06em; cursor: pointer; }
.common-gate summary strong { color: var(--mint); font-weight: 500; }
.common-gate > p, .common-gate > small { display: block; margin: 0; padding: 0 8px 7px; color: var(--faint); font: 6px/1.45 var(--mono); }
.common-gate > div { display: grid; grid-template-columns: 1.45fr .72fr .42fr .86fr; gap: 4px; min-height: 19px; align-items: center; padding: 0 8px; border-top: 1px solid var(--line); font: 6px var(--mono); }
.common-gate > div b { overflow: hidden; color: #aebeb9; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; }
.common-gate > div em, .common-gate > div i { color: var(--violet); font-style: normal; }
.common-gate > div code { color: var(--mint); font: inherit; text-align: right; }
.common-gate > .common-gate-head { color: #536a65; text-transform: uppercase; }
.external-audit { margin-top: 8px; padding: 7px; border: 1px solid rgba(101,225,188,.22); background: rgba(101,225,188,.035); }
.external-audit[hidden] { display: none; }
.external-audit > div { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.external-audit small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; letter-spacing: .05em; }
.external-audit strong { color: var(--mint); font: 7px var(--mono); font-weight: 500; }
.external-audit dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 6px 0 0; background: var(--line); }
.external-audit dl div { min-width: 0; padding: 5px; background: #0a1819; }
.external-audit dt { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }
.external-audit dd { overflow: hidden; margin: 2px 0 0; color: #d8e4e0; font: 7px var(--mono); white-space: nowrap; text-overflow: ellipsis; }
.connection-audit { margin-top: 8px; padding: 7px; border: 1px solid rgba(181,148,255,.25); background: rgba(181,148,255,.035); }
.connection-audit[hidden] { display: none; }
.connection-audit > div:first-child { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; }
.connection-audit small { color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }
.connection-audit strong { color: var(--violet); font: 7px var(--mono); font-weight: 500; }
.connection-audit > p { margin: 5px 0 7px; color: var(--faint); font: 6px/1.45 var(--mono); }
.connection-consensus { border-top: 1px solid var(--line); }
.consensus-row { display: grid; grid-template-columns: 38px 1fr 78px; gap: 5px; align-items: center; min-height: 15px; font: 6px var(--mono); }
.consensus-row b { color: #a8b8b3; font-weight: 400; }
.consensus-row span { height: 3px; background: #142426; }
.consensus-row i { display: block; width: var(--value); height: 100%; background: linear-gradient(90deg, var(--cyan), var(--violet)); }
.consensus-row em { color: var(--faint); font-style: normal; text-align: right; }
.second-order-consensus { margin-top: 6px; }
.consensus-label { margin: 5px 0 4px; color: var(--violet); font: 5.5px var(--mono); text-transform: uppercase; }
.macro-label { margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--line); }
.macro-audit-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: 4px; align-items: center; }
.macro-audit-flow span { display: grid; gap: 2px; padding: 4px; border: 1px solid rgba(181,148,255,.2); background: #0a1819; text-align: center; }
.macro-audit-flow small { color: var(--faint); font: 5px var(--mono); text-transform: uppercase; }
.macro-audit-flow b { color: var(--violet); font: 9px var(--mono); font-weight: 500; }
.macro-audit-flow i { color: var(--faint); font: 7px var(--mono); font-style: normal; }
.macro-verdict { display: grid; gap: 2px; margin: 5px 0 0; font: 5.5px/1.4 var(--mono); }
.macro-verdict span { color: var(--mint); }
.macro-verdict strong { color: var(--red); font-weight: 500; }
.macro-verdict small { color: var(--cyan); font: inherit; }
.second-order-row { grid-template-columns: 43px 1fr 84px; min-height: 22px; }
.second-order-row em { color: var(--mint); line-height: 1.25; }
.second-order-row em small { display: block; color: var(--faint); font: 5.5px var(--mono); }
.frontier-audit { margin-top: 6px; border-top: 1px solid var(--line); }
.wave-strip { display: flex; align-items: end; gap: 3px; height: 29px; }
.wave-strip span { flex: 1; height: var(--wave); max-height: 27px; padding-top: 2px; border-top: 1px solid var(--mint); color: #cfe0da; background: rgba(101,225,188,.09); font: 5px var(--mono); text-align: center; }
.frontier-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 6px; margin: 4px 0 0; font: 6px var(--mono); }
.frontier-summary strong { color: var(--mint); font-weight: 500; }
.frontier-summary span { color: #b9c9c4; text-align: right; }
.frontier-summary small { grid-column: 1 / -1; color: var(--faint); font: 5.5px var(--mono); }

.physics-map-tabs { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }.physics-map-tabs button { min-height: 92px; padding: 13px; border: 1px solid var(--line); background: rgba(7,20,21,.78); color: #829690; text-align: left; cursor: pointer; }.physics-map-tabs button:hover,.physics-map-tabs button.active { border-color: var(--mint); background: rgba(101,225,188,.065); }.physics-map-tabs span,.physics-map-tabs strong,.physics-map-tabs small { display: block; }.physics-map-tabs span { color: var(--faint); font: 7px var(--mono); }.physics-map-tabs strong { margin-top: 10px; color: #cbd8d4; font-size: 10px; font-weight: 500; }.physics-map-tabs button.active strong { color: var(--mint); }.physics-map-tabs small { margin-top: 6px; color: var(--faint); font: 6px/1.4 var(--mono); }
.physics-map-detail { margin-top: 14px; padding: 22px; border: 1px solid var(--line); background: rgba(7,20,21,.72); }.physics-map-detail > header { display: flex; justify-content: space-between; gap: 20px; align-items: baseline; padding-bottom: 15px; border-bottom: 1px solid var(--line); }.physics-map-detail > header span { color: var(--violet); font: 7px var(--mono); text-transform: uppercase; letter-spacing: .1em; }.physics-map-detail.proved > header span { color: var(--mint); }.physics-map-detail.open > header span { color: var(--red); }.physics-map-detail h2 { margin: 0; color: #dbe6e2; font-size: clamp(19px,2.1vw,28px); font-weight: 450; letter-spacing: -.035em; }
.physics-flow { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; align-items: stretch; margin-top: 16px; }.physics-flow article { min-height: 150px; padding: 16px; border: 1px solid var(--line); background: #09191a; }.physics-flow article.boundary { border-color: rgba(255,109,113,.28); background: rgba(255,109,113,.025); }.physics-flow > i { display: none; }.physics-flow small { color: var(--mint); font: 7px var(--mono); text-transform: uppercase; }.physics-flow .boundary small { color: var(--red); }.physics-flow p { margin: 12px 0 0; color: #849993; font-size: 9px; line-height: 1.58; }
.physics-system-table { margin-top: 14px; border: 1px solid var(--line); }.physics-system-head,.physics-system-table > div { display: grid; grid-template-columns: .65fr 1.1fr 1.25fr 1fr; }.physics-system-head { min-height: 32px; align-items: center; background: rgba(101,225,188,.035); color: var(--faint); font: 6px var(--mono); text-transform: uppercase; }.physics-system-head span,.physics-system-table > div > strong,.physics-system-table > div > span { padding: 8px 10px; border-right: 1px solid var(--line); }.physics-system-head span:last-child,.physics-system-table > div > span:last-child { border-right: 0; }.physics-system-table > div:not(.physics-system-head) { min-height: 46px; border-top: 1px solid var(--line); }.physics-system-table strong { color: #d3dfdb; font-size: 9px; font-weight: 500; }.physics-system-table > div:not(.physics-system-head) span { color: #758c86; font-size: 8px; line-height: 1.45; }.physics-system-table > div:not(.physics-system-head) span:last-child { color: #a7797b; }
.physics-map-note { margin: 14px 0 0; padding: 13px 15px; border-left: 2px solid var(--violet); background: rgba(181,148,255,.035); color: #7c918b; font-size: 9px; line-height: 1.55; }.physics-map-note b { color: var(--violet); font-weight: 500; }
.hierarchy-physics-transport { margin-top:18px; padding:18px; border:1px solid rgba(85,200,255,.22); background:radial-gradient(circle at 100% 0,rgba(85,200,255,.07),transparent 38%),rgba(5,16,20,.82); }
.hierarchy-physics-transport > header { display:flex; align-items:end; justify-content:space-between; gap:18px; }
.hierarchy-physics-transport > header span,.hierarchy-physics-transport > header h3,.hierarchy-physics-transport > header label { display:block; }
.hierarchy-physics-transport > header span { color:#628d99; font:7px var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.hierarchy-physics-transport > header h3 { margin:6px 0 0; color:#c8e8ed; font-size:18px; font-weight:480; letter-spacing:-.025em; }
.hierarchy-physics-transport > header label { min-width:220px; color:#5e7d83; font:6px var(--mono); text-transform:uppercase; }
.hierarchy-physics-transport > header select { display:block; width:100%; margin-top:5px; padding:7px 25px 7px 8px; border:1px solid rgba(85,200,255,.25); background:#07171b; color:#a9d8df; font:8px Arial,sans-serif; text-transform:none; }
.hierarchy-physics-transport-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin-top:14px; }
.hierarchy-physics-transport-summary article { min-width:0; padding:10px; border:1px solid rgba(85,200,255,.12); background:rgba(4,13,18,.72); }
.hierarchy-physics-transport-summary small,.hierarchy-physics-transport-summary strong,.hierarchy-physics-transport-summary span { display:block; }
.hierarchy-physics-transport-summary small { color:#5e7c83; font:6px var(--mono); text-transform:uppercase; }
.hierarchy-physics-transport-summary strong { margin-top:5px; color:#bfeaf0; font:18px var(--mono); font-weight:400; }
.hierarchy-physics-transport-summary span { margin-top:4px; color:#668188; font-size:7px; line-height:1.4; }
.hierarchy-physics-transport-key { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; margin:11px 0 5px; }
.hierarchy-physics-transport-key span { padding:3px 6px; border:1px solid; font:5.5px var(--mono); text-transform:uppercase; }
.hierarchy-physics-transport-key .exact { border-color:rgba(101,225,188,.4); color:#83dec5; }.hierarchy-physics-transport-key .reevaluated { border-color:rgba(85,200,255,.4); color:#77cce8; }.hierarchy-physics-transport-key .representation { border-color:rgba(181,148,255,.4); color:#b2a0dc; }.hierarchy-physics-transport-key .open { border-color:rgba(255,109,113,.36); color:#c47b7e; }
.hierarchy-physics-transport-matrix { overflow-x:auto; border:1px solid rgba(101,142,150,.16); }
.hierarchy-transport-head,.hierarchy-physics-transport-matrix > button { display:grid; grid-template-columns:minmax(150px,1.25fr) repeat(4,minmax(90px,.75fr)); align-items:stretch; min-width:610px; }
.hierarchy-transport-head { background:rgba(85,200,255,.035); }
.hierarchy-transport-head span { padding:7px 9px; border-right:1px solid rgba(101,142,150,.12); color:#5d7c84; font:6px var(--mono); text-transform:uppercase; }
.hierarchy-physics-transport-matrix > button { width:100%; padding:0; border:0; border-top:1px solid rgba(101,142,150,.11); background:rgba(3,12,17,.58); color:inherit; cursor:pointer; text-align:left; }
.hierarchy-physics-transport-matrix > button:hover,.hierarchy-physics-transport-matrix > button.active { background:rgba(85,200,255,.045); box-shadow:inset 2px 0 #55c8ff; }
.hierarchy-physics-transport-matrix > button strong { padding:8px 9px; color:#a8c0c5; font-size:8px; font-weight:500; }
.hierarchy-physics-transport-matrix > button span { display:grid; place-items:center; min-width:0; padding:7px 5px; border-left:1px solid rgba(101,142,150,.1); font:6px var(--mono); text-align:center; text-transform:uppercase; }
.hierarchy-physics-transport-matrix span.exact { color:#77d9bd; background:rgba(101,225,188,.035); }.hierarchy-physics-transport-matrix span.reevaluated { color:#6fc4e0; background:rgba(85,200,255,.03); }.hierarchy-physics-transport-matrix span.representation { color:#aa98d3; background:rgba(181,148,255,.03); }.hierarchy-physics-transport-matrix span.open { color:#a86b6e; background:rgba(255,109,113,.025); }
.hierarchy-physics-transport-detail { margin-top:8px; border:1px solid rgba(85,200,255,.15); background:rgba(4,14,19,.76); }
.hierarchy-physics-transport-detail > header { display:flex; align-items:end; justify-content:space-between; gap:16px; padding:11px 13px; border-bottom:1px solid rgba(85,200,255,.1); }
.hierarchy-physics-transport-detail > header span,.hierarchy-physics-transport-detail > header small,.hierarchy-physics-transport-detail > header strong { display:block; }
.hierarchy-physics-transport-detail > header small { color:#67858c; font:6px var(--mono); }
.hierarchy-physics-transport-detail > header strong { margin-top:4px; color:#c4e8ec; font-size:11px; font-weight:500; }
.hierarchy-physics-transport-detail > header > b { color:#74cfe5; font:6px var(--mono); font-weight:400; text-transform:uppercase; }
.hierarchy-physics-transport-detail > div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:10px; padding:9px 13px; border-bottom:1px solid rgba(85,200,255,.07); }
.hierarchy-physics-transport-detail > div:last-child { border-bottom:0; }
.hierarchy-physics-transport-detail > div b { color:#657f85; font:6px/1.45 var(--mono); font-weight:400; text-transform:uppercase; }
.hierarchy-physics-transport-detail > div p { margin:0; color:#789095; font-size:8px; line-height:1.5; }
.hierarchy-physics-investigation { margin-top:9px; border:1px solid rgba(181,148,255,.2); background:linear-gradient(135deg,rgba(181,148,255,.045),transparent 48%),rgba(3,12,17,.76); }
.hierarchy-physics-investigation > header { display:flex; align-items:end; justify-content:space-between; gap:14px; padding:11px 13px; border-bottom:1px solid rgba(181,148,255,.13); }
.hierarchy-physics-investigation > header span,.hierarchy-physics-investigation > header small,.hierarchy-physics-investigation > header strong { display:block; }
.hierarchy-physics-investigation > header small { color:#756a91; font:6px var(--mono); text-transform:uppercase; }
.hierarchy-physics-investigation > header strong { margin-top:4px; color:#d1c5eb; font-size:11px; font-weight:500; }
.hierarchy-physics-investigation > header > b { padding:4px 7px; border:1px solid; font:6px var(--mono); font-weight:400; text-transform:uppercase; }
.hierarchy-physics-investigation > header > b.exact { color:#77d9bd;border-color:rgba(101,225,188,.35) }.hierarchy-physics-investigation > header > b.reevaluated { color:#6fc4e0;border-color:rgba(85,200,255,.35) }.hierarchy-physics-investigation > header > b.representation { color:#aa98d3;border-color:rgba(181,148,255,.35) }.hierarchy-physics-investigation > header > b.open { color:#c47b7e;border-color:rgba(255,109,113,.32) }
.hierarchy-physics-investigation-scales { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:8px; gap:5px; }
.hierarchy-physics-investigation-scales button { min-width:0; padding:7px 8px; border:1px solid rgba(181,148,255,.13); background:rgba(5,14,20,.62); color:#71868b; text-align:left; cursor:pointer; }
.hierarchy-physics-investigation-scales button:hover,.hierarchy-physics-investigation-scales button.active { border-color:rgba(181,148,255,.42); background:rgba(181,148,255,.07); color:#c1b2df; }
.hierarchy-physics-investigation-scales small,.hierarchy-physics-investigation-scales strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hierarchy-physics-investigation-scales small { color:#647b81; font:5.5px var(--mono); text-transform:uppercase; }.hierarchy-physics-investigation-scales strong { margin-top:3px; font-size:7px; font-weight:500; }
.hierarchy-physics-investigation > article { position:relative; margin:0 8px; padding:11px 125px 11px 12px; border-left:2px solid #b594ff; background:rgba(181,148,255,.035); }
.hierarchy-physics-investigation > article small,.hierarchy-physics-investigation > article strong,.hierarchy-physics-investigation > article p { display:block; margin:0; }
.hierarchy-physics-investigation > article small { color:#766b91; font:6px var(--mono); text-transform:uppercase; }.hierarchy-physics-investigation > article strong { margin-top:4px; color:#d3cae8; font-size:10px; font-weight:500; }.hierarchy-physics-investigation > article p { margin-top:5px; color:#778d92; font-size:7px; line-height:1.5; }
.hierarchy-physics-investigation > article > b { position:absolute; top:11px; right:11px; max-width:110px; color:#8b7eaa; font:5.5px/1.4 var(--mono); font-weight:400; text-align:right; text-transform:uppercase; }
.hierarchy-physics-investigation-flow { display:grid; grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr) 16px minmax(0,1fr); align-items:stretch; gap:0; padding:8px; }
.hierarchy-physics-investigation-flow article { min-width:0; padding:9px; border:1px solid rgba(101,142,150,.13); background:rgba(3,12,17,.62); }.hierarchy-physics-investigation-flow > i { display:grid; place-items:center; color:#586f75; font:8px var(--mono); font-style:normal; }
.hierarchy-physics-investigation-flow small,.hierarchy-physics-investigation-flow strong { display:block; }.hierarchy-physics-investigation-flow small { color:#5d7379; font:6px var(--mono); }.hierarchy-physics-investigation-flow strong { margin-top:4px; color:#a9c1c6; font-size:8px; font-weight:500; text-transform:uppercase; }.hierarchy-physics-investigation-flow p { margin:6px 0 0; color:#71878c; font-size:7px; line-height:1.55; }
.hierarchy-physics-protocol-packet { margin:0 8px 8px; border:1px solid rgba(101,225,188,.16); background:rgba(6,20,21,.58); }.hierarchy-physics-protocol-packet > header { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:8px 10px; border-bottom:1px solid rgba(101,225,188,.1); }.hierarchy-physics-protocol-packet > header span,.hierarchy-physics-protocol-packet > header small,.hierarchy-physics-protocol-packet > header strong { display:block; }.hierarchy-physics-protocol-packet > header small { color:#567b74; font:5.5px var(--mono); text-transform:uppercase; }.hierarchy-physics-protocol-packet > header strong { margin-top:3px; color:#a8d7cb; font-size:9px; font-weight:500; }.hierarchy-physics-protocol-packet > header b { color:#70bda8; font:6px var(--mono); font-weight:400; }.hierarchy-physics-protocol-packet > header b.verified { color:#72d6b9; }.hierarchy-physics-protocol-packet > header b.mismatch { color:#d17b7e; }
.hierarchy-physics-protocol-packet > div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 10px; }.hierarchy-physics-protocol-packet p { margin:0; color:#67837d; font-size:7px; line-height:1.45; }.hierarchy-physics-protocol-packet p.verified { color:#71a99a; }.hierarchy-physics-protocol-packet p.mismatch { color:#b57073; }.hierarchy-physics-protocol-packet > div > span { display:flex; flex:0 0 auto; flex-wrap:wrap; justify-content:flex-end; gap:4px; }.hierarchy-physics-protocol-packet button { padding:5px 7px; border:1px solid rgba(101,225,188,.24); background:rgba(101,225,188,.045); color:#83bbae; font:6px var(--mono); cursor:pointer; }.hierarchy-physics-protocol-packet button:disabled { opacity:.35; cursor:not-allowed; }
.hierarchy-physics-investigation > footer { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 11px; border-top:1px solid rgba(181,148,255,.11); }.hierarchy-physics-investigation > footer span { max-width:74%; color:#788e93; font-size:7px; line-height:1.45; }.hierarchy-physics-investigation > footer span b { display:block; margin-bottom:3px; color:#8f80af; font:6px var(--mono); text-transform:uppercase; }.hierarchy-physics-investigation > footer button { flex:0 0 auto; padding:7px 10px; border:1px solid rgba(181,148,255,.38); background:rgba(181,148,255,.08); color:#c3b4df; font:7px var(--mono); cursor:pointer; }
.hierarchy-physics-transport > p { margin:9px 0 0; padding-top:9px; border-top:1px solid rgba(85,200,255,.09); color:#657d83; font-size:7px; line-height:1.5; }

@media (max-width: 1100px) {
  .lab-grid { grid-template-columns: 218px minmax(460px, 1fr) 260px; }
  .control-panel, .inspector-panel { padding: 18px 14px; }
  .stage { padding-inline: 16px; }
  .atlas-hero-grid { grid-template-columns: 1fr; }
  .atlas-scoreboard { grid-template-columns: repeat(4,1fr); }
  .atlas-scoreboard article { min-height: 126px; }
  .gcts-anatomy { grid-template-columns: 1fr 1fr 1fr; }
  .gcts-anatomy > b { display: none; }
  .physics-flow { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 880px) {
  .topbar { grid-template-columns: 1fr auto; }
  .brand-art { width: 120px; }
  .run-state { display: none; }
  .lab-grid { grid-template-columns: 210px minmax(0, 1fr); }
  .inspector-panel { grid-column: 1 / -1; display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; border-left: 0; border-top: 1px solid var(--line); }
  .inspector-panel section, .inspector-panel section + section { margin-top: 0; }
  .audit-card { display: none; }
  .pipeline-nav { grid-template-columns: repeat(4, minmax(140px, 1fr)); overflow-x: auto; }
  .evidence-ribbon { grid-template-columns: 1fr 1fr auto; }
  .evidence-ribbon > div:nth-child(3) { display: none; }
  .atlas-principles { grid-template-columns: 1fr 1fr; }
  .matrix-head, .matrix-row { grid-template-columns: .8fr repeat(4,1fr); }
  .system-dashboard { grid-template-columns: 1fr; }
  .closure-funnel-steps { grid-template-columns: repeat(3,1fr); }
  .closure-funnel-steps button::after { display: none; }
  .a2-candidate-tabs { grid-template-columns: repeat(4,1fr); }
  .a2-candidate-detail { grid-template-columns: 1fr 1fr; }
  .a2-blocker-bars { grid-column: 1 / -1; min-height: 170px; }
  .physics-map-tabs { grid-template-columns: repeat(3,1fr); }
  .study-guide-body { grid-template-columns: 255px minmax(0,1fr); }
  .study-recipe-manifest { grid-template-columns: repeat(3,1fr); }
  .study-recipe-manifest > span:nth-child(3) { border-right: 0; }
  .study-recipe-manifest > span:nth-child(n+4) { border-top: 1px solid var(--line); }
  .study-compass-body { grid-template-columns: 1fr 1fr; }
  .study-outcome-tiles { grid-template-columns: 1fr 1fr; }
  .study-comparison { grid-template-columns: 1fr 1.4fr; }
  .study-comparison > p { grid-column: 1/-1; }
}

@media (max-width: 640px) {
  .topbar { height: auto; min-height: 62px; padding: 10px 14px; }
  .brand-art { display: none; }
  .method-link { display: none; }
  .topbar-actions { gap: 0; }
  .atlas-launch, .study-guide-launch { padding-inline: 8px; font-size: 7px; }
  .pipeline-nav { grid-template-columns: repeat(4, 150px); }
  .evidence-ribbon { grid-template-columns: 1fr auto; }
  .evidence-ribbon > div:nth-child(2), .evidence-ribbon > div:nth-child(3) { display: none; }
  .evidence-ribbon > button { min-width: 142px; padding-inline: 10px; font-size: 7px; }
  .evidence-atlas { padding: 0; }
  .atlas-shell { border: 0; }
  .atlas-header { padding: 22px 18px 18px; }
  .atlas-title-block h1 { font-size: 30px; }
  .atlas-title-block > p:last-child { font-size: 10px; }
  .atlas-tabs { grid-template-columns: repeat(6, 118px); overflow-x: auto; }
  .atlas-tabs button { min-height: 42px; font-size: 7px; }
  .atlas-panel { padding: 25px 14px 50px; }
  .atlas-scoreboard { grid-template-columns: 1fr 1fr; }
  .atlas-scoreboard article { min-height: 132px; }
  .atlas-section-heading { display: block; margin-top: 42px; }
  .atlas-section-heading > p { margin-top: 8px; text-align: left; }
  .benchmark-matrix { overflow-x: auto; }
  .matrix-head, .matrix-row { min-width: 780px; }
  .matrix-detail { grid-template-columns: 1fr; gap: 8px; }
  .atlas-principles, .system-tabs, .system-evidence-cards, .claim-ledger { grid-template-columns: 1fr; }
  .system-tabs { grid-template-columns: 1fr 1fr; }
  .system-closure-funnel > header { display: block; }
  .system-closure-funnel > header p { margin-top: 8px; text-align: left; }
  .closure-funnel-steps { grid-template-columns: 1fr 1fr; }
  .closure-funnel-detail { grid-template-columns: 1fr; gap: 6px; }
  .a2-corona-explorer > header { display: block; }
  .a2-corona-explorer > header p { margin-top: 8px; text-align: left; }
  .a2-candidate-tabs { grid-template-columns: 1fr 1fr; }
  .a2-candidate-detail { grid-template-columns: 1fr; }
  .a2-blocker-bars { grid-column: auto; }
  .a2-corona-explorer > footer { grid-template-columns: 1fr; }
  .gcts-anatomy { grid-template-columns: 1fr 1fr; }
  .gcts-anatomy button { min-height: 164px; }
  .anatomy-detail { grid-template-columns: 1fr; }
  .anatomy-detail p, .anatomy-detail h3, .anatomy-detail > span, .anatomy-detail div { grid-column: 1; grid-row: auto; }
  .causality-strip { grid-template-columns: 1fr; }
  .causality-strip > i { display: none; }
  .physics-map-tabs,.physics-flow { grid-template-columns: 1fr; }
  .physics-map-detail { padding: 14px; }
  .physics-map-detail > header { display: block; }
  .physics-map-detail h2 { margin-top: 8px; }
  .physics-system-table { overflow-x: auto; }
  .physics-system-head,.physics-system-table > div { min-width: 720px; }
  .study-guide { padding: 0; }
  .study-guide-shell { width: 100%; height: 100%; border: 0; }
  .study-guide-header { padding: 17px 15px 14px; }
  .study-guide-body { grid-template-columns: 1fr; grid-template-rows: auto minmax(0,1fr); }
  .study-recipe-list { display: flex; min-height: auto; overflow: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .study-recipe-list button { flex: 0 0 190px; border-right: 1px solid var(--line); border-bottom: 0; }
  .study-recipe-list button:hover, .study-recipe-list button.active { box-shadow: inset 0 -2px #b594ff; }
  .study-recipe-detail { padding: 22px 15px 40px; }
  .study-recipe-columns { grid-template-columns: 1fr; }
  .study-compass { padding: 12px 10px 14px; }
  .study-compass > header { display: block; }
  .study-compass > header > div { justify-content: space-between; margin-top: 9px; }
  .study-compass > nav { grid-template-columns: repeat(4,150px); overflow-x: auto; }
  .study-compass > footer { align-items: flex-start; }
  .growth-legend { flex-wrap: wrap; }
  .growth-legend small { width: 100%; margin-left: 0; }
  .lab-grid { display: block; }
  .control-panel { border-right: 0; border-bottom: 1px solid var(--line); }
  .control-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
  .control-panel section, .control-panel section + section { margin-top: 0; }
  .legend-section { display: none; }
  .stage { padding: 15px 10px; }
  .stage-heading { height: 48px; }
  .stage-heading h1 { font-size: 17px; }
  .viewport { height: 450px; min-height: 380px; }
  .cluster-gallery-toolbar { position: relative; grid-template-columns: 1fr; align-items: stretch; gap: 7px; }
  .cluster-gallery-inspector { grid-template-columns: 1fr 1fr; }
  .cluster-pose-spectrum-summary { grid-template-columns: 1fr 1fr; }
  .cluster-pose-spectrum header { align-items: flex-start; }
  .cluster-pose-port-coverage { grid-template-columns: 1fr 1fr; }
  .cluster-pose-port-incidence header { align-items: flex-start; }
  .cluster-channel-learning-summary { grid-template-columns: 1fr 1fr; }
  .cluster-channel-validation-metrics { grid-template-columns: 1fr 1fr; }
  .cluster-channel-learning-controls { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .cluster-channel-learning header { align-items: flex-start; }
  .cluster-cover-ledger { grid-template-columns: 1fr; }
  .microstructure-heading { align-items: flex-start; }
  .microstructure-heading em { max-width: 48%; }
  .microstructure-map header { align-items: flex-start; }
  .microstructure-grid { grid-template-columns: 1fr 1fr; }
  .leap-consequence-lab > header { grid-template-columns: 1fr; }
  .leap-consequence-components { grid-template-columns: 1fr; }
  .settling-sensitivity-arms { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .settling-sensitivity-detail { grid-template-columns:1fr 1fr; }
  .leap-consequence-matrix { grid-template-columns: 1fr; }
  .stoichiometry-pathway > header { grid-template-columns:1fr; }
  .stoichiometry-pathway > header > div { justify-content:flex-start; }
  .stoichiometry-pathway-readout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .packing-pathway > header { grid-template-columns:1fr; }
  .packing-pathway-plots { grid-template-columns:1fr; }
  .packing-pathway-readout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .radial-material-profile > header { grid-template-columns:1fr; }
  .radial-material-profile > header > div { justify-content:flex-start; }
  .packing-radial-readout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .void-clearance-pathway > header { grid-template-columns:1fr; }
  .void-clearance-plots { grid-template-columns:1fr; }
  .void-clearance-plots figure.history { grid-column:auto; }
  .void-clearance-readout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .void-network-audit > header { grid-template-columns:1fr; }
  .void-throat-control { grid-template-columns:1fr; }
  .void-steric-controls { grid-template-columns:1fr; }
  .void-network-readout { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .cluster-gallery-toolbar p { text-align: left; }
  .cluster-family-filters button { flex: 1 1 calc(50% - 5px); justify-content: space-between; }
  .top-right { display: none; }
  .metrics-strip { grid-template-columns: 1fr 1fr; gap: 12px 0; }
  .metrics-strip article:nth-child(2) { border-right: 0; }
  .structure-stats { grid-template-columns: 1fr; }
  .structure-card + .structure-card { padding: 14px 0 0; border-top: 1px solid var(--line); border-left: 0; }
  .inspector-panel { display: block; }
  .inspector-panel section + section { margin-top: 20px; }
}

.notebook-trajectory-harmonics[hidden], .notebook-trajectory-observable[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

@media (max-width: 430px) {
  .control-panel { display: block; }
  .control-panel section + section { margin-top: 18px; }
  .stage-heading .eyebrow { display: none; }
  .phase-readout { display: none; }
  .viewport { height: 410px; }
  .microstructure-heading { display: grid; grid-template-columns: 1fr auto; }
  .microstructure-heading em { grid-column: 1 / -1; max-width: none; margin: 0; text-align: left; }
  .microstructure-map header { display: grid; grid-template-columns: 1fr; }
  .microstructure-grid { grid-template-columns: 1fr; }
  .notebook-sweep-toolbar { grid-template-columns: 1fr; }
  .atlas-scoreboard, .system-tabs, .gcts-anatomy { grid-template-columns: 1fr; }
  .atlas-title-block h1 { font-size: 26px; }
  .study-guide-launch { max-width: 78px; overflow: hidden; white-space: nowrap; }
  .study-recipe-manifest { grid-template-columns: 1fr 1fr; }
  .study-recipe-manifest > span { border-top: 1px solid var(--line); }
  .study-recipe-manifest > span:nth-child(odd) { border-right: 1px solid var(--line); }
  .study-recipe-manifest > span:nth-child(even) { border-right: 0; }
  .study-recipe-boundary { grid-template-columns: 1fr; gap: 6px; }
  .study-compass-body { grid-template-columns: 1fr; }
  .study-outcome-tiles { grid-template-columns: 1fr; }
  .study-comparison { grid-template-columns: 1fr; }
  .study-comparison > p { grid-column: auto; }
  .study-comparison-progress { grid-template-columns: 1fr; }
  .study-comparison-progress > b { min-height: 34px; }
  .study-comparison-response { grid-template-columns: 1fr; }
  .study-comparison-response-grid { grid-template-columns: 1fr; }
  .study-identifiability-comparison { grid-template-columns: 1fr; }
  .study-identifiability-arms { grid-template-columns: 1fr; }
  .study-compass > footer { display: grid; }
  .study-compass > footer button { justify-self: start; }
}
.connection-coverage-atlas { margin:.65rem 0; padding:.72rem; border:1px solid rgba(181,148,255,.24); border-radius:12px; background:linear-gradient(135deg,rgba(17,14,35,.72),rgba(6,15,22,.9)); }
.connection-coverage-atlas.complete { border-color:rgba(101,225,188,.38); }.connection-coverage-atlas.incomplete { border-color:rgba(255,193,105,.34); }
.connection-coverage-atlas.molecular { border-color:rgba(80,199,221,.38); }
.connection-coverage-atlas > header { display:flex; align-items:end; justify-content:space-between; gap:.7rem; }
.connection-coverage-atlas > header span,.connection-coverage-atlas > header small,.connection-coverage-atlas > header strong { display:block; }
.connection-coverage-atlas > header small { color:#7d7197; font:.61rem var(--mono); text-transform:uppercase; letter-spacing:.08em; }
.connection-coverage-atlas > header strong { margin-top:.2rem; color:#eee8ff; font:.88rem var(--sans); }
.connection-coverage-atlas > header b { color:#c4b5ef; font:600 .64rem/1.25 var(--mono); text-align:right; }
.connection-coverage-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:.6rem; background:rgba(181,148,255,.1); }
.connection-coverage-summary > span { min-width:0; padding:.48rem; background:rgba(4,10,18,.76); }
.connection-coverage-summary small,.connection-coverage-summary strong,.connection-coverage-summary em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.connection-coverage-summary small { color:#706984; font:.58rem var(--mono); }.connection-coverage-summary strong { margin-top:.18rem; color:#e5dcff; font:700 .8rem var(--mono); }.connection-coverage-summary em { margin-top:.18rem; color:#6e7f86; font:normal .55rem var(--mono); }
.connection-evidence-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.28rem; margin-top:.58rem; }
.connection-evidence-flow button { position:relative; min-width:0; padding:.52rem; border:1px solid rgba(101,225,188,.14); border-radius:7px; background:rgba(101,225,188,.025); color:#8ca39d; text-align:left; cursor:pointer; }
.connection-evidence-flow button:nth-child(2) { border-color:rgba(255,193,105,.22); background:rgba(255,193,105,.025); }.connection-evidence-flow button:nth-child(3) { border-style:dashed; border-color:rgba(181,148,255,.2); }
.connection-evidence-flow button:hover,.connection-evidence-flow button:focus-visible,.connection-evidence-flow button.active { border-color:#68d9b8; background:rgba(101,225,188,.1); outline:none; }
.connection-evidence-flow button small,.connection-evidence-flow button strong,.connection-evidence-flow button em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.connection-evidence-flow button small { color:#6b807b; font:.54rem var(--mono); }.connection-evidence-flow button strong { margin-top:.22rem; color:#d8e9e3; font:700 .9rem var(--mono); }.connection-evidence-flow button em { margin-top:.18rem; color:#697c77; font:normal .52rem var(--mono); }
.connection-evidence-flow > p { grid-column:1/-1; display:block; margin:0; padding:.52rem .58rem; border-left:3px solid #ffc169; background:rgba(255,193,105,.035); }
.connection-evidence-flow > p strong,.connection-evidence-flow > p span,.connection-evidence-flow > p em { display:block; min-width:0; font:.55rem/1.4 var(--mono); }.connection-evidence-flow > p strong { color:#ffc169; }.connection-evidence-flow > p span { margin-top:.25rem; color:#97aaa4; }.connection-evidence-flow > p em { margin-top:.25rem; color:#6f827d; font-style:normal; }
.connection-coverage-types { display:grid; grid-template-columns:repeat(2,minmax(72px,1fr)); gap:.28rem; max-height:11.5rem; margin-top:.58rem; padding-right:.15rem; overflow:auto; }
.connection-coverage-types button { display:grid; min-width:0; padding:.42rem; border:1px solid rgba(181,148,255,.13); border-radius:7px; background:rgba(181,148,255,.025); color:#827a96; text-align:left; cursor:pointer; }
.connection-coverage-types button.bidirectional,.connection-coverage-types button.source-only { border-color:rgba(101,225,188,.22); }.connection-coverage-types button.stranded,.connection-coverage-types button.sink-only { border-color:rgba(255,193,105,.25); }.connection-coverage-types button.terminal { border-style:dashed; opacity:.68; }
.connection-coverage-types button:hover,.connection-coverage-types button:focus-visible,.connection-coverage-types button.active { border-color:#b594ff; background:rgba(181,148,255,.12); outline:none; }
.connection-coverage-types strong,.connection-coverage-types span,.connection-coverage-types small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.connection-coverage-types strong { color:#ded4f5; font:700 .68rem var(--mono); }.connection-coverage-types span { margin-top:.18rem; color:#9b8fb5; font:.58rem var(--mono); }.connection-coverage-types small { margin-top:.16rem; color:#68747a; font:.52rem var(--mono); }
.connection-coverage-atlas > article { margin-top:.58rem; padding:.58rem; border-left:3px solid #b594ff; background:rgba(181,148,255,.04); }.connection-coverage-atlas > article.stranded,.connection-coverage-atlas > article.sink-only { border-left-color:#ffc169; }.connection-coverage-atlas > article.bidirectional,.connection-coverage-atlas > article.source-only { border-left-color:#68d9b8; }
.connection-coverage-atlas > article > header { display:flex; justify-content:space-between; gap:.6rem; align-items:end; }.connection-coverage-atlas > article > header span,.connection-coverage-atlas > article > header small,.connection-coverage-atlas > article > header strong { display:block; }.connection-coverage-atlas > article > header small { color:#766d89; font:.56rem var(--mono); text-transform:uppercase; }.connection-coverage-atlas > article > header strong { margin-top:.16rem; color:#eee8ff; font:.78rem var(--mono); }.connection-coverage-atlas > article > header b { color:#ad9fc8; font:.6rem var(--mono); }
.connection-coverage-atlas > article > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:.48rem; background:rgba(181,148,255,.09); }.connection-coverage-atlas > article > div > span { min-width:0; padding:.42rem; background:rgba(4,10,18,.72); }.connection-coverage-atlas > article small,.connection-coverage-atlas > article strong,.connection-coverage-atlas > article em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.connection-coverage-atlas > article small { color:#6f687e; font:.52rem var(--mono); }.connection-coverage-atlas > article strong { margin-top:.16rem; color:#d9d0ef; font:.61rem var(--mono); }.connection-coverage-atlas > article em { margin-top:.14rem; color:#65767c; font:normal .5rem var(--mono); }.connection-coverage-atlas > article p,.connection-coverage-atlas > p { margin:.5rem 0 0; color:#718288; font:.58rem/1.45 var(--sans); }
.marking-capacity-audit {
  margin: .75rem 0;
  padding: .72rem;
  border: 1px solid rgba(126, 225, 232, .18);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(13, 29, 36, .82), rgba(25, 25, 48, .72));
}

.marking-capacity-audit > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: .6rem;
  margin-bottom: .55rem;
}

.marking-capacity-audit > header span { display: grid; gap: .08rem; }
.marking-capacity-audit > header small,
.marking-capacity-audit > p,
.marking-capacity-audit article small { color: var(--muted); font-size: .66rem; }
.marking-capacity-audit > header strong { font-size: .88rem; }
.marking-capacity-audit > header b { color: var(--mint); font: 600 .65rem/1.2 var(--mono); text-align: right; }

#markingCapacityFrontier {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
  gap: .38rem;
}

#markingCapacityFrontier button {
  display: grid;
  gap: .16rem;
  min-height: 72px;
  padding: .48rem;
  border: 1px solid rgba(181, 148, 255, .22);
  border-radius: 10px;
  color: var(--text);
  background: rgba(8, 16, 25, .62);
  text-align: left;
}

#markingCapacityFrontier button:hover,
#markingCapacityFrontier button:focus-visible { border-color: rgba(126, 225, 232, .62); }
#markingCapacityFrontier button.active { border-color: var(--mint); box-shadow: inset 0 0 0 1px rgba(101, 225, 188, .28); }
#markingCapacityFrontier button.recommended { background: linear-gradient(145deg, rgba(38, 79, 73, .50), rgba(31, 27, 66, .62)); }
#markingCapacityFrontier button.shortfall { border-color: rgba(255, 193, 105, .36); }
#markingCapacityFrontier button small { color: var(--muted); font: 600 .58rem/1.2 var(--mono); text-transform: uppercase; }
#markingCapacityFrontier button strong { font: 700 .9rem/1 var(--mono); }
#markingCapacityFrontier button span { color: var(--muted); font-size: .62rem; }

.marking-capacity-audit article {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .35rem;
  margin-top: .45rem;
}

.marking-capacity-audit article span {
  display: grid;
  gap: .08rem;
  padding: .38rem .42rem;
  border-radius: 8px;
  background: rgba(6, 13, 20, .46);
}

.marking-capacity-audit article strong { font: 700 .7rem/1.2 var(--mono); }
.marking-capacity-allocation { display: grid; gap: .35rem; min-width: 0; max-height: 320px; margin-top: .5rem; padding-top: .48rem; border-top: 1px solid rgba(126,225,232,.12); overflow-y: auto; scrollbar-color: rgba(101,225,188,.32) transparent; }
.marking-capacity-allocation-heading { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: .5rem; min-width: 0; padding: 0 .1rem .1rem; }
.marking-capacity-allocation-heading > span { min-width: 0; }
.marking-capacity-allocation-heading span,.marking-capacity-allocation-heading small,.marking-capacity-allocation-heading strong { display: block; }
.marking-capacity-allocation-heading small { color: var(--muted); font: 600 .58rem/1.2 var(--mono); letter-spacing: .05em; text-transform: uppercase; }
.marking-capacity-allocation-heading strong { margin-top: .12rem; overflow-wrap: anywhere; font-size: .7rem; font-weight: 600; }
.marking-capacity-allocation-heading b { color: var(--mint); font: 600 .62rem/1.2 var(--mono); white-space: nowrap; }
.marking-capacity-allocation > button { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .28rem; min-width: 0; padding: .46rem; border: 1px solid rgba(151,194,183,.14); border-radius: 9px; background: rgba(6,13,20,.48); color: var(--text); text-align: left; }
.marking-capacity-allocation > button:hover,.marking-capacity-allocation > button:focus-visible { border-color: rgba(126,225,232,.56); outline: none; }
.marking-capacity-allocation > button.shortfall { border-color: rgba(255,193,105,.42); background: rgba(70,45,16,.18); }
.marking-capacity-allocation > button > span { display: grid; align-content: start; gap: .08rem; min-width: 0; padding: .3rem .34rem; border-radius: 7px; background: rgba(255,255,255,.018); }
.marking-capacity-allocation > button > span:first-child { grid-column: 1 / -1; border-left: 2px solid var(--mint); background: linear-gradient(90deg,rgba(101,225,188,.06),transparent); }
.marking-capacity-allocation small,.marking-capacity-allocation em { overflow: hidden; color: var(--muted); font: .56rem/1.28 var(--mono); font-style: normal; text-overflow: ellipsis; }
.marking-capacity-allocation small { text-transform: uppercase; }
.marking-capacity-allocation strong { overflow: hidden; font: 650 .67rem/1.25 var(--mono); text-overflow: ellipsis; }
.marking-capacity-audit > p { margin: .5rem 0 0; line-height: 1.42; }

@media (max-width: 760px) {
  .connection-coverage-summary,.connection-coverage-atlas > article > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .connection-coverage-types { grid-template-columns:repeat(3,minmax(72px,1fr)); }
  .marking-capacity-allocation > button { grid-template-columns: minmax(0,1fr); }
  .marking-capacity-allocation > button > span:first-child { grid-column: 1; }
}

@media (min-width: 721px) {
  .void-steric-controls { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .marking-capacity-audit article { grid-template-columns: repeat(2, 1fr); }
  .marking-consequence-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.policy-shadow-leap {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid rgba(126, 225, 232, .14);
  background: radial-gradient(circle at 50% 20%, rgba(126, 225, 232, .035), transparent 66%), rgba(4, 12, 17, .48);
}

.policy-decisiveness {
  margin-top: 6px;
  padding: 6px;
  border: 1px solid rgba(181, 148, 255, .14);
  background: linear-gradient(135deg, rgba(181, 148, 255, .025), rgba(101, 225, 188, .018));
}

.policy-decisiveness > header { display: flex; align-items: end; justify-content: space-between; gap: 7px; }
.policy-decisiveness > header span small,
.policy-decisiveness > header span strong { display: block; }
.policy-decisiveness > header small { color: #74658e; font: 5px var(--mono); text-transform: uppercase; }
.policy-decisiveness > header strong { margin-top: 3px; color: #b6a5d3; font: 6px var(--mono); font-weight: 400; }
.policy-decisiveness > header b { max-width: 170px; color: #887b9e; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }
.policy-decisiveness-head,
.policy-decisiveness-matrix button { display: grid; grid-template-columns: minmax(72px, 1.8fr) repeat(7, minmax(28px, .62fr)); align-items: center; gap: 3px; }
.policy-decisiveness-head { margin-top: 5px; padding: 0 4px 3px; color: #655c73; font: 4px var(--mono); text-align: center; text-transform: uppercase; }
.policy-decisiveness-head span:first-child { text-align: left; }
.policy-decisiveness-matrix { border: 1px solid rgba(181, 148, 255, .09); }
.policy-decisiveness-matrix button { width: 100%; padding: 4px; border: 0; border-top: 1px solid rgba(181, 148, 255, .06); background: rgba(5, 11, 17, .46); color: #81768f; font: 4px var(--mono); cursor: pointer; }
.policy-decisiveness-matrix button:first-child { border-top: 0; }
.policy-decisiveness-matrix button:hover,
.policy-decisiveness-matrix button:focus-visible,
.policy-decisiveness-matrix button.active { background: rgba(181, 148, 255, .055); color: #c7b7e0; outline: none; }
.policy-decisiveness-matrix button > strong { overflow: hidden; font: inherit; font-weight: 400; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.policy-decisiveness-matrix button > span { display: grid; place-items: center; min-height: 16px; border-radius: 2px; color: #625c69; background: rgba(92, 87, 104, .09); }
.policy-decisiveness-matrix button > span.changed { color: #071112; background: #65e1bc; box-shadow: 0 0 8px rgba(101, 225, 188, .18); }
.policy-decisiveness-matrix button > span.order-only.changed { background: #ffbe6a; }
.policy-decisiveness-matrix button > span.unavailable { color: #514d56; background: transparent; }
#policyDecisivenessDetail { margin-top: 5px; padding: 5px; border-left: 2px solid rgba(181, 148, 255, .42); color: #887e96; font: 5px/1.4 var(--mono); }
#policyDecisivenessDetail:empty { display: none; }
#policyDecisivenessDetail strong { color: #c3b3dc; font-weight: 400; }
#policyDecisivenessDetail b { float: right; color: #65e1bc; font: inherit; font-weight: 400; }
#policyDecisivenessDetail p { clear: both; margin: 4px 0 0; }

.policy-decisiveness-history { margin-top: 6px; padding-top: 5px; border-top: 1px solid rgba(181, 148, 255, .09); }
.policy-decisiveness-history > header { display: flex; align-items: end; justify-content: space-between; gap: 6px; }
.policy-decisiveness-history > header span small,
.policy-decisiveness-history > header span strong { display: block; }
.policy-decisiveness-history > header small { color: #655c73; font: 4px var(--mono); text-transform: uppercase; }
.policy-decisiveness-history > header strong { margin-top: 2px; color: #a99abc; font: 5px var(--mono); font-weight: 400; }
.policy-decisiveness-history > header b { color: #746b80; font: 4px var(--mono); font-weight: 400; text-align: right; }
.policy-decisiveness-history > p { margin: 5px 0 0; color: #696170; font: 4px/1.45 var(--mono); }
#policyDecisivenessHistory { max-width: 100%; margin-top: 5px; overflow-x: auto; padding-bottom: 3px; }
.policy-decisiveness-history-grid { display: grid; gap: 2px; width: max-content; min-width: 100%; align-items: center; }
.policy-decisiveness-history-grid .corner,
.policy-decisiveness-history-grid .stage-label { overflow: hidden; color: #766b84; font: 4px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.policy-decisiveness-history-grid button { display: grid; place-items: center; width: 18px; height: 15px; padding: 0; border: 1px solid transparent; border-radius: 2px; background: rgba(92, 87, 104, .09); color: #5e5865; font: 4px var(--mono); cursor: pointer; }
.policy-decisiveness-history-grid button.frontier { height: 12px; color: #71677d; background: transparent; }
.policy-decisiveness-history-grid button.changed { color: #071112; background: #65e1bc; box-shadow: 0 0 7px rgba(101, 225, 188, .14); }
.policy-decisiveness-history-grid button.stable { color: #71697b; background: rgba(181, 148, 255, .07); }
.policy-decisiveness-history-grid button.unavailable { color: #48444d; background: transparent; cursor: default; }
.policy-decisiveness-history-grid button.selected { border-color: #ffbe6a; }
.policy-decisiveness-history-grid button:not(:disabled):hover,
.policy-decisiveness-history-grid button:not(:disabled):focus-visible { border-color: #b594ff; outline: none; }

.policy-material-state-history { margin-top: 7px; padding-top: 6px; border-top: 1px solid rgba(255, 190, 106, .1); }
.policy-material-state-history > header { display: flex; align-items: end; justify-content: space-between; gap: 6px; }
.policy-material-state-history > header span small,
.policy-material-state-history > header span strong { display: block; }
.policy-material-state-history > header small { color: #7f6749; font: 4px var(--mono); text-transform: uppercase; }
.policy-material-state-history > header strong { margin-top: 2px; color: #b99b76; font: 5px var(--mono); font-weight: 400; }
.policy-material-state-history > header b { color: #8c765c; font: 4px var(--mono); font-weight: 400; text-align: right; }
.policy-material-state-history > p { margin: 5px 0 0; color: #716452; font: 4px/1.45 var(--mono); }
#policyMaterialStateHistory { max-width: 100%; margin-top: 5px; overflow-x: auto; padding-bottom: 3px; }
.policy-material-state-history-grid { display: grid; gap: 2px; width: max-content; min-width: 100%; align-items: center; }
.policy-material-state-history-grid .corner,
.policy-material-state-history-grid .observable-label { overflow: hidden; color: #8d795f; font: 4px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.policy-material-state-history-grid button { display: grid; place-items: center; width: 18px; height: 15px; padding: 0; border: 1px solid transparent; border-radius: 2px; color: rgba(255, 234, 201, .82); background: rgba(255, 190, 106, var(--state-alpha, .05)); font: 4px var(--mono); cursor: pointer; }
.policy-material-state-history-grid button.unavailable { color: #4b4540; background: transparent; cursor: default; }
.policy-material-state-history-grid button.selected { border-color: #65e1bc; }
.policy-material-state-history-grid button:not(:disabled):hover,
.policy-material-state-history-grid button:not(:disabled):focus-visible { border-color: #ffbe6a; outline: none; }
#policyMaterialStateDetail { margin-top: 5px; padding: 5px; border-left: 2px solid rgba(255, 190, 106, .35); color: #8e7a61; font: 4px/1.45 var(--mono); }
#policyMaterialStateDetail:empty { display: none; }
#policyMaterialStateDetail strong { color: #c9aa83; font-weight: 400; }
#policyMaterialStateDetail b { float: right; color: #65e1bc; font: inherit; font-weight: 400; }
#policyMaterialStateDetail p { clear: both; margin: 4px 0 0; }

.policy-state-association { margin-top: 7px; padding: 6px; border: 1px solid rgba(101, 225, 188, .09); background: rgba(4, 14, 16, .35); }
.policy-state-association > header { display: flex; align-items: end; justify-content: space-between; gap: 6px; }
.policy-state-association > header span small,
.policy-state-association > header span strong { display: block; }
.policy-state-association > header small { color: #557a72; font: 4px var(--mono); text-transform: uppercase; }
.policy-state-association > header strong { margin-top: 2px; color: #8fc5b8; font: 5px var(--mono); font-weight: 400; }
.policy-state-association > header b { max-width: 130px; color: #6d9289; font: 4px/1.3 var(--mono); font-weight: 400; text-align: right; }
.policy-state-association > label { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 5px; color: #647d77; font: 4px var(--mono); text-transform: uppercase; }
.policy-state-association select { max-width: 112px; border: 1px solid rgba(101, 225, 188, .13); background: #071215; color: #87aaa2; font: 4px var(--mono); }
.policy-state-association > p { margin: 5px 0 0; color: #63746f; font: 4px/1.45 var(--mono); }
#policyStateAssociationRows { margin-top: 5px; border: 1px solid rgba(101, 225, 188, .06); }
#policyStateAssociationRows button { display: grid; grid-template-columns: minmax(64px, 1.2fr) 38px minmax(64px, 1fr) 35px; align-items: center; gap: 4px; width: 100%; padding: 4px; border: 0; border-top: 1px solid rgba(101, 225, 188, .05); background: transparent; color: #6f8882; font: 4px var(--mono); cursor: pointer; }
#policyStateAssociationRows button:first-child { border-top: 0; }
#policyStateAssociationRows button:hover,
#policyStateAssociationRows button:focus-visible,
#policyStateAssociationRows button.active { background: rgba(101, 225, 188, .045); color: #a0c8be; outline: none; }
#policyStateAssociationRows button.unresolved { opacity: .58; }
#policyStateAssociationRows button strong { overflow: hidden; font: inherit; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
#policyStateAssociationRows button > span { text-align: center; }
#policyStateAssociationRows button > i { position: relative; height: 6px; border-radius: 4px; background: linear-gradient(90deg, rgba(181,148,255,.08) 0 49%, rgba(255,255,255,.15) 49% 51%, rgba(101,225,188,.08) 51% 100%); }
#policyStateAssociationRows button > i em { position: absolute; top: 1px; height: 4px; border-radius: 3px; background: #65e1bc; }
#policyStateAssociationRows button.negative > i em { background: #b594ff; }
#policyStateAssociationRows button > b { color: #92aaa4; font: inherit; font-weight: 400; text-align: right; }
#policyStateAssociationDetail { margin-top: 5px; padding: 5px; border-left: 2px solid rgba(101, 225, 188, .3); color: #718f88; font: 4px/1.45 var(--mono); }
#policyStateAssociationDetail:empty { display: none; }
#policyStateAssociationDetail strong { color: #9bcac0; font-weight: 400; }
#policyStateAssociationDetail b { float: right; color: #ffbe6a; font: inherit; font-weight: 400; }
#policyStateAssociationDetail p { clear: both; margin: 4px 0 0; }

.policy-shadow-leap > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 7px;
}

.policy-shadow-leap > header span small,
.policy-shadow-leap > header span strong { display: block; }
.policy-shadow-leap > header small { color: #62858b; font: 5px var(--mono); text-transform: uppercase; }
.policy-shadow-leap > header strong { margin-top: 3px; color: #9bc4c8; font: 6px var(--mono); font-weight: 400; }
.policy-shadow-leap > header b { max-width: 150px; color: #78989c; font: 5px/1.3 var(--mono); font-weight: 400; text-align: right; }

#policyShadowLeapPlot {
  display: block;
  width: 100%;
  height: 128px;
  margin-top: 5px;
  border: 1px solid rgba(126, 225, 232, .08);
  background: linear-gradient(rgba(126, 225, 232, .018) 1px, transparent 1px), linear-gradient(90deg, rgba(126, 225, 232, .018) 1px, transparent 1px);
  background-size: 20px 20px;
}

.shadow-leap-baseline { fill: #ffbe6a; stroke: rgba(255, 190, 106, .35); stroke-width: 2; }
.shadow-leap-shared { fill: #65e1bc; stroke: rgba(101, 225, 188, .38); stroke-width: 2.2; }
.shadow-leap-omitted { fill: #b594ff; stroke: rgba(181, 148, 255, .4); stroke-width: 2; }
.policy-shadow-leap-legend { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; margin-top: 4px; color: #72888a; font: 4px var(--mono); }
.policy-shadow-leap-legend span { display: flex; align-items: center; gap: 3px; }
.policy-shadow-leap-legend i { width: 7px; height: 7px; border-radius: 50%; }
.policy-shadow-leap-legend i.baseline { background: #ffbe6a; }
.policy-shadow-leap-legend i.shared { background: #65e1bc; }
.policy-shadow-leap-legend i.omitted { background: #b594ff; }

#policyShadowLeapDetail { margin-top: 5px; color: #829698; font: 5px/1.4 var(--mono); }
#policyShadowLeapDetail:empty { display: none; }
#policyShadowLeapDetail > header { display: flex; justify-content: space-between; gap: 6px; }
#policyShadowLeapDetail > header strong { color: #b5d6d8; font-weight: 400; }
#policyShadowLeapDetail > header b { color: #ffbe6a; font: inherit; font-weight: 400; }
.policy-shadow-leap-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3px; margin-top: 4px; }
.policy-shadow-leap-metrics span { display: grid; gap: 2px; padding: 4px; background: rgba(126, 225, 232, .025); }
.policy-shadow-leap-metrics small { color: #668084; font: 4px var(--mono); text-transform: uppercase; }
.policy-shadow-leap-metrics strong { color: #b0c8ca; font: 5px var(--mono); font-weight: 400; }
.policy-shadow-leap-metrics h4 { grid-column:1/-1; margin:3px 0 0; padding:5px 4px 3px; border-top:1px solid rgba(181,148,255,.14); color:#8b79a7; font:4px var(--mono); font-weight:400; letter-spacing:.05em; text-transform:uppercase; }
.policy-shadow-leap-metrics span.material { background:rgba(181,148,255,.025); }
.policy-shadow-leap-metrics span.material strong { color:#c4b5db; }
.policy-shadow-leap-metrics span.material em { color:#746887; font:4px/1.3 var(--mono); font-style:normal; }
#policyShadowLeapDetail p { margin: 4px 0 0; }
#policyShadowLeapDetail .claim-boundary { color: #6f8082; }

.system-supply-audit { margin-top: 14px; padding: 18px; border: 1px solid rgba(85,200,255,.24); background: radial-gradient(circle at 90% 0,rgba(85,200,255,.07),transparent 32rem),rgba(5,17,19,.76); }
.system-supply-audit[hidden] { display: none; }
.system-supply-audit > header { display: flex; justify-content: space-between; align-items: end; gap: 28px; }
.system-supply-audit > header span { color: #55c8ff; font: 7px var(--mono); text-transform: uppercase; letter-spacing: .11em; }
.system-supply-audit > header h3 { margin: 6px 0 0; color: #dbe8e5; font-size: 18px; font-weight: 450; }
.system-supply-audit > header p { max-width: 540px; margin: 0; color: #748b87; font: 8px/1.55 var(--mono); text-align: right; }
.supply-audit-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; margin-top: 16px; }
.supply-audit-tabs button { min-height: 48px; padding: 10px 12px; border: 1px solid var(--line); background: rgba(4,14,16,.72); color: inherit; text-align: left; cursor: pointer; }
.supply-audit-tabs button:hover,.supply-audit-tabs button.active { border-color: #55c8ff; background: rgba(85,200,255,.065); }
.supply-audit-tabs span,.supply-audit-tabs strong { display: block; }
.supply-audit-tabs span { color: #7f9993; font: 7px var(--mono); text-transform: uppercase; }
.supply-audit-tabs strong { margin-top: 5px; color: #c9d9d5; font: 9px var(--mono); font-weight: 400; }
.supply-audit-body { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(190px,.55fr); gap: 10px; margin-top: 10px; }
.supply-audit-stages { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 1px; background: var(--line); }
.supply-audit-stages button { position: relative; min-width: 0; min-height: 104px; padding: 12px 10px; overflow: hidden; border: 0; background: #071718; color: inherit; text-align: left; cursor: pointer; }
.supply-audit-stages button:hover,.supply-audit-stages button.active { background: #0a2022; box-shadow: inset 0 -2px #55c8ff; }
.supply-audit-stages small,.supply-audit-stages span,.supply-audit-stages strong { position: relative; z-index: 1; display: block; }
.supply-audit-stages small { color: #496661; font: 6px var(--mono); }
.supply-audit-stages span { min-height: 22px; margin-top: 6px; color: #849b95; font: 6px/1.35 var(--mono); text-transform: uppercase; }
.supply-audit-stages strong { margin-top: 8px; color: #e1ece8; font: 18px var(--mono); font-weight: 400; }
.supply-audit-stages i { position: absolute; inset: auto 0 0; height: 4px; transform: scaleX(var(--supply-ratio)); transform-origin: left; background: #55c8ff; }
.supply-audit-stages button:nth-last-child(-n+2) i { background: var(--violet); }
.supply-audit-detail { grid-column: 1; min-height: 76px; padding: 13px 14px; border: 1px solid rgba(85,200,255,.13); background: rgba(85,200,255,.025); }
.supply-audit-detail span { color: #55c8ff; font: 6px var(--mono); text-transform: uppercase; }
.supply-audit-detail strong { float: right; color: #dce9e5; font: 14px var(--mono); font-weight: 400; }
.supply-audit-detail p { clear: both; margin: 8px 0 0; color: #7e9490; font-size: 8px; line-height: 1.55; }
.supply-audit-detail.starved { border-color: rgba(255,141,144,.22); background: rgba(255,141,144,.025); }
.supply-audit-detail.starved span { color: var(--red); }
.supply-audit-fallback { grid-column: 2; grid-row: 1 / span 2; padding: 14px; border: 1px solid rgba(181,148,255,.2); background: rgba(181,148,255,.03); }
.supply-audit-fallback header span,.supply-audit-fallback header strong { display: block; }
.supply-audit-fallback header span { color: var(--violet); font: 6px var(--mono); text-transform: uppercase; }
.supply-audit-fallback header strong { margin-top: 6px; color: #d3c8e5; font: 11px var(--mono); font-weight: 400; }
.supply-fallback-meter { height: 8px; margin-top: 12px; background: rgba(255,141,144,.18); }
.supply-fallback-meter i { display: block; width: calc(var(--primitive-exact) * 100%); height: 100%; background: linear-gradient(90deg,var(--violet),var(--mint)); }
.supply-audit-fallback dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 10px 0 0; background: var(--line); }
.supply-audit-fallback dl div { padding: 8px; background: #071718; }
.supply-audit-fallback dt { color: #5f7771; font: 5px/1.35 var(--mono); text-transform: uppercase; }
.supply-audit-fallback dd { margin: 5px 0 0; color: #c6d5d1; font: 10px var(--mono); }
.supply-audit-fallback p { margin: 11px 0 0; color: #7d918c; font-size: 8px; line-height: 1.55; }
.supply-audit-fallback footer { margin-top: 10px; padding-top: 9px; border-top: 1px solid rgba(181,148,255,.13); color: #9b88ba; font: 6px/1.45 var(--mono); text-transform: uppercase; }
@media (max-width: 900px) { .supply-audit-body { grid-template-columns: 1fr; }.supply-audit-fallback { grid-column: 1; grid-row: auto; }.supply-audit-stages { grid-template-columns: repeat(3,minmax(0,1fr)); }.system-supply-audit > header { align-items: start; flex-direction: column; gap: 8px; }.system-supply-audit > header p { text-align: left; } }
@media (max-width: 560px) { .supply-audit-tabs,.supply-audit-stages { grid-template-columns: repeat(2,minmax(0,1fr)); }.supply-audit-fallback dl { grid-template-columns: 1fr; } }
.rate-control-bridge { margin-top:7px; padding:8px; border:1px solid rgba(172,139,255,.15); background:linear-gradient(135deg,rgba(90,135,255,.045),rgba(255,175,105,.025)); }.rate-control-bridge > header { display:flex; align-items:center; justify-content:space-between; gap:8px; }.rate-control-bridge > header small,.rate-control-bridge > header strong { display:block; }.rate-control-bridge > header small { color:#7d79a4; font:4px var(--mono); text-transform:uppercase; }.rate-control-bridge > header strong { margin-top:3px; color:#c8c3e2; font:7px var(--mono); font-weight:400; }.rate-control-bridge > header b { color:#9188c8; font:5px var(--mono); font-weight:400; text-transform:uppercase; }.rate-control-bridge.validated { border-color:rgba(172,139,255,.38); box-shadow:inset 0 0 18px rgba(90,135,255,.025); }.rate-control-bridge.validated > header b { color:#bda7ff; }.rate-control-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:7px; }.rate-control-presets button { min-height:23px; border:1px solid rgba(172,139,255,.12); background:rgba(10,10,22,.62); color:#777394; font:5px var(--mono); cursor:pointer; }.rate-control-presets button[aria-pressed="true"],.rate-control-presets button:hover,.rate-control-presets button:focus-visible { border-color:rgba(172,139,255,.55); color:#d9d0ff; outline:none; }.rate-control-presets button:disabled { opacity:.35; cursor:not-allowed; }.rate-control-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(120px,.55fr); gap:5px; margin-top:5px; }.rate-control-layout svg { display:block; width:100%; min-height:124px; border:1px solid rgba(172,139,255,.1); background:rgba(6,9,16,.65); }.rate-overlap-band { fill:rgba(205,184,130,.07); }.rate-control-axis { stroke:rgba(210,218,226,.35); stroke-width:.7; stroke-dasharray:3 3; }.rate-control-stem { stroke-width:1; opacity:.5; }.rate-control-point { stroke:#eef6f4; stroke-width:.65; }.rate-control-stem.supply { stroke:#55d9c6; }.rate-control-point.supply { fill:#55d9c6; }.rate-control-stem.attachment { stroke:#ffaf69; }.rate-control-point.attachment { fill:#ffaf69; }.rate-control-stem.overlap { stroke:#d8bf7a; }.rate-control-point.overlap { fill:#d8bf7a; }.rate-control-label { font:5px var(--mono); }.rate-control-label.supply { fill:#61bbae; }.rate-control-label.attachment { fill:#c89569; }.rate-control-metrics { display:grid; grid-template-columns:1fr 1fr; gap:3px; }.rate-control-metrics span { padding:6px; border:1px solid rgba(172,139,255,.08); background:rgba(7,8,16,.58); }.rate-control-metrics small,.rate-control-metrics b { display:block; }.rate-control-metrics small { color:#777390; font:4px var(--mono); text-transform:uppercase; }.rate-control-metrics b { margin-top:4px; overflow:hidden; color:#b9b4d0; font:6px var(--mono); font-weight:400; text-overflow:ellipsis; }.rate-control-bridge > p { margin:6px 0 0; color:#7f7b96; font:5px/1.45 var(--mono); }.rate-control-bridge > p:last-child { padding:6px 7px; border-left:2px solid #8270c5; background:rgba(172,139,255,.025); color:#77748a; }.rate-control-bridge.validated > p:last-child { border-left-color:#ffaf69; }
@media (max-width:700px) { .rate-control-layout { grid-template-columns:1fr; }.rate-control-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); } }

.multiphysics-cycle-card { position:relative; margin-top:10px; padding:12px; overflow:hidden; border:1px solid rgba(126,225,232,.2); background:radial-gradient(circle at 92% -15%,rgba(181,148,255,.16),transparent 42%),linear-gradient(135deg,rgba(8,26,30,.96),rgba(10,8,23,.94)); }
.multiphysics-cycle-card::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent,rgba(126,225,232,.025),transparent); }
.multiphysics-cycle-card > * { position:relative; z-index:1; }
.multiphysics-cycle-card > header { display:grid; grid-template-columns:minmax(170px,.55fr) minmax(240px,1fr); gap:14px; align-items:end; }
.multiphysics-cycle-card > header small,.multiphysics-cycle-card > header strong { display:block; }
.multiphysics-cycle-card > header small { color:#7ee1e8; font:5px var(--mono); letter-spacing:.08em; text-transform:uppercase; }
.multiphysics-cycle-card > header strong { margin-top:4px; color:#e1eeee; font:12px var(--mono); font-weight:400; }
.multiphysics-cycle-card > header p { margin:0; color:#849b9e; font:6px/1.5 var(--mono); }
.multiphysics-cycle-controls { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; align-items:end; margin-top:10px; }
.multiphysics-cycle-controls label { display:grid; gap:4px; }
.multiphysics-cycle-controls label span { color:#777f9d; font:5px var(--mono); text-transform:uppercase; }
.multiphysics-cycle-controls select,.multiphysics-cycle-controls button { min-height:30px; border:1px solid rgba(181,148,255,.24); background:rgba(7,11,22,.9); color:#c6d8da; font:6px var(--mono); }
.multiphysics-cycle-controls select { width:100%; padding:0 8px; }
.multiphysics-cycle-controls button { padding:0 12px; cursor:pointer; }
.multiphysics-cycle-controls button:hover,.multiphysics-cycle-controls button:focus-visible { border-color:#7ee1e8; color:#eefafa; outline:none; }
.multiphysics-cycle-controls button:disabled { opacity:.4; cursor:not-allowed; }
.multiphysics-cycle-flow { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:5px; margin-top:10px; }
.multiphysics-cycle-flow article { position:relative; min-width:0; min-height:96px; padding:8px; border:1px solid rgba(126,225,232,.11); background:rgba(3,12,17,.72); }
.multiphysics-cycle-flow article:not(:last-child)::after { content:"›"; position:absolute; z-index:2; top:38px; right:-7px; color:#526b71; font:13px var(--mono); }
.multiphysics-cycle-flow article small,.multiphysics-cycle-flow article strong,.multiphysics-cycle-flow article b { display:block; }
.multiphysics-cycle-flow article small { color:#4e686d; font:5px var(--mono); }
.multiphysics-cycle-flow article strong { min-height:25px; margin-top:6px; color:#bfd2d4; font:6px/1.35 var(--mono); font-weight:400; }
.multiphysics-cycle-flow article b { margin-top:5px; color:#87999c; font:5px var(--mono); font-weight:400; text-transform:uppercase; }
.multiphysics-cycle-flow article p { margin:6px 0 0; color:#667b7e; font:5px/1.4 var(--mono); }
.multiphysics-cycle-flow article.ready { border-color:rgba(101,225,188,.48); box-shadow:inset 0 -2px #65e1bc; }
.multiphysics-cycle-flow article.ready b { color:#65e1bc; }
.multiphysics-cycle-flow article.available { border-color:rgba(126,225,232,.42); box-shadow:inset 0 -2px #7ee1e8; }
.multiphysics-cycle-flow article.available b { color:#7ee1e8; }
.multiphysics-cycle-flow article.optional { opacity:.7; border-style:dashed; }
.multiphysics-cycle-flow article.waiting { border-color:rgba(216,191,122,.25); }
.multiphysics-cycle-flow article.waiting b { color:#d8bf7a; }
.multiphysics-cycle-flow article.missing,.multiphysics-cycle-flow article.stale,.multiphysics-cycle-flow article.blocked { border-color:rgba(255,141,144,.34); background:rgba(255,141,144,.025); }
.multiphysics-cycle-flow article.missing b,.multiphysics-cycle-flow article.stale b,.multiphysics-cycle-flow article.blocked b { color:#ff8d90; }
.multiphysics-cycle-legend { display:flex; flex-wrap:wrap; gap:8px; margin-top:7px; }
.multiphysics-cycle-legend span { color:#75898d; font:5px var(--mono); text-transform:uppercase; }
.multiphysics-cycle-legend span::before { content:""; display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:#75898d; }
.multiphysics-cycle-legend .ready::before { background:#65e1bc; }.multiphysics-cycle-legend .available::before { background:#7ee1e8; }.multiphysics-cycle-legend .missing::before,.multiphysics-cycle-legend .stale::before,.multiphysics-cycle-legend .blocked::before { background:#ff8d90; }
.coupled-state-ledger { margin-top:8px; padding:9px; border:1px solid rgba(101,225,188,.15); background:linear-gradient(110deg,rgba(101,225,188,.035),rgba(85,200,255,.025)); }
.coupled-state-ledger > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }
.coupled-state-ledger > header small,.coupled-state-ledger > header strong { display:block; }
.coupled-state-ledger > header small { color:#648e88; font:4px var(--mono); text-transform:uppercase; }
.coupled-state-ledger > header strong { margin-top:3px; color:#c7dcda; font:8px var(--mono); font-weight:400; }
.coupled-state-ledger > header b { color:#65e1bc; font:5px var(--mono); font-weight:400; text-align:right; text-transform:uppercase; }
.coupled-state-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; margin-top:7px; }
.coupled-state-channels article { min-width:0; padding:6px; border:1px solid rgba(101,225,188,.08); background:rgba(5,12,16,.58); }
.coupled-state-channels small,.coupled-state-channels strong,.coupled-state-channels b,.coupled-state-channels p { display:block; overflow:hidden; text-overflow:ellipsis; }
.coupled-state-channels small { color:#5b7472; font:4px var(--mono); text-transform:uppercase; }
.coupled-state-channels strong { min-height:17px; margin-top:3px; color:#9eb3b2; font:5px/1.35 var(--mono); font-weight:400; }
.coupled-state-channels b { margin-top:4px; color:#708583; font:5px var(--mono); font-weight:400; }
.coupled-state-channels p { margin:3px 0 0; color:#647674; font:4px var(--mono); }
.coupled-state-channels article.ready { border-color:rgba(101,225,188,.36); }.coupled-state-channels article.ready b { color:#65e1bc; }
.coupled-state-channels article.missing { border-color:rgba(255,141,144,.3); }.coupled-state-channels article.missing b { color:#ff8d90; }
.coupled-state-channels article.inactive { opacity:.48; border-style:dashed; }
.coupled-state-ledger > p { margin:6px 0 0; color:#718784; font:5px/1.45 var(--mono); }
.coupled-state-ledger > p:last-child { padding-top:6px; border-top:1px solid rgba(101,225,188,.08); color:#667774; }
.kinetic-chronology { margin-top:10px; padding:9px; border:1px solid rgba(255,175,105,.16); background:linear-gradient(100deg,rgba(255,175,105,.035),rgba(181,148,255,.025)); }
.kinetic-chronology > header { display:flex; align-items:end; justify-content:space-between; gap:8px; }
.kinetic-chronology > header small,.kinetic-chronology > header strong { display:block; }
.kinetic-chronology > header small { color:#a9856d; font:4px var(--mono); text-transform:uppercase; }
.kinetic-chronology > header strong { margin-top:3px; color:#d9cbc2; font:8px var(--mono); font-weight:400; }
.kinetic-chronology > header b { color:#ffaf69; font:5px var(--mono); font-weight:400; text-transform:uppercase; }
.kinetic-chronology-plot { display:flex; align-items:end; min-height:72px; gap:4px; margin-top:7px; padding:7px; overflow-x:auto; border:1px solid rgba(255,175,105,.1); background:rgba(5,8,14,.64); }
.kinetic-chronology-plot button { display:grid; grid-template-rows:auto 34px auto; min-width:56px; padding:5px; border:1px solid rgba(255,175,105,.09); background:rgba(8,10,17,.82); color:#82776f; text-align:left; cursor:pointer; }
.kinetic-chronology-plot button:hover,.kinetic-chronology-plot button.active { border-color:rgba(255,175,105,.55); outline:none; }
.kinetic-chronology-plot button span,.kinetic-chronology-plot button strong { font:4px var(--mono); font-weight:400; }
.kinetic-chronology-plot button i { align-self:end; width:100%; height:calc(var(--wait-level) * 30px); margin:3px 0; background:linear-gradient(180deg,#ffaf69,#b594ff); opacity:.75; }
.kinetic-chronology-plot button.active strong { color:#ffd0a7; }
.kinetic-chronology-empty { display:flex; width:100%; align-items:center; justify-content:center; gap:6px; color:#706b70; font:4px var(--mono); text-transform:uppercase; }
.kinetic-chronology-empty i { width:20px; height:1px; background:linear-gradient(90deg,#ffaf69,#b594ff); }
.kinetic-chronology-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin-top:5px; }
.kinetic-chronology-metrics span { padding:6px; background:rgba(7,9,16,.55); }
.kinetic-chronology-metrics small,.kinetic-chronology-metrics b { display:block; }
.kinetic-chronology-metrics small { color:#746c70; font:4px var(--mono); text-transform:uppercase; }
.kinetic-chronology-metrics b { margin-top:3px; color:#c9bcb6; font:6px var(--mono); font-weight:400; }
.kinetic-chronology > p { margin:6px 0 0; color:#837a79; font:5px/1.45 var(--mono); }
.kinetic-chronology > p:last-child { padding-top:6px; border-top:1px solid rgba(255,175,105,.1); color:#736d79; }
.multiphysics-cycle-card > p { margin:7px 0 0; color:#819599; font:6px/1.5 var(--mono); }
.multiphysics-cycle-card > p:last-child { padding:7px 8px; border-left:2px solid #b594ff; background:rgba(181,148,255,.035); color:#7e7693; }
@media (max-width:1000px) { .multiphysics-cycle-flow { grid-template-columns:repeat(3,minmax(0,1fr)); }.multiphysics-cycle-flow article:nth-child(3)::after { display:none; } }
@media (max-width:650px) { .multiphysics-cycle-card > header,.multiphysics-cycle-controls { grid-template-columns:1fr; }.multiphysics-cycle-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }.multiphysics-cycle-flow article:nth-child(2n)::after { display:none; }.coupled-state-channels { grid-template-columns:1fr; }.kinetic-chronology-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.kinetic-geometry-response { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; margin-top: 2px; padding: 5px; border: 1px solid rgba(214,156,255,.14); border-radius: 4px; background: radial-gradient(circle at 15% 10%,rgba(101,225,188,.045),transparent 48%),rgba(12,8,18,.3); }
.kinetic-geometry-response header { display: flex; justify-content: space-between; gap: 8px; }
.kinetic-geometry-response header span { display: grid; gap: 1px; }
.kinetic-geometry-response header small { color: #77638b; font: 4px var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.kinetic-geometry-response header strong { color: #c6addd; font: 5.5px var(--mono); font-weight: 500; }
.kinetic-geometry-response header b { color: #9178a7; font: 4.3px var(--mono); font-weight: 400; text-align: right; }
.kinetic-geometry-response svg { display: block; width: 100%; height: 168px; border-radius: 4px; background: linear-gradient(180deg,rgba(101,225,188,.018),rgba(214,156,255,.018)); }
.kinetic-geometry-response .axis-label { fill: #776b82; font: 4.8px var(--mono); }
.kinetic-geometry-response .zero { stroke: rgba(255,255,255,.16); stroke-width: .7; stroke-dasharray: 2 2; }
.kinetic-geometry-response .atom-response,.kinetic-geometry-response .contact-response { fill: none; vector-effect: non-scaling-stroke; }
.kinetic-geometry-response .atom-envelope { fill: rgba(101,225,188,.12); stroke: none; }
.kinetic-geometry-response .contact-envelope { fill: rgba(214,156,255,.12); stroke: none; }
.kinetic-geometry-response .atom-response { stroke: #65e1bc; stroke-width: 1.6; }
.kinetic-geometry-response .contact-response { stroke: #d69cff; stroke-width: 1.4; }
.kinetic-geometry-response .inspection { stroke: #ffc169; stroke-width: 1.1; filter: drop-shadow(0 0 2px rgba(255,193,105,.48)); }
.kinetic-geometry-response-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; }
.kinetic-geometry-response-summary span { min-width: 0; padding: 4px; border: 1px solid rgba(214,156,255,.1); color: #766780; font: 4px/1.3 var(--mono); text-transform: uppercase; }
.kinetic-geometry-response-summary strong { display: block; margin-top: 2px; overflow: hidden; color: #c1acce; font: 5px var(--mono); font-weight: 500; text-overflow: ellipsis; text-transform: none; white-space: nowrap; }
.kinetic-geometry-response > p { margin: 0 !important; color: #75697b !important; font: 4.4px/1.5 var(--mono); }
.frontier-mechanism-landscape { display: grid; grid-template-columns: minmax(0,1fr); gap: 4px; margin-top: 2px; padding: 5px; border: 1px solid rgba(103,191,255,.14); border-radius: 4px; background: radial-gradient(circle at 82% 12%,rgba(103,191,255,.05),transparent 50%),rgba(5,12,18,.34); }
.frontier-mechanism-landscape header { display: flex; justify-content: space-between; gap: 8px; }
.frontier-mechanism-landscape header span { display: grid; gap: 1px; }
.frontier-mechanism-landscape header small { color: #607f8d; font: 4px var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.frontier-mechanism-landscape header strong { color: #a8cad8; font: 5.5px var(--mono); font-weight: 500; }
.frontier-mechanism-landscape header b { color: #7594a2; font: 4.3px var(--mono); font-weight: 400; text-align: right; }
.frontier-mechanism-landscape svg { display: block; width: 100%; height: 184px; border-radius: 4px; background: linear-gradient(180deg,rgba(103,191,255,.018),rgba(5,9,14,.52)); }
.frontier-mechanism-landscape .axis { stroke: rgba(167,208,224,.18); stroke-width: .7; }
.frontier-mechanism-landscape .grid { stroke: rgba(167,208,224,.07); stroke-width: .55; stroke-dasharray: 2 3; }
.frontier-mechanism-landscape .zero { stroke: rgba(255,193,105,.42); stroke-width: .9; stroke-dasharray: 3 2; }
.frontier-mechanism-landscape .axis-label { fill: #6d8490; font: 4.8px var(--mono); }
.landscape-event { cursor: pointer; outline: none; }.landscape-event .point { fill: #65e1bc; stroke: rgba(220,248,241,.8); stroke-width: .8; }.landscape-event.detach .point { fill: #ffbd68; }.landscape-event.hop .point { fill: #8dbdff; }.landscape-event.exchange .point { fill: #d69cff; }.landscape-event.uphill .point { stroke: #ff708b; stroke-width: 1.5; }.landscape-event.uncertainty-overlapping-zero .point { stroke: #ffc169; stroke-width: 1.5; }.landscape-event.downhill .point { stroke: #89f0d2; stroke-width: 1.5; }.landscape-event.maximum-rate .point { filter: drop-shadow(0 0 3px rgba(255,255,255,.6)); }.landscape-event.inspected .point,.landscape-event:hover .point,.landscape-event:focus-visible .point { stroke: #fff; stroke-width: 2.5; }.landscape-event .whisker { stroke: rgba(196,220,230,.42); stroke-width: .85; }
.frontier-mechanism-landscape-legend { display: flex; flex-wrap: wrap; gap: 7px; color: #687e88; font: 4.2px var(--mono); }.frontier-mechanism-landscape-legend span { display: flex; align-items: center; gap: 3px; }.frontier-mechanism-landscape-legend i { width: 6px; height: 6px; border-radius: 50%; background: #65e1bc; }.frontier-mechanism-landscape-legend i.detach { background: #ffbd68; }.frontier-mechanism-landscape-legend i.hop { background: #8dbdff; }.frontier-mechanism-landscape-legend i.exchange { background: #d69cff; }.frontier-mechanism-landscape-legend em { width: 9px; height: 2px; background: #89f0d2; }.frontier-mechanism-landscape-legend em.ambiguous { background: #ffc169; }.frontier-mechanism-landscape-legend em.uphill { background: #ff708b; }
.frontier-mechanism-landscape-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; }.frontier-mechanism-landscape-summary span { min-width: 0; padding: 4px; border: 1px solid rgba(103,191,255,.1); color: #637b86; font: 4px/1.3 var(--mono); text-transform: uppercase; }.frontier-mechanism-landscape-summary strong { display: block; margin-top: 2px; overflow: hidden; color: #a9c6d2; font: 5px var(--mono); font-weight: 500; text-overflow: ellipsis; text-transform: none; white-space: nowrap; }.frontier-mechanism-landscape > p { margin: 0 !important; color: #687c85 !important; font: 4.4px/1.5 var(--mono); }
.finite-network-population { padding: 5px; border: 1px solid rgba(101,225,188,.15); border-radius: 5px; background: linear-gradient(135deg,rgba(101,225,188,.025),rgba(137,190,255,.018)); }.finite-network-population header { display: flex; justify-content: space-between; gap: 5px; }.finite-network-population header small,.finite-network-population header strong { display: block; }.finite-network-population header small { color: #668b84; font: 4.2px var(--mono); text-transform: uppercase; }.finite-network-population header strong { margin-top: 2px; color: #9bd7ca; font: 5.5px var(--mono); }.finite-network-population header b { color: #72a99d; font: 4.4px var(--mono); font-weight: 400; text-align: right; }.finite-network-population-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin-top: 4px; }.finite-network-population-controls label { color: #708c8d; font: 4.1px var(--mono); text-transform: uppercase; }.finite-network-population-controls select { display: block; width: 100%; margin-top: 2px; border: 1px solid rgba(101,225,188,.12); border-radius: 3px; color: #b6d9d2; background: #0c1518; font: 4.6px var(--mono); }.finite-network-population svg { display: block; width: 100%; height: 156px; margin-top: 4px; background: rgba(6,11,14,.5); }.finite-network-population .axis { stroke: rgba(155,215,202,.28); stroke-width: .8; }.finite-network-population .grid { stroke: rgba(137,190,255,.08); stroke-width: .6; }.finite-network-population .cursor { stroke: rgba(255,193,105,.45); stroke-width: .8; stroke-dasharray: 2 2; }.finite-network-population .population-line { fill: none; stroke-width: 1.5; opacity: .85; vector-effect: non-scaling-stroke; }.finite-network-population .population-point { stroke: rgba(255,255,255,.65); stroke-width: .7; }.finite-network-population text.label,.finite-network-population text.empty { fill: #718e8d; font: 5px var(--mono); }.finite-network-population-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 3px; margin-top: 4px; }.finite-network-population-summary span { padding: 4px; border: 1px solid rgba(101,225,188,.09); color: #66817f; font: 4px var(--mono); text-transform: uppercase; }.finite-network-population-summary strong { display: block; margin-top: 2px; color: #bdded7; font: 4.7px var(--mono); font-weight: 500; text-transform: none; }.finite-network-population > p { margin: 4px 0 0 !important; color: #738986 !important; font: 4.5px/1.45 var(--mono) !important; }