@font-face{font-family:Oswald;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/Oswald-500-700-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Oswald;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/Oswald-500-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--noc: #14110f;--dno: #0e0c0a;--lamba: #e8a33d;--oksid: #c8552f;--hartija: #ede7de;--dim: #9e948a;--line: #2f2723;--raised: #1c1815;--kritichno: #ff4438;--kritichno-fg: var(--noc);--font-display: "Oswald", "Arial Narrow", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--font-hand: "Caveat", "Segoe Script", cursive;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--noc);color:var(--hartija);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.t-display{font-family:var(--font-display);font-weight:700;letter-spacing:.01em}.t-label{font-family:var(--font-mono);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}html,body{min-height:100%;-webkit-user-select:none;user-select:none;overscroll-behavior:none}#app{padding:calc(env(safe-area-inset-top) + .75rem) 1rem calc(env(safe-area-inset-bottom) + 1rem);display:flex;flex-direction:column;gap:1rem;max-width:32rem;margin:0 auto}.head{display:flex;align-items:baseline;gap:.75rem}.head h1{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.02em}.queue{margin-left:auto;font-family:var(--font-mono);font-size:.8rem;color:var(--dim)}.queue.pending{color:var(--lamba)}.buttons{display:flex;flex-direction:column;gap:.75rem}.punch-row{display:flex;align-items:stretch;gap:.5rem}.punch{font:inherit;display:flex;align-items:center;gap:1rem;flex:1;min-height:6rem;padding:1rem 1.25rem;color:var(--hartija);background:var(--raised);border:2px solid var(--line);border-radius:.75rem;cursor:pointer;touch-action:manipulation}.punch-undo{font-family:var(--font-mono);font-size:1.3rem;font-weight:700;min-width:3.5rem;color:var(--oksid);background:none;border:2px solid var(--oksid);border-radius:.75rem;cursor:pointer;touch-action:manipulation}.punch-undo:disabled{color:var(--dim);border-color:var(--line);cursor:default}.punch:active{background:var(--lamba);color:var(--noc);border-color:var(--lamba)}.punch-name{font-family:var(--font-display);font-size:1.9rem;font-weight:600;text-align:left;letter-spacing:.01em}.punch-count{margin-left:auto;font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--lamba)}.punch:active .punch-count{color:var(--noc)}.section{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--line);padding-top:.75rem}.entries{list-style:none;display:flex;flex-direction:column;gap:.4rem}.entry{display:flex;align-items:center;gap:.75rem;padding:.6rem .25rem;border-bottom:1px solid var(--line)}.entry-time{font-family:var(--font-mono);font-weight:600;font-size:1.05rem;color:var(--hartija)}.entry-name{color:var(--dim)}.entry-lock{margin-left:auto;font-family:var(--font-mono);font-size:.75rem;color:var(--dim)}.undo{font-family:var(--font-mono);font-size:.95rem;font-weight:600;margin-left:auto;color:var(--oksid);background:none;border:1px solid var(--oksid);border-radius:.4rem;padding:.45rem .9rem;cursor:pointer;touch-action:manipulation}.entry.sent .entry-time{color:var(--dim)}.empty{list-style:none;color:var(--dim);padding:.75rem .25rem}
