:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#f6f7f9;--color-surface:#fff;--color-text:#1b1f24;--color-text-muted:#5b6470;--color-border:#d9dde3;--color-accent:#1f5f8b;--color-accent-soft:#dbe9f4;--color-error:#b3261e;--color-warning:#8a5300;--color-warning-soft:#fdf0d5;--nav-height:64px;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#121417;--color-surface:#1c1f24;--color-text:#e8eaed;--color-text-muted:#9aa3ad;--color-border:#2e333a;--color-accent:#7fb8e0;--color-accent-soft:#1d3446;--color-error:#f2b8b5;--color-warning:#f5c56b;--color-warning-soft:#3a2c10}}*,:before,:after{box-sizing:border-box}html,body{background:var(--color-bg);min-height:100%;color:var(--color-text);margin:0}.app__content{padding:max(16px, env(safe-area-inset-top)) 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 16px)}.screen h1{margin:0 0 12px;font-size:1.5rem}.screen__empty{color:var(--color-text-muted)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:fixed;inset:auto 0 0}.bottom-nav__tab{min-height:max(48px, var(--nav-height));color:var(--color-text-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1;font-size:.95rem}.bottom-nav__tab[aria-current=page]{color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 3px 0 var(--color-accent);font-weight:600}.bottom-nav__tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.startup-error{margin:16px}.settings-section h2{margin:16px 0 8px;font-size:1.2rem}.settings-section h3{color:var(--color-text-muted);margin:16px 0 4px;font-size:.95rem}.button{border:1px solid var(--color-border);background:var(--color-surface);min-height:48px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:8px;padding:0 14px}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-surface);font-weight:600}.button:disabled{opacity:.6}.button:focus-visible,.name-form__input:focus-visible,.session-form__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.name-form__row{gap:8px;display:flex}.name-form__input,.session-form__input{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;min-height:48px;color:var(--color-text);font:inherit;border-radius:8px;flex:1;padding:0 12px}.name-form__input[aria-invalid=true],.session-form__input[aria-invalid=true]{border-color:var(--color-error)}.form-error{color:var(--color-error);margin:6px 0 0;font-size:.9rem}.project-list{margin:0;padding:0;list-style:none}.project-row{border-bottom:1px solid var(--color-border);padding:8px 0}.project-row__main{align-items:center;gap:8px;display:flex}.project-row__name{overflow-wrap:anywhere;flex:1;min-width:0}.timer-today{align-items:baseline;gap:12px;margin:0 0 16px;display:flex}.timer-today__label{color:var(--color-text-muted)}.timer-today__total{font-variant-numeric:tabular-nums;font-size:2rem;font-weight:600}.project-row--running{background:var(--color-accent-soft);box-shadow:inset 4px 0 0 var(--color-accent);border-bottom-color:#0000;border-radius:8px;margin:0 -8px;padding:8px}.project-row--running .project-row__name{font-weight:600}.timer-row__total{font-variant-numeric:tabular-nums}.timer-row__button{min-width:80px}.timer-flag{background:var(--color-warning-soft);color:var(--color-warning);border-radius:6px;margin:6px 0 0;padding:4px 8px;font-size:.9rem;font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.day-list,.day-card__projects,.session-list{margin:0;padding:0;list-style:none}.day-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;margin-bottom:12px;overflow:hidden}.day-card__open{width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex}.day-card__open:focus-visible,.day-view__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.day-card__label{flex:1}.day-label__date--muted{color:var(--color-text-muted);font-weight:400}.day-card__projects{padding:0 12px 8px}.day-card__project{color:var(--color-text-muted);gap:8px;display:flex}.day-card__project-name,.session-row__project{overflow-wrap:anywhere;flex:1;min-width:0}.day-card__total,.day-card__project-total,.day-view__total,.session-row__times,.session-row__duration{font-variant-numeric:tabular-nums}.day-view__back{margin-bottom:12px}.day-view__heading{justify-content:space-between;gap:12px;margin:0 0 8px;font-size:1.2rem;display:flex}.session-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:10px 0;display:flex}.session-row__times{color:var(--color-text-muted)}.session-row--running .session-row__project{font-weight:600}.session-row__actions{align-self:center;gap:8px;display:flex}.session-confirm{width:100%}.session-confirm__text{margin:0 0 8px}.button--danger{border-color:var(--color-error);background:var(--color-error);color:var(--color-surface);font-weight:600}.button--danger:focus-visible{outline:2px solid var(--color-error);outline-offset:2px}.deleted-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 0;display:flex}.deleted-row__project{overflow-wrap:anywhere;flex:1;min-width:0}.deleted-row__times,.deleted-row__duration{font-variant-numeric:tabular-nums}.deleted-row__times{color:var(--color-text-muted);flex-basis:100%;order:1}.deleted-row .form-error{flex-basis:100%;order:2}.session-form{flex-direction:column;gap:10px;width:100%;display:flex}.session-form__field{border:0;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0;display:flex}.session-form__field legend{margin-bottom:4px;padding:0}.session-form__moment{gap:8px;display:flex}.session-form__input--time{flex:0 0 6em}.session-form__note{color:var(--color-text-muted);margin:0}.session-form__actions{gap:8px;display:flex}