[hidden]{display:none!important}:root{--bg:#f5f4ef;--surface:#fff;--surface-2:#edeae1;--border:#ddd8cc;--ink:#23262a;--ink-soft:#5c6066;--ink-faint:#8c8f92;--accent:#1f6f6b;--accent-ink:#0f4644;--accent-soft:#e2f0ee;--warn:#b8701f;--warn-soft:#f8e8d3;--good:#3c7f52;--good-soft:#e2f0e6;--danger:#a8402f;--danger-soft:#f6e2dd;--shadow:0 1px 2px #23262a0f, 0 8px 24px -12px #23262a2e;--radius:14px;--radius-sm:9px;--focus:#1f6f6b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#17191b;--surface:#212426;--surface-2:#2a2d2f;--border:#383c3e;--ink:#eeece5;--ink-soft:#a9adaf;--ink-faint:#797d80;--accent:#57c2ba;--accent-ink:#d6f3ef;--accent-soft:#1c3634;--warn:#e3a25a;--warn-soft:#3a2c17;--good:#7bc696;--good-soft:#1f3527;--danger:#e08672;--danger-soft:#3c2420;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--focus:#7bd8d1}}:root[data-theme=dark]{--bg:#17191b;--surface:#212426;--surface-2:#2a2d2f;--border:#383c3e;--ink:#eeece5;--ink-soft:#a9adaf;--ink-faint:#797d80;--accent:#57c2ba;--accent-ink:#d6f3ef;--accent-soft:#1c3634;--warn:#e3a25a;--warn-soft:#3a2c17;--good:#7bc696;--good-soft:#1f3527;--danger:#e08672;--danger-soft:#3c2420;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--focus:#7bd8d1}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;padding:0 14px 20px;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3,h4{text-wrap:balance;margin:0;font-family:Bricolage Grotesque,Public Sans,sans-serif}.mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,monospace}a{color:var(--accent)}button{font:inherit}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{max-width:1120px;margin:0 auto}.topbar{margin-bottom:6px;padding:10px 0 0}.topbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:8px;display:flex}.brand-mark{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);border-radius:7px;flex:none;place-items:center;display:grid}.brand-mark svg{width:15px;height:15px}.brand-text h1{letter-spacing:-.01em;font-size:1.05rem;font-weight:700;display:inline}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-top:4px;display:flex}.tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;margin-right:16px;padding:6px 2px;font-size:.86rem;font-weight:600}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--accent-ink);border-bottom-color:var(--accent)}.view{flex-direction:column;gap:14px;padding-top:10px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px}.panel-head-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.panel-head-row h2{font-size:1.08rem;font-weight:600}.panel-sub{color:var(--ink-soft);margin:4px 0 0;font-size:.86rem}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:.86rem;font-weight:600;transition:filter .12s;display:inline-flex}.btn:hover{filter:brightness(.96)}.btn:active{filter:brightness(.9)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--surface-2);color:var(--ink);border-color:var(--border)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn-sm{padding:6px 11px;font-size:.8rem}.btn[disabled]{opacity:.55;cursor:default}.icon-btn{background:var(--surface-2);border:1px solid var(--border);width:28px;height:28px;color:var(--ink-soft);cursor:pointer;border-radius:7px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--accent-soft);color:var(--accent-ink)}.icon-btn svg{width:14px;height:14px}.week-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.week-nav{align-items:center;gap:8px;display:flex}.week-title{text-align:center;min-width:140px}.week-title strong{font-size:.92rem}.week-range{color:var(--ink-soft);margin-top:0;font-size:.72rem;display:block}.week-actions{flex-wrap:wrap;gap:6px;display:flex}.add-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin-top:14px;padding:16px}.add-panel h3{margin-bottom:4px;font-size:.95rem;font-weight:700}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--ink-soft);font-size:.76rem;font-weight:600}.field input,.field select,.field textarea,#quick-text{border:1px solid var(--border);background:var(--surface);border-radius:8px;width:100%;padding:8px 10px;font-size:.88rem}.field textarea,#quick-text{resize:vertical;min-height:46px}.add-form{flex-direction:column;gap:10px;margin-top:10px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-row-3{grid-template-columns:1.3fr 1fr 1fr;gap:10px;display:grid}@media (width<=480px){.field-row-3{grid-template-columns:1fr}}.type-toggle{flex-wrap:wrap;gap:6px;display:flex}.type-toggle button{border:1px solid var(--border);background:var(--surface);min-width:72px;color:var(--ink-soft);cursor:pointer;border-radius:8px;flex:21%;padding:8px 4px;font-size:.82rem;font-weight:600}.type-toggle button.is-active{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent)}.form-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-hint{background:var(--warn-soft);color:var(--warn);border-radius:8px;margin-top:10px;padding:8px 10px;font-size:.82rem}.inline-add-form{gap:8px;margin-bottom:14px;display:flex}.inline-add-form input{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;flex:1;padding:8px 10px;font-size:.88rem}.grocery-quick-form{align-items:center;gap:8px;display:flex}.grocery-quick-form input{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;padding:8px 10px;font-size:.88rem}.week-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:8px;overflow-x:auto}table.week-table{border-collapse:collapse;width:100%;min-width:620px}.week-table th,.week-table td{border:1px solid var(--border);vertical-align:top;text-align:left;padding:3px 6px}.week-table thead th{background:var(--surface-2);letter-spacing:.02em;white-space:nowrap;padding:4px 6px;font-size:.72rem;font-weight:700}.week-table .day-th{z-index:2;background:var(--surface-2);position:sticky;left:0}.week-table .day-td{z-index:1;background:var(--surface);width:62px;min-width:62px;box-shadow:1px 0 0 var(--border);position:sticky;left:0}.week-table tr.is-today .day-td,.week-table tr.is-today td{background:var(--accent-soft)}.day-abbr{font-size:.78rem;font-weight:700}.day-num{color:var(--ink-soft);font-size:.68rem}.week-table td{min-width:112px}.ci{white-space:nowrap;align-items:baseline;gap:4px;font-size:.76rem;line-height:1.35;display:flex;overflow:hidden}.ci-title{text-overflow:ellipsis;font-weight:600;overflow:hidden}.ci-time{color:var(--ink-soft);flex:none;font-size:.7rem}.ci-dot{border-radius:50%;flex:none;width:6px;height:6px}.ci-dot.on-bord{background:var(--good)}.ci-dot.pending{background:var(--warn)}.ci-del{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:.8rem;line-height:1}.ci-del:hover{color:var(--danger)}.ci-icon{width:10px;height:10px;color:var(--ink-soft);flex:none}.chip{border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:600;display:inline-block}.chip-algemeen{background:var(--surface-2);color:var(--ink-soft);border:1px dashed var(--border)}.task-list,.check-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task-row,.check-row{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-items:flex-start;gap:10px;padding:10px;display:flex}.task-check,.grocery-check{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;flex:none;place-items:center;width:21px;height:21px;margin-top:1px;display:grid}.task-check:hover,.grocery-check:hover{border-color:var(--good)}.task-check svg,.grocery-check svg{width:13px;height:13px;color:var(--good);opacity:0}.grocery-check.is-checked{background:var(--good-soft);border-color:var(--good)}.grocery-check.is-checked svg{opacity:1}.task-body,.check-body{flex:1;min-width:0}.task-title,.check-title{font-size:.92rem;font-weight:600}.check-title.is-done{color:var(--ink-faint);text-decoration:line-through}.task-when{color:var(--ink-soft);margin-top:1px;font-size:.78rem}.task-note{color:var(--ink-soft);margin-top:3px;font-size:.8rem}.task-source{color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;margin-top:5px;padding:1px 7px;font-size:.7rem;display:inline-block}.empty-note{color:var(--ink-soft);padding:6px 2px 2px;font-size:.86rem}.week-table thead th.col-clickable{cursor:pointer}.week-table thead th.col-clickable:hover{filter:brightness(.94)}.week-table thead th.is-filtered{box-shadow:inset 0 0 0 2px var(--accent)}.week-filter-note{color:var(--ink-soft);align-items:center;gap:6px;margin-top:6px;font-size:.78rem;display:flex}.week-filter-note button{background:var(--accent-soft);color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;padding:3px 10px;font-size:.76rem;font-weight:600}.week-agenda{display:none}@media (width<=760px){.week-table-wrap,.week-filter-note{display:none}.week-agenda{flex-direction:column;gap:10px;margin-top:8px;display:flex}}.agenda-day{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.agenda-day.is-today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.agenda-day-head{background:var(--surface-2);justify-content:space-between;align-items:baseline;padding:8px 12px;display:flex}.agenda-day.is-today .agenda-day-head{background:var(--accent-soft)}.agenda-day-name{font-size:.88rem;font-weight:700}.agenda-day-date{color:var(--ink-soft);font-size:.76rem}.agenda-items{margin:0;padding:0;list-style:none}.agenda-item{border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;display:flex}.agenda-item .ci-icon{width:13px;height:13px;color:var(--ink-soft);flex:none}.agenda-item .chip{flex:none}.agenda-time{color:var(--ink-soft);flex:none}.agenda-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.agenda-item .ci-dot{flex:none}.agenda-del{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex:none;padding:2px 4px;font-size:1rem;line-height:1}.agenda-del:hover{color:var(--danger)}.agenda-empty{color:var(--ink-faint);padding:10px 12px;font-size:.82rem;font-style:italic}.fav-row-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.fav-row-head .panel-sub{margin:0}.fav-chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.fav-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:600}.fav-chip:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);z-index:40;text-align:center;border-radius:999px;max-width:90vw;padding:10px 16px;font-size:.84rem;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.toast{animation:.18s ease-out toast-in}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.snackbar{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);z-index:41;border-radius:999px;align-items:center;gap:10px;max-width:92vw;padding:8px 8px 8px 16px;font-size:.84rem;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.snackbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.snackbar button{color:#7bd8d1;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;padding:6px 8px;font-size:.84rem;font-weight:700}.snackbar button:hover{background:#ffffff1f}@media (prefers-reduced-motion:no-preference){.snackbar{animation:.18s ease-out toast-in}}.modal-overlay{z-index:50;background:#14141266;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:340px;padding:18px}.modal-box h3{margin-bottom:6px;font-size:1rem;font-weight:700}.modal-msg{color:var(--ink-soft);margin:0 0 14px;font-size:.88rem}.modal-actions{flex-direction:column;gap:8px;display:flex}.modal-actions .btn{justify-content:center;width:100%}