:root{--navy: #1B2A4A;--navy-light: #2A3F6A;--navy-dark: #111D35;--slate: #4A5568;--slate-light: #718096;--slate-lighter: #A0AEC0;--bg-page: #F7F8FA;--bg-white: #FFFFFF;--bg-warm: #F0F1F3;--bg-hover: #EDF2F7;--blue: #2B6CB0;--blue-light: #EBF4FF;--blue-dark: #1A4D80;--green: #276749;--green-light: #F0FFF4;--amber: #C05621;--amber-light: #FFFAF0;--red: #C53030;--red-light: #FFF5F5;--border: #E2E8F0;--border-light: #EDF2F7;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--sidebar-width: 260px;--header-height: 64px;--max-content-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;scrollbar-gutter:stable}body{font-family:var(--font-body);color:var(--slate);background-color:var(--bg-page);line-height:1.6;overflow-x:hidden;max-width:100vw}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--navy);line-height:1.3;font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem;font-weight:600}p{margin-bottom:var(--space-md)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--font-mono);font-size:.875rem;background:var(--bg-warm);padding:2px 6px;border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:.875rem;background:var(--navy-dark);color:#e2e8f0;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-md)}pre code{background:none;padding:0;color:inherit}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;font-family:var(--font-body);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;line-height:1}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-light)}.btn-secondary{background:var(--bg-white);color:var(--slate);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#9b2c2c}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:10px 14px;font-family:var(--font-body);font-size:.9375rem;color:var(--slate);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2b6cb01a}.input::placeholder{color:var(--slate-lighter)}textarea.input{resize:vertical;min-height:100px}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;border-radius:100px;text-transform:capitalize}.badge-observatie{background:var(--blue-light);color:var(--blue)}.badge-taak{background:var(--amber-light);color:var(--amber)}.badge-idee{background:#f0fff4;color:var(--green)}.badge-referentie{background:var(--bg-warm);color:var(--slate)}.badge-persoon_notitie{background:#faf5ff;color:#6b46c1}.badge-nieuws{background:#fff5f5;color:#e53e3e}.badge-quote{background:#e6fffa;color:#319795}.badge-kladblok{background:#fffaf0;color:#dd6b20}.badge-e-mail{background:#fff5f7;color:#d53f8c}.badge-document{background:#edf2f7;color:#4a5568}.badge-epub{background:#e6fffa;color:#234e52}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--navy);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.voice-btn{background:none;border:none;cursor:pointer;color:var(--slate-lighter);padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0}.voice-btn:hover{color:var(--slate)}.voice-btn--active{color:var(--red);animation:voice-pulse 1.5s ease-in-out infinite}.voice-btn--cleaning{color:var(--blue);position:relative;cursor:wait}.voice-btn__sparkle{position:absolute;top:0;right:-2px;color:var(--blue)}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.5}}.toast{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--space-md)}.toast-error{background:#fff5f5;color:var(--red);border:1px solid #FEB2B2}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.page-header h1{margin:0}.dict-description{color:var(--slate-light);font-size:.875rem;margin-bottom:var(--space-lg)}.dict-form{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.dict-form-fields{display:flex;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-md)}.dict-form-field{flex:1}.dict-form-field label{display:block;font-size:.8125rem;font-weight:600;color:var(--slate-light);margin-bottom:var(--space-xs)}.dict-input-with-mic{position:relative}.dict-input-with-mic input{width:100%;padding-right:36px}.dict-input-with-mic .voice-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.dict-form-field input{width:100%;padding:10px 14px;font-size:.9375rem;border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--slate);background:var(--bg-page)}.dict-form-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.dict-form-arrow{color:var(--slate-lighter);font-size:1.25rem;padding-bottom:8px;flex-shrink:0}.dict-form-actions{display:flex;gap:var(--space-sm)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 20px;font-family:var(--font-body);font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;background:none;color:var(--slate-light)}.btn-ghost:hover{background:var(--bg-hover);color:var(--slate)}.dict-loading{display:flex;align-items:center;gap:var(--space-sm);justify-content:center;padding:var(--space-xxl);color:var(--slate-light)}.dict-list{display:flex;flex-direction:column;gap:var(--space-xs)}.dict-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md)}.dict-item-content{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0}.dict-spoken{color:var(--slate-light);font-style:italic}.dict-arrow{color:var(--slate-lighter);flex-shrink:0}.dict-written{font-weight:600;color:var(--slate)}.dict-item-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.btn-icon{background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);color:var(--slate-lighter);display:flex;align-items:center}.btn-icon:hover{background:var(--bg-hover);color:var(--slate)}.btn-icon-danger:hover{color:var(--red);background:#fff5f5}@media(max-width:600px){.dict-form-fields{flex-direction:column;gap:var(--space-sm)}.dict-form-arrow{display:none}}.thought-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{font-size:.75rem;color:var(--tag-text, var(--slate-light));background:var(--tag-bg, var(--bg-warm));padding:2px 8px;border-radius:100px}.tag-interactive{border:1px solid transparent;cursor:pointer;font-family:var(--font-body);transition:all .15s ease}.tag-interactive:hover{border-color:var(--tag-text, var(--blue));filter:brightness(.92)}.empty-state{text-align:center;padding:var(--space-xxl) var(--space-lg);color:var(--slate-light)}.empty-state h3{color:var(--slate-light);margin-bottom:var(--space-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-lighter);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--slate-light)}@media(max-width:768px){:root{--sidebar-width: 0px;--header-height: 56px}h1{font-size:1.5rem}h2{font-size:1.25rem}}