:root {
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:#17332f;
  background:#f4f6f3;
  font-size:15px
}
.readings-panel {
  margin-bottom:24px;
}
.field-map-table {
  width:100%;border-collapse:collapse;text-align:left;
}
.field-map-table td,.field-map-table th {
  border-bottom:1px solid #e3e9df;padding:12px 5px;vertical-align:top;font-size:12px;
}
.field-map-table small,.field-map-table a {
  display:block;font-size:11px;margin-top:5px;color:#597461;
}
.field-map-table td div {
  margin-bottom:10px;
}
#readingHighlights {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
  margin:18px 0;
}
.current-highlight {
  background:#f0f5ec;
  padding:16px;
  border:1px solid #d4e0d1;
  border-radius:8px;
}
.current-highlight span,.current-highlight small {
  display:block;
  font-size:12px;
  color:#637b6a;
}
.current-highlight strong {
  display:block;
  font-size:30px;
  margin:10px 0;
}
.reading-group {
  border-top:1px solid #dae4db;
  padding:18px 0;
}
.reading-group > a {
  color:#20624a;
  font-weight:650;
  margin-right:12px;
}
.reading-group table {
  width:100%;
  border-collapse:collapse;
  margin-top:12px;
  text-align:left;
}
.reading-group td,.reading-group th {
  padding:10px 6px;
  border-bottom:1px solid #edf0eb;
  vertical-align:top;
  font-size:13px;
}
.reading-group small {
  display:block;
  color:#718375;
  margin-top:5px;
  font-size:11px;
}
.reading-group .conflict {
  color:#8b4e12;
}
#transcripts pre {
  white-space:pre-wrap;
  font-size:12px;
}
#transcripts details {
  border-top:1px solid #e2e8df;
  padding:10px 0;
}
* {
  box-sizing:border-box
}
body {
  margin:0;
  display:flex;
  min-height:100vh
}
aside {
  width:244px;
  flex-shrink:0;
  background:#123e35;
  color:#dce9e3;
  padding:35px 22px;
  display:flex;
  flex-direction:column;
  gap:20px
}
.brand {
  color:white;
  text-decoration:none;
  font-size:24px;
  font-weight:800;
  letter-spacing:2px
}
.brand span {
  display:block;
  font-size:10px;
  letter-spacing:3px;
  margin-top:6px
}
.eyebrow {
  font-size:11px;
  font-weight:700;
  letter-spacing:1.7px;
  color:#668379
}
aside .eyebrow {
  color:#a0bfb0;
  margin-top:35px
}
#jobs {
  display:grid;
  gap:8px
}
#jobs button {
  width:100%;
  text-align:left;
  background:transparent;
  color:#e4eee8;
  border:1px solid #4e7063;
  font-weight:400
}
#jobs button.selected {
  background:#2d5b4c;
  border-color:#95c5a9
}
.local {
  font-size:12px;
  color:#a5bfb3;
  line-height:1.6;
  margin-top:auto;
  padding-top:40px
}
main {
  padding:32px 48px;
  max-width:1500px;
  width:100%
}
header,.title-row,.panel-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px
}
header {
  margin-bottom:44px
}
.pill {
  font-size:12px;
  background:#e4ebe1;
  border-radius:20px;
  padding:8px 13px
}
h1 {
  font-size:36px;
  letter-spacing:-1.3px;
  margin:10px 0 14px;
  font-weight:650
}
h2 {
  font-size:18px;
  letter-spacing:-.3px;
  margin:0 0 20px
}
p {
  line-height:1.6
}
.muted {
  color:#6c7e73;
  font-size:13px
}
.notice {
  background:#ebefe4;
  border:1px solid #d7dfcb;
  border-radius:9px;
  padding:18px 22px;
  line-height:1.6;
  margin:24px 0;
  font-size:14px
}
.status-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1.6fr;
  gap:18px;
  margin-top:30px
}
.metric,.panel {
  background:white;
  border:1px solid #dce4db;
  border-radius:12px;
  padding:24px
}
.metric span {
  font-size:12px;
  color:#687c70;
  display:block
}
.metric strong {
  display:block;
  font-size:32px;
  margin-top:10px
}
.metric .small {
  font-size:19px;
  margin-top:18px
}
.columns {
  display:grid;
  grid-template-columns:1.5fr 1fr;
  gap:22px;
  margin-bottom:22px
}
button,.button {
  font:inherit;
  display:inline-block;
  background:#20624a;
  color:white;
  border:1px solid #20624a;
  border-radius:6px;
  padding:11px 16px;
  cursor:pointer;
  text-decoration:none;
  font-size:13px;
  font-weight:600
}
button:hover,.button:hover {
  filter:brightness(.94)
}
button:disabled {
  opacity:.6;
  cursor:wait
}
.secondary {
  background:transparent;
  color:#315d49;
  border-color:#b8cabc
}
aside .secondary {
  color:white;
  border-color:#87a391
}
label {
  display:block;
  font-size:13px;
  margin:15px 0
}
input,textarea {
  font:inherit;
  width:100%;
  border:1px solid #c4d2c8;
  border-radius:6px;
  padding:11px;
  background:#fff;
  color:#17332f;
  margin-top:8px
}
input:focus,textarea:focus {
  outline:2px solid #6da485;
  outline-offset:2px
}
textarea {
  resize:vertical;
  min-height:135px
}
#jobForm {
  max-width:600px
}
#message:not(:empty) {
  padding:14px 18px;
  background:#fff4d6;
  border:1px solid #dccca4;
  border-radius:6px;
  margin-bottom:22px;
  white-space:pre-wrap
}
.drop {
  border:1px dashed #9bb7a6;
  border-radius:8px;
  padding:24px;
  text-align:center;
  background:#f8faf6;
  font-size:15px
}
.drop span {
  display:block;
  color:#778b7d;
  font-size:11px;
  margin-top:12px
}
.drop input {
  font-size:12px;
  border:0;
  background:transparent
}
.photos {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(145px,1fr));
  gap:16px
}
.photo {
  border:1px solid #dce4db;
  border-radius:8px;
  overflow:hidden;
  padding:10px;
  font-size:12px
}
.photo img {
  width:100%;
  height:128px;
  object-fit:contain;
  background:#f1f3ef
}
.photo p {
  overflow-wrap:anywhere;
  margin:8px 0
}
.photo button {
  padding:7px 10px;
  width:100%;
  font-size:11px
}
.badge {
  display:block;
  font-size:11px;
  color:#785a1f;
  padding:5px 0
}
.note {
  border-top:1px solid #e4e9e1;
  margin-top:20px;
  padding-top:15px;
  white-space:pre-wrap;
  font-size:13px;
  overflow-wrap:anywhere
}
.activity {
  padding:10px 0;
  border-top:1px solid #ecf0e9;
  font-size:12px;
  color:#637c6d
}
dialog {
  border:1px solid #c2d3c6;
  border-radius:12px;
  max-width:480px;
  padding:28px
}
dialog::backdrop {
  background:#092f2866
}
.actions {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:24px
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}
[hidden] {
  display:none!important
}
@media(max-width:1100px) {
  main {
    padding:24px
  }
  .columns {
    grid-template-columns:1fr
  }
  .status-grid {
    grid-template-columns:1fr 1fr
  }
  .metric:last-child {
    grid-column:1/-1
  }
}
@media(max-width:850px) {
  body {
    display:block
  }
  aside {
    width:100%;
    padding:16px 20px;
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px
  }
  .brand {
    font-size:20px
  }
  .brand span {
    font-size:8px
  }
  .local,aside .eyebrow {
    display:none
  }
  #jobs {
    grid-column:1/-1;
    grid-row:2;
    grid-template-columns:1fr 1fr
  }
  #jobs button {
    font-size:12px;
    padding:8px
  }
  header {
    margin-bottom:20px
  }
  .title-row {
    align-items:flex-start;
    flex-direction:column;
    gap:10px
  }
  h1 {
    font-size:28px
  }
  main {
    padding:20px
  }
  .metric {
    padding:16px
  }
  .metric strong {
    font-size:26px
  }
  .notice {
    padding:14px;
    margin:18px 0
  }
}

