:root{--bg: #08090c;--bg2: #0e1015;--vlak: rgba(255,255,255,.045);--vlak2: rgba(255,255,255,.075);--lijn: rgba(255,255,255,.09);--lijn2: rgba(255,255,255,.16);--ink: #eef0f2;--ink2: #b9c0c7;--mut: #7d8792;--oranje: #f4783a;--oranje2: #ff9b5e;--teal: #5ee6c1;--violet: #9b8cff;--rood: #ff7a72;--groen: #6fd59a;--geel: #f2c14e;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter Tight", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--r: 18px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}#app{height:100%}.orb{position:relative;flex:none;--niveau: 0}.orb-gloed{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%;background:radial-gradient(circle,#f4783a6b,#f4783a00 62%);filter:blur(6px);opacity:calc(.55 + var(--niveau) * .45);transform:scale(calc(1 + var(--niveau) * .25));transition:background .6s}.orb-kern{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%,#ffd2b4,#ff9b5e 22%,#f4783a 45%,#8a2f1d 78%,#2a0f0a);box-shadow:inset 0 0 calc(var(--s, 1) * 22px) #00000073,0 0 0 1px #ffffff0f;transform:scale(calc(1 + var(--niveau) * .08));transition:background .6s}.orb-wolk{position:absolute;border-radius:50%;filter:blur(10px);mix-blend-mode:screen;opacity:.75}.orb-wolk-1{width:70%;height:70%;left:-10%;top:30%;background:radial-gradient(circle,rgba(255,214,170,.9),transparent 65%);animation:orb-draai 9s linear infinite;transform-origin:70% 30%}.orb-wolk-2{width:60%;height:60%;right:-12%;top:-6%;background:radial-gradient(circle,rgba(255,120,80,.85),transparent 65%);animation:orb-draai 13s linear infinite reverse;transform-origin:20% 80%}.orb-wolk-3{width:55%;height:55%;left:25%;bottom:-18%;background:radial-gradient(circle,rgba(255,180,110,.7),transparent 65%);animation:orb-draai 11s linear infinite;transform-origin:50% 0%}.orb-glans{position:absolute;left:18%;top:12%;width:38%;height:26%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),transparent 70%);filter:blur(2px)}.orb-ring{position:absolute;top:-9%;right:-9%;bottom:-9%;left:-9%;border-radius:50%;border:1px solid rgba(244,120,58,0)}.orb-rust .orb-kern{animation:orb-adem 5.5s ease-in-out infinite}.orb-luistert .orb-kern{background:radial-gradient(circle at 35% 30%,#e6fff7,#8ff3d7 22%,#3fcfa8 46%,#0f5a4a 80%,#06221d)}.orb-luistert .orb-gloed{background:radial-gradient(circle,#5ee6c16b,#5ee6c100 62%)}.orb-luistert .orb-wolk-1{background:radial-gradient(circle,rgba(220,255,245,.9),transparent 65%)}.orb-luistert .orb-wolk-2{background:radial-gradient(circle,rgba(94,230,193,.85),transparent 65%)}.orb-luistert .orb-ring{border-color:#5ee6c159;animation:orb-golf 1.8s ease-out infinite}.orb-denkt .orb-kern{background:radial-gradient(circle at 35% 30%,#f1edff,#b9aeff,#7a68f0 48%,#2c2170 80%,#0d0a26)}.orb-denkt .orb-gloed{background:radial-gradient(circle,#9b8cff66,#9b8cff00 62%)}.orb-denkt .orb-wolk{animation-duration:2.4s}.orb-denkt .orb-wolk-1{background:radial-gradient(circle,rgba(240,236,255,.9),transparent 65%)}.orb-denkt .orb-wolk-2{background:radial-gradient(circle,rgba(155,140,255,.9),transparent 65%)}.orb-praat .orb-ring{border-color:#f4783a59;transform:scale(calc(1 + var(--niveau) * .25));opacity:calc(.3 + var(--niveau))}@keyframes orb-draai{to{transform:rotate(360deg)}}@keyframes orb-adem{0%,to{transform:scale(.97)}50%{transform:scale(1.03)}}@keyframes orb-golf{0%{transform:scale(.95);opacity:.9}to{transform:scale(1.35);opacity:0}}@media(prefers-reduced-motion:reduce){.orb *{animation:none!important}}.app{position:relative;height:100dvh;display:flex;flex-direction:column;max-width:820px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.achtergrond{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(900px 600px at 50% -10%,rgba(244,120,58,.13),transparent 60%),radial-gradient(700px 500px at 110% 110%,rgba(155,140,255,.08),transparent 60%),linear-gradient(180deg,var(--bg2),var(--bg))}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px}.merk{display:flex;align-items:center;gap:11px;min-width:0}.merk-tekst{display:flex;flex-direction:column;line-height:1.15;min-width:0}.merk-tekst strong{font-family:var(--display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.merk-tekst span{font-size:.74rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-acties{display:flex;align-items:center;gap:8px}.schakel{display:flex;padding:3px;background:var(--vlak);border:1px solid var(--lijn);border-radius:999px}.schakel button{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--mut);padding:7px 12px;border-radius:999px;font-size:.8rem;font-weight:500}.schakel button svg{width:16px;height:16px}.schakel button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.ikoon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--lijn);background:var(--vlak);color:var(--ink2)}.ikoon:hover{border-color:var(--lijn2);color:var(--ink)}.demo-band{margin:0 18px 4px;padding:8px 12px;border-radius:12px;background:#f4783a14;border:1px solid rgba(244,120,58,.22);color:var(--ink2);font-size:.78rem;line-height:1.4}.demo-band b{color:var(--oranje2);font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;margin-right:6px}.gesprek{flex:1;min-height:0;overflow-y:auto;padding:12px 18px 24px;display:flex;flex-direction:column;gap:16px;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.welkom{margin:auto 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:8px 0 16px}.welkom h1{font-family:var(--display);font-size:clamp(1.7rem,5vw,2.3rem);font-weight:700;letter-spacing:-.02em;margin:18px 0 0}.welkom p{color:var(--ink2);max-width:460px;margin:0;line-height:1.55;font-size:.98rem}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;max-width:620px}.chip{border:1px solid var(--lijn);background:var(--vlak);color:var(--ink);border-radius:999px;padding:10px 15px;font-size:.88rem;transition:border-color .2s,background .2s}.chip:hover:not(:disabled){border-color:#f4783a8c;background:#f4783a14}.bericht{display:flex;gap:12px;max-width:100%;animation:in .35s ease both}.bericht p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.bericht.ik{justify-content:flex-end}.bericht.ik p{background:var(--vlak2);border:1px solid var(--lijn);padding:11px 15px;border-radius:20px 20px 6px;max-width:82%;font-size:.97rem}.bericht.zij .inhoud{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.bericht.zij p{font-size:1.04rem;color:var(--ink);padding-top:3px}.avatar{width:26px;height:26px;border-radius:50%;flex:none;margin-top:2px;background:radial-gradient(circle at 35% 30%,#ffd2b4,#f4783a 50%,#5a1e12);box-shadow:0 0 14px #f4783a59}.puntjes{display:flex;gap:5px;padding-top:10px}.puntjes i{width:7px;height:7px;border-radius:50%;background:var(--violet);animation:punt 1.2s ease-in-out infinite}.puntjes i:nth-child(2){animation-delay:.15s}.puntjes i:nth-child(3){animation-delay:.3s}@keyframes punt{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.melding{align-self:center;font-size:.78rem;color:var(--mut);background:var(--vlak);border:1px solid var(--lijn);border-radius:999px;padding:6px 12px;text-align:center;max-width:92%}.fout{align-self:stretch;color:var(--rood);background:#ff7a7214;border:1px solid rgba(255,122,114,.3);border-radius:14px;padding:10px 14px;font-size:.9rem}.kaart{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--lijn);border-radius:var(--r);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kaart-kop{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:12px 16px 6px}.kaart-regels{list-style:none;margin:0;padding:0 0 6px}.kaart-regel{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid rgba(255,255,255,.05)}.kaart-regel:first-child{border-top:0}.kaart-stip{width:8px;height:8px;border-radius:50%;flex:none;background:var(--lijn2)}.st-goed .kaart-stip{background:var(--groen);box-shadow:0 0 8px #6fd59a99}.st-let_op .kaart-stip{background:var(--geel);box-shadow:0 0 8px #f2c14e99}.st-probleem .kaart-stip{background:var(--rood);box-shadow:0 0 8px #ff7a7299}.kaart-tekst{flex:1;min-width:0;display:flex;flex-direction:column}.kaart-titel{font-size:.94rem;font-weight:500}.kaart-sub{font-size:.8rem;color:var(--mut);margin-top:2px}.kaart-waarde{font-family:var(--display);font-weight:500;font-size:.95rem;white-space:nowrap;color:var(--ink)}.kaart-cijfers{display:grid;gap:1px;background:#ffffff0d}.kaart-cijfers.n1{grid-template-columns:1fr}.kaart-cijfers.n2{grid-template-columns:1fr 1fr}.kaart-cijfers.n3{grid-template-columns:repeat(3,1fr)}.kaart-cijfers.n4{grid-template-columns:repeat(2,1fr)}.kaart-cijfer{background:var(--bg2);padding:14px 16px 16px;display:flex;flex-direction:column;gap:2px}.kaart-cijfer-waarde{font-family:var(--display);font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.kaart-cijfer-label{font-size:.8rem;color:var(--ink2)}.kaart-cijfer-toel{font-size:.74rem;color:var(--mut)}.voorstel{align-self:stretch;margin-left:38px;border-radius:var(--r);border:1px solid rgba(244,120,58,.4);background:linear-gradient(180deg,#f4783a1a,#f4783a0a);padding:14px 16px;display:flex;flex-direction:column;gap:10px;animation:in .35s ease both}.voorstel-kop{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--oranje2)}.voorstel-nr{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--oranje);color:var(--bg);font-size:.7rem;letter-spacing:0}.voorstel p{margin:0;font-size:.98rem;line-height:1.5}.voorstel-knoppen{display:flex;gap:8px}.knop{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid var(--lijn2);background:var(--vlak);color:var(--ink);font-weight:600;font-size:.88rem;white-space:nowrap;text-decoration:none}.knop-hoofd{background:var(--oranje);border-color:var(--oranje);color:#1a0b04}.knop-hoofd:hover:not(:disabled){background:var(--oranje2)}.knop-stil{background:transparent;color:var(--ink2)}.rond{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--lijn2);background:var(--vlak2);color:var(--ink)}.rond-klein{width:40px;height:40px}.rond-hoofd{background:var(--oranje);border-color:var(--oranje);color:#1a0b04}.rond-rood{color:var(--rood);border-color:#ff7a7273;background:#ff7a7214}.rond.is-aan{background:var(--teal);border-color:var(--teal);color:#032019}.dock{padding:10px 16px calc(14px + env(safe-area-inset-bottom))}.invoer{display:flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#14161cd9;border:1px solid var(--lijn2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000059}.invoer input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:1rem;padding:10px 6px;color:var(--ink)}.invoer input::placeholder{color:var(--mut)}.invoer-klein{width:100%;max-width:520px;background:transparent;box-shadow:none;border-color:var(--lijn);padding:4px 4px 4px 14px}.invoer-klein input{font-size:.92rem;padding:8px 4px}.start{display:flex;flex-direction:column;align-items:center;gap:12px}.mic-groot{width:74px;height:74px;border-radius:50%;border:0;display:grid;place-items:center;color:#1a0b04;background:radial-gradient(circle at 35% 30%,#ffc69f,var(--oranje) 55%,#b9461f);box-shadow:0 0 0 8px #f4783a1a,0 12px 40px #f4783a59;transition:transform .15s}.mic-groot svg{width:30px;height:30px}.mic-groot:active{transform:scale(.95)}.start-hint{font-size:.78rem;color:var(--mut)}.live{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:28px;background:#14161cd9;border:1px solid var(--lijn2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000059;flex-wrap:wrap}.live-tekst{flex:1;min-width:140px;color:var(--mut);font-size:.9rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.live-tekst.is-live{color:var(--ink);font-size:1rem}.live-knoppen{display:flex;align-items:center;gap:8px;margin-left:auto}.sheet-achter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;animation:vervaag .2s ease both}.sheet{width:min(440px,100%);height:100%;background:#0f1116;border-left:1px solid var(--lijn);overflow:auto;animation:schuif .25s ease both}@keyframes vervaag{0%{opacity:0}}@keyframes schuif{0%{transform:translate(30px);opacity:0}}@media(max-width:640px){.sheet-achter{align-items:flex-end}.sheet{height:88dvh;width:100%;border-left:0;border-top:1px solid var(--lijn);border-radius:22px 22px 0 0;animation-name:omhoog}@keyframes omhoog{0%{transform:translateY(40px);opacity:0}}.schakel button span{display:none}.schakel button{padding:8px 10px}.bericht.ik p{max-width:88%}.voorstel{margin-left:0}.kaart-cijfers.n3{grid-template-columns:1fr 1fr 1fr}.kaart-cijfer-waarde{font-size:1.15rem;white-space:nowrap}.kaart-cijfer{padding:12px 12px 14px}.demo-band{font-size:.72rem;padding:6px 10px;margin:0 14px 2px}.top{padding:12px 14px}.gesprek{padding:10px 14px 20px}.welkom .orb{width:140px!important;height:140px!important}.welkom h1{margin-top:10px}.chip{font-size:.84rem;padding:9px 13px}.welkom p{font-size:.92rem}.start{flex-direction:row-reverse;gap:10px}.start .mic-groot{width:56px;height:56px;box-shadow:0 0 0 5px #f4783a1a,0 8px 26px #f4783a4d}.start .mic-groot svg{width:24px;height:24px}.start-hint{display:none}.invoer-klein{flex:1;background:#14161cd9}}.cl-instel{padding:18px 20px 28px;display:flex;flex-direction:column;gap:10px}.cl-instelkop{display:flex;justify-content:space-between;align-items:center;font-family:var(--display);font-size:1.1rem}.cl-instelrij{display:flex;align-items:center;gap:10px}.cl-instelrij input[type=range]{flex:1;accent-color:var(--oranje)}.cl-onder{justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid var(--lijn)}.cl-label{font-family:var(--mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:12px}.cl-waarde{font-family:var(--mono);font-size:.74rem;color:var(--ink2);min-width:48px;text-align:right}.cl-mut{margin:0;color:var(--mut);font-size:.86rem;line-height:1.5}.cl-klein{font-size:.76rem}.cl-modus{display:flex;padding:3px;background:var(--vlak);border:1px solid var(--lijn);border-radius:999px}.cl-modus button{flex:1;border:0;background:none;color:var(--mut);padding:7px 10px;border-radius:999px;font-size:.8rem}.cl-modus button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.cl-breed{flex:1}.cl-ikoon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--lijn);background:var(--vlak);color:var(--ink2);font-size:.8rem}.cl-geheugen,.cl-bronnen,.cl-stemmen{display:flex;flex-direction:column;gap:6px}.cl-herinnering{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:7px 7px 7px 12px;font-size:.86rem;min-height:40px}.cl-herinnering em{font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:var(--oranje2)}.cl-bron{display:grid;grid-template-columns:10px 110px 1fr;gap:10px;align-items:center;font-size:.85rem;padding:9px 12px;background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;color:var(--mut)}.cl-bron strong{color:var(--ink2);font-weight:500}.cl-bron-aan{color:var(--ink2)}.cl-bron-aan strong{color:var(--ink)}.cl-stip{width:8px;height:8px;border-radius:50%;background:var(--lijn2)}.cl-bron-aan .cl-stip{background:var(--groen);box-shadow:0 0 8px #6fd59a99}.cl-stem{display:flex;gap:6px}.cl-stemnaam{flex:1;text-align:left;background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;padding:9px 12px;font-size:.88rem;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}.cl-stemnaam em{font-style:normal;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;color:var(--oranje2)}.cl-stemnaam span{width:100%;color:var(--mut);font-size:.76rem}.cl-stem.cl-gekozen .cl-stemnaam{border-color:var(--oranje);background:#f4783a14}.cl-stem .cl-ikoon{height:auto;border-radius:12px;width:40px}.cl-uitnodig{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cl-uitnodig input,.cl-uitnodig select,.cl-linkveld{padding:10px 12px;border:1px solid var(--lijn);background:var(--vlak);border-radius:12px;min-width:0}.cl-linkveld{width:100%;margin-top:6px;font-family:var(--mono);font-size:.74rem}.cl-link{background:none;border:0;color:var(--oranje2);padding:0;text-decoration:underline}.cl-knop{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font-weight:600;font-size:.86rem;text-decoration:none}.cl-knop.cl-stil{background:transparent;color:var(--ink2);border-color:var(--lijn2)}.cl-foutmelding{color:var(--rood);margin:0;font-size:.88rem}.cl-poort{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.cl-kaart{width:min(400px,100%);display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:left}.cl-kaart .orb{align-self:center;margin-bottom:6px}.cl-kaart h1{font-family:var(--display);font-size:2rem;letter-spacing:-.02em;margin:6px 0 0;text-align:center}.cl-kaart>.cl-mut{text-align:center}.cl-kaart label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--mut)}.cl-kaart input{padding:13px 14px;border-radius:14px;border:1px solid var(--lijn2);background:var(--vlak);font-size:1rem;outline:none}.cl-kaart input:focus{border-color:var(--oranje)}.cl-knop-groot{padding:14px;border-radius:999px;border:0;background:var(--oranje);color:#1a0b04;font-family:var(--display);font-weight:700;font-size:1rem;margin-top:4px}.cl-knop-groot:hover:not(:disabled){background:var(--oranje2)}.cl-demo-kaart{border:1px solid rgba(244,120,58,.3);background:#f4783a12;border-radius:14px;padding:10px 12px;font-size:.84rem;color:var(--ink2);line-height:1.45}.cl-bol{display:none}.wp{display:grid;height:100dvh;grid-template-columns:232px minmax(0,1fr) 420px;grid-template-areas:"nav inhoud claudia"}.wp-zonder-paneel{grid-template-columns:232px minmax(0,1fr);grid-template-areas:"nav inhoud"}.wp-v-claudia{grid-template-columns:232px minmax(0,1fr);grid-template-areas:"nav claudia"}.wp-zonder-paneel .wp-claudia,.wp-v-claudia .wp-inhoud{display:none}.wp-nav{grid-area:nav;display:flex;flex-direction:column;gap:2px;padding:16px 12px;border-right:1px solid var(--lijn);background:#08090c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.wp-merk{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.wp-merk>div{display:flex;flex-direction:column;line-height:1.2;min-width:0}.wp-merk strong{font-family:var(--display);font-size:.92rem;letter-spacing:-.01em}.wp-merk span{font-size:.7rem;color:var(--mut)}.wp-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:none;color:var(--ink2);font-size:.9rem;font-weight:500;text-align:left}.wp-item:hover{background:var(--vlak);color:var(--ink)}.wp-item.is-aan{background:var(--vlak2);border-color:var(--lijn);color:var(--ink)}.wp-item svg{color:var(--mut)}.wp-item.is-aan svg{color:var(--oranje2)}.wp-item-claudia{margin-bottom:10px}.wp-claudia-stip{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffd2b4,#f4783a 50%,#5a1e12);box-shadow:0 0 12px #f4783a73}.wp-demo{margin-top:auto;padding:10px 12px;border-radius:12px;background:#f4783a12;border:1px solid rgba(244,120,58,.2);color:var(--ink2);font-size:.74rem;line-height:1.45}.wp-demo b{display:block;color:var(--oranje2);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.wp-inhoud{grid-area:inhoud;overflow-y:auto;min-width:0}.wp-claudia{grid-area:claudia;min-width:0;overflow:hidden;border-left:1px solid var(--lijn);background:#08090c59}.wp-v-claudia .wp-claudia{border-left:0;background:none}.wp-claudia .app{height:100%}.app.is-compact{max-width:none}.app.is-compact .top{padding:12px 14px}.app.is-compact .schakel button span{display:none}.app.is-compact .schakel button{padding:8px 10px}.app.is-compact .gesprek{padding:8px 14px 18px}.app.is-compact .welkom h1{font-size:1.45rem;margin-top:8px}.app.is-compact .welkom p{font-size:.88rem}.app.is-compact .chip{font-size:.8rem;padding:8px 12px}.app.is-compact .bericht.zij p{font-size:.96rem}.app.is-compact .voorstel{margin-left:0}.app.is-compact .start{flex-direction:row-reverse;gap:10px}.app.is-compact .mic-groot{width:54px;height:54px}.app.is-compact .mic-groot svg{width:22px;height:22px}.app.is-compact .start-hint{display:none}.app.is-compact .invoer-klein{flex:1;background:#14161cd9}.app.is-compact .kaart-cijfer-waarde{font-size:1.2rem}.wp-fab{position:fixed;right:22px;bottom:22px;z-index:15;display:flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid rgba(244,120,58,.45);background:#14161ceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-weight:600;font-size:.9rem;box-shadow:0 12px 40px #00000073,0 0 30px #f4783a26}.wp-module{padding:26px 30px 90px;display:flex;flex-direction:column;gap:20px;max-width:1400px}.wp-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.wp-kop h1{font-family:var(--display);font-size:1.9rem;letter-spacing:-.02em;margin:0}.wp-kop p{margin:4px 0 0;color:var(--mut);font-size:.92rem}.avatar-klein{width:18px;height:18px;margin:0}.wp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.wp-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:4px;padding:16px 18px;min-height:104px;border-radius:var(--r);border:1px solid var(--lijn);background:linear-gradient(180deg,#ffffff0e,#ffffff06)}.wp-kpi:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--lijn2)}.wp-kpi.k-goed:before{background:var(--groen)}.wp-kpi.k-let_op:before{background:var(--geel)}.wp-kpi.k-probleem:before{background:var(--rood)}.wp-kpi.k-info:before{background:var(--violet)}.wp-kpi-label{font-size:.8rem;color:var(--ink2)}.wp-kpi-waarde{font-family:var(--display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.wp-kpi-toel{font-size:.74rem;color:var(--mut)}.wp-laden .wp-kpi{animation:puls 1.4s ease-in-out infinite}@keyframes puls{50%{opacity:.5}}.wp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--lijn);overflow-x:auto;scrollbar-width:none}.wp-tabs button{border:0;background:none;color:var(--mut);padding:10px 14px;font-size:.9rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.wp-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--oranje)}.wp-balk{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wp-zoek{flex:1;min-width:200px;max-width:420px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;border:1px solid var(--lijn);background:var(--vlak);color:var(--mut)}.wp-zoek input{flex:1;min-width:0;border:0;background:none;outline:none;padding:10px 0;color:var(--ink);font-size:.9rem}.wp-balk select,.wp-velden input,.wp-velden select,.wp-velden textarea{border:1px solid var(--lijn);background:#14161c;color:var(--ink);border-radius:12px;padding:10px 12px;font-size:.9rem;outline:none;color-scheme:dark}.wp-velden input:focus,.wp-velden select:focus,.wp-velden textarea:focus{border-color:var(--oranje)}.wp-aantal{margin-left:auto;font-family:var(--mono);font-size:.72rem;color:var(--mut)}.wp-tabel-wrap{border:1px solid var(--lijn);border-radius:var(--r);overflow:auto;background:#ffffff05}.wp-tabel{width:100%;border-collapse:collapse;font-size:.88rem}.wp-tabel th{position:sticky;top:0;z-index:1;text-align:left;font-family:var(--mono);font-weight:500;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:12px 14px;background:#101218;border-bottom:1px solid var(--lijn);white-space:nowrap}.wp-tabel td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.wp-tabel tbody tr{cursor:pointer;transition:background .15s}.wp-tabel tbody tr:hover,.wp-tabel tbody tr:focus-visible{background:#ffffff0a;outline:none}.wp-tabel tr:last-child td{border-bottom:0}.wp-tabel .rechts{text-align:right}.wp-tabel tr.is-waarschuw td:first-child{box-shadow:inset 3px 0 0 var(--rood)}.wp-getal{font-variant-numeric:tabular-nums;white-space:nowrap}.wp-lang{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:460px;color:var(--ink2)}.wp-mut{color:var(--mut)}.wp-pil{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:500;white-space:nowrap;background:var(--vlak2);color:var(--ink2);border:1px solid var(--lijn)}.wp-pil:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.p-goed{color:var(--groen);background:#6fd59a14;border-color:#6fd59a40}.p-let_op{color:var(--geel);background:#f2c14e14;border-color:#f2c14e40}.p-probleem{color:var(--rood);background:#ff7a7214;border-color:#ff7a7247}.p-info{color:var(--violet);background:#9b8cff14;border-color:#9b8cff40}.wp-pil-los{margin-left:8px}.wp-leeg{color:var(--mut);text-align:center;padding:28px 12px;margin:0;font-size:.9rem}.wp-overzicht{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}.wp-blok{border:1px solid var(--lijn);border-radius:var(--r);background:#ffffff06;overflow:hidden}.wp-blok>header{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 18px 10px}.wp-blok h2{margin:0;font-family:var(--display);font-size:1.02rem}.wp-blok>header span{font-size:.76rem;color:var(--mut)}.wp-blok-claudia{padding-bottom:16px;background:linear-gradient(180deg,#f4783a0f,#ffffff05)}.wp-blok-claudia .cl-mut{padding:12px 18px 0}.wp-vragen{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px}.wp-vandaag{list-style:none;margin:0;padding:0 0 6px}.wp-vandaag button{width:100%;display:flex;align-items:center;gap:14px;padding:10px 18px;border:0;border-top:1px solid rgba(255,255,255,.05);background:none;color:inherit;text-align:left}.wp-vandaag button:hover{background:#ffffff0a}.wp-tijd{font-family:var(--mono);font-size:.78rem;color:var(--oranje2);width:44px;flex:none}.wp-vtekst{flex:1;min-width:0;display:flex;flex-direction:column}.wp-vtekst b{font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-vtekst small{color:var(--mut);font-size:.76rem}.wp-form{display:flex;flex-direction:column}.wp-form>form:first-child{padding:20px 22px;display:flex;flex-direction:column;gap:16px;flex:1}.wp-form-kop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.wp-form-kop h2{margin:4px 0 0;font-family:var(--display);font-size:1.35rem;letter-spacing:-.01em}.wp-form-kop .cl-label{margin:0}.wp-velden{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wp-veld{display:flex;flex-direction:column;gap:6px;font-size:.76rem;color:var(--mut);min-width:0}.wp-veld.breed,.wp-veld:has(textarea){grid-column:1 / -1}.wp-veld input,.wp-veld select,.wp-veld textarea{width:100%;font-family:var(--body)}.wp-veld textarea{resize:vertical;line-height:1.5}.wp-form-knoppen{display:flex;gap:8px;flex-wrap:wrap}.wp-weg{margin-left:auto;color:var(--rood);border-color:#ff7a7259;background:transparent}.wp-weg.is-zeker{background:var(--rood);color:#2a0806;border-color:var(--rood)}.wp-vraag{display:flex;align-items:center;gap:10px;margin:0 22px 22px;padding:6px 6px 6px 14px;border-radius:999px;border:1px solid rgba(244,120,58,.35);background:#f4783a0f}.wp-vraag input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--ink);padding:8px 0;font-size:.9rem}.wp-week{display:flex;flex-direction:column;gap:14px}.wp-weeknav{display:flex;align-items:center;gap:10px;margin-right:auto}.wp-weeknav strong{font-family:var(--display)}.wp-weeknav .wp-mut{font-size:.82rem}.wp-rooster-wrap{border:1px solid var(--lijn);border-radius:var(--r);overflow:auto;background:#ffffff05}.wp-rooster{display:grid;min-width:780px}.wp-rooster-rij{display:contents}.wp-rooster-hoek,.wp-rooster-dag{position:sticky;top:0;z-index:1;background:#101218;border-bottom:1px solid var(--lijn)}.wp-rooster-dag{padding:11px 10px;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border-left:1px solid rgba(255,255,255,.05)}.wp-rooster-dag.is-vandaag{color:var(--oranje2)}.wp-rooster-naam{padding:12px 14px;font-size:.86rem;font-weight:500;border-bottom:1px solid rgba(255,255,255,.05);position:sticky;left:0;background:#0d0f14;z-index:1}.wp-rooster-cel{position:relative;padding:6px;min-height:76px;display:flex;flex-direction:column;gap:5px;border-left:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.wp-rooster-cel.is-vandaag{background:#f4783a0a}.wp-blokje{display:flex;flex-direction:column;gap:1px;text-align:left;padding:6px 8px;border-radius:9px;border:1px solid var(--lijn);border-left-width:3px;background:var(--vlak2);color:var(--ink);font-size:.76rem;line-height:1.3}.wp-blokje:hover{border-color:var(--lijn2)}.wp-blokje-tijd{font-family:var(--mono);font-size:.64rem;color:var(--mut)}.wp-blokje-titel{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.b-goed{border-left-color:var(--groen)}.b-let_op{border-left-color:var(--geel)}.b-probleem{border-left-color:var(--rood)}.b-info{border-left-color:var(--violet)}.b-neutraal{border-left-color:var(--lijn2)}.wp-cel-plus{opacity:0;margin-top:auto;align-self:flex-start;width:26px;height:22px;border-radius:8px;border:1px dashed var(--lijn2);background:none;color:var(--mut);font-size:.9rem;line-height:1;transition:opacity .15s}.wp-rooster-cel:hover .wp-cel-plus,.wp-cel-plus:focus-visible{opacity:1}@media(max-width:1180px){.wp,.wp-met-paneel{grid-template-columns:210px minmax(0,1fr);grid-template-areas:"nav inhoud"}.wp-met-paneel .wp-claudia{display:none}.wp-v-claudia{grid-template-areas:"nav claudia"}}@media(max-width:1000px){.wp-overzicht{grid-template-columns:1fr}}@media(max-width:760px){.wp,.wp-zonder-paneel,.wp-met-paneel{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"inhoud" "nav"}.wp-v-claudia{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"claudia" "nav"}.wp-nav{flex-direction:row;justify-content:space-around;gap:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--lijn);overflow:visible}.wp-merk,.wp-demo{display:none}.wp-item{flex:1;flex-direction:column;gap:3px;padding:6px 2px;font-size:.62rem;border-radius:10px;text-align:center;justify-content:center;min-width:0}.wp-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wp-item.is-aan{background:none;border-color:transparent}.wp-item.is-aan span:last-child{color:var(--oranje2)}.wp-item-claudia{margin:0}.wp-claudia-stip{width:18px;height:18px}.wp-claudia .app .dock{padding-bottom:10px}.wp-fab{bottom:calc(72px + env(safe-area-inset-bottom));right:14px;padding:6px 14px 6px 6px;font-size:.84rem}.wp-module{padding:18px 14px 110px;gap:16px}.wp-kop{flex-direction:column;gap:10px}.wp-kop h1{font-size:1.5rem}.wp-kop .knop{display:none}.wp-kpis{grid-template-columns:1fr 1fr;gap:8px}.wp-kpi{padding:12px 14px;min-height:0}.wp-kpi-waarde{font-size:1.25rem}.wp-zoek{max-width:none;min-width:0;flex-basis:100%}.wp-balk .knop-hoofd{margin-left:auto}.wp-aantal{margin-left:0}.wp-velden{grid-template-columns:1fr}.wp-tabel{font-size:.84rem}.wp-tabel th,.wp-tabel td{padding:10px}.wp-weeknav{flex-wrap:wrap}.wp-rooster{min-width:860px}.wp-vraag{margin:0 16px 16px}}.wp-kort-label{display:none}.wp-kpis{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.wp-gekoppeld{display:flex;flex-direction:column;gap:14px;padding:0 22px 18px}.wp-groep{border:1px solid var(--lijn);border-radius:14px;overflow:hidden}.wp-groep header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 6px}.wp-groep .cl-label{margin:0}.wp-groep ul{list-style:none;margin:0;padding:0}.wp-groep li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid rgba(255,255,255,.05);font-size:.82rem;color:var(--ink2)}.wp-groep li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-groep li>span:last-child{text-align:right}@media(max-width:760px){.wp-lang-label{display:none}.wp-kort-label{display:inline}}.wp-tabel td:first-child{white-space:nowrap}
