:root{
  --ground:#FAF6EC; --card:#FFFDF7; --sunk:#F2EADA;
  --ink:#1A1510; --ink2:#2E2823; --muted:#5C5348; --floor:#6B6357;
  --accent:#E8540A; --textorange:#A93C08; --tint:#FBEEE4;
  --line:#E4DCC8; --line2:#D8CDB4; --edge:#8A8175;
  --stop:#B03A2E; --go:#1E5C33;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{background:var(--ground);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;font-size:15px;line-height:1.55;padding-bottom:64px}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
[hidden]{display:none !important}

/* masthead */
.mast{border-bottom:1px solid var(--line);background:var(--card)}
.mast .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;flex-wrap:wrap}
.mark{font-family:"Bebas Neue",sans-serif;font-size:24px;letter-spacing:.05em;line-height:1}
.mark em{font-style:normal;color:var(--accent)}
.mark span{display:block;font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-top:2px}
.roles{display:flex;gap:2px;background:var(--sunk);padding:3px;border-radius:9px;flex-wrap:wrap}
.roles button{padding:6px 13px;border-radius:7px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.roles button[aria-selected="true"]{background:var(--accent);color:#0A0A0A;font-weight:500}
.banner{background:var(--tint);border-bottom:1px solid var(--line)}
.banner .wrap{padding:9px 20px;font-size:12.5px;color:var(--ink2)}
.banner b{color:var(--textorange)}

h1{font-family:"Bebas Neue",sans-serif;font-size:38px;letter-spacing:.015em;line-height:1;margin-bottom:6px}
.sub{color:var(--muted);font-size:14px;max-width:62ch;margin-bottom:22px}
.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--textorange);margin-bottom:7px}
section.view{padding-top:26px}

.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:22px;overflow-x:auto}
.tabs button{padding:0 0 10px;font-size:13.5px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent);font-weight:500}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 15px}
.stat .k{font-size:12.5px;color:var(--muted)}
.stat .v{font-family:"Bebas Neue",sans-serif;font-size:32px;line-height:1.05}
.stat .n{font-size:12px;color:var(--muted);margin-top:1px}

table{width:100%;border-collapse:collapse;font-size:13.5px}
th{font-weight:400;color:var(--muted);text-align:left;font-size:12.5px;padding:0 10px 8px 0}
td{padding:11px 10px 11px 0;border-top:1px solid var(--line);vertical-align:top}
tr.dim td{color:var(--muted)}
.pill{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:20px;white-space:nowrap}
.pill.on{background:#E3EEE6;color:var(--go)}
.pill.off{background:var(--sunk);color:var(--muted)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:16px}
.panel h3{font-size:15px;font-weight:500;margin-bottom:3px}
.panel .h-note{font-size:13px;color:var(--muted);margin-bottom:14px}

label.field{display:block;margin-bottom:13px}
label.field span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:4px}
input[type=text],input[type=time],select,textarea{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--ground);border:1px solid var(--line2);border-radius:8px;padding:8px 11px}
textarea{line-height:1.6;resize:vertical}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.note{background:var(--tint);border-left:3px solid var(--accent);padding:11px 14px;font-size:13px;line-height:1.55;color:var(--ink2);margin-top:6px}
.note b{color:var(--textorange)}
.src{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.06em;color:var(--muted);margin-top:10px}

