:root{color-scheme:light;--lilac-ash: #bcabae;--onyx: #0f0f0f;--graphite: #2d2e2e;--dim-grey: #716969;--white: #fbfbfb;--success: #52705b;--warning: #8a641f;--danger: #9a4f52;--text: var(--onyx);--text-muted: var(--dim-grey);--surface: var(--white);--surface-muted: color-mix(in srgb, var(--white) 88%, var(--lilac-ash));--surface-strong: color-mix(in srgb, var(--graphite) 94%, var(--lilac-ash));--border: color-mix(in srgb, var(--lilac-ash) 48%, var(--white));--border-strong: color-mix(in srgb, var(--lilac-ash) 78%, var(--graphite));--accent-soft: color-mix(in srgb, var(--lilac-ash) 22%, var(--white));--accent-medium: color-mix(in srgb, var(--lilac-ash) 54%, var(--white));--success-soft: color-mix(in srgb, var(--success) 13%, var(--white));--warning-soft: color-mix(in srgb, var(--warning) 14%, var(--white));--danger-soft: color-mix(in srgb, var(--danger) 13%, var(--white));--focus-ring: color-mix(in srgb, var(--lilac-ash) 72%, transparent);--shadow-sm: 0 1px 2px rgb(15 15 15 / 5%);--shadow-md: 0 12px 32px rgb(15 15 15 / 8%);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--white)}body{margin:0;min-height:100%;background:var(--white);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{max-width:100%;font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}img,svg,canvas{max-width:100%}h1,h2,h3,p{overflow-wrap:break-word}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}::selection{background:var(--lilac-ash);color:var(--onyx)}.page{width:min(100%,80rem);min-width:0;max-width:100%;margin-inline:auto;padding:clamp(1.5rem,3vw,2.75rem) clamp(1rem,3vw,2rem);overflow-x:clip}button:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5}.button,.primary,.secondary,.danger{border-radius:var(--radius-sm);padding:.65rem .85rem;font-weight:750;cursor:pointer}input,select,textarea{min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--graphite);box-shadow:0 0 0 3px var(--focus-ring);outline:0}.primary,.button.primary{border:1px solid var(--onyx);background:var(--onyx);color:var(--white)}.primary:hover:not(:disabled),.button.primary:hover:not(:disabled){background:var(--graphite)}.secondary,.button.secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.secondary:hover:not(:disabled),.button.secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--accent-soft)}.danger,.button.danger,.danger-ghost{border:1px solid color-mix(in srgb,var(--danger) 45%,var(--white));background:var(--danger-soft);color:var(--danger)}.notice,.sync-notice{padding:.7rem .85rem;border:1px solid color-mix(in srgb,var(--success) 38%,var(--white));border-radius:var(--radius-sm);background:var(--success-soft);color:var(--success);font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}.sync-notice{border-color:color-mix(in srgb,var(--warning) 38%,var(--white));background:var(--warning-soft);color:var(--warning)}.notice.error{border-color:color-mix(in srgb,var(--danger) 42%,var(--white));background:var(--danger-soft);color:var(--danger)}.empty{grid-column:1/-1;padding:2rem;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--dim-grey);text-align:center}.timeline-empty{padding:1rem;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--dim-grey);font-size:.78rem;text-align:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}