@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-cyrillic-ext-wght-normal.b5cdd4765614e027c252.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-cyrillic-wght-normal.49594fb515ba00213fc3.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-greek-ext-wght-normal.f4df85d151e5ee39bc2b.woff2) format("woff2-variations");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-greek-wght-normal.4f908aee8194b11d9c35.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-vietnamese-wght-normal.ab4bb8dcda024fe6eff2.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-latin-ext-wght-normal.8bff79fbfaa8b8167a0b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter Variable;font-style:normal;font-weight:100 900;src:url(/time-since-i/static/media/inter-latin-wght-normal.4f2981d82860061bca3e.woff2) format("woff2-variations");unicode-range:u+00??,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{--canvas:#f6f4f0;--surface:#fff;--surface-sunken:#efece6;--ink:#1b1a18;--ink-muted:#6d6960;--ink-faint:#96918a;--hairline:#e3dfd7;--hairline-strong:#cfc9be;--form-error:#a2402c;--overlay:rgba(27,26,24,.32);--shadow-modal:0 24px 60px -20px rgba(27,26,24,.35);--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:20px;--space-5:32px;--space-6:48px;--font-sans:"Inter Variable",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--focus-ring:0 0 0 2px var(--canvas),0 0 0 4px var(--ink);--transition-accent:400ms cubic-bezier(0.4,0,0.2,1);--logo-fill:#fff;--logo-outline:#2b2a26;--logo-accent:#ac8e00}@media(prefers-color-scheme:dark){:root{--canvas:#171614;--surface:#201f1c;--surface-sunken:#14130f;--ink:#edeae4;--ink-muted:#9a958c;--ink-faint:#7b766d;--hairline:#302e2a;--hairline-strong:#423f39;--form-error:#e08f78;--overlay:rgba(0,0,0,.6);--shadow-modal:0 24px 60px -20px rgba(0,0,0,.7);--focus-ring:0 0 0 2px var(--canvas),0 0 0 4px var(--ink);--logo-accent:#d4ac47}}[data-milestone]{--accent:#a8a29a;--accent-soft:#efece6;--accent-ink:#5d5951}[data-milestone=month]{--accent:#bfa980;--accent-soft:#f2eadc;--accent-ink:#6f5a2b}[data-milestone=half]{--accent:#8a9a7b;--accent-soft:#e9eee4;--accent-ink:#465438}[data-milestone=year]{--accent:#b08d33;--accent-soft:#f5ebd3;--accent-ink:#6d520c}[data-milestone=deep]{--accent:#2f5d5b;--accent-soft:#e0ebea;--accent-ink:#1d3b39}@media(prefers-color-scheme:dark){[data-milestone]{--accent:#7c766d;--accent-soft:#26241f;--accent-ink:#b5b0a6}[data-milestone=month]{--accent:#d4bc8e;--accent-soft:#322c1d;--accent-ink:#e2cea6}[data-milestone=half]{--accent:#9db08c;--accent-soft:#232a1f;--accent-ink:#b6c7a6}[data-milestone=year]{--accent:#d4ac47;--accent-soft:#352c14;--accent-ink:#e8c974}[data-milestone=deep]{--accent:#5c9a96;--accent-soft:#1a2c2b;--accent-ink:#86bab6}}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f4f0;background-color:var(--canvas);color:#1b1a18;color:var(--ink);font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.5;margin:0;padding:20px 20px 32px;padding:var(--space-4) var(--space-4) var(--space-5)}div#root{display:flex;flex-direction:column;margin:0 auto;max-width:68rem;min-height:calc(100vh - 52px);min-height:calc(100vh - var(--space-4) - var(--space-5))}.main-content{flex:1 0 auto}a{color:#6d6960;color:var(--ink-muted);text-decoration:underline;text-decoration-color:#cfc9be;text-decoration-color:var(--hairline-strong);text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}a:hover{color:#1b1a18;color:var(--ink);text-decoration-color:initial}button{font:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 0 0 2px #f6f4f0,0 0 0 4px #1b1a18;box-shadow:var(--focus-ring);outline:none}@media(prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:767px){body{padding:12px 12px 20px;padding:var(--space-3) var(--space-3) var(--space-4)}}.site-header{padding:var(--space-4) 0 var(--space-6);text-align:center}.wordmark{color:var(--logo-fill);font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:clamp(2rem,7vw,2.75rem);font-weight:700;letter-spacing:.01em;margin:0;text-shadow:1px 1px 1px var(--logo-outline),2px 2px 1px var(--logo-outline),3px 3px 1px var(--logo-accent),4px 4px 1px var(--logo-accent),5px 5px 1px var(--logo-outline),6px 6px 1px var(--canvas)}footer{border-top:1px solid var(--hairline);color:var(--ink-muted);flex-shrink:0;font-size:.75rem;line-height:1.6;margin-top:var(--space-6);padding-top:var(--space-4)}footer p{margin:0}.page-warning{color:var(--ink-muted);margin-top:var(--space-2)}.card{background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden;padding:var(--space-4);position:relative;transition:border-color var(--transition-accent)}.card:before{background-color:var(--accent);content:"";height:2px;inset:0 0 auto 0;position:absolute;transition:background-color var(--transition-accent)}.card:hover{border-color:var(--hairline-strong)}.card-head{align-items:center;display:flex;gap:var(--space-2);min-height:22px}.card-remove{background-color:transparent;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--ink-muted);cursor:pointer;display:grid;font-size:1.125rem;height:24px;line-height:1;margin-left:auto;padding:0;place-items:center;transition:color .15s ease,border-color .15s ease,opacity .15s ease;width:24px}.card-remove:hover{border-color:var(--hairline-strong);color:var(--ink)}@media(pointer:coarse){.card-remove{height:32px;width:32px}}@media(hover:hover){.card-remove{opacity:0}.card-remove:focus-visible,.card:hover .card-remove{opacity:1}}.card-body{flex:1 0 auto}.card-eyebrow{color:var(--ink-muted);font-size:.8125rem;margin:0}.card-count{color:var(--ink-muted);display:flex;flex-wrap:wrap;font-size:.875rem;gap:0 var(--space-2);margin:var(--space-1) 0 0}.count-unit{white-space:nowrap}.count-number{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";color:var(--ink);font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em}.card-title{color:var(--ink);font-size:1rem;font-weight:500;letter-spacing:-.01em;line-height:1.35;margin:var(--space-3) 0 0}.card-date{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";border-top:1px solid var(--hairline);color:var(--ink-muted);font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.06em;margin:0;padding-top:var(--space-3);text-transform:uppercase}.toolbar{align-items:flex-end;gap:var(--space-3) var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.toolbar,.toolbar-actions{display:flex;flex-wrap:wrap}.toolbar-actions{gap:var(--space-2);justify-content:flex-end;margin-left:auto}.sort-field{display:flex;flex-direction:column;gap:var(--space-1)}.sort-field label{color:var(--ink-muted);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}@media(max-width:767px){.toolbar{align-items:stretch;flex-direction:column}.sort-field{width:100%}.toolbar-actions{margin-left:0;width:100%}.toolbar-actions .button{flex:1 1}}.sort-select{background-color:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;font:inherit;font-size:.875rem;padding:var(--space-2) var(--space-3);transition:border-color .15s ease}.sort-select:hover{border-color:var(--ink-faint)}.button{border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--space-2) var(--space-4);transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.button:disabled{cursor:not-allowed;opacity:.4}.button-secondary{background-color:transparent;border:1px solid var(--hairline-strong);color:var(--ink)}.button-secondary:hover:not(:disabled){background-color:var(--surface);border-color:var(--ink-faint)}.button-primary{background-color:var(--ink);border:1px solid var(--ink);color:var(--surface)}.button-primary:hover:not(:disabled){opacity:.85}.countup-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}.empty-state{align-items:center;border:1px dashed var(--hairline-strong);border-radius:var(--radius);color:var(--ink-muted);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.empty-state p{margin:0}#addNewForm{display:flex;flex-direction:column;gap:var(--space-3)}#addNewForm .form-field{display:flex;flex-direction:column;gap:var(--space-1)}#addNewForm label{color:var(--ink-muted);font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}#addNewForm input{background-color:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink);font:inherit;font-size:.9375rem;padding:var(--space-2) var(--space-3);transition:border-color .15s ease;width:100%}#addNewForm input::-webkit-input-placeholder{color:var(--ink-faint)}#addNewForm input::placeholder{color:var(--ink-faint)}#addNewForm input:hover{border-color:var(--ink-faint)}#addNewForm input[aria-invalid=true]{border-color:var(--form-error)}#addNewForm input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5;-webkit-transition:opacity .15s ease;transition:opacity .15s ease}#addNewForm input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.form-error{color:var(--form-error);font-size:.8125rem;margin:0}.form-submit{background-color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius-sm);color:var(--surface);cursor:pointer;font-size:.9375rem;font-weight:500;margin-top:var(--space-1);padding:var(--space-2) var(--space-4);transition:opacity .15s ease}.form-submit:hover{opacity:.85}@media(prefers-color-scheme:dark){#addNewForm input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-filter:invert(1);filter:invert(1)}}.modal{background-color:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);color:var(--ink);padding:0;width:min(30rem,100vw - var(--space-4)*2)}.modal::-webkit-backdrop{background-color:var(--overlay)}.modal::backdrop{background-color:var(--overlay)}.modal[open]{-webkit-animation:modal-in .18s cubic-bezier(.16,1,.3,1);animation:modal-in .18s cubic-bezier(.16,1,.3,1)}.modal[open]::-webkit-backdrop{-webkit-animation:backdrop-in .18s ease;animation:backdrop-in .18s ease}.modal[open]::backdrop{-webkit-animation:backdrop-in .18s ease;animation:backdrop-in .18s ease}@-webkit-keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(8px) scale(.98);transform:translateY(8px) scale(.98)}}@keyframes modal-in{0%{opacity:0;-webkit-transform:translateY(8px) scale(.98);transform:translateY(8px) scale(.98)}}@-webkit-keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-in{0%{opacity:0}}.modal-panel{padding:var(--space-4)}.modal-head{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.modal-title{flex:1 0 auto;font-size:1rem;font-weight:500;letter-spacing:-.01em;margin:0}.modal-close{background-color:transparent;border:1px solid transparent;border-radius:var(--radius-pill);color:var(--ink-muted);cursor:pointer;display:grid;font-size:1.25rem;height:28px;line-height:1;padding:0;place-items:center;transition:color .15s ease,border-color .15s ease;width:28px}.modal-close:hover{border-color:var(--hairline-strong);color:var(--ink)}@media(max-width:767px){.modal{width:calc(100vw - var(--space-3)*2)}}
/*# sourceMappingURL=main.902db1b6.css.map*/