:root,:root[data-theme=blauw]{color-scheme:light;--accent: #4c5fef;--accent-dark: #2f3fc9;--accent-soft: #e7eaff;--accent-soft-2: #eef1ff;--accent-soft-hover: #d4daff;--accent-ink: #3444c7;--accent-fill: #4c5fef;--on-accent: #ffffff;--sidebar-fill-bg: var(--accent-fill);--sidebar-fill-fg: var(--on-accent);--sidebar-fill-border: transparent;--ink: #171a26;--muted: #666c7e;--faint: #9096a6;--line: #eaecf4;--line-2: #f1f2f8;--line-3: #d9ddea;--canvas: #f4f6fc;--canvas-image: linear-gradient(180deg, #f2f4fc 0%, #f8f7fc 100%);--surface: #ffffff;--surface-2: #f7f8fd;--panel: #f2f4fa;--panel-2: #f8f9fd;--hover: #eff1f8;--hover-2: #e8ebf5;--field-bg: #e7eaf5;--head-band: #f8f9fd;--row-sel: #edf0ff;--overlay: rgba(18, 22, 45, .42);--tooltip-bg: #232838;--tooltip-fg: #ffffff;--sidebar-bg: #f7f8fd;--pill-active: #ffffff;--danger: #d9483f;--danger-hover: #b93b33;--danger-soft: #fde3df;--today: #d4553c;--ok: #2e7d4f;--r-chip: 6px;--shadow-sm: 0 1px 2px rgba(23, 26, 45, .1);--shadow-card: 0 1px 2px rgba(23, 26, 45, .05), 0 18px 44px -18px rgba(45, 55, 120, .24);--shadow-pop: 0 2px 6px rgba(23, 26, 45, .14), 0 12px 30px -10px rgba(45, 55, 120, .28);--shadow-modal: 0 8px 24px rgba(23, 26, 45, .18), 0 40px 80px -30px rgba(45, 55, 120, .45);--note-roze: #fbdce0;--note-perzik: #fbe5c8;--note-geel: #fcf1c6;--note-groen: #dcf0dc;--note-mint: #d8efe6;--note-blauw: #d9e8f5;--note-paars: #e3ddf7;--note-taupe: #ede7e0}:root[data-theme=zacht]{color-scheme:light;--accent: #6d4aff;--accent-dark: #5433d6;--accent-soft: #ece6ff;--accent-soft-2: #f3efff;--accent-soft-hover: #dcd2ff;--accent-ink: #4a2ed1;--accent-fill: #6d4aff;--on-accent: #ffffff;--sidebar-fill-bg: var(--accent-fill);--sidebar-fill-fg: var(--on-accent);--sidebar-fill-border: transparent;--ink: #1b1630;--muted: #6b647f;--faint: #9e97b0;--line: #eeeaf8;--line-2: #f5f2fc;--line-3: #ded7f0;--canvas: #f6f2ff;--canvas-image: linear-gradient(150deg, #f4f0ff 0%, #fbf2f8 52%, #eff5ff 100%);--surface: #ffffff;--surface-2: #faf7ff;--panel: #f4f0fe;--panel-2: #fbf9ff;--hover: #f2eefc;--hover-2: #eae4f8;--field-bg: #e9e3f7;--head-band: #fbf9ff;--row-sel: #f1ecff;--overlay: rgba(32, 20, 62, .42);--tooltip-bg: #2b2444;--tooltip-fg: #ffffff;--sidebar-bg: #faf7ff;--pill-active: #ffffff;--danger: #dc4a63;--danger-hover: #bd3b52;--danger-soft: #fde0e6;--today: #e0567f;--ok: #12a47a;--r-chip: 999px;--shadow-sm: 0 1px 2px rgba(60, 40, 110, .12);--shadow-card: 0 2px 4px rgba(60, 40, 110, .06), 0 24px 54px -22px rgba(95, 60, 190, .32);--shadow-pop: 0 2px 6px rgba(60, 40, 110, .16), 0 14px 34px -12px rgba(95, 60, 190, .34);--shadow-modal: 0 8px 24px rgba(60, 40, 110, .2), 0 44px 84px -30px rgba(95, 60, 190, .5)}:root[data-theme=gradient]{color-scheme:light;--accent: #6d28d9;--accent-dark: #5b21b6;--accent-soft: #ede9fe;--accent-soft-2: #f3f0ff;--accent-soft-hover: #ddd4fd;--accent-ink: #5b21b6;--accent-fill: linear-gradient(135deg, #6d28d9 0%, #db2777 100%);--on-accent: #ffffff;--sidebar-fill-bg: var(--accent-fill);--sidebar-fill-fg: var(--on-accent);--sidebar-fill-border: transparent;--ink: #191627;--muted: #6a6480;--faint: #9a93ac;--line: #edebf5;--line-2: #f4f2fa;--line-3: #ddd9ec;--canvas: #f4f6fb;--canvas-image: linear-gradient(180deg, #f3f5fb 0%, #f7f5fb 100%);--surface: #ffffff;--surface-2: #faf9fe;--panel: #f4f2fb;--panel-2: #faf9fe;--hover: #f1eefa;--hover-2: #e8e4f5;--field-bg: #e6e1f4;--head-band: #faf9fe;--row-sel: #f4f0ff;--overlay: rgba(28, 18, 52, .44);--tooltip-bg: #271f3d;--tooltip-fg: #ffffff;--sidebar-bg: linear-gradient(168deg, #4f46e5 0%, #7c3aed 46%, #db2777 100%);--pill-active: #ffffff;--danger: #d93a5e;--danger-hover: #b82e4d;--danger-soft: #fce0e8;--today: #db2777;--ok: #16a34a;--r-chip: 999px;--shadow-sm: 0 1px 2px rgba(30, 25, 60, .1);--shadow-card: 0 1px 2px rgba(30, 25, 60, .05), 0 22px 50px -22px rgba(80, 50, 170, .32);--shadow-pop: 0 2px 6px rgba(30, 25, 60, .15), 0 14px 34px -12px rgba(80, 50, 170, .32);--shadow-modal: 0 8px 24px rgba(30, 25, 60, .2), 0 44px 84px -30px rgba(80, 50, 170, .48)}:root[data-theme=gradient] .app-sidebar{--ink: #ffffff;--muted: rgba(255, 255, 255, .86);--faint: rgba(255, 255, 255, .62);--accent: #ffffff;--accent-soft: rgba(255, 255, 255, .22);--accent-soft-2: rgba(255, 255, 255, .16);--accent-soft-hover: rgba(255, 255, 255, .3);--accent-ink: #ffffff;--accent-dark: #ffffff;--line: rgba(255, 255, 255, .2);--line-2: rgba(255, 255, 255, .14);--line-3: rgba(255, 255, 255, .34);--hover: rgba(255, 255, 255, .14);--hover-2: rgba(255, 255, 255, .2);--panel: rgba(255, 255, 255, .14);--panel-2: rgba(255, 255, 255, .12);--on-accent: #ffffff;--pill-active: rgba(255, 255, 255, .24);--sidebar-fill-bg: var(--accent-soft-2);--sidebar-fill-fg: #ffffff;--sidebar-fill-border: var(--accent-soft-hover)}:root[data-theme=gradient] .app-sidebar .popover-neutraal{--ink: #191627;--muted: #6a6480;--faint: #9a93ac;--accent: #6d28d9;--accent-soft: #ede9fe;--accent-soft-2: #f3f0ff;--accent-soft-hover: #ddd4fd;--accent-ink: #5b21b6;--line: #edebf5;--line-2: #f4f2fa;--line-3: #ddd9ec;--hover: #f1eefa;--hover-2: #e8e4f5;--panel: #f4f2fb;--panel-2: #faf9fe;--on-accent: #ffffff;--danger: #d93a5e;--danger-soft: #fce0e8}:root[data-theme=nacht]{color-scheme:dark;--accent: #7c7bff;--accent-dark: #9c9bff;--accent-soft: #262b4c;--accent-soft-2: #222741;--accent-soft-hover: #323968;--accent-ink: #bab8ff;--accent-fill: #7c7bff;--on-accent: #0e1020;--sidebar-fill-bg: var(--accent-fill);--sidebar-fill-fg: #ffffff;--sidebar-fill-border: transparent;--ink: #eceef6;--muted: #98a0b6;--faint: #6c7387;--line: #242838;--line-2: #1e2130;--line-3: #333950;--canvas: #0c0d12;--canvas-image: radial-gradient(1100px 620px at 22% -8%, #1d1b3a 0%, #0c0d12 62%);--surface: #14161f;--surface-2: #101220;--panel: #1b1f2c;--panel-2: #181b27;--hover: #1e2230;--hover-2: #252a3a;--field-bg: #222635;--head-band: #181b27;--row-sel: #1f2438;--overlay: rgba(4, 5, 10, .66);--tooltip-bg: #2a2f42;--tooltip-fg: #eceef6;--sidebar-bg: #101220;--pill-active: #2a2f44;--danger: #f2685c;--danger-hover: #ff8377;--danger-soft: #3d201b;--today: #ff9270;--ok: #5fdca9;--r-chip: 6px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-card: 0 0 0 1px rgba(255, 255, 255, .05), 0 30px 70px -30px #000;--shadow-pop: 0 0 0 1px rgba(255, 255, 255, .07), 0 16px 40px -12px rgba(0, 0, 0, .8);--shadow-modal: 0 0 0 1px rgba(255, 255, 255, .07), 0 40px 90px -30px #000;--note-roze: #452a31;--note-perzik: #46331f;--note-geel: #423c1d;--note-groen: #223c28;--note-mint: #1c3b35;--note-blauw: #21374a;--note-paars: #2f2a4b;--note-taupe: #37312a}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;min-height:100vh;background-color:var(--canvas);background-image:var(--canvas-image);background-attachment:fixed;font-family:Roboto Flex,Roboto,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}input,textarea,button{font-family:inherit}button{border:none;background:none;padding:0;cursor:pointer;font:inherit;color:inherit}.hov-panel:hover{background:var(--panel)!important}.hov-hover:hover{background:var(--hover)!important}.hov-hover2:hover{background:var(--hover-2)!important}.hov-soft:hover{background:var(--accent-soft)!important}.hov-soft2:hover{background:var(--accent-soft-hover)!important}.hov-panel2:hover{background:var(--panel-2)!important}.hov-danger:hover{background:var(--danger-soft)!important}.hov-underline:hover{text-decoration:underline!important}.hov-brighten:hover{filter:brightness(.96)}.hov-resize:hover{background:var(--accent-soft-hover)!important}.scrollx{overflow-x:auto}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.note-body-editor .ProseMirror{outline:none}.note-body-editor p,.note-body-editor ul,.note-body-editor ol{margin:0}.note-body-editor ul,.note-body-editor ol{padding-left:22px}.note-body-editor li p{margin:0}.note-body-editor h1,.note-body-editor h2{margin:0 0 8px;line-height:1.3}.note-body-editor h1{font-size:22px;font-weight:700}.note-body-editor h2{font-size:18px;font-weight:700}.note-body-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--faint);float:left;height:0;pointer-events:none}.note-body-editor img{max-width:100%;height:auto;border-radius:8px;display:block;margin:4px 0}.note-body-editor img.ProseMirror-selectednode{outline:2px solid var(--accent);outline-offset:2px}.note-body-editor a{color:var(--accent);text-decoration:underline;cursor:pointer}.note-scroll-area>*{flex-shrink:0}