:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#f6f7f6;--color-surface:#fff;--color-surface-muted:#eef2ef;--color-text:#1f2421;--color-muted:#5f6a63;--color-border:#d8dfda;--color-accent:#2f6f65;--color-accent-strong:#22564f;--color-danger:#9f3434;--color-danger-bg:#fff1f1;--color-danger-border:#d7a3a3;--color-accent-border:#9fc9c0;--color-focus:#1f7a70;--shadow-card:0 18px 48px #1c242014;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#121614;--color-surface:#1b211e;--color-surface-muted:#202823;--color-text:#f2f5f2;--color-muted:#b8c3bc;--color-border:#344039;--color-accent:#7cc8b8;--color-accent-strong:#9bdaca;--color-danger:#f19a9a;--color-danger-bg:#321f1f;--color-danger-border:#874848;--color-accent-border:#4e8278;--color-focus:#8ed8c9;--shadow-card:none}}*{box-sizing:border-box}html{min-height:100%}body{background:linear-gradient(180deg, #2f6f6514, transparent 260px), var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:20;background:var(--color-text);color:var(--color-bg);border-radius:.5rem;padding:.65rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(100%,720px);padding:max(1.25rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.75rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}.app-header{padding:1.25rem 0 .9rem}.app-header h1{letter-spacing:0;margin:0;font-size:2.25rem;line-height:1.05}.app-header p{max-width:36rem;color:var(--color-muted);margin:.45rem 0 0}.main-header{text-align:center;padding-bottom:.7rem}.main-header p{margin-left:auto;margin-right:auto}.compact-header h1{font-size:1.8rem}.form-header{text-align:center}.form-header p{margin-left:auto;margin-right:auto}.eyebrow{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.85rem;font-weight:700}.screen{gap:1rem;display:grid}.counter-list{gap:.85rem;display:grid}.bottom-actions,.form-actions,.dialog-actions{flex-wrap:wrap;gap:.65rem;display:flex}.settings-list{gap:.75rem;display:grid}.empty-state,.form-panel,.counter-card,.flash{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:.5rem}.empty-state p,.counter-meta,.archived-meta,.field-error,.flash{margin:0}.counter-meta,.archived-meta{color:var(--color-muted)}.counter-card,.empty-state,.form-panel{padding:1rem}.counter-card{text-align:center}.counter-card h2,.empty-state h2,.form-panel h2{margin:0;font-size:1.15rem;line-height:1.2}.counter-card-header{display:block}.counter-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:1rem;display:grid}.compact-button{white-space:nowrap;min-width:0;min-height:44px;padding:.55rem .45rem}.counter-value{justify-content:center;align-items:baseline;gap:.55rem;margin:.9rem 0 .35rem;display:flex}.counter-number{letter-spacing:0;font-size:clamp(3rem,18vw,5.5rem);font-weight:800;line-height:.9}.counter-unit{color:var(--color-muted);font-size:1rem;font-weight:700}.counter-meta{text-align:center}.counter-meta-group{gap:.15rem;margin-top:.35rem;display:grid}.counter-options{margin-top:.9rem}.counter-options summary{min-height:44px;color:var(--color-accent);font-weight:700}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.5rem;display:grid}.button{text-align:center;border:1px solid #0000;border-radius:.5rem;min-height:44px;padding:.7rem .95rem;font-weight:700}.button-primary{background:var(--color-accent);color:#fff}.button-primary:hover{background:var(--color-accent-strong)}.button-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button-secondary:hover{border-color:var(--color-accent)}.button-danger{border-color:var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger)}.full-button{width:100%}.field{gap:.35rem;display:grid}.field+.field{margin-top:.9rem}.field label{font-weight:700}.field input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-width:0;max-width:100%;min-height:46px;color:var(--color-text);text-align:left;border-radius:.5rem;padding:.7rem .8rem;display:block}.field input[aria-invalid=true]{border-color:var(--color-danger)}.field input::-webkit-date-and-time-value{text-align:left;margin:0}@supports (-webkit-touch-callout:none){.field input[type=date],.field input[type=time]{-webkit-appearance:none;appearance:none;width:-webkit-fill-available}}.field-error{color:var(--color-danger);font-size:.95rem}.form-actions{margin-top:1rem}.form-panel .form-actions{grid-template-columns:1fr;display:grid}.flash{margin:0 0 1rem;padding:.85rem 1rem}.flash-success{border-color:var(--color-accent-border)}.flash-error{border-color:var(--color-danger-border);color:var(--color-danger)}.danger-panel{border-color:var(--color-danger-border)}.danger-panel p{color:var(--color-muted);margin-top:.5rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:420px){.button-grid,.bottom-actions,.form-actions{grid-template-columns:1fr;display:grid}}
/*$vite$:1*/