: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}