:root{color-scheme:light dark}html{background:#edf2f7}body{margin:0;padding:12px;font-family:system-ui,sans-serif}#asu-record-demo{max-width:1280px;margin:0 auto}button,a,input,select,textarea{touch-action:manipulation}@media(prefers-color-scheme:dark){html{background:#141d28}}@media(max-width:600px){body{padding:4px}}

#asu-record-demo{color-scheme:light dark;--bg:light-dark(#edf2f7,#141d28);--panel:light-dark(#fff,#202d3b);--text:light-dark(#142b40,#eef4fc);--sub:light-dark(#526778,#b9c8d8);--line:light-dark(#bdcad7,#4a6074);--blue:light-dark(#175580,#9ccfff);--onblue:light-dark(#fff,#132a3f);--red:light-dark(#a41d30,#ff8a98);--redbg:light-dark(#ffedf0,#40232c);--orange:light-dark(#885000,#ffc46b);--orangebg:light-dark(#fff4de,#3e311d);font:16px/1.5 system-ui,sans-serif;color:var(--text);background:var(--bg);padding:20px;border-radius:14px}
#asu-record-demo *{box-sizing:border-box}#asu-record-demo h2,#asu-record-demo h3,#asu-record-demo p{margin:0 0 10px}#asu-record-demo h2{font-size:24px}#asu-record-demo h3{font-size:20px}#asu-record-demo .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:space-between}#asu-record-demo .actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}#asu-record-demo .small{font-size:13px;color:var(--sub)}#asu-record-demo .mono{font-variant-numeric:tabular-nums}#asu-record-demo .panel{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:14px 0}#asu-record-demo .detail{border:2px solid var(--blue);scroll-margin-top:12px}#asu-record-demo button,#asu-record-demo a.download{font:inherit;padding:11px 14px;min-height:48px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:100%;overflow-wrap:anywhere}#asu-record-demo button.primary{background:var(--blue);color:var(--onblue);border-color:var(--blue)}#asu-record-demo button.danger{border-color:var(--red);color:var(--red)}#asu-record-demo button:disabled{opacity:.5}#asu-record-demo label{display:block;margin:12px 0}#asu-record-demo input,#asu-record-demo select,#asu-record-demo textarea{display:block;width:100%;font:inherit;padding:11px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:6px 0;min-width:0}#asu-record-demo .fields,#asu-record-demo .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#asu-record-demo .team{background:var(--panel);padding:16px;border:2px solid var(--line);border-radius:12px;min-width:0;scroll-margin-top:12px}#asu-record-demo .due{color:var(--orange);border-color:var(--orange)!important}#asu-record-demo .late{color:var(--red);border-color:var(--red)!important}#asu-record-demo .team.due,#asu-record-demo .team.late{color:var(--text)}#asu-record-demo .team.late,#asu-record-demo button.late{animation:asu-record-pulse 2s ease-in-out infinite}#asu-record-demo .tasks{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}#asu-record-demo .tasks button{text-align:left;border-width:2px}#asu-record-demo .tasks .due{background:var(--orangebg)}#asu-record-demo .tasks .late{background:var(--redbg)}#asu-record-demo .tasks span{display:block;font-size:13px}#asu-record-demo .duration{font-size:30px;font-weight:700;margin:10px 0 0}#asu-record-demo .next{display:block;margin:10px 0;font-weight:600}#asu-record-demo .state{font-weight:700;display:inline-block;padding:6px 10px;border-radius:6px;background:var(--bg);margin:6px 0 10px}#asu-record-demo .route{border-top:1px solid var(--line);margin:12px 0;padding-top:10px}#asu-record-demo .path{display:flex;flex-wrap:wrap;gap:6px;align-items:center}#asu-record-demo .stop{background:var(--bg);padding:4px 8px;border-radius:6px;overflow-wrap:anywhere}#asu-record-demo .stop:last-child{font-weight:700}#asu-record-demo .call{font-size:18px;background:var(--bg);border-left:4px solid var(--blue);padding:14px;margin:14px 0}#asu-record-demo .warning{background:var(--redbg);border-left:4px solid var(--red);padding:14px;margin:14px 0}#asu-record-demo .error{color:var(--red)}#asu-record-demo .radio{font-size:20px;font-weight:700;overflow-wrap:anywhere}#asu-record-demo .clock{font-weight:600}#asu-record-demo .event{padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}#asu-record-demo .facts{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;margin:12px 0}#asu-record-demo .facts dt{color:var(--sub)}#asu-record-demo .facts dd{margin:0;overflow-wrap:anywhere}#asu-record-demo .report-team{border-top:2px solid var(--line);padding-top:18px;margin-top:20px}#asu-record-demo details{margin:10px 0}#asu-record-demo summary{padding:7px 0}#asu-record-demo [hidden]{display:none!important}@keyframes asu-record-pulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px var(--red)}}@media(prefers-reduced-motion:reduce){#asu-record-demo .late{animation:none!important}}@media(max-width:600px){#asu-record-demo{padding:12px}#asu-record-demo .fields,#asu-record-demo .grid{grid-template-columns:1fr}#asu-record-demo .facts{grid-template-columns:1fr;gap:2px}#asu-record-demo .facts dd{margin-bottom:9px}#asu-record-demo .call{font-size:16px}}


#asu-record-demo .cursor-interaction{cursor:pointer}#asu-record-demo .clock{font-size:21px}#asu-record-demo .runtime-status{border-left:4px solid var(--blue);padding:8px 12px;margin:12px 0}#asu-record-demo .duration{font-size:28px}#asu-record-demo .pinned{position:sticky;top:0;z-index:5;background:var(--panel);padding:10px;border-bottom:2px solid var(--line)}
@supports not (color:light-dark(white,black)){#asu-record-demo{--bg:#edf2f7;--panel:#fff;--text:#142b40;--sub:#526778;--line:#bdcad7;--blue:#175580;--onblue:#fff;--red:#a41d30;--redbg:#ffedf0;--orange:#885000;--orangebg:#fff4de}@media(prefers-color-scheme:dark){#asu-record-demo{--bg:#141d28;--panel:#202d3b;--text:#eef4fc;--sub:#b9c8d8;--line:#4a6074;--blue:#9ccfff;--onblue:#132a3f;--red:#ff8a98;--redbg:#40232c;--orange:#ffc46b;--orangebg:#3e311d}}}


#asu-record-demo .alarm-dock{position:sticky;top:0;z-index:30;background:var(--panel);display:flex;flex-direction:column;max-height:50vh;max-height:50svh;overflow:hidden;overscroll-behavior:contain;border-radius:10px;margin:0 0 14px;box-shadow:0 3px 12px #0003}
#asu-record-demo .alarm-dock p{margin:6px 0}#asu-record-demo .alarm-dock .actions{margin:8px 0}#asu-record-demo .alarm-dock .call{font-size:16px}
#asu-record-demo .critical-panel{border:3px solid var(--red);border-left-width:10px;background:var(--redbg);color:var(--text);padding:12px;margin-bottom:6px}#asu-record-demo .critical-panel>strong{font-size:20px;color:var(--red)}
#asu-record-demo .safety-present{border-left:5px solid var(--blue);padding:10px 12px}#asu-record-demo .alarm-team-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}#asu-record-demo .alarm-team-links button{flex:1 1 230px;text-align:left;border-width:2px}#asu-record-demo .alarm-team-links span{display:block;font-size:14px}
#asu-record-demo .alarm-warnings{overflow:auto;min-height:0;overscroll-behavior:contain}#asu-record-demo .alarm-sound .actions{margin:0}#asu-record-demo .alarm-sound{flex-shrink:0;padding:8px 12px;background:var(--panel);border-bottom:2px solid var(--line)}#asu-record-demo .pinned{top:var(--alarm-height,0px);z-index:10}
#asu-record-demo .checkline{display:flex;align-items:flex-start;gap:12px}#asu-record-demo .checkline input{width:24px;height:24px;min-width:24px;margin:0;flex:none}
html.asu-critical::after{content:'';position:fixed;inset:0;z-index:1000;border:8px solid #c9002c;pointer-events:none;box-sizing:border-box;animation:asu-screen-pulse 2s ease-in-out infinite}
@keyframes asu-screen-pulse{0%,100%{border-color:#c9002c}50%{border-color:#ff667e}}
@media(prefers-reduced-motion:reduce){html.asu-critical::after{animation:none}}
@media(max-width:600px){#asu-record-demo .critical-panel>strong{font-size:18px}}
#asu-record-demo .list-tab[aria-selected="true"]{background:var(--bg);font-weight:700;border-width:3px}#asu-record-demo .list-tab{flex:1 1 220px}#asu-record-demo [data-team-list]{scroll-margin-top:12px}
#asu-record-demo .final-save-warning{border:4px solid var(--red);border-left-width:12px;padding:18px;background:var(--redbg);color:var(--text)}#asu-record-demo .final-save-warning>strong{display:block;font-size:23px;color:var(--red);margin-bottom:10px}
#asu-record-demo .app-heading{flex-wrap:nowrap;align-items:flex-start}#asu-record-demo .app-heading h2{min-width:0;overflow-wrap:anywhere}#asu-record-demo .asu-version{font-size:13px;line-height:1.4;white-space:nowrap;flex-shrink:0;padding:4px 8px;border:1px solid var(--line);border-radius:6px;color:var(--sub);font-variant-numeric:tabular-nums;margin-top:3px}
#asu-record-demo .reserve-persons{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}#asu-record-demo .reserve-persons p{padding:10px;border:1px solid var(--line);border-radius:8px}#asu-record-demo .reserve-info{overflow-wrap:anywhere}