:root{--bg:#ecebe6;--card:#f8f7f3;--ink:#1b1c1e;--muted:#6c6d6a;--rule:#d8d6ce;--flap:#1b1c1e;--flap-lo:#26282b;--flap-ink:#f1ede2;--accent:#f2b705;--accent-ink:#1b1c1e;--on:#2f8a4e;--off:#c63d2f;--unknown:#a3a39d;--error:#b3261e;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#151618;--card:#1e2023;--ink:#e9e7e0;--muted:#9c9d98;--rule:#33363a;--flap:#0d0e0f;--flap-lo:#17181a;--on:#5cc07e;--off:#ef6b5b;--unknown:#6e6f6b;--error:#ff8a80;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;font:400 16px/1.45 Barlow,-apple-system,Helvetica Neue,Arial,sans-serif}.mono{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--error)}h1,h2{margin:0;font-family:Barlow Semi Condensed,Arial Narrow,Arial,sans-serif;font-weight:700}h1{font-size:1.6rem}h2{letter-spacing:.01em;font-size:1.15rem}.app{max-width:640px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 32px);gap:16px;margin:0 auto;display:grid}.top{justify-content:space-between;align-items:center;display:flex}.empty{text-align:center;color:var(--muted);padding:40px 0}.banner{background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:8px 12px;font-weight:500}.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);gap:12px;padding:16px;display:grid}.display-card{background:var(--flap-lo);border-color:#0000}.display{gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.flaps{gap:4px;display:flex}.flap{width:1.45em;height:2em;color:var(--flap-ink);background:linear-gradient(var(--flap) 0 calc(50% - 1px), #000 calc(50% - 1px) calc(50% + 1px), var(--flap) calc(50% + 1px));border-radius:5px;flex:none;place-items:center;font:700 clamp(22px,7vw,34px)/1 Barlow Semi Condensed,Arial Narrow,Arial,sans-serif;display:grid}.boards{color:var(--flap-ink);gap:4px;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.boards li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.boards .muted{color:#a9a79f}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.on{background:var(--on)}.dot.off{background:var(--off)}.dot.unknown{background:var(--unknown)}.btn{border:1px solid var(--rule);background:var(--bg);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:11px 16px;font:600 1rem/1 Barlow,-apple-system,Arial,sans-serif}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.45;cursor:default}.btn:focus-visible,input:focus-visible,.segmented button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.actions{flex-wrap:wrap;gap:8px;display:flex}input{border:1px solid var(--rule);background:var(--bg);min-height:44px;color:var(--ink);border-radius:8px;max-width:100%;padding:10px 12px;font:500 1.1rem/1.2 IBM Plex Mono,ui-monospace,Menlo,monospace}.message{gap:10px;display:grid}.row-field{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-field input{text-transform:uppercase;letter-spacing:.08em}.row-label{min-width:3.5em;font-weight:500}.count{font-variant-numeric:tabular-nums;font-size:.875rem}.segmented{border:1px solid var(--rule);border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.segmented button{border:0;border-left:1px solid var(--rule);background:var(--bg);min-height:44px;color:var(--ink);cursor:pointer;font:600 .95rem/1 Barlow,Arial,sans-serif}.segmented button:first-child{border-left:0}.segmented button.on{background:var(--ink);color:var(--bg)}.segmented button:disabled{opacity:.45;cursor:default}.timer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timer label{font-weight:600}.timer input{text-align:right;box-sizing:content-box;width:5ch}.check{align-items:center;gap:10px;min-height:44px;font-weight:500;display:inline-flex}.check input{width:22px;height:22px;min-height:0;accent-color:var(--ink);padding:0}.calibrate summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.calibrate summary::-webkit-details-marker{display:none}.calibrate summary:after{content:"Show";color:var(--muted);margin-left:auto;font-size:.875rem}.calibrate[open] summary:after{content:"Hide"}.calibrate p{margin:0}.board-cal{border-top:1px solid var(--rule);gap:8px;padding-top:12px;display:grid}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cells{border-collapse:collapse;width:100%;font-size:.95rem}.cells th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 6px 6px 0;font-size:.75rem;font-weight:600}.cells td{vertical-align:middle;padding:4px 6px 4px 0}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper .btn{min-width:44px;padding:0;font-size:1.2rem}.stepper .value{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2em}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login form{justify-items:center;gap:12px;width:min(320px,100%);display:grid}.login img{border-radius:16px;width:72px;height:72px}.login input,.login .btn{width:100%}@media (width<=420px){.cells th:nth-child(4),.cells td:nth-child(4){display:none}.stepper .value{min-width:2.6em}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}