.chart{width:100%;height:auto;display:block;margin-bottom:4px}
.ax{font-family:"DM Mono",monospace;font-size:10px;fill:#5C5348;letter-spacing:.06em}
.ylab{font-family:"DM Mono",monospace;font-size:10px;fill:#5C5348;letter-spacing:.12em;text-transform:uppercase}
.ev{font-family:"DM Sans",sans-serif;font-size:10px;fill:#6B5B7A}
.ann{font-family:"DM Sans",sans-serif;font-size:10px;fill:#3E5C6B}
.lg{font-family:"DM Sans",sans-serif;font-size:12px;fill:#1A1510}

.openq{border:1px dashed var(--line2);border-radius:10px;padding:14px 16px;margin-top:22px}
.openq h4{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-weight:400}
.openq li{font-size:13px;color:var(--ink2);line-height:1.55;margin-bottom:5px;list-style:none;padding-left:14px;position:relative}
.openq li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:var(--line2);border-radius:50%}

/* ============ TEAMMATE ============ */
.stage{max-width:420px;margin:0 auto}
.flowpick{display:flex;gap:3px;background:#DFD7C6;padding:3px;border-radius:9px;margin-bottom:16px}
.flowpick button{flex:1;padding:7px;border-radius:7px;font-size:12.5px;color:var(--muted)}
.flowpick button[aria-selected="true"]{background:var(--accent);color:#0A0A0A;font-weight:500}
.phone{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(26,21,16,.05),0 10px 28px rgba(26,21,16,.09);display:flex;flex-direction:column;min-height:600px}
.bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid var(--line)}
.bar .who{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bar .clock{font-family:"DM Mono",monospace;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
.bar .clock.over{color:var(--textorange)}
.pbody{flex:1;display:flex;flex-direction:column;padding:22px 20px 0}
.count{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.q{font-size:23px;line-height:1.3;font-weight:500;margin-bottom:34px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;display:block}
input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:6px;border:1px solid var(--edge);background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--fill,0%),#EFE9DC var(--fill,0%),#EFE9DC 100%)}
input[type=range]::-moz-range-track{height:12px;border-radius:6px;border:1px solid var(--edge);background:#EFE9DC}
input[type=range]::-moz-range-progress{height:12px;border-radius:6px;background:var(--accent)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--accent);border:3px solid var(--textorange);margin-top:-10px}
input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:var(--accent);border:3px solid var(--textorange)}
.anchors{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-top:2px}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:8px}
.chips button{border:1px solid var(--line2);background:var(--ground);border-radius:22px;padding:11px 16px;font-size:14px;color:var(--ink2);min-height:44px}
.chips button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#0A0A0A;font-weight:500}
.actions{padding:0 20px 12px;display:flex;gap:10px}
.actions .next{flex:1;background:var(--accent);color:#0A0A0A;font-weight:500;border-radius:10px;min-height:48px;font-size:15.5px}
.actions .skip{border:1px solid var(--line2);border-radius:10px;min-height:48px;padding:0 16px;font-size:14px;color:var(--ink2);background:var(--ground)}
.pfoot{border-top:1px solid var(--line);padding:12px 20px 16px;text-align:center}
.pfoot .p{font-size:12.5px;color:var(--ink2)}
.pfoot .bail{display:inline-block;margin-top:7px;font-size:12.5px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.done{flex:1;display:flex;flex-direction:column;justify-content:center;padding:30px 24px;text-align:center}
.done .tick{font-family:"Bebas Neue",sans-serif;font-size:46px;line-height:1;color:var(--accent);margin-bottom:6px}
.done h2{font-size:21px;font-weight:500;margin-bottom:8px}
.done p{font-size:14px;color:var(--ink2);line-height:1.6;margin-bottom:20px}
.help{background:var(--tint);border-radius:10px;padding:13px 15px;text-align:left}
.help .k{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--textorange);margin-bottom:4px}
.help p{font-size:13px;margin:0;color:var(--ink2)}
.consent{padding:26px 22px}
.consent h2{font-family:"Bebas Neue",sans-serif;font-size:30px;line-height:1.05;margin-bottom:12px}
.consent .cs{margin-bottom:15px}
.consent a{color:var(--textorange);text-decoration:underline}
.consent .cs .ck{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--textorange);margin-bottom:3px}
.consent .cs p{font-size:13.5px;color:var(--ink2);line-height:1.6}
.sms{background:var(--sunk);border-radius:12px;padding:14px 16px;margin-bottom:16px}
.sms .k{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.sms p{font-size:14px;line-height:1.55}
.sms a{color:var(--textorange);text-decoration:none}
.notes{max-width:420px;margin:18px auto 0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.notes h3{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-bottom:10px}
.notes td:last-child{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}
.notes .why{font-size:12px;color:var(--muted);line-height:1.5;margin-top:11px;border-top:1px solid var(--line);padding-top:10px}
.myread{max-width:420px;margin:18px auto 0}
.mr{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.mr .g{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:12px 0 16px}
.mr .g div{background:var(--ground);border-radius:9px;padding:11px 13px}
.mr .g .k{font-size:12px;color:var(--muted)}
.mr .g .v{font-family:"Bebas Neue",sans-serif;font-size:26px;line-height:1.1}
.mr .g .v.na{font-size:14px;font-family:"DM Sans",sans-serif;color:var(--floor);line-height:1.5;margin-top:3px}

/* ============ DIGEST ============ */
.picker{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.picker button{border:1px solid var(--line2);background:var(--card);border-radius:20px;padding:6px 14px;font-size:13px;color:var(--ink2)}
.picker button[aria-selected="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.digest{max-width:480px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px 24px}
.digest-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px}
.digest-top .team{font-size:16px;font-weight:500}
.digest-top .meta{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right}
.read{display:flex;align-items:baseline;gap:14px}
.read .lbl{font-size:13px;color:var(--muted);width:74px;flex:none}
.read .band{font-family:"Bebas Neue",sans-serif;font-size:44px;line-height:.95}
.driver{font-size:13.5px;color:var(--ink2);margin:2px 0 22px 88px;line-height:1.5}
.aa{background:var(--tint);border-left:3px solid var(--accent);padding:14px 16px;margin-bottom:16px}
.aa p{font-size:13.5px;line-height:1.6;color:var(--ink2);margin-bottom:8px}
.aa p:first-of-type{color:var(--ink)}
.aa p:last-child{margin-bottom:0}
.expand{width:100%;border:1px solid var(--line2);border-radius:9px;padding:9px;font-size:13px;color:var(--ink);margin-bottom:18px}
.expand:hover{background:var(--sunk)}
.dimrow{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.dimrow .dn{font-size:13px;color:var(--ink2);width:104px;flex:none}
.bars{flex:1;display:flex;gap:4px}
.bars i{flex:1;height:9px;border-radius:3px;background:#EFE9DC;border:1px solid #A79C82;display:block}
.bars i.f{background:var(--accent);border-color:var(--textorange)}
.dimrow .dv{font-size:12.5px;width:66px;text-align:right;flex:none}
.dimrow .dv.q{color:var(--muted)}
.scale{display:flex;gap:12px;align-items:center;padding:8px 12px;background:var(--sunk);border-radius:8px;margin-bottom:18px;flex-wrap:wrap}
.scale .k{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}
.scale .v{font-size:12.5px;color:var(--ink2)}
.track{background:var(--sunk);border-radius:9px;padding:12px 14px;margin-bottom:18px}
.track .tk{font-family:"DM Mono",monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.track .tv{font-size:17px;font-weight:500}
.track .tn{font-size:12.5px;color:var(--ink2);line-height:1.5;margin-top:4px}
.dfoot{border-top:1px solid var(--line);padding-top:12px;font-size:12.5px;color:var(--muted);line-height:1.6}
.blocked{background:var(--sunk);border-radius:10px;padding:16px 18px;margin-bottom:18px}
.blocked .bt{font-size:14px;font-weight:500;margin-bottom:5px}
.blocked p{font-size:13px;color:var(--ink2);line-height:1.55}

.filterbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}
.filterbar label{flex:1;min-width:190px;margin:0}

@media (max-width:640px){
  h1{font-size:31px}
  .read{flex-direction:column;gap:0}
  .read .lbl{width:auto}
  .read .band{font-size:36px}
  .driver{margin-left:0}
  .digest{padding:18px}
  .q{font-size:21px}
  .phone{border-radius:14px}
}