:root{--desktop:#cbcbce;--window-bg:#ececee;--window-top:#fbfbfc;--window-bot:#9c9ca1;--titlebar-light:#dadade;--titlebar-dark:#b6b6bd;--plate-bg:#fff;--paper:#fff;--paper-deep:#f4f4f6;--card-inner:#ededf0;--ink:#0f0f0f;--ink-soft:#3a3a40;--muted:#6e6e76;--faint:#9b9ba2;--rule:#d3d3d8;--rule-soft:#e5e5e9;--accent:teal;--accent-dark:#005f5f;--accent-light:#d5e8e8;--accent-mid:#bfe0e0;--positive:#1a4f2a;--positive-soft:#d8f0d8;--warn:#b8790f;--warn-soft:#fcf1de;--bad:#c23b3b;--bad-soft:#fbeaea;--radius:3px;--radius-sm:2px;--f-chrome:"Jersey 15","ChicagoFLF","Chicago",monospace;--f-body:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,Menlo,monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--f-body);color:var(--ink);background:var(--desktop);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55}#root{justify-content:center;align-items:flex-start;min-height:100svh;padding:40px 20px 64px;display:flex}@media (width<=640px){#root{padding:16px 10px 40px}}main{background:var(--window-bg);border:1px solid var(--ink);border-radius:var(--radius);width:100%;max-width:680px;overflow:hidden;box-shadow:inset 1px 1px #fff9,2px 2px #0000002e}main:before{content:"Motif Screen";font-family:var(--f-chrome);text-align:center;color:var(--ink);background:repeating-linear-gradient(to bottom, var(--titlebar-light) 0 1px, var(--titlebar-dark) 1px 2px);border-bottom:1px solid var(--ink);padding:7px 10px 8px;font-size:13px;line-height:1;display:block}.screen{background:var(--window-bg);padding:26px 30px 30px}@media (width<=640px){.screen{padding:18px 16px 22px}}h1{font-family:var(--f-chrome);letter-spacing:.3px;color:var(--ink);margin:0 0 6px;font-size:27px;font-weight:400;line-height:1.15}.lede{color:var(--muted);margin:0 0 18px;font-size:14px}p{margin:0 0 12px}p:last-child{margin-bottom:0}.btn{font-family:var(--f-chrome);letter-spacing:.3px;background:linear-gradient(to bottom,var(--window-top),var(--window-bg) 70%,var(--window-bot));color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:7px;padding:7px 16px 8px;font-size:14px;line-height:1.2;display:inline-flex;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #0000001a,1px 1px #00000026}.btn:hover:not(:disabled){filter:brightness(1.03)}.btn:active:not(:disabled){transform:translateY(.5px);box-shadow:inset 1px 1px #0000001f}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(to bottom, color-mix(in srgb,var(--accent) 74%,#fff) 0%, var(--accent) 60%, color-mix(in srgb,var(--accent) 76%,#000) 100%);color:#fff;border-color:color-mix(in srgb,var(--accent) 58%,#000);text-shadow:0 1px #00000026;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0003,1px 1px #0003}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.rec-list{margin:0 0 16px;padding:0;list-style:none}.rec-list li{border-bottom:1px solid var(--rule-soft);padding:7px 0 7px 26px;font-size:14.5px;position:relative}.rec-list li:last-child{border-bottom:none}.rec-list li:before{content:"";background:var(--bad);border-radius:50%;width:8px;height:8px;position:absolute;top:15px;left:6px}.consent-check{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:9px;padding:11px 13px;font-size:14.5px;display:flex}.consent-check input{accent-color:var(--accent);flex:none;width:15px;height:15px;margin:2px 0 0}.checks{margin:18px 0 0;padding:0;list-style:none}.checks li{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);align-items:flex-start;gap:9px;margin-bottom:6px;padding:8px 11px;font-size:14px;display:flex}.checks li[data-ok=true]{background:var(--positive-soft);color:var(--positive);border-color:#b9dcc0}.checks li[data-ok=false]{background:var(--bad-soft);color:var(--bad);border-color:#eec3c3}.checks .mark{font-family:var(--f-chrome);flex:none;line-height:1.35}.brief{white-space:pre-wrap;overflow-wrap:break-word;font-family:var(--f-body);text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:var(--radius-sm);max-height:none;margin:0 0 16px;padding:16px 18px;font-size:14.5px;line-height:1.62}.note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.5}.rec-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.rec-dot{background:var(--bad);border-radius:50%;flex:none;width:11px;height:11px;animation:1.6s ease-in-out infinite rec-pulse;box-shadow:0 0 0 3px #c23b3b2e}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.elapsed{font-family:var(--f-chrome);letter-spacing:1px;color:var(--ink);margin:6px 0 2px;font-size:40px;line-height:1}.elapsed .of{color:var(--faint);font-size:17px}.banner{border:1px solid var(--rule);border-radius:var(--radius-sm);margin:14px 0 0;padding:10px 13px;font-size:14px}.banner--warn{background:var(--warn-soft);color:var(--warn);border-color:#e8d3a8}.banner--bad{background:var(--bad-soft);color:var(--bad);border-color:#eec3c3}.done-mark{font-family:var(--f-chrome);color:var(--accent-dark);margin-bottom:8px;font-size:34px;line-height:1}