@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";.kc-container{background:var(--kc-bg,#f5f7fa);height:100vh;min-height:100vh;color:var(--kc-text,#1a1a2e);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.kc-header{background:var(--kc-header-bg,#fff);border-bottom:1px solid var(--kc-border,#e2e8f0);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.75rem 1rem;display:flex}.kc-header-left{align-items:center;gap:.75rem;display:flex}.kc-title{color:var(--kc-primary,#2563eb);margin:0;font-size:1.25rem;font-weight:700}.kc-mode-selector{flex-wrap:wrap;gap:.35rem;display:flex}.kc-mode-btn{border:1px solid var(--kc-border,#e2e8f0);background:var(--kc-btn-bg,#f8fafc);color:var(--kc-text-muted,#64748b);cursor:pointer;border-radius:9999px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.kc-mode-btn:hover:not(:disabled){background:var(--kc-btn-hover,#e2e8f0);border-color:var(--kc-primary,#2563eb);color:var(--kc-primary,#2563eb)}.kc-mode-btn:disabled{opacity:.5;cursor:not-allowed}.kc-mode-btn--active{background:var(--kc-primary,#2563eb);border-color:var(--kc-primary,#2563eb);color:#fff}.kc-mode-btn--active:hover:not(:disabled){background:var(--kc-primary-dark,#1d4ed8)}.kc-mode-icon{font-size:1rem;line-height:1}.kc-mode-label{display:none}@media (width>=520px){.kc-mode-label{display:inline}}.kc-mode-indicator{justify-content:flex-end;align-items:center;display:flex}.kc-mode-indicator-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;border-radius:9999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600}.kc-mode-indicator-badge[data-mode=vraag]{background:#2563eb}.kc-mode-indicator-badge[data-mode=zoek]{background:#059669}.kc-mode-indicator-badge[data-mode=maatje]{background:#d97706}.kc-mode-indicator-badge[data-mode=diagnose]{background:#7c3aed}.kc-mode-indicator-badge[data-mode=bouw]{background:#dc2626}.kc-lane-indicator{color:var(--kc-text-muted,#94a3b8);align-items:center;gap:.25rem;font-size:.7rem;display:flex}.kc-lane-dot{background:var(--kc-primary,#2563eb);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite kc-pulse}.kc-lane-label{font-variant-numeric:tabular-nums}@keyframes kc-pulse{0%,to{opacity:.4}50%{opacity:1}}.kc-chat-window{scroll-behavior:smooth;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.kc-welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.kc-welcome-icon{font-size:3rem}.kc-welcome-title{color:var(--kc-primary,#2563eb);margin:0;font-size:1.4rem;font-weight:700}.kc-welcome-text{max-width:400px;color:var(--kc-text-muted,#64748b);margin:0;font-size:.9rem;line-height:1.6}.kc-messages{flex-direction:column;gap:.75rem;display:flex}.kc-message{gap:.6rem;max-width:85%;animation:.2s ease-out kc-fade-in;display:flex}.kc-message--user{flex-direction:row-reverse;align-self:flex-end}.kc-message--assistant{align-self:flex-start}@keyframes kc-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.kc-bubble-avatar{background:var(--kc-avatar-bg,#e2e8f0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.kc-bubble-content{flex-direction:column;gap:.5rem;display:flex}.kc-bubble-text{word-wrap:break-word;overflow-wrap:break-word;border-radius:12px;padding:.6rem .9rem;font-size:.9rem;line-height:1.6}.kc-message--user .kc-bubble-text{background:var(--kc-primary,#2563eb);color:#fff;border-bottom-right-radius:4px}.kc-message--assistant .kc-bubble-text{background:var(--kc-msg-bg,#fff);color:var(--kc-text,#1a1a2e);border:1px solid var(--kc-border,#e2e8f0);border-bottom-left-radius:4px}.kc-message--streaming .kc-bubble-text{border-color:var(--kc-primary,#2563eb);box-shadow:0 0 0 1px var(--kc-primary,#2563eb)}.kc-typing-dots span{font-size:1.4rem;font-weight:700;line-height:1;animation:1.4s infinite both kc-blink}.kc-typing-dots span:nth-child(2){animation-delay:.2s}.kc-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes kc-blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}.kc-paragraph{margin:0 0 .4rem}.kc-paragraph:last-child{margin-bottom:0}.kc-heading{margin:.6rem 0 .3rem;font-weight:700;line-height:1.3}.kc-h1{font-size:1.25rem}.kc-h2{font-size:1.1rem}.kc-h3{font-size:1rem}.kc-h4{font-size:.95rem}.kc-h5{font-size:.9rem}.kc-h6{color:var(--kc-text-muted,#64748b);font-size:.85rem}.kc-li{margin:.15rem 0 .15rem 1.2rem;list-style:outside}.kc-blockquote{border-left:3px solid var(--kc-primary,#2563eb);color:var(--kc-text-muted,#64748b);margin:.4rem 0;padding:.3rem .6rem;font-style:italic}.kc-inline-code{background:var(--kc-code-bg,#f1f5f9);border-radius:3px;padding:.1rem .3rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.kc-code-block{background:var(--kc-code-bg,#1e293b);color:#e2e8f0;border-radius:8px;margin:.5rem 0;padding:.75rem 1rem;font-size:.82rem;line-height:1.5;position:relative;overflow-x:auto}.kc-code-lang{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;position:absolute;top:4px;right:8px}.kc-code-block code{font-family:JetBrains Mono,Fira Code,monospace}.kc-link{color:var(--kc-primary,#2563eb);word-break:break-all;text-decoration:underline}.kc-hr{border:none;border-top:1px solid var(--kc-border,#e2e8f0);margin:.5rem 0}.kc-source-list{flex-direction:column;gap:.35rem;display:flex}.kc-source-list-label{text-transform:uppercase;letter-spacing:.05em;color:var(--kc-text-muted,#94a3b8);font-size:.7rem;font-weight:600}.kc-source-cards{flex-wrap:wrap;gap:.4rem;display:flex}.kc-source-card{background:var(--kc-card-bg,#f8fafc);border:1px solid var(--kc-border,#e2e8f0);color:var(--kc-text,#1a1a2e);cursor:pointer;border-radius:6px;align-items:flex-start;gap:.4rem;max-width:220px;padding:.4rem .6rem;font-size:.78rem;text-decoration:none;transition:all .15s;display:flex}.kc-source-card:hover{border-color:var(--kc-primary,#2563eb);box-shadow:0 1px 4px #2563eb1f}.kc-source-card-icon{flex-shrink:0;font-size:.85rem;line-height:1.3}.kc-source-card-body{flex-direction:column;gap:.15rem;min-width:0;display:flex}.kc-source-card-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.kc-source-card-snippet{color:var(--kc-text-muted,#64748b);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;display:-webkit-box;overflow:hidden}.kc-input-bar{background:var(--kc-header-bg,#fff);border-top:1px solid var(--kc-border,#e2e8f0);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.kc-input{border:1px solid var(--kc-border,#e2e8f0);background:var(--kc-input-bg,#f8fafc);border-radius:9999px;outline:none;flex:1;padding:.55rem .85rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.kc-input:focus{border-color:var(--kc-primary,#2563eb);box-shadow:0 0 0 2px #2563eb26}.kc-input:disabled{opacity:.5;cursor:not-allowed}.kc-send-btn,.kc-mic-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:background .15s;display:flex}.kc-send-btn{background:var(--kc-primary,#2563eb);color:#fff}.kc-send-btn:hover:not(:disabled){background:var(--kc-primary-dark,#1d4ed8)}.kc-mic-btn{background:var(--kc-btn-bg,#f1f5f9);color:var(--kc-text-muted,#64748b)}.kc-mic-btn:hover:not(:disabled){background:var(--kc-btn-hover,#e2e8f0)}.kc-send-btn:disabled,.kc-mic-btn:disabled{opacity:.4;cursor:not-allowed}.kc-chat-window::-webkit-scrollbar{width:6px}.kc-chat-window::-webkit-scrollbar-track{background:0 0}.kc-chat-window::-webkit-scrollbar-thumb{background:var(--kc-border,#cbd5e1);border-radius:3px}.kc-main{flex-direction:row;flex:1;display:flex;overflow:hidden}.kc-main--with-lanes{gap:0}.kc-chat-area{flex-direction:column;flex:1;min-width:0;display:flex}.kc-lane-toggle{border:1px solid var(--kc-border,#e2e8f0);background:var(--kc-btn-bg,#f8fafc);color:var(--kc-text-muted,#64748b);cursor:pointer;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;transition:all .15s;display:flex}.kc-lane-toggle:hover{border-color:var(--kc-primary,#2563eb);color:var(--kc-primary,#2563eb)}.kc-lane-badge{background:var(--kc-primary,#2563eb);color:#fff;text-align:center;border-radius:9999px;min-width:1.2em;padding:.05rem .35rem;font-size:.65rem;font-weight:700}.kc-lane-arrow{font-size:.6rem;line-height:1}.kc-lane-panel{border-right:1px solid var(--kc-border,#e2e8f0);background:var(--kc-panel-bg,#fafbfc);flex-direction:column;flex-shrink:0;width:300px;max-width:40vw;display:flex;overflow:hidden}.kc-lane-panel-header{border-bottom:1px solid var(--kc-border,#e2e8f0);background:var(--kc-header-bg,#fff);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.kc-lane-panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--kc-text-muted,#64748b);font-size:.75rem;font-weight:600}.kc-lane-panel-close{color:var(--kc-text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.15rem .35rem;font-size:.8rem}.kc-lane-panel-close:hover{background:var(--kc-btn-hover,#e2e8f0)}.kc-lane-panel-body{flex-direction:column;flex:1;gap:.5rem;padding:.5rem;display:flex;overflow-y:auto}.kc-lane-card{background:var(--kc-card-bg,#fff);border:1px solid var(--kc-border,#e2e8f0);border-radius:8px;font-size:.78rem;overflow:hidden}.kc-lane-card-header{border-bottom:1px solid var(--kc-border,#e2e8f0);align-items:center;gap:.4rem;padding:.4rem .6rem;font-weight:600;display:flex}.kc-lane-card-icon{font-size:.85rem}.kc-lane-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--kc-text-muted,#64748b);flex:1;font-size:.75rem}.kc-lane-card-count{background:var(--kc-btn-bg,#f1f5f9);color:var(--kc-text-muted,#94a3b8);border-radius:9999px;padding:.05rem .4rem;font-size:.65rem}.kc-lane-card-data{max-height:120px;padding:.4rem .6rem;font-size:.75rem;line-height:1.4;overflow-y:auto}.kc-lane-card-empty{color:var(--kc-text-muted,#94a3b8);font-size:.7rem;font-style:italic}.kc-lane-card-data-json{flex-direction:column;gap:.25rem;display:flex}.kc-lane-data-row{border-bottom:1px solid var(--kc-border,#f1f5f9);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.15rem 0;display:flex}.kc-lane-data-row:last-child{border-bottom:none}.kc-lane-card--antwoord .kc-lane-card-header{border-left:3px solid #2563eb}.kc-lane-card--bron .kc-lane-card-header{border-left:3px solid #059669}.kc-lane-card--zoekresultaten .kc-lane-card-header{border-left:3px solid #d97706}.kc-lane-card--controle .kc-lane-card-header{border-left:3px solid #7c3aed}.kc-lane-card--maatje .kc-lane-card-header{border-left:3px solid #dc2626}.kc-lane-card--actie .kc-lane-card-header{border-left:3px solid #0891b2}.kc-lane-card-antwoord{flex-wrap:wrap;gap:.15rem;display:flex}.kc-lane-token{background:var(--kc-btn-bg,#f1f5f9);border-radius:3px;padding:.1rem .25rem;font-size:.72rem}.kc-lane-more{color:var(--kc-text-muted,#94a3b8);font-size:.65rem}.kc-lane-card-bronnen{flex-direction:column;gap:.2rem;display:flex}.kc-lane-bron-item{cursor:default;align-items:center;gap:.3rem;padding:.15rem 0;display:flex}.kc-lane-bron-icon{flex-shrink:0}.kc-lane-bron-title{white-space:nowrap;text-overflow:ellipsis;color:var(--kc-text,#1a1a2e);overflow:hidden}.kc-lane-bron-types{flex-wrap:wrap;gap:.25rem;display:flex}.kc-lane-type-badge{background:var(--kc-btn-bg,#f1f5f9);border-radius:9999px;padding:.05rem .35rem;font-size:.65rem}.kc-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.kc-status-dot[data-status=verified],.kc-status-dot[data-status=completed]{background:#22c55e}.kc-status-dot[data-status=searching],.kc-status-dot[data-status=diagnosing]{background:#eab308;animation:1s infinite kc-pulse}.kc-status-dot[data-status=error]{background:#ef4444}.kc-status-badge{background:var(--kc-btn-bg,#f1f5f9);border-radius:9999px;padding:.05rem .4rem;font-size:.65rem}.kc-lane-check{color:#22c55e}.kc-action-icon{font-size:.8rem}.kc-action-text{font-weight:500}.kc-action-ms{color:var(--kc-text-muted,#94a3b8);font-size:.65rem}.kc-action-file{color:var(--kc-primary,#2563eb);font-size:.65rem}.kc-input-tools{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.kc-tool-btn-group{align-items:center;gap:.2rem;display:flex}.kc-tool-btn{background:var(--kc-btn-bg,#f1f5f9);width:32px;height:32px;color:var(--kc-text-muted,#64748b);cursor:pointer;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .15s;display:flex}.kc-tool-btn:hover:not(:disabled){background:var(--kc-btn-hover,#e2e8f0);border-color:var(--kc-primary,#2563eb)}.kc-tool-btn:disabled{opacity:.4;cursor:not-allowed}.kc-mic-btn--recording{animation:1s infinite kc-record-pulse;color:#fff!important;background:#ef4444!important}@keyframes kc-record-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.kc-upload-status,.kc-recording-status{color:var(--kc-text-muted,#64748b);white-space:nowrap;align-items:center;gap:.3rem;font-size:.7rem;display:flex}.kc-spinner{border:2px solid var(--kc-border,#e2e8f0);border-top-color:var(--kc-primary,#2563eb);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite kc-spin}.kc-recording-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s infinite kc-pulse}@keyframes kc-spin{to{transform:rotate(360deg)}}@media (width<=768px){.kc-lane-panel{z-index:100;border-right:none;width:100%;max-width:100vw;position:fixed;inset:0}}@media (prefers-color-scheme:dark){:root{--kc-bg:#0f172a;--kc-text:#e2e8f0;--kc-text-muted:#94a3b8;--kc-border:#1e293b;--kc-header-bg:#1e293b;--kc-btn-bg:#1e293b;--kc-btn-hover:#334155;--kc-msg-bg:#1e293b;--kc-avatar-bg:#334155;--kc-card-bg:#1e293b;--kc-input-bg:#1e293b;--kc-code-bg:#0f172a}}.wx-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif}.wx-hdr{background:var(--bg-card);border-bottom:1px solid var(--border);padding:0}.wx-hdr-inner{max-width:1140px;margin:0 auto;padding:32px 24px 24px}.wx-hdr-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.wx-hdr-left{align-items:center;gap:12px;display:flex}.wx-hdr-left h1{letter-spacing:-.02em;font-size:24px;font-weight:700}.wx-back{color:var(--text-3);border:1px solid var(--border);border-radius:7px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .15s}.wx-back:hover{border-color:var(--accent);color:var(--accent)}.wx-search{background:var(--bg-card2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;transition:border-color .2s;display:flex}.wx-search:focus-within{border-color:var(--accent)50}.wx-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:Inter,sans-serif;font-size:13px}.wx-search input::placeholder{color:var(--text-3)}.wx-search-clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px}.wx-cats{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.wx-cat{border:1px solid var(--border);background:var(--bg-card2);color:var(--text-2);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-family:Inter,sans-serif;font-size:12px;transition:all .15s;display:flex}.wx-cat:hover{border-color:var(--accent);color:var(--text)}.wx-cat.active{background:var(--accent-dim);border-color:var(--accent)40;color:var(--accent)}.wx-banner{color:var(--text-2);background:#22c55e0f;border:1px solid #22c55e26;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.wx-banner-icon{font-size:16px}.wx-grid-wrap{max-width:1140px;margin:0 auto;padding:24px}.wx-empty{color:var(--text-3);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.wx-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.wx-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.wx-card:hover{border-color:var(--accent)40;box-shadow:0 8px 25px #0003}.wx-badge{z-index:2;letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:var(--bg-0);border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.wx-card-img{aspect-ratio:16/10;background:var(--bg-card2);border-bottom:1px solid var(--border);width:100%;overflow:hidden}.wx-card-emoji{justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.wx-card-body{flex-direction:column;flex:1;padding:16px;display:flex}.wx-card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:600}.wx-card-title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.3}.wx-card-desc{color:var(--text-3);margin-bottom:10px;font-size:12px;line-height:1.55}.wx-specs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.wx-spec{background:var(--bg-card2);border:1px solid var(--border);color:var(--text-2);border-radius:5px;padding:3px 8px;font-family:Inter,sans-serif;font-size:10px}.wx-card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.wx-price{align-items:baseline;gap:6px;display:flex}.wx-price-current{color:var(--text);font-size:18px;font-weight:700}.wx-price-orig{color:var(--text-3);font-size:12px;text-decoration:line-through}.wx-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.wx-btn:hover{opacity:.9;transform:translateY(-1px)}.wx-btn.out{background:var(--bg-card2);color:var(--text-3);cursor:not-allowed}@media (width<=700px){.wx-grid{grid-template-columns:1fr}.wx-hdr-inner{padding:20px 16px 16px}}:root{--pm-brand-50:#fff7ed;--pm-brand-100:#ffedd5;--pm-brand-200:#fed7aa;--pm-brand-300:#fdba74;--pm-brand-400:#fb923c;--pm-brand-500:#f97316;--pm-brand-600:#ea580c;--pm-brand-700:#c2410c;--pm-brand-800:#9a3412;--pm-brand-900:#7c2d12;--pm-brand-950:#431407;--pm-secondary-50:#fffbeb;--pm-secondary-100:#fef3c7;--pm-secondary-200:#fde68a;--pm-secondary-300:#fcd34d;--pm-secondary-400:#fbbf24;--pm-secondary-500:#f59e0b;--pm-secondary-600:#d97706;--pm-secondary-700:#b45309;--pm-secondary-800:#92400e;--pm-secondary-900:#78350f;--pm-neutral-50:#fafaf9;--pm-neutral-100:#f5f5f4;--pm-neutral-200:#e7e5e4;--pm-neutral-300:#d6d3d1;--pm-neutral-400:#a8a29e;--pm-neutral-500:#78716c;--pm-neutral-600:#57534e;--pm-neutral-700:#44403c;--pm-neutral-800:#292524;--pm-neutral-900:#1c1917;--pm-neutral-950:#0c0a09;--pm-success:#10b981;--pm-success-bg:#10b9811f;--pm-warning:#f59e0b;--pm-warning-bg:#f59e0b1f;--pm-error:#ef4444;--pm-error-bg:#ef44441f;--pm-info:#3b82f6;--pm-info-bg:#3b82f61f;--pm-pastel-peach:#ff7b54;--pm-pastel-peach-soft:#ffb088;--pm-pastel-lavender:#a78bfa;--pm-pastel-lavender-soft:#c4b5fd;--pm-pastel-yellow:#fcd34d;--pm-pastel-pink:#ffd1dc;--pm-pastel-mint:#a7f3d0;--pm-pastel-blue:#bfdbfe;--pm-pastel-cream:#fef9f4;--pm-gradient-hero:linear-gradient(135deg, #ff7b54, #a78bfa, #fcd34d);--pm-gradient-warm:linear-gradient(135deg, #ffb088, #ffd1dc);--pm-gradient-cta:linear-gradient(135deg, #ff7b54, #ffb088);--pm-gradient-brand:linear-gradient(135deg, #ff7b54, #a78bfa)}.dark,:root{--pm-bg:#0d0b09;--pm-bg-card:#161310;--pm-bg-card2:#1e1a16;--pm-bg-elevated:#221d18;--pm-bg-overlay:#000000b8;--pm-text:#e8e0d5;--pm-text-2:#a09080;--pm-text-3:#6b5d50;--pm-text-inv:#1a1208;--pm-border:#2a221a;--pm-border-2:#3a3026;--pm-accent:#f97316;--pm-accent-2:#f59e0b;--pm-accent-dim:#f973161f;--pm-accent-glow:#f973162e;--pm-glow-sm:#f9731614;--pm-glow-md:#f9731626;--pm-glow-lg:#f9731640;--pm-shadow-xs:0 1px 2px #0000004d;--pm-shadow-sm:0 2px 8px #00000040;--pm-shadow-md:0 4px 16px #00000059;--pm-shadow-lg:0 8px 32px #00000073;--pm-shadow-xl:0 16px 48px #0000008c}.light{--pm-bg:#faf7f4;--pm-bg-card:#fff;--pm-bg-card2:#f3ede7;--pm-bg-elevated:#ede5dc;--pm-bg-overlay:#00000059;--pm-text:#1a1208;--pm-text-2:#6b5d50;--pm-text-3:#a09080;--pm-text-inv:#faf7f4;--pm-border:#e8ddd4;--pm-border-2:#d6cbc0;--pm-accent:#ea6c00;--pm-accent-2:#d97706;--pm-accent-dim:#ea6c001a;--pm-accent-glow:#ea6c0026;--pm-glow-sm:#ea6c000f;--pm-glow-md:#ea6c001f;--pm-glow-lg:#ea6c0033;--pm-shadow-xs:0 1px 2px #0000000a;--pm-shadow-sm:0 2px 8px #0000000f;--pm-shadow-md:0 4px 16px #00000014;--pm-shadow-lg:0 8px 32px #0000001a;--pm-shadow-xl:0 16px 48px #0000001f}:root{--pm-font-sans:"Inter", system-ui, -apple-system, sans-serif;--pm-font-mono:"JetBrains Mono", "Fira Code", monospace;--pm-text-xs:.75rem;--pm-text-sm:.813rem;--pm-text-base:.938rem;--pm-text-lg:1.063rem;--pm-text-xl:1.25rem;--pm-text-2xl:1.5rem;--pm-text-3xl:1.875rem;--pm-text-4xl:2.25rem;--pm-text-5xl:3rem;--pm-weight-light:300;--pm-weight-normal:400;--pm-weight-medium:500;--pm-weight-semibold:600;--pm-weight-bold:700;--pm-weight-extrabold:800;--pm-weight-black:900;--pm-leading-tight:1.15;--pm-leading-normal:1.5;--pm-leading-relaxed:1.65;--pm-leading-loose:1.8;--pm-tracking-tight:-.025em;--pm-tracking-normal:0;--pm-tracking-wide:.05em;--pm-tracking-wider:.1em;--pm-tracking-widest:.15em;--pm-space-0:0;--pm-space-0_5:.125rem;--pm-space-1:.25rem;--pm-space-1_5:.375rem;--pm-space-2:.5rem;--pm-space-2_5:.625rem;--pm-space-3:.75rem;--pm-space-3_5:.875rem;--pm-space-4:1rem;--pm-space-5:1.25rem;--pm-space-6:1.5rem;--pm-space-7:1.75rem;--pm-space-8:2rem;--pm-space-9:2.25rem;--pm-space-10:2.5rem;--pm-space-12:3rem;--pm-space-14:3.5rem;--pm-space-16:4rem;--pm-space-20:5rem;--pm-space-24:6rem;--pm-radius-none:0;--pm-radius-sm:.25rem;--pm-radius-md:.5rem;--pm-radius-lg:.75rem;--pm-radius-xl:1rem;--pm-radius-2xl:1.25rem;--pm-radius-full:9999px;--pm-shadow-xs:var(--pm-shadow-xs);--pm-shadow-sm:var(--pm-shadow-sm);--pm-shadow-md:var(--pm-shadow-md);--pm-shadow-lg:var(--pm-shadow-lg);--pm-shadow-xl:var(--pm-shadow-xl);--pm-transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--pm-transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--pm-transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--pm-transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--pm-z-base:0;--pm-z-dropdown:100;--pm-z-sticky:200;--pm-z-nav:300;--pm-z-overlay:400;--pm-z-modal:500;--pm-z-toast:600;--pm-z-tooltip:700;--pm-cat-techniek:#f97316;--pm-cat-dev:#3b82f6;--pm-cat-foto:#ec4899;--pm-cat-linux:#22c55e;--pm-cat-welzijn:#8b5cf6;--pm-cat-reizen:#06b6d4;--pm-cat-geschiedenis:#d97706;--pm-cat-schrijven:#6366f1;--pm-cat-gezin:#f472b6;--pm-cat-sport:#84cc16;--pm-cat-koken:#ef4444;--pm-cat-algemeen:#94a3b8;--pm-hoofd-blauw:#3b82f6;--pm-hoofd-goud:#d97706;--pm-hoofd-groen:#22c55e;--pm-hoofd-oranje:#f97316;--pm-hoofd-paars:#8b5cf6;--pm-hoofd-rood:#ef4444;--pm-hoofd-roze:#ec4899;--pm-hoofd-turquoise:#06b6d4}.pm-btn{justify-content:center;align-items:center;gap:var(--pm-space-2);font-family:var(--pm-font-sans);font-weight:var(--pm-weight-semibold);font-size:var(--pm-text-sm);border-radius:var(--pm-radius-lg);cursor:pointer;transition:all var(--pm-transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;border:none;line-height:1;text-decoration:none;display:inline-flex}.pm-btn:focus-visible{outline:2px solid var(--pm-accent);outline-offset:2px}.pm-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pm-btn--primary{background:linear-gradient(135deg, var(--pm-accent), var(--pm-accent-2));color:#fff;box-shadow:0 2px 12px var(--pm-accent-glow)}.pm-btn--primary:hover:not(:disabled){box-shadow:0 4px 20px var(--pm-accent-glow);transform:translateY(-1px)}.pm-btn--primary:active:not(:disabled){box-shadow:0 1px 6px var(--pm-accent-glow);transform:translateY(0)}.pm-btn--secondary{background:var(--pm-bg-card2);color:var(--pm-text);border:1px solid var(--pm-border)}.pm-btn--secondary:hover:not(:disabled){border-color:var(--pm-accent);color:var(--pm-accent);background:var(--pm-accent-dim)}.pm-btn--ghost{color:var(--pm-text-2);background:0 0}.pm-btn--ghost:hover:not(:disabled){background:var(--pm-bg-card2);color:var(--pm-text)}.pm-btn--danger{color:var(--pm-error);background:#ef44441a;border:1px solid #ef444433}.pm-btn--danger:hover:not(:disabled){background:#ef444433;border-color:#ef444466}.pm-btn--xs{padding:var(--pm-space-1) var(--pm-space-2);font-size:var(--pm-text-xs);border-radius:var(--pm-radius-md);gap:var(--pm-space-1)}.pm-btn--sm{padding:var(--pm-space-1_5) var(--pm-space-3);font-size:var(--pm-text-xs);border-radius:var(--pm-radius-md)}.pm-btn--md{padding:var(--pm-space-2_5) var(--pm-space-4)}.pm-btn--lg{padding:var(--pm-space-3) var(--pm-space-6);font-size:var(--pm-text-base)}.pm-btn--icon{padding:var(--pm-space-2);border-radius:var(--pm-radius-lg);width:36px;height:36px}.pm-btn--icon.pm-btn--xs{width:28px;height:28px;padding:var(--pm-space-1)}.pm-btn--icon.pm-btn--lg{width:44px;height:44px;padding:var(--pm-space-2_5)}.pm-btn--block{width:100%}.pm-card{background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-xl);transition:all var(--pm-transition-normal);overflow:hidden}.pm-card:hover{border-color:var(--pm-accent-glow);box-shadow:var(--pm-shadow-md), 0 0 40px var(--pm-glow-sm)}.pm-card--interactive{cursor:pointer}.pm-card--interactive:hover{box-shadow:var(--pm-shadow-lg), 0 0 40px var(--pm-glow-sm);transform:translateY(-2px)}.pm-card--glow{position:relative}.pm-card--glow:before{content:"";background:linear-gradient(180deg, var(--pm-accent-dim) 0%, transparent 100%);pointer-events:none;height:80px;transition:opacity var(--pm-transition-normal);opacity:.5;position:absolute;top:0;left:0;right:0}.pm-card--glow:hover:before{opacity:1}.pm-card__header{padding:var(--pm-space-4) var(--pm-space-5) 0}.pm-card__body{padding:var(--pm-space-4) var(--pm-space-5)}.pm-card__footer{padding:0 var(--pm-space-5) var(--pm-space-4)}.pm-input{width:100%;padding:var(--pm-space-2_5) var(--pm-space-3_5);font-family:var(--pm-font-sans);font-size:var(--pm-text-sm);color:var(--pm-text);background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);transition:all var(--pm-transition-fast);outline:none}.pm-input::placeholder{color:var(--pm-text-3)}.pm-input:focus{border-color:var(--pm-accent);box-shadow:0 0 0 3px var(--pm-accent-dim)}.pm-input--error{border-color:var(--pm-error);box-shadow:0 0 0 3px var(--pm-error-bg)}.pm-input--lg{padding:var(--pm-space-3) var(--pm-space-4);font-size:var(--pm-text-base);border-radius:var(--pm-radius-xl)}.pm-textarea{width:100%;padding:var(--pm-space-3);font-family:var(--pm-font-sans);font-size:var(--pm-text-sm);color:var(--pm-text);background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);resize:vertical;min-height:80px;line-height:var(--pm-leading-relaxed);transition:all var(--pm-transition-fast);outline:none}.pm-textarea::placeholder{color:var(--pm-text-3)}.pm-textarea:focus{border-color:var(--pm-accent);box-shadow:0 0 0 3px var(--pm-accent-dim)}.pm-input-group{background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);transition:all var(--pm-transition-fast);align-items:center;display:flex}.pm-input-group:focus-within{border-color:var(--pm-accent);box-shadow:0 0 0 3px var(--pm-accent-dim)}.pm-input-group .pm-input{background:0 0;border:none;box-shadow:none!important}.pm-input-group__addon{padding:0 var(--pm-space-3);color:var(--pm-text-3);font-size:var(--pm-text-sm);flex-shrink:0;align-items:center;display:flex}.pm-select{width:100%;padding:var(--pm-space-2_5) var(--pm-space-3_5);font-family:var(--pm-font-sans);font-size:var(--pm-text-sm);color:var(--pm-text);background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);cursor:pointer;appearance:none;padding-right:var(--pm-space-3_5);transition:all var(--pm-transition-fast);background-image:none;outline:none}.pm-select-wrap{width:100%;display:inline-block;position:relative}.pm-select-wrap:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--pm-text-3);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pm-select:focus{border-color:var(--pm-accent);box-shadow:0 0 0 3px var(--pm-accent-dim)}.pm-checkbox,.pm-radio{align-items:center;gap:var(--pm-space-2_5);cursor:pointer;font-size:var(--pm-text-sm);color:var(--pm-text);-webkit-user-select:none;user-select:none;display:inline-flex}.pm-checkbox input,.pm-radio input{opacity:0;width:0;height:0;position:absolute}.pm-checkbox__control{border:2px solid var(--pm-border-2);border-radius:var(--pm-radius-sm);background:var(--pm-bg-card);width:18px;height:18px;transition:all var(--pm-transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pm-checkbox input:checked+.pm-checkbox__control{background:var(--pm-accent);border-color:var(--pm-accent)}.pm-checkbox input:checked+.pm-checkbox__control:after{content:"✓";color:#fff;font-size:12px;font-weight:700}.pm-checkbox input:focus-visible+.pm-checkbox__control{outline:2px solid var(--pm-accent);outline-offset:2px}.pm-radio__control{border:2px solid var(--pm-border-2);background:var(--pm-bg-card);width:18px;height:18px;transition:all var(--pm-transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pm-radio input:checked+.pm-radio__control{border-color:var(--pm-accent)}.pm-radio input:checked+.pm-radio__control:after{content:"";background:var(--pm-accent);border-radius:50%;width:8px;height:8px}.pm-radio input:focus-visible+.pm-radio__control{outline:2px solid var(--pm-accent);outline-offset:2px}.pm-label{font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:var(--pm-text);margin-bottom:var(--pm-space-1_5);display:block}.pm-label__hint{font-size:var(--pm-text-xs);font-weight:var(--pm-weight-normal);color:var(--pm-text-3);margin-top:var(--pm-space-0_5);display:block}.pm-badge{align-items:center;gap:var(--pm-space-1);font-size:var(--pm-text-xs);font-weight:var(--pm-weight-semibold);padding:var(--pm-space-0_5) var(--pm-space-2);border-radius:var(--pm-radius-full);white-space:nowrap;line-height:1.2;display:inline-flex}.pm-badge--neutral{background:var(--pm-bg-card2);color:var(--pm-text-2);border:1px solid var(--pm-border)}.pm-badge--accent{background:var(--pm-accent-dim);color:var(--pm-accent);border:1px solid color-mix(in srgb, var(--pm-accent) 30%, transparent)}.pm-badge--success{background:var(--pm-success-bg);color:var(--pm-success);border:1px solid color-mix(in srgb, var(--pm-success) 30%, transparent)}.pm-badge--warning{background:var(--pm-warning-bg);color:var(--pm-warning);border:1px solid color-mix(in srgb, var(--pm-warning) 30%, transparent)}.pm-badge--error{background:var(--pm-error-bg);color:var(--pm-error);border:1px solid color-mix(in srgb, var(--pm-error) 30%, transparent)}.pm-badge--info{background:var(--pm-info-bg);color:var(--pm-info);border:1px solid color-mix(in srgb, var(--pm-info) 30%, transparent)}.pm-alert{gap:var(--pm-space-3);padding:var(--pm-space-3) var(--pm-space-4);border-radius:var(--pm-radius-lg);font-size:var(--pm-text-sm);line-height:var(--pm-leading-relaxed);align-items:flex-start;display:flex}.pm-alert__icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.pm-alert__content{flex:1;min-width:0}.pm-alert__title{font-weight:var(--pm-weight-semibold);margin-bottom:var(--pm-space-1)}.pm-alert__close{cursor:pointer;opacity:.5;transition:opacity var(--pm-transition-fast);padding:var(--pm-space-1);border-radius:var(--pm-radius-sm);color:inherit;background:0 0;border:none;flex-shrink:0}.pm-alert__close:hover{opacity:1}.pm-alert--info{background:var(--pm-info-bg);border:1px solid color-mix(in srgb, var(--pm-info) 25%, transparent);color:var(--pm-text)}.pm-alert--success{background:var(--pm-success-bg);border:1px solid color-mix(in srgb, var(--pm-success) 25%, transparent);color:var(--pm-text)}.pm-alert--warning{background:var(--pm-warning-bg);border:1px solid color-mix(in srgb, var(--pm-warning) 25%, transparent);color:var(--pm-text)}.pm-alert--error{background:var(--pm-error-bg);border:1px solid color-mix(in srgb, var(--pm-error) 25%, transparent);color:var(--pm-text)}.pm-modal-overlay{background:var(--pm-bg-overlay);z-index:var(--pm-z-modal);padding:var(--pm-space-4);justify-content:center;align-items:center;animation:.15s pm-fade-in;display:flex;position:fixed;inset:0}.pm-modal{background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-2xl);box-shadow:var(--pm-shadow-xl);flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.2s pm-slide-up;display:flex;overflow:hidden}.pm-modal--sm{max-width:360px}.pm-modal--lg{max-width:640px}.pm-modal--xl{max-width:800px}.pm-modal__header{padding:var(--pm-space-4) var(--pm-space-5);border-bottom:1px solid var(--pm-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.pm-modal__title{font-size:var(--pm-text-lg);font-weight:var(--pm-weight-bold);color:var(--pm-text)}.pm-modal__close{color:var(--pm-text-3);cursor:pointer;padding:var(--pm-space-1);border-radius:var(--pm-radius-md);transition:all var(--pm-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.pm-modal__close:hover{background:var(--pm-bg-card2);color:var(--pm-text)}.pm-modal__body{padding:var(--pm-space-4) var(--pm-space-5);flex:1;overflow-y:auto}.pm-modal__footer{justify-content:flex-end;align-items:center;gap:var(--pm-space-2);padding:var(--pm-space-3) var(--pm-space-5);border-top:1px solid var(--pm-border);flex-shrink:0;display:flex}.pm-tabs{gap:var(--pm-space-1);border-bottom:1px solid var(--pm-border);padding-bottom:0;display:flex;overflow-x:auto}.pm-tab{align-items:center;gap:var(--pm-space-1_5);padding:var(--pm-space-2_5) var(--pm-space-4);font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);color:var(--pm-text-2);cursor:pointer;white-space:nowrap;transition:all var(--pm-transition-fast);font-family:var(--pm-font-sans);background:0 0;border:none;border-bottom:2px solid #0000;display:inline-flex}.pm-tab:hover{color:var(--pm-text);background:var(--pm-accent-dim);border-radius:var(--pm-radius-md) var(--pm-radius-md) 0 0}.pm-tab--active{color:var(--pm-accent);border-bottom-color:var(--pm-accent);font-weight:var(--pm-weight-semibold)}.pm-tab__icon{font-size:1rem}.pm-tab__count{background:var(--pm-bg-card2);padding:0 var(--pm-space-1_5);border-radius:var(--pm-radius-full);font-size:var(--pm-text-xs);font-weight:var(--pm-weight-semibold);color:var(--pm-text-3);text-align:center;min-width:1.2em}.pm-tab--active .pm-tab__count{background:var(--pm-accent-dim);color:var(--pm-accent)}.pm-switch{align-items:center;gap:var(--pm-space-2_5);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.pm-switch input{opacity:0;width:0;height:0;position:absolute}.pm-switch__track{background:var(--pm-border-2);border-radius:var(--pm-radius-full);width:40px;height:22px;transition:all var(--pm-transition-fast);flex-shrink:0;position:relative}.pm-switch__thumb{background:var(--pm-bg-card);width:18px;height:18px;transition:all var(--pm-transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.pm-switch input:checked+.pm-switch__track{background:var(--pm-accent)}.pm-switch input:checked+.pm-switch__track .pm-switch__thumb{background:#fff;left:20px}.pm-switch input:focus-visible+.pm-switch__track{outline:2px solid var(--pm-accent);outline-offset:2px}.pm-switch__label{font-size:var(--pm-text-sm);color:var(--pm-text)}.pm-tooltip{display:inline-flex;position:relative}.pm-tooltip__content{padding:var(--pm-space-1_5) var(--pm-space-2_5);background:var(--pm-bg-elevated);border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);font-size:var(--pm-text-xs);color:var(--pm-text);white-space:nowrap;z-index:var(--pm-z-tooltip);box-shadow:var(--pm-shadow-lg);pointer-events:none;opacity:0;transition:opacity var(--pm-transition-fast);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.pm-tooltip:hover .pm-tooltip__content{opacity:1}.pm-dropdown{display:inline-block;position:relative}.pm-dropdown__menu{background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-lg);min-width:180px;box-shadow:var(--pm-shadow-lg);z-index:var(--pm-z-dropdown);padding:var(--pm-space-1);animation:.1s pm-fade-in;position:absolute;top:calc(100% + 4px);left:0}.pm-dropdown__item{align-items:center;gap:var(--pm-space-2);width:100%;padding:var(--pm-space-2) var(--pm-space-3);border-radius:var(--pm-radius-md);font-family:var(--pm-font-sans);font-size:var(--pm-text-sm);color:var(--pm-text);cursor:pointer;transition:background var(--pm-transition-fast);text-align:left;background:0 0;border:none;display:flex}.pm-dropdown__item:hover{background:var(--pm-accent-dim);color:var(--pm-accent)}.pm-dropdown__item--danger{color:var(--pm-error)}.pm-dropdown__item--danger:hover{background:var(--pm-error-bg);color:var(--pm-error)}.pm-dropdown__divider{background:var(--pm-border);height:1px;margin:var(--pm-space-1) 0}.pm-skeleton{background:var(--pm-bg-card2);border-radius:var(--pm-radius-md);position:relative;overflow:hidden}.pm-skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--pm-accent-dim) 50%, transparent 100%);background-size:200% 100%;animation:1.5s infinite pm-shimmer;position:absolute;inset:0}.pm-skeleton--text{height:12px;margin-bottom:var(--pm-space-2);width:var(--pm-skel-width,100%)}.pm-skeleton--text:last-child{width:60%}.pm-skeleton--avatar{border-radius:50%;width:40px;height:40px}.pm-skeleton--card{height:120px}.pm-skeleton--button{width:100px;height:36px}.pm-spinner{border:2px solid var(--pm-border);border-top-color:var(--pm-accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite pm-spin}.pm-spinner--sm{border-width:1.5px;width:14px;height:14px}.pm-spinner--lg{border-width:3px;width:32px;height:32px}.pm-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pm-avatar__img{object-fit:cover;border-radius:50%;width:100%;height:100%}.pm-avatar__glow{background:radial-gradient(circle, var(--pm-accent-dim) 0%, transparent 70%);filter:blur(12px);pointer-events:none;border-radius:50%;animation:2.5s ease-in-out infinite pm-pulse;position:absolute;inset:-25%}.pm-avatar--sm{width:32px;height:32px}.pm-avatar--md{width:48px;height:48px}.pm-avatar--lg{width:64px;height:64px}.pm-avatar--xl{width:80px;height:80px}.pm-avatar--2xl{width:100px;height:100px}.pm-progress{background:var(--pm-bg-card2);border-radius:var(--pm-radius-full);width:100%;height:8px;overflow:hidden}.pm-progress__bar{background:linear-gradient(90deg, var(--pm-accent), var(--pm-accent-2));border-radius:var(--pm-radius-full);height:100%;transition:width var(--pm-transition-slow)}.pm-progress--success .pm-progress__bar{background:linear-gradient(90deg, var(--pm-success), #34d399)}.pm-progress--sm{height:4px}.pm-progress--lg{height:12px}.pm-table{border-collapse:collapse;width:100%;font-size:var(--pm-text-sm)}.pm-table th{padding:var(--pm-space-3) var(--pm-space-4);text-align:left;font-weight:var(--pm-weight-semibold);font-size:var(--pm-text-xs);color:var(--pm-text-3);text-transform:uppercase;letter-spacing:var(--pm-tracking-wide);border-bottom:1px solid var(--pm-border);background:var(--pm-bg-card)}.pm-table td{padding:var(--pm-space-3) var(--pm-space-4);border-bottom:1px solid var(--pm-border);color:var(--pm-text-2)}.pm-table tr:hover td{background:var(--pm-accent-dim)}.pm-table--striped tbody tr:nth-child(odd) td{background:var(--pm-bg-card)}.pm-pagination{align-items:center;gap:var(--pm-space-1);display:flex}.pm-page-btn{min-width:36px;height:36px;padding:0 var(--pm-space-2);border:1px solid var(--pm-border);border-radius:var(--pm-radius-md);background:var(--pm-bg-card);color:var(--pm-text-2);font-size:var(--pm-text-sm);font-weight:var(--pm-weight-medium);cursor:pointer;transition:all var(--pm-transition-fast);font-family:var(--pm-font-sans);justify-content:center;align-items:center;display:inline-flex}.pm-page-btn:hover{border-color:var(--pm-accent);color:var(--pm-accent);background:var(--pm-accent-dim)}.pm-page-btn--active{background:var(--pm-accent);border-color:var(--pm-accent);color:#fff}.pm-page-btn:disabled{opacity:.3;cursor:not-allowed}.pm-maatje-card{background:var(--pm-bg-card);border:1px solid var(--pm-border);border-radius:var(--pm-radius-xl);padding:var(--pm-space-5) var(--pm-space-4) var(--pm-space-4);cursor:pointer;transition:all var(--pm-transition-normal);position:relative;overflow:hidden}.pm-maatje-card:hover{box-shadow:var(--pm-shadow-lg);transform:translateY(-4px)}.pm-maatje-card__glow{background:linear-gradient(180deg, var(--pm-accent-dim) 0%, transparent 100%);pointer-events:none;opacity:.5;height:100px;transition:opacity var(--pm-transition-normal);position:absolute;top:0;left:0;right:0}.pm-maatje-card:hover .pm-maatje-card__glow{opacity:1}.pm-tool-badge{font-size:var(--pm-text-xs);padding:var(--pm-space-0_5) var(--pm-space-2);border-radius:var(--pm-radius-full);font-weight:var(--pm-weight-medium);border:1px solid;display:inline-flex}.pm-hd-sidebar{background:var(--pm-bg);border-right:1px solid var(--pm-border);flex-direction:column;width:260px;min-width:260px;display:flex}.pm-kc-layout{flex:1;display:flex;overflow:hidden}.pm-kc-sidebar{background:var(--pm-bg-card);border-right:1px solid var(--pm-border);flex-direction:column;width:220px;min-width:220px;display:flex;overflow:hidden}.pm-kc-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pm-kc-right-panel{background:var(--pm-bg-card);border-left:1px solid var(--pm-border);flex-direction:column;width:206px;min-width:206px;display:flex;overflow:hidden}.pm-flex{display:flex}.pm-flex-col{flex-direction:column}.pm-flex-wrap{flex-wrap:wrap}.pm-items-center{align-items:center}.pm-items-start{align-items:flex-start}.pm-justify-center{justify-content:center}.pm-justify-between{justify-content:space-between}.pm-gap-1{gap:var(--pm-space-1)}.pm-gap-2{gap:var(--pm-space-2)}.pm-gap-3{gap:var(--pm-space-3)}.pm-gap-4{gap:var(--pm-space-4)}.pm-flex-1{flex:1}.pm-flex-shrink-0{flex-shrink:0}.pm-min-w-0{min-width:0}.pm-overflow-hidden{overflow:hidden}.pm-overflow-auto{overflow:auto}.pm-text-center{text-align:center}.pm-text-xs{font-size:var(--pm-text-xs)}.pm-text-sm{font-size:var(--pm-text-sm)}.pm-text-base{font-size:var(--pm-text-base)}.pm-text-lg{font-size:var(--pm-text-lg)}.pm-text-2xl{font-size:var(--pm-text-2xl)}.pm-text-muted{color:var(--pm-text-2)}.pm-text-muted-2{color:var(--pm-text-3)}.pm-font-semibold{font-weight:var(--pm-weight-semibold)}.pm-font-bold{font-weight:var(--pm-weight-bold)}.pm-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pm-w-full{width:100%}.pm-relative{position:relative}.pm-cursor-pointer{cursor:pointer}@keyframes pm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pm-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pm-spin{to{transform:rotate(360deg)}}@keyframes pm-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes pm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pm-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pm-anim-fade-in{animation:.2s forwards pm-fade-in}.pm-anim-slide-up{animation:.25s forwards pm-slide-up}.pm-anim-float{animation:3s ease-in-out infinite pm-float}.pm-anim-pulse{animation:2.5s ease-in-out infinite pm-pulse}.pm-anim-scale-in{animation:.2s forwards pm-scale-in}@media (width>=640px){.pm\:sm\:row{flex-direction:row}.pm\:sm\:hide{display:none}.pm\:sm\:show{display:block}}@media (width>=768px){.pm\:md\:grid-cols-2{gap:var(--pm-space-4);grid-template-columns:repeat(2,1fr);display:grid}.pm\:md\:flex{display:flex}}@media (width>=1024px){.pm\:lg\:grid-cols-3{gap:var(--pm-space-5);grid-template-columns:repeat(3,1fr);display:grid}.pm\:lg\:grid-cols-4{gap:var(--pm-space-5);grid-template-columns:repeat(4,1fr);display:grid}}@media (width>=1280px){.pm\:xl\:grid-cols-4{gap:var(--pm-space-6);grid-template-columns:repeat(4,1fr);display:grid}}@layer theme{@theme default{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 0); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px #0000000d; --shadow-xs: 0 1px 2px 0 #0000000d; --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; --shadow-xl: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a; --shadow-2xl: 0 25px 50px -12px #00000040; --inset-shadow-2xs: inset 0 1px #0000000d; --inset-shadow-xs: inset 0 1px 1px #0000000d; --inset-shadow-sm: inset 0 2px 4px #0000000d; --drop-shadow-xs: 0 1px 1px #0000000d; --drop-shadow-sm: 0 1px 2px #00000026; --drop-shadow-md: 0 3px 3px #0000001f; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --drop-shadow-2xl: 0 25px 25px #00000026; --text-shadow-2xs: 0px 1px 0px #00000026; --text-shadow-xs: 0px 1px 1px #0003; --text-shadow-sm: 0px 1px 0px #00000013, 0px 1px 1px #00000013, 0px 2px 2px #00000013; --text-shadow-md: 0px 1px 1px #0000001a, 0px 1px 2px #0000001a, 0px 2px 4px #0000001a; --text-shadow-lg: 0px 1px 2px #0000001a, 0px 3px 2px #0000001a, 0px 4px 8px #0000001a; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme(--font-sans--font-feature-settings, initial); --default-font-variation-settings: --theme(--font-sans--font-variation-settings, initial); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme(--font-mono--font-feature-settings, initial); --default-mono-font-variation-settings: --theme(--font-mono--font-variation-settings, initial);}@theme default inline reference{--blur: 8px; --shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a; --shadow-inner: inset 0 2px 4px 0 #0000000d; --drop-shadow: 0 1px 2px #0000001a, 0 1px 1px #0000000f; --radius: .25rem; --max-width-prose: 65ch;}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{@tailwind utilities;}:root{--cat-techniek:#f97316;--cat-dev:#3b82f6;--cat-foto:#ec4899;--cat-linux:#22c55e;--cat-welzijn:#8b5cf6;--cat-reizen:#06b6d4;--cat-geschiedenis:#d97706;--cat-schrijven:#6366f1;--cat-gezin:#f472b6;--cat-sport:#84cc16;--cat-koken:#ef4444;--cat-algemeen:#94a3b8}:root,.dark{--bg:#0d0b09;--bg-card:#161310;--bg-card2:#1e1a16;--text:#f0ece8;--text-2:#a0988f;--text-3:#5a524a;--border:#2a221a;--accent:#f97316;--accent-dim:#f9731626}.light{--bg:#f0ece8;--bg-card:#fff;--bg-card2:#f7f4f1;--text:#1a1208;--text-2:#5a4a3a;--text-3:#9a8a7a;--border:#00000014;--accent:#ea6c0a;--accent-dim:#ea6c0a1a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,system-ui,sans-serif;transition:background .3s,color .3s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-3);border-radius:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.maatje-float{animation:3s ease-in-out infinite float}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.3s forwards slide-in}::selection{background:var(--accent-dim);color:var(--accent)}