:root {
    --ink: #edf4ef;
    --muted: #9baea5;
    --paper: #111917;
    --card: #1b2622;
    --green: #76c4a7;
    --line: #30423a;
    --orange: #f0a16f;
}

body { background: var(--paper); color: var(--ink); }
.app-top-bar { background: rgba(17, 25, 23, .94); }
.progress-card { border-color: #385044; background: #21332b; }
.progress-track { background: #385044; }
.add-card { box-shadow: 0 12px 35px rgba(0, 0, 0, .2); }
.add-form input, .add-form select { background: #111917; color: var(--ink); }
.notice { background: #213b31; }
.filter.is-active { background: #30423a; color: var(--ink); }
.app-bottom-bar { background: #17221f; }
.topbar-actions { display: flex; align-items: center; gap: .75rem; }
.install-button { min-height: 2.5rem; padding: .45rem .8rem; border: 1px solid #4c806c; border-radius: .65rem; background: #213b31; color: var(--green); font: inherit; font-size: .78rem; font-weight: 600; cursor: pointer; }
.install-button:hover { background: #2a4b3d; }
.ios-install-dialog { max-width: min(22rem, calc(100vw - 2rem)); border: 1px solid var(--line); border-radius: 1rem; background: var(--card); color: var(--ink); padding: 1.4rem; }
.ios-install-dialog::backdrop { background: rgba(0, 0, 0, .55); }
.ios-install-dialog h2 { margin: 0 0 .6rem; font-size: 1.25rem; }
.ios-install-dialog p:not(.eyebrow) { color: var(--muted); line-height: 1.5; }
@media (max-width: 640px) { .install-button { display: inline-block; } }