:root{--paper:#f7f4ee;--card:#fffdf9;--ink:#1f1f1f;--ink-soft:#55524c;--sand:#e6dcc6;--sand-soft:#f0e9d9;--rood:#b44a3f;--rood-donker:#9a3d33;--goud:#d4a62a;--lijn:#e3ddd0;color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}h1,h2,h3,.kop{margin:0;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;line-height:1.2}p{line-height:1.6}button{font:inherit;cursor:pointer;border:none}.app{flex-direction:column;max-width:1000px;min-height:100vh;margin:0 auto;padding:0 24px 48px;display:flex}.site-header{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{color:var(--ink);background:0 0;align-items:center;gap:10px;padding:0;display:inline-flex}.logo .logo-tekst{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.logo .gewoon{letter-spacing:.34em;text-transform:uppercase;margin-left:2px;font-family:Poppins,sans-serif;font-size:10.5px;font-weight:600;line-height:1}.logo .duits{letter-spacing:-.01em;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;line-height:1.05}.logo .logo-merk{align-self:center;height:30px}.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px 0 56px;display:grid}.hero h1{font-size:clamp(30px,4.5vw,44px);font-weight:700}.hero h1 .accent{color:var(--rood)}.taalwissel{cursor:help;-webkit-text-decoration:underline dotted var(--goud);text-decoration:underline dotted var(--goud);text-underline-offset:7px;text-decoration-thickness:2px;display:inline-grid}.taalwissel>span{grid-area:1/1;transition:opacity .25s}.taalwissel .duits,.taalwissel.toon-duits>span{opacity:0}.taalwissel.toon-duits>.duits{opacity:1}.hero p{color:var(--ink-soft);max-width:480px;margin:18px 0 0;font-size:17px}.hero-acties{align-items:center;gap:12px;margin-top:28px;display:flex}.hero-acties .knop-licht{text-decoration:none;display:inline-block}.hero-beeld{justify-content:center;display:flex}.hero-figuur{width:100%;max-width:420px;padding-top:26%;position:relative}.figuren{justify-content:space-between;align-items:flex-end;display:flex}.figuur-wrap{position:relative}.wrap-a{width:50.5%}.wrap-b{width:45.9%}.figuur{cursor:pointer;transform-origin:bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:block}.figuur:hover{z-index:3;transform:scale(1.07)translateY(-4px)}.dialoog{z-index:2;text-align:center;color:#fdf6ec;opacity:0;transform-origin:bottom;pointer-events:none;border-radius:15px;width:max-content;max-width:92%;padding:8px 13px;font-family:Poppins,sans-serif;font-size:clamp(10px,1.15vw,13.5px);font-weight:600;line-height:1.25;transition:opacity .35s,transform .35s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;transform:translate(-50%,8px)scale(.6)}.dialoog:after{content:"";border:9px solid #0000;border-bottom:0;margin-left:-9px;position:absolute;bottom:-8px;left:50%}.dialoog.zichtbaar{opacity:1;pointer-events:auto;cursor:pointer;transform:translate(-50%)scale(1)}.dialoog.zichtbaar.groot{transform:translate(-50%,-3px)scale(1.14)}.dialoog>span{grid-area:1/1;transition:opacity .3s}.dialoog .d-nl{opacity:0;font-style:italic;font-weight:500}.dialoog.toon-nl .d-de{opacity:0}.dialoog.toon-nl .d-nl{opacity:1}.dialoog-a{background:var(--rood);bottom:calc(100% + 36px);left:56%}.dialoog-a:after{border-top-color:var(--rood)}.dialoog-b{background:var(--goud);bottom:calc(100% + 8px);left:24%}.dialoog-b:after{border-top-color:var(--goud)}.foto{object-fit:cover;display:block}.foto-placeholder{background:var(--sand-soft);border:1px dashed var(--sand);color:var(--ink-soft);letter-spacing:.04em;place-items:center;font-size:13px;display:grid}.stappen{padding:64px 0 8px;scroll-margin-top:24px}.sectie-intro{color:var(--ink-soft);max-width:640px;margin:-14px 0 28px;font-size:15.5px}.weten{background:var(--card);border:1px solid var(--lijn);border-left:4px solid var(--goud);border-radius:14px;margin-top:24px;padding:20px 24px}.weten h3{margin-bottom:10px;font-size:15px}.weten ul{margin:0;padding-left:18px}.weten li{color:var(--ink-soft);margin-bottom:6px;font-size:14px;line-height:1.6}.stappen h2,.over h2{margin-bottom:28px;font-size:26px}.stappen-rij{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.stap{background:var(--card);border:1px solid var(--lijn);border-radius:16px;padding:22px 20px}.stap-ill{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%;margin-bottom:14px}.keuze-ill{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;margin-bottom:10px}.stap-nr{background:var(--goud);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:12px;font-family:Poppins,sans-serif;font-weight:600;display:inline-grid}.stap h3{margin-bottom:6px;font-size:16px}.stap p{color:var(--ink-soft);margin:0;font-size:14px}.stappen-beeld{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.sfeer-foto{aspect-ratio:16/9;border-radius:16px;width:100%}.quote-band{background:var(--sand-soft);text-align:center;border-radius:20px;margin:64px 0 0;padding:36px 40px}.quote-band p{max-width:700px;margin:0 auto;font-family:Poppins,sans-serif;font-size:clamp(17px,2.4vw,21px);font-weight:600;line-height:1.5}.quote-bron{color:var(--ink-soft);margin-top:12px;font-size:13.5px;display:block}.citaat{text-align:center;max-width:640px;color:var(--ink-soft);margin:28px auto 0;font-size:15.5px;font-style:italic}.citaat .taalwissel{text-underline-offset:5px;text-decoration-thickness:1.5px}.citaat-wie{margin-top:6px;font-size:13px;font-style:normal;display:block}.over{grid-template-columns:260px minmax(0,1fr);align-items:center;gap:40px;padding:64px 0 24px;display:grid}.over-foto{aspect-ratio:4/5;border-radius:20px;width:260px}.over-tekst p{color:var(--ink-soft);max-width:560px;margin:0 0 14px}.over-motto{color:var(--ink);font-style:italic}.linkedin{color:var(--rood);align-items:center;gap:7px;margin-top:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.linkedin:hover{text-decoration:underline}.tegels{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;display:grid}.tegel{background:var(--card);border:1px solid var(--lijn);text-align:left;border-radius:16px;flex-direction:column;gap:10px;padding:24px 20px;transition:transform .12s,box-shadow .12s;display:flex}.tegel:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #1f1f1f12}.tegel:disabled{cursor:default;opacity:.55}.tegel .icoon{background:var(--sand-soft);border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.tegel h3{font-size:17px}.tegel p{color:var(--ink-soft);margin:0;font-size:14px}.tegel-ill{aspect-ratio:4/3;object-fit:cover;border-radius:12px;width:100%}.tegel-pijl{color:var(--rood);font-size:18px;font-weight:600}.tegel .binnenkort{color:var(--goud);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.site-footer{color:var(--ink-soft);text-align:center;margin-top:auto;padding-top:56px;font-size:13px}.knop{background:var(--rood);color:#fff;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:600}.knop:hover{background:var(--rood-donker)}.knop:disabled{opacity:.5;cursor:default}.knop-licht{border:1px solid var(--lijn);color:var(--ink);background:0 0;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:500}.knop-licht:hover{background:var(--sand-soft);border-color:var(--sand)}.setup{max-width:900px}.setup h1{margin:24px 0 8px;font-size:30px}.setup .sub{color:var(--ink-soft);max-width:640px;margin-bottom:28px}.keuze-rij{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.keuze{background:var(--card);border:2px solid var(--lijn);text-align:left;border-radius:14px;padding:18px}.keuze.actief{border-color:var(--rood)}.keuze h3{margin-bottom:6px;font-size:16px}.keuze p{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.45}.veld{margin-bottom:24px}.veld label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.veld textarea{border:1px solid var(--lijn);width:100%;min-height:180px;font:inherit;background:var(--card);resize:vertical;border-radius:12px;padding:14px;font-size:14px}.veld textarea:focus{outline:2px solid var(--goud);border-color:#0000}.onderwerp-veld{max-width:560px}.onderwerp-veld .onderwerp-schakel{cursor:pointer;align-items:center;gap:10px;margin:0 0 10px;font-size:14px;font-weight:600;display:flex}.onderwerp-veld input[type=checkbox]{width:18px;height:18px;accent-color:var(--rood);cursor:pointer;flex:none;margin:0}.onderwerp-veld input[type=text]{border:1px solid var(--lijn);width:100%;font:inherit;background:var(--card);border-radius:12px;padding:12px 14px;font-size:15px;transition:opacity .25s,border-color .25s}.onderwerp-veld.gedimd input[type=text]{opacity:.45;cursor:not-allowed}.onderwerp-veld input[type=text]::placeholder{color:#9a958a;font-style:italic}.onderwerp-veld input[type=text]:focus{outline:2px solid var(--goud);border-color:#0000}.veld .hint{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.schakel{align-items:center;gap:10px;margin-bottom:28px;font-size:14.5px;display:flex}.setup-rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;margin-bottom:20px;display:flex}.setup-rij-uitleg{color:var(--ink-soft);font-size:14px}.setup-stem{align-items:center;display:flex}.bron-keuze{background:var(--sand-soft);border:1px solid var(--sand);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.bron-keuze button{color:var(--ink-soft);background:0 0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.bron-keuze button.actief{background:var(--card);color:var(--ink);box-shadow:0 1px 4px #1f1f1f14}.bieb-intro{color:var(--ink-soft);margin:0 0 16px;font-size:14px}.bieb-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin-bottom:8px;display:grid}.bieb-kaart{background:var(--card);border:1px solid var(--lijn);text-align:left;border-radius:14px;flex-direction:column;gap:8px;padding:0 0 14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.bieb-kaart:hover{border-color:var(--sand);transform:translateY(-2px);box-shadow:0 8px 22px #1f1f1f14}.bieb-thumb{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.bieb-kaart h3{padding:0 14px;font-size:14px;line-height:1.3}.bieb-meta{color:var(--ink-soft);padding:0 14px;font-size:12px}.lees-venster{background:var(--card);border:1px solid var(--lijn);border-radius:16px;margin-bottom:20px;padding:18px 22px 20px;scroll-margin-top:16px}.lees-balk{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lees-balk .bieb-meta{padding:0}.lees-thumb{aspect-ratio:21/9;object-fit:cover;border-radius:12px;width:100%;margin-bottom:14px}.lees-venster h2{margin-bottom:6px;font-size:22px}.lees-bron{color:var(--ink-soft);margin:0 0 12px;font-size:13px}.lees-kop{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lees-groter{flex-shrink:0;padding:8px 16px;font-size:13.5px}.lees-uitleg{color:var(--ink-soft);margin:0 0 8px;font-size:12.5px}.tekst-knop{color:var(--rood);text-underline-offset:3px;background:0 0;padding:0;font-size:12.5px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.lees-tekst{resize:vertical;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);min-height:160px;max-height:380px;padding-top:6px;padding-right:10px;font-size:15px;overflow-y:auto}.lees-tekst.groot{resize:none;border:none;min-height:0;max-height:none;padding-right:0;font-size:17px;line-height:1.7}.hl{cursor:pointer;border-radius:3px;padding:0 1px}.hl-goud{background:#d4a62a61}.hl-rood{background:#b44a3f42}.markeer-balk{z-index:60;background:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 8px;animation:.15s balk-op;display:flex;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 18px #1f1f1f33}@keyframes balk-op{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}.markeer-balk .kleur{border:2px solid #ffffffd9;border-radius:50%;width:22px;height:22px}.markeer-balk .kleur.goud{background:var(--goud)}.markeer-balk .kleur.rood{background:var(--rood)}.markeer-balk .wis{color:#fff;background:0 0;padding:0 6px;font-size:12.5px}.notities{background:var(--sand-soft);border-radius:12px;margin-top:16px;padding:12px 14px}.notities-kop{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px;display:flex}.opmaak-knoppen{gap:4px;display:flex}.opmaak-knoppen button{background:var(--card);border:1px solid var(--sand);width:28px;height:26px;color:var(--ink);border-radius:7px;font-size:13px}.opmaak-knoppen button:hover{border-color:var(--goud)}.notitie-veld{background:var(--card);border:1px solid var(--sand);border-radius:8px;outline:none;min-height:72px;padding:10px 12px;font-size:14px;line-height:1.55}.notitie-veld:focus{border-color:var(--goud)}.notitie-veld:empty:before{content:attr(data-placeholder);color:#9a958a}.notitie-veld ul,.notitie-weergave ul{margin:4px 0;padding-left:20px}.notities-details{background:var(--sand-soft);border-radius:10px;width:100%;max-width:560px;padding:8px 14px;font-size:13.5px}.notities-details summary{cursor:pointer;font-weight:600}.notitie-weergave{margin-top:6px;line-height:1.55}.popup-achtergrond{z-index:50;background:#1f1f1f73;justify-content:center;align-items:center;padding:24px;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.popup{background:var(--card);border-radius:20px;flex-direction:column;width:min(960px,100%);max-height:92vh;animation:.25s cubic-bezier(.34,1.56,.64,1) popup-op;display:flex;box-shadow:0 24px 60px #1f1f1f40}@keyframes popup-op{0%{opacity:0;transform:translateY(16px)scale(.98)}}.popup-kop{border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;display:flex}.popup-kop h2{font-size:20px}.popup-inhoud{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);align-items:start;gap:24px;padding:20px 26px 26px;display:grid;overflow-y:auto}.popup-inhoud .notities{margin-top:0;position:sticky;top:0}@media (width<=760px){.popup-inhoud{grid-template-columns:1fr}}.lees-tekst p{margin:0 0 12px}.lees-tip{color:var(--ink-soft);margin:12px 0 0;font-size:13px}.sessie{flex-direction:column;flex:1;min-height:0;display:flex}.sessie-balk{border-bottom:1px solid var(--lijn);align-items:center;gap:16px;padding:12px 0 16px;display:flex}.sessie-balk .titel{white-space:nowrap;text-overflow:ellipsis;max-width:34ch;font-size:15px;font-weight:600;overflow:hidden}.sessie-balk .timer{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:14px}.sessie-balk .spacer{flex:1}.stem-toggle{background:0 0;align-items:center;gap:8px;padding:4px 6px;display:inline-flex}.stem-label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-size:11px}.stem-baan{box-sizing:border-box;background:#e4e0d7;border:1px solid #d6d1c6;border-radius:999px;width:50px;height:30px;transition:background .25s,border-color .25s;position:relative}.stem-toggle.kerstin .stem-baan{background:#f6e4dc;border-color:#e4bfb5}.stem-knopje{background:#9a958a;border-radius:50%;width:22px;height:22px;transition:left .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.stem-toggle.kerstin .stem-knopje{box-shadow:0 0 0 2px var(--goud);background:url(/images/kerstin.jpg) 50% 25%/cover no-repeat;left:calc(100% - 26px)}.stem-naam{text-align:left;min-width:62px;color:var(--ink-soft);font-size:12.5px;font-weight:600;transition:color .2s}.stem-toggle.kerstin .stem-naam{color:var(--rood)}.transcript{flex-direction:column;flex:1;gap:14px;padding:24px 0;display:flex;overflow-y:auto}.bubbel-rij{display:flex}.bubbel-rij.leerling{justify-content:flex-end}.bubbel{border-radius:16px;max-width:78%;padding:12px 16px;font-size:15px;line-height:1.55}.bubbel-rij.docent .bubbel{background:var(--sand-soft);border-bottom-left-radius:4px}.bubbel-rij.leerling .bubbel{background:var(--card);border:1px solid var(--lijn);border-bottom-right-radius:4px}.bubbel .wie{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.controle{border-top:1px solid var(--lijn);flex-direction:column;align-items:center;gap:12px;padding:20px 0 8px;display:flex}.status-tekst{color:var(--ink-soft);min-height:20px;font-size:14px}.mic-knop{background:var(--rood);color:#fff;border-radius:50%;place-items:center;width:76px;height:76px;font-size:30px;transition:transform .1s;display:grid;position:relative}.mic-knop:hover:not(:disabled){transform:scale(1.05)}.mic-knop:disabled{background:var(--sand);cursor:default}.mic-knop.opname{background:var(--ink)}.mic-knop.opname:after{content:"";border:3px solid var(--rood);border-radius:50%;animation:1.4s ease-out infinite puls;position:absolute;inset:-8px}@keyframes puls{0%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(1.18)}}.hulp-zinnen{color:var(--ink-soft);text-align:center;max-width:560px;font-size:12.5px}.hulp-zinnen em{color:var(--ink)}.presentatie-banner{background:var(--sand-soft);border:1px solid var(--sand);border-radius:12px;margin-top:16px;padding:14px 18px;font-size:14.5px}.demo-banner{border:1px solid var(--goud);background:#fff4d6;border-radius:12px;margin:12px 0 0;padding:12px 16px;font-size:13.5px;line-height:1.5}.demo-banner code{background:#1f1f1f0f;border-radius:4px;padding:1px 6px}.mock-badge{background:var(--goud);color:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600}.fout-tekst{color:var(--rood);font-size:14px}.tekst-fallback{gap:8px;width:100%;max-width:560px;display:flex}.tekst-fallback input{border:1px solid var(--lijn);font:inherit;background:var(--card);border-radius:999px;flex:1;padding:10px 18px;font-size:14px}.feedback{max-width:760px}.fb-kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin:20px 0 22px;display:flex}.fb-label{text-transform:uppercase;letter-spacing:.06em;color:var(--goud);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.feedback h1{margin:0 0 6px;font-size:28px}.fb-sub{color:var(--ink-soft);margin:0;font-size:13.5px}.fb-acties{flex-wrap:wrap;gap:8px;display:flex}.fb-acties .knop-licht{padding:9px 16px;font-size:13.5px}.stats-rij{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.stat{background:var(--card);border:1px solid var(--lijn);border-radius:14px;padding:14px 16px}.stat .waarde{font-family:Poppins,sans-serif;font-size:22px;font-weight:600;line-height:1.1}.stat .label{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.stat-sub{color:var(--goud);margin-top:6px;font-size:11.5px;font-weight:600}.fb-laden{background:var(--card);border:1px solid var(--lijn);border-radius:16px;padding:8px 24px 24px}.skelet{background:linear-gradient(90deg, var(--sand-soft) 25%, #f7f3ea 50%, var(--sand-soft) 75%);background-size:200% 100%;border-radius:7px;height:14px;margin-top:12px;animation:1.4s ease-in-out infinite skelet}.skelet.kort{width:60%}@keyframes skelet{0%{background-position:200% 0}to{background-position:-200% 0}}.fb-secties{flex-direction:column;gap:14px;display:flex}.fb-sectie{background:var(--card);border:1px solid var(--lijn);border-radius:16px;padding:18px 22px;font-size:15px;line-height:1.6}.fb-sectie h2{margin:0 0 10px;font-size:16px}.fb-sectie p{margin:0 0 8px}.fb-sectie p:last-child{margin-bottom:0}.fb-sectie .punt{padding-left:18px;position:relative}.fb-sectie .punt:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:.65em;left:4px}.fb-sectie.tip{background:#fff8e6;border-color:#efdfb0;margin:6px 4px 0;transform:rotate(-.6deg)}.fb-sectie.tip p{font-size:15.5px}.criteria-lijst{flex-direction:column;gap:8px;display:flex}.criterium{background:var(--paper);border-radius:10px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.criterium.gedempt{opacity:.6}.criterium-nr{background:var(--ink);color:#fff;border-radius:8px;flex:0 0 34px;place-items:center;height:26px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;display:grid}.criterium strong{margin-bottom:2px;font-size:13.5px;display:block}.criterium p{color:var(--ink-soft);margin:0;font-size:14px}.fb-opener{align-items:center;gap:14px;margin:0 0 6px;padding:4px 6px;display:flex}.fb-opener img{object-fit:cover;object-position:50% 30%;width:48px;height:48px;box-shadow:0 0 0 2px var(--card), 0 0 0 3.5px var(--goud);border-radius:50%;flex:0 0 48px}.fb-opener p{margin:0;font-family:Poppins,sans-serif;font-size:18.5px;font-weight:600;line-height:1.4}.fb-sectie.kort{padding:16px 20px}.fb-sectie.kort h2{margin-bottom:10px;font-size:15px}.fb-punt{border-top:1px solid var(--lijn);flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:8px 0;font-size:14.5px;display:flex}.fb-punt:first-of-type{border-top:none;padding-top:2px}.fb-quote{font-weight:600}.goed .fb-quote{background:linear-gradient(#0000 30%,#d4a62a52 30% 90%,#0000 90%);border-radius:3px;padding:0 3px}.beter .fb-quote{-webkit-text-decoration:underline wavy var(--rood);text-decoration:underline wavy var(--rood);text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:1.5px}.fb-pijl{color:var(--ink-soft);opacity:.7;font-weight:400}.fb-beter{color:#4a7c46;font-weight:600}.fb-waarom{color:var(--ink-soft);flex-basis:100%;font-size:13.5px}.score{cursor:default;outline:none;position:relative}.score-kop{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.score-getal{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:Poppins,sans-serif;font-size:44px;font-weight:700;line-height:1;transition:color .4s}.score.laag .score-getal{color:var(--rood)}.score.midden .score-getal{color:#b8901f}.score.hoog .score-getal{color:#4a7c46}.score-van{color:var(--ink-soft);letter-spacing:0;margin-left:3px;font-size:16px;font-weight:500}.score-duiding{color:var(--ink-soft);opacity:0;font-size:14.5px;transition:opacity .5s}.score.klaar .score-duiding{opacity:1}.score-balk{background:var(--sand-soft);border-radius:9px;height:18px;position:relative;overflow:visible}.score-vulling{background:var(--goud);border-radius:9px;min-width:0;height:100%;transition:background .4s}.score.laag .score-vulling{background:var(--rood)}.score.midden .score-vulling{background:var(--goud)}.score.hoog .score-vulling{background:#6a9a5b}.score-streep{background:var(--ink);opacity:.35;width:2px;position:absolute;top:-4px;bottom:-4px;left:80%}.score-streep i{color:var(--ink-soft);margin-top:2px;font-size:10.5px;font-style:normal;position:absolute;top:100%;left:50%;transform:translate(-50%)}.score-hint{color:var(--ink-soft);margin:20px 0 0;font-size:12.5px;transition:opacity .3s}.score:hover .score-hint,.score:focus-within .score-hint,.score.open .score-hint{opacity:0;height:0;margin:0;overflow:hidden}.score-detail{opacity:0;gap:6px;max-height:0;margin-top:0;transition:max-height .4s,opacity .3s,margin .3s;display:grid;overflow:hidden}.score:hover .score-detail,.score:focus-within .score-detail,.score.open .score-detail{opacity:1;max-height:360px;margin-top:18px}.rubriek{border-radius:10px;grid-template-columns:minmax(150px,190px) 1fr 34px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;transition:background .2s;display:grid}.rubriek:hover{background:var(--paper)}.rubriek-naam{font-weight:600}.rubriek-balk{background:var(--sand-soft);border-radius:4px;height:8px;display:block;overflow:hidden}.rubriek-balk span{background:var(--goud);border-radius:4px;height:100%;transition:width .7s ease-out;display:block}.rubriek-balk span.laag{background:var(--rood)}.rubriek-balk span.hoog{background:#6a9a5b}.rubriek-punten{text-align:right;font-variant-numeric:tabular-nums;font-family:Poppins,sans-serif;font-weight:600}.rubriek-kort{color:var(--ink-soft);opacity:0;grid-column:1/-1;max-height:0;font-size:13px;transition:max-height .25s,opacity .25s;overflow:hidden}.rubriek:hover .rubriek-kort{opacity:1;max-height:60px}@media (hover:none){.rubriek-kort{opacity:1;max-height:60px}.score-hint{display:none}}@media (width<=560px){.rubriek{grid-template-columns:1fr 34px}.rubriek-balk{grid-column:1/2}}.confetti{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.fb-transcript{background:var(--card);border:1px solid var(--lijn);border-radius:14px;margin-top:18px;padding:12px 18px}.fb-transcript summary{cursor:pointer;font-size:14px;font-weight:600}.transcript-lijst{flex-direction:column;gap:10px;margin-top:12px;display:flex}.transcript-lijst .bubbel{font-size:14px}.feedback-acties{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.fb-geschiedenis{border-top:1px solid var(--lijn);margin-top:40px;padding-top:24px}.fb-geschiedenis-kop{justify-content:space-between;align-items:baseline;display:flex}.fb-geschiedenis h2{font-size:18px}.fb-geschiedenis-uitleg{color:var(--ink-soft);margin:4px 0 14px;font-size:12.5px}.sessie-lijst{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;display:grid}.sessie-kaart{background:var(--card);border:1px solid var(--lijn);text-align:left;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px;transition:border-color .15s,transform .15s;display:flex}.sessie-kaart:hover{border-color:var(--sand);transform:translateY(-1px)}.sessie-kaart.actief{border-color:var(--rood)}.sessie-datum{color:var(--goud);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600}.sessie-kaart strong{font-size:14px;line-height:1.3}.sessie-meta{color:var(--ink-soft);font-size:12px}@media print{.site-header,.fb-acties,.feedback-acties,.fb-geschiedenis,.fb-transcript,.site-footer{display:none!important}.app{padding:0}.fb-sectie,.stat{break-inside:avoid;border-color:#ccc}.fb-sectie.tip{transform:none}.score-detail{opacity:1;max-height:none;margin-top:14px}.rubriek-kort{opacity:1;max-height:none}.score-hint,.confetti{display:none}}.laden{color:var(--ink-soft);align-items:center;gap:10px;padding:40px 0;display:flex}.stip{background:var(--goud);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite stuiter}.stip:nth-child(2){animation-delay:.15s}.stip:nth-child(3){animation-delay:.3s}@keyframes stuiter{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=760px){.hero{grid-template-columns:1fr;gap:28px;padding-bottom:40px}.hero-foto{max-width:300px}.stappen-beeld{grid-template-columns:1fr}.over{grid-template-columns:1fr;gap:24px}.over-foto{width:200px}}@media (width<=560px){.keuze-rij{grid-template-columns:1fr}.bubbel{max-width:90%}}