:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sl-bg:#0f1115;--sl-surface:#171a21;--sl-text:#e5e7eb;--sl-muted:#9ca3af;--sl-accent:#64b094;--sl-danger:#f87171;--sl-border:#2a2f3a;--sl-tap:44px;--sl-radius:12px}*{box-sizing:border-box}html,body,#root{min-height:100%}h1,h2,h3,h4,h5,h6{margin-bottom:4px}input{margin-bottom:8px}textarea{min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text);font:inherit;width:100%;padding:0 14px}textarea:focus-visible{outline:2px solid var(--sl-accent);outline-offset:1px}body{background:var(--sl-bg);color:var(--sl-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.app{max-width:30rem;padding:env(safe-area-inset-top,0) 1rem calc(1rem + 64px + env(safe-area-inset-bottom,0));margin-inline:auto}.app__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:1.5rem;display:flex}.app__header h1{letter-spacing:.02em;margin:0;font-size:1.75rem}.app__header p{color:var(--sl-muted);margin:.25rem 0 0}.app__titlerow{align-items:center;gap:2px;display:inline-flex}.app__infobtn{width:var(--sl-tap);height:var(--sl-tap);color:var(--sl-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-left:-6px;display:inline-flex}.app__infobtn:hover{color:var(--sl-text);filter:brightness(1.2)}.app__infobtn:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px;border-radius:8px}.app__infobtn[aria-expanded=true]{color:var(--sl-accent)}.app__infopop{background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius);padding:10px 12px;font-size:.95rem}.cards{gap:12px;margin:0 0 16px;display:grid}.cards__empty{color:var(--sl-muted);margin:0 0 16px}.event-form{gap:8px;margin-bottom:16px;display:grid}.event-form__label{color:var(--sl-muted);font-size:.85rem}.event-form__input{min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text);font:inherit;padding:0 14px}.event-form__input:focus-visible{outline:2px solid var(--sl-accent);outline-offset:1px}.event-form__error{color:var(--sl-danger);margin:-4px 0 0;font-size:.9rem}.event-form__actions{gap:8px;display:flex}.event-form__start,.event-form__done{min-height:var(--sl-tap);border-radius:var(--sl-radius);font:inherit;cursor:pointer;flex:auto;padding:8px 16px;font-weight:700}.event-form__start{background:var(--sl-accent);color:#0b1f16;border:0}.event-form__done{border:1px solid var(--sl-accent);color:var(--sl-accent);background:0 0}.event-form__start:active,.event-form__done:active{filter:brightness(.85)}.runlog{gap:8px;display:grid}.runlog__heading{margin:8px 0 0;font-size:1.1rem}.runlog__empty{color:var(--sl-muted);margin:0}.runlog__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.runlog__entry{background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius);overflow:hidden}.runlog__entry>.runlog__details>summary{min-height:var(--sl-tap);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:baseline;gap:10px;margin:0;padding:10px 12px;list-style:none;display:flex}.runlog__entry>.runlog__details>summary::-webkit-details-marker{display:none}.runlog__entry>.runlog__details>summary::marker{content:""}.runlog__entry>.runlog__details>summary:hover{filter:brightness(1.12)}.runlog__chevron{color:var(--sl-muted);flex:none;align-self:center;line-height:0;transition:transform .15s}.runlog__details[open] .runlog__chevron{transform:rotate(180deg)}.runlog__body{border-top:1px solid var(--sl-border);gap:10px;margin:0;padding:0 12px 12px;display:grid}.runlog__body>.runlog__notes,.runlog__body>.runlog__none{margin:10px 0 0}.runlog__name{overflow-wrap:anywhere;flex:1;font-weight:600}.runlog__time{color:var(--sl-muted);white-space:nowrap;font-size:.9rem}.runlog__duration{font-variant-numeric:tabular-nums;white-space:nowrap}.runlog__entry--task .runlog__duration{color:var(--sl-accent)}.runlog__glyph{color:var(--sl-muted);flex:none}.runlog__entry--task .runlog__glyph{color:var(--sl-accent)}.runlog__summary{color:var(--sl-muted);margin:0;font-size:.85rem}.dialog__select{width:100%;min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text);font:inherit;padding:8px 10px}.dialog__select:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.runlog__load{min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text);font:inherit;cursor:pointer;padding:0 16px;font-weight:600}.runlog__load:active{filter:brightness(1.15)}.runlog__load:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}.event-form__start:focus-visible,.event-form__done:focus-visible,.card__action:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}@supports (padding:max(0px)){.event-form__input::placeholder{color:var(--sl-muted)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.card{border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);flex-direction:column;gap:8px;padding:16px;display:flex}.card--running{border-color:var(--sl-accent)}.card__head{align-items:center;gap:8px;display:flex}.card__content{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.card__edit{width:var(--sl-tap);height:var(--sl-tap);border-radius:calc(var(--sl-radius) - 4px);color:var(--sl-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-6px -8px -6px 0;display:grid}.card__edit:hover{color:var(--sl-text);background:#ffffff0f}.card__edit:active{background:#ffffff1a}.card__name{overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;font-size:1.05rem}.card__meta{color:var(--sl-muted);grid-column:1/span 2;margin:0;font-size:.85rem}.card__action{min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:calc(var(--sl-radius) - 4px);color:var(--sl-text);font:inherit;cursor:pointer;background:0 0;padding:8px 16px;font-size:1.05rem;font-weight:700}.card__actions{justify-content:end;justify-self:end;display:flex}.card__action--start{border-color:var(--sl-accent);background:var(--sl-accent);color:#0b0d10}.card__action--stop{border-color:var(--sl-danger);color:var(--sl-danger)}.card__action--done{border-color:var(--sl-accent);color:var(--sl-accent)}.card__action:active{filter:brightness(1.15)}.card__action:focus-visible,.card__edit:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.overlay{z-index:50;background:#04060a99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);width:min(92vw,24rem);padding:20px;box-shadow:0 12px 40px #00000073}.dialog__title{overflow-wrap:anywhere;margin:0 0 14px;font-size:1.1rem}.dialog__form{gap:10px;display:grid}.dialog__label{color:var(--sl-muted);font-size:.85rem}.dialog__input{min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-bg);color:var(--sl-text);font:inherit;padding:0 14px}.dialog__input:focus-visible{outline:2px solid var(--sl-accent);outline-offset:1px}.dialog__error{color:var(--sl-danger);margin:-2px 0 0;font-size:.9rem}.dialog__actions{gap:10px;margin-top:4px;display:flex}.dialog__cancel,.dialog__save{min-height:var(--sl-tap);border-radius:var(--sl-radius);font:inherit;cursor:pointer;flex:1;padding:0 16px;font-weight:700}.dialog__cancel{border:1px solid var(--sl-border);color:var(--sl-text);background:0 0}.dialog__save{background:var(--sl-accent);color:#0b1f16;border:0}.dialog__cancel:active,.dialog__save:active{filter:brightness(1.1)}.dialog__cancel:focus-visible,.dialog__save:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.dialog__danger{border-top:1px solid var(--sl-border);gap:8px;margin-top:18px;padding-top:16px;display:grid}.dialog__danger-title{letter-spacing:.02em;text-transform:uppercase;color:var(--sl-danger);margin:0;font-size:.9rem}.dialog__danger-text{color:var(--sl-muted);margin:0;font-size:.9rem;line-height:1.45}.dialog__delete,.dialog__confirm-delete,.dialog__keep{min-height:var(--sl-tap);border-radius:var(--sl-radius);font:inherit;cursor:pointer;padding:0 16px;font-weight:700}.dialog__delete{border:1px solid color-mix(in oklab, var(--sl-danger) 55%, transparent);background:color-mix(in oklab, var(--sl-danger) 16%, transparent);width:100%;color:var(--sl-danger);overflow-wrap:anywhere}.dialog__confirm{border:1px solid color-mix(in oklab, var(--sl-danger) 45%, transparent);border-radius:var(--sl-radius);background:color-mix(in oklab, var(--sl-danger) 10%, transparent);gap:8px;padding:12px;display:grid}.dialog__confirm-text{color:var(--sl-text);overflow-wrap:anywhere;margin:0;font-size:.9rem;line-height:1.4}.dialog__confirm-actions{gap:10px;display:flex}.dialog__keep{border:1px solid var(--sl-border);color:var(--sl-text);background:0 0;flex:1}.dialog__confirm-delete{background:var(--sl-danger);color:#1a0405;border:0;flex:1}.dialog__delete:active,.dialog__confirm-delete:active,.dialog__keep:active{filter:brightness(1.1)}.dialog__delete:focus-visible,.dialog__confirm-delete:focus-visible,.dialog__keep:focus-visible{outline:2px solid var(--sl-danger);outline-offset:2px}.app__menu{flex:none;position:relative}.app__kebab{width:var(--sl-tap);height:var(--sl-tap);color:var(--sl-text);border-radius:var(--sl-radius);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.app__kebab:hover{background:var(--sl-surface)}.app__kebab:focus-visible,.app__menuitem:focus-visible,.dialog__textarea:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.app__menulist{inset-inline-end:0;z-index:20;background:var(--sl-surface);border:1px solid var(--sl-border);border-radius:var(--sl-radius);min-width:11rem;padding:6px;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 32px #00000073}.app__menuitem{width:100%;min-height:var(--sl-tap);color:var(--sl-text);text-align:start;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;display:block}.app__menuitem:hover{background:color-mix(in oklab, var(--sl-accent) 18%, transparent)}.dialog__help{color:var(--sl-muted);margin:0 0 8px;line-height:1.5}.dialog__help code{background:var(--sl-bg);border:1px solid var(--sl-border);color:var(--sl-text);border-radius:6px;padding:0 4px}.dialog__example{background:var(--sl-bg);border:1px solid var(--sl-border);border-radius:var(--sl-radius);color:var(--sl-muted);margin:0 0 12px;padding:10px 12px;font-size:.85rem;line-height:1.5;overflow-x:auto}.dialog__textarea{background:var(--sl-bg);width:100%;min-height:7.5rem;color:var(--sl-text);border:1px solid var(--sl-border);border-radius:var(--sl-radius);font:inherit;resize:vertical;padding:10px 12px;line-height:1.5}.dialog__textarea[aria-invalid=true]{border-color:var(--sl-danger)}.dialog__error-list{color:var(--sl-text);margin:4px 0 0;padding-inline-start:1.25rem;line-height:1.5}.runlog__notes{color:var(--sl-muted);overflow-wrap:anywhere;line-height:1.45}.runlog__none{color:var(--sl-muted);margin:0;font-size:.9rem;font-style:italic}.runlog__edit{min-height:var(--sl-tap);border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.runlog__edit:hover{filter:brightness(1.15)}.runlog__edit:focus-visible,.runlog__entry>.runlog__details>summary:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.tabbar{z-index:20;background:var(--sl-surface);border-top:1px solid var(--sl-border);padding-bottom:env(safe-area-inset-bottom,0);position:fixed;bottom:0;left:0;right:0}.tabbar__list{max-width:30rem;margin-inline:auto;display:flex}.tabbar__tab{min-height:var(--sl-tap);min-width:var(--sl-tap);color:var(--sl-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-top:3px solid #0000;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;margin:0;padding:8px 4px 10px;font-weight:500;display:flex}.tabbar__tab:hover{filter:brightness(1.12)}.tabbar__tab:focus-visible{outline:2px solid var(--sl-accent);outline-offset:-2px;border-radius:6px}.tabbar__tab[aria-selected=true]{color:var(--sl-accent);border-top-color:var(--sl-accent)}.tabbar__icon{flex:none;line-height:0}.tabbar__label{font-size:.8rem;line-height:1}.app__panel[hidden]{display:none}