/* Keep original source evidence beside the review controls on mobile and desktop. */
.review-photo { display:block; width:100%; max-height:45vh; object-fit:contain; background:#14231e; border-radius:10px; margin:12px 0; }
.review-photo[hidden] { display:none; }
dialog { max-height:90vh; overflow-y:auto; }

/* Field Deck: a late-90s stereo skin, using native controls and original evidence. */
:root { color-scheme:dark; color:#e4e7f3; background:#11121b; font-family:Segoe UI,Arial,sans-serif; }
body { background:radial-gradient(ellipse at 80% 0%,#30204b66,transparent 50%),repeating-linear-gradient(0deg,#12131c 0px,#12131c 3px,#151620 4px); }
aside { background:linear-gradient(100deg,#252733,#181a24); border-right:2px solid #080911; box-shadow:inset -1px 0 #454858; padding:30px 20px; }
.brand { font-style:italic; color:#f5f5ff; text-shadow:2px 2px #7160aa; }
.brand span { color:#bcacff; font-style:normal; }
aside .eyebrow { color:#9699b5; }
#jobs button { border:1px solid #4e5065; background:#151722; color:#c4c6df; border-radius:4px; line-height:1.5; }
#jobs button.selected { border-color:#a997ff; background:linear-gradient(90deg,#514077,#2a2840); color:#fff; box-shadow:inset 3px 0 #c6ff72; }
.local { color:#a2a6bd; }
main { padding:26px 36px; min-width:0; }
.deck-header { display:block; padding:6px; border:1px solid #6b6c80; border-radius:9px; background:linear-gradient(135deg,#454757,#242632 55%,#393b4b); box-shadow:0 12px 35px #0005,inset 0 1px #9998; margin-bottom:32px; }
.deck-title { display:flex; align-items:center; gap:9px; padding:7px 9px 11px; font-size:10px; letter-spacing:2px; font-weight:800; color:#d3d5e8; }
.deck-led { width:7px;height:7px;background:#b9ff68;box-shadow:0 0 8px #a5ff55;border-radius:50%; }
.deck-version { margin-left:auto; font-family:Consolas,monospace; color:#a8aabd; }
.deck-display { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px; background:repeating-linear-gradient(0deg,#0e1519 0,#0e1519 2px,#111b20 3px); border:2px solid #080b11; border-bottom-color:#55576b; border-right-color:#55576b; border-radius:4px; }
.deck-display .eyebrow { display:block; color:#a5ff85; font-family:Consolas,monospace; font-size:10px; letter-spacing:2px; }
.deck-display strong { display:block; color:#d5ffc3; font-family:Consolas,monospace; font-size:clamp(18px,2.4vw,30px); font-weight:400; margin:12px 0; text-shadow:0 0 12px #98ff5955; }
.deck-caption { font:9px Consolas,monospace; letter-spacing:1px; color:#7b9a91; }
.equalizer { height:64px;display:flex;align-items:flex-end;gap:4px;flex-shrink:0; }
.equalizer i { width:6px;height:45%;background:repeating-linear-gradient(to top,#a9ff66 0,#a9ff66 3px,transparent 3px,transparent 5px); }
.equalizer i:nth-child(3n) {height:85%;}.equalizer i:nth-child(3n+1) {height:62%;}.equalizer i:nth-child(4n) {height:100%;}.equalizer i:nth-child(5n) {height:30%;}
.deck-footer { display:flex;justify-content:space-between;align-items:center;padding:10px 9px 4px;gap:12px; }
.transport { font:13px Consolas,monospace;color:#c9cadd;text-shadow:0 1px #000;letter-spacing:2px; }
.pill { border:1px solid #62567e;background:#272332;color:#c9b7ff;border-radius:3px;font:9px Consolas,monospace;letter-spacing:1px; }
.eyebrow { color:#aa9bcc; } h1 { color:#f3f2ff;font-weight:750;font-size:clamp(26px,3vw,36px);letter-spacing:-1px; } h2 { color:#eae7ff;font-size:17px; }
.title-row { align-items:flex-start; } #serial { color:#a7b0c6;font:12px Consolas,monospace; }
.metric,.panel { border:1px solid #434455; background:linear-gradient(125deg,#252734,#1d1f2c);border-radius:7px;box-shadow:inset 0 1px #67677944,0 5px 14px #0002; }
.metric { position:relative; padding:20px; border-top:2px solid #a393d4; }
.metric span { color:#b4b4cd;text-transform:uppercase;font:10px Consolas,monospace;letter-spacing:1px; }
.metric strong { color:#c5ff8d;font-family:Consolas,monospace;font-weight:400;text-shadow:0 0 12px #9cff4433; }
.metric .small { color:#ffc982;font-size:17px; }
.notice { background:#292638;border-color:#514563;border-left:3px solid #ac93e5;color:#c4bed5;font-size:12px;border-radius:4px; }
.muted,.reading-group small,.field-map-table small,.current-highlight small,.current-highlight span { color:#a6adc5; }
a,.reading-group > a,.field-map-table a { color:#b4d5ff; }
button,.button { border:1px solid #a99bce;border-bottom-color:#51486e;background:linear-gradient(#b8a6e7,#8875b6);color:#171225;border-radius:4px;box-shadow:inset 0 1px #fff6,0 2px 0 #0b0b14;min-height:40px;font-size:12px;font-weight:700; }
button:hover,.button:hover { filter:brightness(1.12); } button:active,.button:active { transform:translateY(1px);box-shadow:inset 0 2px 3px #0005; }
.secondary,aside .secondary { color:#e0deed;background:linear-gradient(#414352,#2c2e3e);border-color:#676b80;border-bottom-color:#171823; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:2px solid #c5ff8d;outline-offset:3px; }
input,textarea { background:#10131e;color:#e1f4d9;border:1px solid #51576d;border-top-color:#080a11;border-left-color:#080a11;border-radius:4px;box-shadow:inset 0 2px 4px #0004; }
input:focus,textarea:focus { outline:2px solid #b6a0ec; }
input::placeholder,textarea::placeholder { color:#838ba5; }
input[type=checkbox] { width:20px;height:20px;margin:0;accent-color:#b4ed7c;box-shadow:none; }
.current-highlight { background:repeating-linear-gradient(0deg,#101b1b 0,#101b1b 2px,#142021 3px);border-color:#425d55;border-radius:4px; }
.current-highlight strong { color:#c0ff88;font-family:Consolas,monospace;font-weight:400; }
.reading-group,.reading-group td,.reading-group th,.field-map-table td,.field-map-table th,#transcripts details,.note,.activity { border-color:#3c3f53; }
.reading-group th,.field-map-table th { font:10px Consolas,monospace;letter-spacing:.6px;text-transform:uppercase;color:#ada3c8; }
.reading-group .conflict,.badge { color:#ffca85; }
.drop { background:#191d2b;border:1px dashed #82749f;color:#ddd5ee; }.drop span { color:#a5adc7; }
.photo { background:#181c28;border-color:#43495e;border-radius:4px; }.photo img { background:#0e1119; }.activity { color:#a5adc7; }
#message:not(:empty) { background:#302a1e;border-color:#826a44;color:#ffdfa3; }
dialog { width:min(720px,calc(100vw - 24px));max-width:720px;background:linear-gradient(135deg,#303242,#1d202e);color:#e7e9f5;border:1px solid #8c819f;border-top:4px solid #b7a0e6;border-radius:8px;box-shadow:0 28px 90px #000b;padding:24px; }
dialog::backdrop { background:#060813bf;backdrop-filter:blur(4px); }
dialog h2 { font-size:20px; } .review-photo { border:1px solid #53546c;background:#090d14;max-height:42vh; }
#readingError:not(:empty),#readingPhotoError:not(:empty) { background:#312d24;color:#f0d49e;border-left:2px solid #d8b367;padding:10px;font-size:12px; }
#photoReadingFields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px; }
#photoReadingFields label { display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;margin:0;padding:12px;background:#171c29;border:1px solid #44495f;border-radius:4px;font-size:12px; }
#photoReadingFields label input[type=number] { grid-column:1/-1;margin:0; }
.actions { position:sticky;bottom:-24px;background:#232635;padding:15px 0;margin-top:16px;border-top:1px solid #47495c;z-index:1;flex-wrap:wrap; }
@media(max-width:900px) { main { padding:22px; }.columns {grid-template-columns:1fr;} aside {width:205px;} }
@media(max-width:700px) { body{display:block;}aside{width:100%;padding:18px;gap:12px;border-right:0;border-bottom:2px solid #060911;} aside .eyebrow,.local{display:none;} .brand{font-size:20px;}#jobs button{padding:10px;} main{padding:16px;}.deck-header{margin-bottom:24px;}.deck-display{padding:16px;}.equalizer{gap:3px;height:44px;}.equalizer i{width:4px;}.deck-caption{font-size:8px;}.transport{font-size:11px;letter-spacing:0;}.deck-title{font-size:9px;}.title-row{flex-direction:column;gap:8px;}.status-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;}.status-grid .metric:last-child{grid-column:1/-1;}.metric,.panel{padding:16px;}.field-map-table td,.field-map-table th{font-size:11px;overflow-wrap:anywhere;}.panel-heading{gap:10px;align-items:flex-start;}.panel-heading button{flex-shrink:0;}dialog{padding:18px;}.actions{bottom:-18px;}#photoReadingFields{grid-template-columns:1fr;}.reading-group td,.reading-group th{font-size:11px;}.reading-group button{padding:8px;}.deck-footer .pill{font-size:8px;} }

/* Chrome/LCD skin inspired by sculpted late-90s desktop players. */
:root { background:#141918;color:#e0f0df; }
body { background:radial-gradient(ellipse at 70% 0%,#60726455,transparent 55%),repeating-linear-gradient(135deg,#171d1b 0,#171d1b 2px,#1b221f 3px,#1b221f 5px); }
aside { background:linear-gradient(100deg,#434b47,#202824 65%,#78827a);border-color:#101713;box-shadow:inset -2px 0 #c4cec4; }
.brand { color:#e8ffda;text-shadow:0 2px #142512,0 -1px #fff;font-style:italic; }.brand span{color:#9cff65;}
#jobs button { background:linear-gradient(#0d2214,#193a22);border:2px solid #7b8c7b;box-shadow:inset 0 2px 8px #0009;color:#a5ff76;font-family:Consolas,monospace; }
#jobs button.selected { background:linear-gradient(#21492a,#102b18);border-color:#b4d4ad;box-shadow:inset 3px 0 #83ff3c,inset 0 2px 9px #0009;color:#b8ff94; }
.deck-header { padding:10px 12px 8px;border-radius:38px 12px 38px 12px;border:2px solid #b8c2b8;background:linear-gradient(130deg,#eff4eb 0%,#8b978e 7%,#e1e9e0 13%,#66746c 28%,#c0ccc0 46%,#f5f8f1 49%,#747f78 56%,#c2cec4 72%,#515e55 92%,#d5ded4 100%);box-shadow:0 16px 25px #0009,inset 2px 2px 2px #fff,inset -3px -3px 3px #25372a; }
.deck-title { color:#1b3022;text-shadow:0 1px #fff9;font-style:italic;font-size:11px;letter-spacing:2px;padding:5px 16px 10px; }.deck-version {color:#29452f;}
.deck-led {background:#6dff21;border:1px solid #335f2b;box-shadow:0 0 8px #83ff27;}
.deck-display { position:relative;overflow:hidden;border-radius:80px 20px 70px 20px;padding:28px 30px;border:5px solid #394d3f;outline:1px solid #d8e6d6;background:radial-gradient(ellipse at 20% 5%,#72a95d55,transparent 65%),repeating-linear-gradient(0deg,#092111 0,#092111 2px,#0d2a15 3px);box-shadow:inset 0 6px 15px #000c,0 2px 0 #fff9; }
.deck-display::after {content:'';pointer-events:none;position:absolute;top:0;left:0;right:0;height:44%;background:linear-gradient(#efffe526,transparent);border-radius:90% 0 85% 0;}
.deck-display .eyebrow {color:#8dff58;}.deck-display strong {color:#9cff68;text-shadow:0 0 6px #72ff3a88;font-size:clamp(18px,2.6vw,32px);}.deck-caption {color:#62b54a;}
.equalizer i {background:repeating-linear-gradient(to top,#62fc22 0,#62fc22 3px,transparent 3px,transparent 5px);filter:drop-shadow(0 0 3px #77ff2644);width:7px;}
.deck-footer {padding:12px 14px 5px;}.transport {color:#254c2c;text-shadow:0 1px #fff;font-size:17px;background:linear-gradient(#f4f7ee,#9cafa0);border:2px outset #c7d3c4;padding:5px 14px;border-radius:30px;box-shadow:0 2px 3px #0006;}
.pill {background:#163420;color:#a0ff6c;border:2px inset #92a68d;border-radius:12px;box-shadow:inset 0 1px 5px #0008;}
.eyebrow {color:#a9c39e;}h1{color:#e6f3dd;}h2{color:#ddf6d2;font-family:Consolas,monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:15px;}
.panel {border-radius:3px 3px 16px 3px;border:2px solid #8c9c8f;border-top:7px ridge #bac5b8;background:linear-gradient(110deg,#303e34,#1a281f);box-shadow:inset 0 1px #d5dfcb44,0 5px 12px #0007;}
.panel > h2,.panel-heading {border-bottom:2px groove #778573;padding-bottom:10px;margin-bottom:15px;}.panel-heading h2{margin-bottom:0;}
.metric {background:linear-gradient(145deg,#c6d3bf,#748772 8%,#283e28 10%,#122812 92%,#6a7f62 94%,#dbe2d2);border:2px outset #adbca4;border-radius:18px 5px 18px 5px;box-shadow:0 5px 9px #0006;padding:20px;}.metric span{color:#a8c999;}.metric strong{color:#8dff54;text-shadow:0 0 8px #73ff3a66;}.metric .small{color:#dfec9e;}
button,.button {background:linear-gradient(155deg,#f0f4e9 0%,#b8c6b3 40%,#7f967b 49%,#d8e2ce 53%,#a4b69d 100%);color:#1c3f23;border:2px outset #becdb4;border-radius:18px 5px 18px 5px;box-shadow:0 3px 4px #0008,inset 0 1px #fff;text-shadow:0 1px #fff7;}
.secondary,aside .secondary {background:linear-gradient(#899b85,#ced8c5 47%,#84977e 51%,#aebda2);color:#203e22;border-color:#aaba9e;}
button:active,.button:active{border-style:inset;background:linear-gradient(#7b9074,#bccbb1);}.notice{background:#263322;border-color:#627750;border-left-color:#94bd70;color:#cbd9bd;}
a,.reading-group > a,.field-map-table a{color:#a0d98c;}.muted,.reading-group small,.field-map-table small,.current-highlight small,.current-highlight span{color:#afc3a5;}
.current-highlight {background:repeating-linear-gradient(0deg,#102b12 0,#102b12 2px,#153719 3px);border:3px inset #829775;border-radius:12px 3px 12px 3px;}.current-highlight strong{color:#93ff5d;}
input,textarea {background:#102215;color:#b9ff9a;border:2px inset #7f9675;border-radius:4px;font-family:Consolas,monospace;}.drop{background:#172c1c;border:2px dashed #8ba27a;color:#d7e9cc;}.drop span,.activity{color:#aec2a1;}
.photo{border:2px outset #74866a;border-radius:5px;background:#1d3021;}.photo img{background:#0c180e;}.reading-group,.reading-group td,.reading-group th,.field-map-table td,.field-map-table th,.note,.activity{border-color:#4c6249;}.field-map-table th,.reading-group th{color:#bed3aa;}
dialog {background:linear-gradient(125deg,#455641,#203523 75%);border:4px ridge #b9c5ab;border-radius:24px 6px 24px 6px;box-shadow:0 20px 90px #000d,inset 1px 1px #efffe2;}.review-photo{border:3px inset #9aab8c;border-radius:16px 4px 16px 4px;background:#071008;}
#photoReadingFields label {background:linear-gradient(#1c3421,#142719);border:2px inset #718667;border-radius:5px;color:#d0e8bf;}input[type=checkbox]{accent-color:#8af34e;}.actions{background:#263c29;border-color:#667b5c;}
@media(max-width:700px){.deck-header{padding:8px;border-radius:28px 8px 28px 8px;}.deck-display{padding:22px 16px;border-width:3px;border-radius:45px 10px 45px 10px;}.deck-display strong{font-size:20px;}.deck-title{font-size:9px;letter-spacing:1px;}.equalizer i{width:4px;}.transport{font-size:12px;padding:5px 9px;}.deck-footer{padding:12px 5px 4px;}.metric{padding:18px;}dialog{padding:16px;}.actions{bottom:-16px;} }

#banterToggle {font-size:10px;padding:6px 10px;min-height:30px;white-space:nowrap;}
#deckBanter {position:fixed;inset:auto 18px 18px auto;margin:0;width:min(350px,calc(100vw - 36px));padding:14px 18px;border:3px ridge #bac9ad;border-radius:18px 4px 18px 4px;background:linear-gradient(125deg,#173b20,#0a2111);color:#bcff91;box-shadow:0 8px 30px #0009;font:13px/1.5 Consolas,monospace;pointer-events:none;}
#deckBanter::backdrop {background:transparent;pointer-events:none;}
.banter-label {display:block;font-size:9px;color:#7eb567;letter-spacing:1.5px;margin-bottom:5px;}
@media(max-width:700px){.deck-footer{flex-wrap:wrap;}#deckBanter{inset:12px 12px auto auto;width:min(330px,calc(100vw - 24px));font-size:12px;}}

#reportAnswerFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#reportAnswerFields textarea{min-height:64px;}select{display:block;width:100%;margin-top:8px;padding:12px;background:#102215;color:#c5f5ae;border:2px inset #7f9675;border-radius:4px;}@media(max-width:700px){#reportAnswerFields{grid-template-columns:1fr;}}

body.signed-out{display:block;}body.signed-out>aside,body.signed-out>main{display:none;}#accessGate{max-width:480px;margin:8vh auto;padding:28px;} .access-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;}#signedInAs{margin-right:auto;font:12px Consolas,monospace;}#adminPanel{margin-bottom:24px;}.account-card{padding:16px;border:1px solid #849578;margin:16px 0;}.account-card label{display:flex;gap:12px;align-items:center;}@media(max-width:600px){#accessGate{margin:24px 12px;}}

.report-answer-card{padding:16px;border:1px solid #718667;background:#15291b;border-radius:8px;min-width:0;}.report-answer-card>b,.report-answer-card>small{display:block;}.report-answer-card>small{color:#aabd9c;font-size:11px;margin:8px 0;}.report-answer-card textarea{min-height:92px!important;background:#07190d;border:2px inset #9eb58c;}.report-answer-card input,.report-answer-card select{min-height:44px;}.report-answer-card [hidden]{display:none!important;}

body:not(.signed-out){padding-top:calc(76px + env(safe-area-inset-top,0px));}
.workspace-navigation{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;gap:10px;align-items:center;padding:10px 16px;background:#18281ef5;box-shadow:0 3px 10px #0008;backdrop-filter:blur(8px);}
.workspace-navigation button{min-height:48px;margin:0;}
#navigateBack{min-width:48px;font-size:25px;padding:5px 12px;}
#topChecklist{flex:1;max-width:360px;text-align:left;}
#workOrders{scroll-margin-top:calc(90px + env(safe-area-inset-top,0px));}
body.signed-out{padding-top:0;}
@media(max-width:600px){.workspace-navigation{padding:8px 12px;padding-top:max(8px,env(safe-area-inset-top));}#topChecklist{font-size:13px;}}

.autosave-status{margin-top:12px;padding:10px;border-left:3px solid #8ed368;background:#102215;color:#c5e5b6;font-size:12px;}.autosave-status button{margin:8px 8px 0 0;min-height:44px;}

.photo-upload-card{padding:14px;margin:14px 0;border:1px solid #819b74;border-radius:8px;background:#13281a;}.photo-upload-card img{display:block;max-width:100%;max-height:220px;object-fit:contain;margin:10px 0;}.photo-upload-card button{margin:6px 8px 0 0;min-height:44px;}#takePhoto{min-height:48px;}

/* Matrix transfer display: animation is decorative; acknowledgement controls completion. */
.matrix-upload{position:relative;isolation:isolate;overflow:hidden;margin:14px 0;border:1px solid #3b7051;border-radius:8px;background:#020b06;box-shadow:inset 0 0 35px #000,0 0 20px #27ff6412;min-height:164px}.matrix-rain{position:absolute;inset:0;overflow:hidden;opacity:.5;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent 45%,#000)}.matrix-rain span{position:absolute;left:calc(var(--column)*5.8%);top:-220px;writing-mode:vertical-rl;white-space:pre;color:#3dfb7b;text-shadow:0 0 6px #28ff65;font:16px/1.4 monospace;letter-spacing:6px;animation:matrix-fall calc(2.6s + var(--column)*.13s) linear infinite;animation-delay:calc(var(--column)*-.43s)}.matrix-readout{position:relative;z-index:1;display:grid;gap:8px;padding:20px 24px;color:#b1ffd0;text-align:center;background:linear-gradient(90deg,transparent,#020b06b8 35%,#020b06b8 65%,transparent)}.matrix-readout strong{font:11px monospace;letter-spacing:3px;color:#7cba91}.matrix-readout b{font:700 34px/1.1 monospace;color:#d9ffe4;text-shadow:0 0 14px #71ffa34d}.matrix-readout progress{appearance:none;width:100%;height:5px;accent-color:#68ff9e;border:0;background:#153122}.matrix-readout progress::-webkit-progress-bar{background:#153122}.matrix-readout progress::-webkit-progress-value{background:#68ff9e;box-shadow:0 0 12px #68ff9e}.matrix-readout small{font:11px/1.5 monospace;color:#a3c6ae}.upload-recovery{display:block;color:#a3b7a5}.upload-status{overflow-wrap:anywhere}@keyframes matrix-fall{to{transform:translateY(440px)}}@media(prefers-reduced-motion:reduce){.matrix-rain span{animation:none;top:-30px}}

.review-navigation{position:sticky;top:-16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;background:#263c29;border-bottom:1px solid #667b5c}.review-navigation h2{margin:0;font-size:18px}.review-navigation button{min-height:44px;flex-shrink:0}.review-guidance{padding:12px;border-left:3px solid #a6d788;background:#142719;line-height:1.5;font-size:13px}#readingDialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain}