:root{--ink:#16181a;--muted:#5b6168;--page:#f4f5f3;--card:#fff;--border:#dadde1;--divider:#eceef0;--primary:#1d4ed8;--primary-hover:#1e3a8a;--hivis:#f5b800;--success:#166534;--success-bg:#dcfce7;--warning:#9a3412;--warning-bg:#ffedd5;--danger:#b42318;--danger-bg:#fee4e2;--radius-sm:10px;--radius:12px;--radius-lg:14px;--touch:44px;--heading:var(--font-heading,"Space Grotesk"), system-ui, sans-serif;--body:var(--font-body,Inter), system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);font-family:var(--body);margin:0;line-height:1.45}a{color:var(--primary)}a:hover{color:var(--primary-hover)}h1,h2,h3{font-family:var(--heading);margin:0;line-height:1.2}.phone{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.appbar{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 18px;display:flex}.appbar .brand{font-family:var(--heading);font-size:17px;font-weight:700}.phone-body{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex}.grow{flex-grow:1}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px;display:flex}.card.rows{gap:0;padding:6px 18px}.eyebrow{color:var(--muted);font-size:13px}.meta{color:var(--muted);font-size:14px}.row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.row:last-child{border-bottom:none}.status{white-space:nowrap;font-size:13px;font-weight:600}.status.ok{color:var(--success)}.status.warn{color:var(--warning);background:var(--warning-bg);border-radius:6px;padding:3px 8px}.status.bad{color:var(--danger);background:var(--danger-bg);border-radius:6px;padding:3px 8px}.pill{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.pill.hivis{background:var(--hivis);color:var(--ink)}.pill.ok{background:var(--success-bg);color:var(--success)}.pill.warn{background:var(--warning-bg);color:var(--warning)}.pill.bad{background:var(--danger-bg);color:var(--danger)}.banner{border-radius:var(--radius);padding:12px 14px;font-size:14px}.banner.ok{background:var(--success-bg);color:var(--success)}.banner.warn{background:var(--warning-bg);color:var(--warning)}.banner.bad{background:var(--danger-bg);color:var(--danger)}.banner strong{font-weight:600;display:block}.notice{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.stack{flex-direction:column;gap:12px;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}label{flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}input,select,textarea{font:inherit;min-height:var(--touch);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--ink);padding:10px 12px;font-size:16px;font-weight:400}.btn{font:inherit;min-height:var(--touch);border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover);color:#fff}.btn.block{width:100%;padding:16px;font-size:16px;display:flex}.btn.danger{color:var(--danger)}.btn:disabled{opacity:.55;cursor:progress}.link-btn{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.error{color:var(--danger);font-size:14px}.shell-desktop{grid-template-columns:220px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--ink);color:#fff;flex-direction:column;gap:6px;padding:28px 16px;display:flex}.sidebar .brand{font-family:var(--heading);padding:0 12px 20px;font-size:18px;font-weight:700}.sidebar a{color:#fff;border-radius:var(--radius-sm);padding:9px 12px;font-size:15px;text-decoration:none}.sidebar a.active{background:var(--hivis);color:var(--ink);font-weight:600}.sidebar .who{color:#c9ccd0;margin-top:auto;padding:0 12px;font-size:12px}.content{flex-direction:column;gap:20px;min-width:0;padding:32px 40px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-head h1{font-size:28px}.table-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:14px}table.data th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--divider);padding:14px 18px;font-size:12px;font-weight:600}table.data td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:14px 18px}table.data tr:last-child td{border-bottom:none}.sub{color:var(--muted);font-size:12px;display:block}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.footnote{color:var(--muted);font-size:12px}@media (max-width:760px){.shell-desktop{grid-template-columns:1fr}.sidebar{flex-flow:wrap;padding:12px}.sidebar .brand{padding:8px 12px}.sidebar .who{width:100%;margin-top:0}.content{padding:20px 16px}}.stepbar{background:var(--ink);color:#fff;flex-direction:column;gap:12px;padding:20px;display:flex}.stepbar .top{justify-content:space-between;align-items:center;display:flex}.stepbar .back{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;text-decoration:none}.stepbar .count{color:#c9cdd2;font-size:13px}.stepbar .title{font-family:var(--heading);font-size:20px;font-weight:700}.progress{background:#3a3f45;border-radius:3px;height:6px;display:flex}.progress>span{background:var(--hivis);border-radius:3px}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.info-grid .k{color:var(--muted);font-size:12px;display:block}.info-grid .v{font-size:14px;font-weight:600;display:block}fieldset.quiz{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:10px;margin:0;padding:18px;display:flex}fieldset.quiz legend{font-family:var(--heading);padding:0 6px;font-size:16px;font-weight:700}label.choice{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:row;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:400}label.choice.selected{border:2px solid var(--primary);background:#eef2ff;padding:11px}label.choice input{width:18px;height:18px;min-height:0;margin:0}.signature{border:1px dashed var(--border);border-radius:var(--radius-sm);touch-action:none;background:#fff;width:100%;height:160px}.builder-cols{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.palette{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:200px;gap:8px;max-width:240px;padding:16px;display:flex}.palette button{font:inherit;text-align:left;border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px}.label-caps{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}ol.blocks{flex-direction:column;flex:3 420px;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}ol.blocks>li{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:14px 16px;display:flex}ol.blocks>li.editing{border:2px solid var(--primary);padding:13px 15px}.block-head{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.block-head .time{color:var(--muted);white-space:nowrap;font-size:12px}.settings{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:260px;gap:14px;max-width:340px;padding:18px;display:flex}.setting{text-align:left;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:400;display:flex}.setting input[type=checkbox]{width:20px;height:20px;min-height:0}.btn.outline{border-color:var(--ink)}.btn.emergency{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.btn.emergency:hover{color:#fff;filter:brightness(.92)}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tabs a,.tabs button{font:inherit;background:var(--card);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:14px;text-decoration:none}.tabs .active{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}table.data td.ok{color:var(--success)}table.data td.warn{color:var(--warning)}table.data tr.visitor td{color:var(--muted);background:var(--page)}.big-ok{font-family:var(--heading);font-size:26px;font-weight:700}.rollcall-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.rollcall-row:last-child{border-bottom:none}.alert-head{background:var(--danger);color:#fff;padding:20px 20px 18px}.alert-head .eyebrow{color:#fff;opacity:.95;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.alert-head h1{margin:4px 0;font-size:26px}.media-box{color:#c9ccd0;border-radius:var(--radius-lg);text-align:center;background:#2b2f36;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.media-box img{width:100%;display:block}.stat-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat .label{color:var(--muted);font-size:13px}.stat .value{font-family:var(--heading);font-size:20px;font-weight:700}.photo-hours{align-items:flex-end;gap:12px;min-width:0;display:flex}.photo-hours>.btn{flex:none}.photo-hours>.hours{flex:1 1 0;min-width:0}.photo-hours>.hours input{box-sizing:border-box;width:100%;min-width:0}@media (max-width:399px){.photo-hours{flex-direction:column;align-items:stretch}.photo-hours>.hours{flex:none}}.facts{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat.big{border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px 18px 20px;display:flex}.stat.big .value{font-size:30px;line-height:1.1}.stat .value.bad{color:var(--danger)}a.alert-count{color:var(--danger);font-weight:600}.choice{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.choice:has(input:checked){border-color:var(--primary);background:#eef2ff}.choice input{width:18px;height:18px;min-height:0}.info-note{color:#1e3a8a;border-radius:var(--radius);background:#eef2ff;padding:12px 14px;font-size:14px}.alert-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);align-items:start;gap:24px;display:grid}@media (max-width:900px){.alert-grid{grid-template-columns:1fr}}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/46a9e2f250689b4a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/76b70a1dbe058eb5-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2fb76073e23fd9e4-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6131cbbf5549afa2-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/45462fd7b7c12654-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ba63f6a0e436df8e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/07c7676b89ed2778-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.JRO3KW_className{font-family:Inter,Inter Fallback;font-style:normal}.JRO3KW_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/edb5f85793adc1bb-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/92b6de9cb55945e2-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/237858b39a32779d-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/edb5f85793adc1bb-s.1gepa_7fcx9fm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/92b6de9cb55945e2-s.2eksvhm1z0jwa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/237858b39a32779d-s.p.2cyn07wtgehh0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.dp-VJa_className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.dp-VJa_variable{--font-heading:"Space Grotesk", "Space Grotesk Fallback"}
.shell{flex-direction:column;gap:16px;max-width:34rem;margin:0 auto;padding:24px 20px 40px;display:flex}.badge{border:1px solid var(--border);color:var(--muted);background:var(--card);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px}.card.warn{border-color:var(--warning);background:var(--warning-bg)}ul.plain{margin:0;padding:0;list-style:none}ul.plain li{padding:4px 0}code{word-break:break-all;font-size:.9em}.areas{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);margin:0;padding:0;list-style:none}.areas li{border-bottom:1px solid var(--divider);justify-content:space-between;padding:12px 16px;display:flex}.areas li:last-child{border-bottom:none}.muted{color:var(--muted);font-size:14px}.qr{width:220px;height:220px;image-rendering:pixelated;align-self:center}.code-big{font-family:var(--heading);letter-spacing:.08em;text-align:center;font-size:22px}.demo-banner{z-index:50;background:var(--hivis,#f5b800);color:#16181a;text-align:center;padding:6px 12px;font-size:13px;font-weight:600;position:sticky;top:0}.demo-banner .demo-links{gap:12px;margin-left:12px;display:inline-flex}.demo-banner a{color:#16181a;text-decoration:underline}
