@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-ext-400-normal-DQAASfvW.woff2) format("woff2"),url(/assets/archivo-black-latin-ext-400-normal--j5WRK12.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Black;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/archivo-black-latin-400-normal-BTVu2TQR.woff2) format("woff2"),url(/assets/archivo-black-latin-400-normal-HW9MwEcM.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-ext-300-normal-CgCALhwJ.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-300-normal-RId2JxDB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-cyrillic-300-normal-BnqRxXuy.woff2) format("woff2"),url(/assets/inter-cyrillic-300-normal-LR1W_oT8.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-greek-ext-300-normal-l2DDyC6M.woff2) format("woff2"),url(/assets/inter-greek-ext-300-normal-DLbbeei1.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-greek-300-normal-DmGD3g_f.woff2) format("woff2"),url(/assets/inter-greek-300-normal-BrhSP0vQ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-vietnamese-300-normal-Bdr24Bqb.woff2) format("woff2"),url(/assets/inter-vietnamese-300-normal-DDGmYYdT.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-ext-300-normal-CPgO9Ksf.woff2) format("woff2"),url(/assets/inter-latin-ext-300-normal-Dp1L8vcn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/inter-latin-300-normal-BVlfKGgI.woff2) format("woff2"),url(/assets/inter-latin-300-normal-i8F0SvXL.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--kleur-podium: #050507;--kleur-podium-diep: #000000;--kleur-tekst: #f7f5f1;--kleur-gedimd: rgba(247, 245, 241, .62);--kleur-accent: #e62b1e;--kleur-accent-donker: #8f1a12;--kleur-go: #2f9e5f;--kleur-go-donker: #1f7343;--kleur-waarschuwing: #e6a41e;--kleur-paneel: #0e0e12;--kleur-paneel-rand: rgba(247, 245, 241, .12);--kleur-knop: rgba(247, 245, 241, .08);--spot-warm: rgba(255, 214, 170, .09);--font-display: "Archivo Black", "Helvetica Neue", Impact, sans-serif;--font-ui: "Inter", "Helvetica Neue", Arial, sans-serif;--ruimte: 1rem;--radius: 10px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--kleur-podium);color:var(--kleur-tekst);font-family:var(--font-ui);overflow:hidden}button{font-family:var(--font-ui)}:focus-visible{outline:2px solid var(--kleur-accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse 90% 65% at 50% 8%,var(--spot-warm),transparent 60%),radial-gradient(ellipse 120% 90% at 50% 110%,rgba(230,43,30,.05),transparent 55%),var(--kleur-podium);-webkit-user-select:none;user-select:none}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 75% 75% at 50% 45%,transparent 55%,rgba(0,0,0,.55) 100%)}.stage-inner{position:relative;z-index:1;max-width:92vw}.cursor-hidden{cursor:none}.brand-kicker{font-size:clamp(.9rem,1.4vw,1.4rem);letter-spacing:.6em;text-transform:uppercase;color:var(--kleur-accent);margin-bottom:2.2vh;animation:fadeIn 1.2s ease both}.brand-title{font-family:var(--font-display);font-size:clamp(3.4rem,11vw,12rem);line-height:.95;letter-spacing:.01em;margin:0;animation:riseIn 1.1s cubic-bezier(.2,.7,.2,1) both}.brand-sub{margin-top:3.5vh;font-size:clamp(1rem,1.6vw,1.5rem);font-weight:300;letter-spacing:.14em;color:var(--kleur-gedimd);animation:fadeIn 1.6s ease .4s both}.idle-pulse{display:inline-block;margin-top:6vh;padding:.9em 2.2em;border:1px solid var(--kleur-paneel-rand);border-radius:999px;font-size:clamp(.85rem,1.1vw,1.1rem);letter-spacing:.3em;text-transform:uppercase;color:var(--kleur-gedimd);animation:breathe 3s ease-in-out infinite}.spin-word{font-family:var(--font-display);font-size:clamp(3rem,12vw,14rem);line-height:1.05;letter-spacing:.01em;text-wrap:balance;animation:spinFlash 90ms ease-out}.spin-kicker{font-size:clamp(.8rem,1.1vw,1.1rem);letter-spacing:.5em;text-transform:uppercase;color:var(--kleur-gedimd);margin-bottom:4vh}.stop-flash{animation:stopFlash .7s ease-out both}.stop-word{font-family:var(--font-display);font-size:clamp(3rem,12vw,14rem);line-height:1.05;text-wrap:balance}.blackout{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--kleur-podium-diep);z-index:5;animation:fadeIn .5s ease both}.reveal-intro{font-size:clamp(1.4rem,3vw,3rem);font-weight:300;letter-spacing:.45em;text-transform:uppercase;color:var(--kleur-gedimd);animation:introPulse 2.2s ease both}.reveal-topic{font-family:var(--font-display);font-size:clamp(3.6rem,13vw,15rem);line-height:1.05;letter-spacing:.01em;text-wrap:balance;margin:0;animation:revealPop .9s cubic-bezier(.16,1.1,.3,1) both;text-shadow:0 0 90px rgba(230,43,30,.35)}.reveal-kicker{font-size:clamp(.9rem,1.4vw,1.4rem);letter-spacing:.5em;text-transform:uppercase;color:var(--kleur-accent);margin-bottom:3.5vh;animation:fadeIn .5s ease both}.reveal-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--kleur-tekst);z-index:6;pointer-events:none;animation:whiteFlash .55s ease-out both}.task-block{margin-top:5.5vh;animation:riseIn .7s cubic-bezier(.2,.7,.2,1) both}.task-label{font-size:clamp(.8rem,1.1vw,1.1rem);letter-spacing:.5em;text-transform:uppercase;color:var(--kleur-gedimd);margin-bottom:1.2vh}.task-text{font-family:var(--font-display);font-size:clamp(1.6rem,3.6vw,4rem);line-height:1.15;color:var(--kleur-tekst)}.style-text{margin-top:2vh;font-size:clamp(1.2rem,2.4vw,2.6rem);font-weight:300;letter-spacing:.08em;color:var(--kleur-accent)}.goal-card{display:inline-block;background:var(--kleur-tekst);color:#101014;border-radius:14px;padding:clamp(1rem,2.4vh,1.8rem) clamp(1.6rem,3vw,2.8rem);max-width:min(680px,86vw);transform:rotate(-1.4deg);box-shadow:0 18px 60px #0009,0 2px 8px #0006}.goal-suit{font-size:clamp(.75rem,1vw,1rem);font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--kleur-accent);margin-bottom:.7em}.goal-kicker{font-size:clamp(.8rem,1.1vw,1.1rem);letter-spacing:.4em;text-transform:uppercase;color:#1010148c;margin-bottom:.3em}.goal-text{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,3.2rem);line-height:1.12;text-transform:uppercase;text-wrap:balance}.count-goal-hint{color:var(--kleur-accent)}.prep-steps{display:flex;justify-content:center;gap:clamp(1.2rem,4vw,4rem);flex-wrap:wrap;margin-top:5vh;max-width:min(1200px,92vw);margin-left:auto;margin-right:auto}.prep-step{flex:1 1 240px;max-width:340px;text-align:center}.prep-step-label{font-family:var(--font-display);font-size:clamp(1rem,1.7vw,1.7rem);text-transform:uppercase;color:var(--kleur-accent);margin-bottom:.4em}.prep-step-hint{font-size:clamp(.875rem,1.2vw,1.2rem);font-weight:300;line-height:1.5;color:var(--kleur-gedimd)}.werk{display:flex;flex-direction:column;align-items:center;gap:2.4vh;max-height:94dvh;overflow-y:auto;padding:1vh .5rem 2vh}@media (pointer: coarse){.werk{padding-bottom:110px}}.werk-klok{display:inline-flex;align-items:center;gap:.9em;border:1px solid var(--kleur-paneel-rand);border-radius:999px;padding:.35em 1.2em;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.9rem);font-variant-numeric:tabular-nums}.werk-klok-label{font-family:var(--font-ui);font-size:.58em;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--kleur-gedimd)}.werk-klok.urgent{border-color:var(--kleur-accent);color:var(--kleur-accent);animation:urgentPulse 1s ease-in-out infinite}.werk-klok.urgent .werk-klok-label{color:var(--kleur-accent)}.werk-onderwerp{font-family:var(--font-display);line-height:1.02;letter-spacing:.01em;text-wrap:balance}.werk-doel{font-size:clamp(1.05rem,1.8vw,1.7rem);font-weight:300;letter-spacing:.04em;color:var(--kleur-accent)}.werk-doel strong{font-weight:600;text-transform:uppercase;letter-spacing:.08em}.zoek-regel{font-size:clamp(.875rem,1.2vw,1.15rem);font-weight:300;line-height:1.5;color:var(--kleur-gedimd);max-width:min(640px,88vw)}.werk .blueprint{margin-top:2.5vh}.werk .prep-steps{margin-top:2vh}.werk .bp-bar{gap:12px}.werk .bp-seg{min-height:clamp(3.6rem,10vh,6rem);border-bottom-width:4px}.werk .bp-label{font-size:clamp(1rem,1.7vw,1.8rem)}.werk .bp-hint{font-size:clamp(.95rem,1.3vw,1.35rem);line-height:1.5;margin-top:.3em}.blueprint{margin:5vh auto 0;max-width:min(1400px,94vw)}.bp-toon{font-size:clamp(.8rem,1.1vw,1.1rem);letter-spacing:.35em;text-transform:uppercase;color:var(--kleur-accent);margin-bottom:1.6vh}.bp-bar{display:flex;gap:8px;align-items:stretch;text-align:center}.bp-col{flex-basis:0;min-width:0;display:flex;flex-direction:column;gap:.8vh}.bp-seg{display:flex;flex-direction:column;justify-content:center;gap:.15em;min-height:clamp(3rem,7vh,4.6rem);padding:.4em .5em;border:1px solid var(--kleur-paneel-rand);border-bottom:3px solid var(--kleur-accent);border-radius:8px;background:#f7f5f10d}.bp-label{font-family:var(--font-display);font-size:clamp(.8rem,1.25vw,1.3rem);line-height:1.15;text-transform:uppercase;text-wrap:balance}.bp-weight{font-size:clamp(.75rem,1vw,1rem);color:var(--kleur-gedimd);font-variant-numeric:tabular-nums}.bp-hint{font-size:clamp(.875rem,1.1vw,1.1rem);font-weight:300;line-height:1.45;color:var(--kleur-gedimd);padding:0 .3em}@media (max-width: 560px){.bp-bar{flex-direction:column;text-align:left}.bp-col{flex-grow:0!important}.bp-seg,.werk .bp-seg{min-height:0;padding:.55em .9em;flex-direction:row;justify-content:space-between;align-items:center}.werk .bp-bar{gap:8px}}.count-kicker{font-size:clamp(.9rem,1.5vw,1.5rem);letter-spacing:.55em;text-transform:uppercase;color:var(--kleur-gedimd);margin-bottom:1vh}.count-topic-hint{font-family:var(--font-display);font-size:clamp(1.2rem,2.4vw,2.6rem);color:var(--kleur-gedimd);margin-bottom:4vh}.count-number{font-family:var(--font-display);font-size:min(30vh,24vw,24rem);line-height:1;font-variant-numeric:tabular-nums}.count-number.urgent{color:var(--kleur-accent);animation:urgentPulse 1s ease-in-out infinite}.speak-splash{font-family:var(--font-display);font-size:clamp(4rem,16vw,18rem);line-height:1;color:var(--kleur-accent);animation:revealPop .6s cubic-bezier(.16,1.1,.3,1) both}.speak-clock{font-family:var(--font-display);font-size:min(28vh,17vw,22rem);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.03em}.speak-clock.warning{color:var(--kleur-waarschuwing)}.speak-clock.urgent{color:var(--kleur-accent);animation:urgentPulse 1s ease-in-out infinite}.speak-topic-hint{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,3rem);color:var(--kleur-gedimd);margin-top:3.5vh}.time-word{font-family:var(--font-display);font-size:clamp(4.5rem,17vw,19rem);line-height:1;color:var(--kleur-accent);animation:revealPop .8s cubic-bezier(.16,1.1,.3,1) both}.training-wrap{display:grid;gap:1.4vh;max-width:min(860px,92vw)}.training-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,4rem);margin-bottom:2vh}.training-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;text-align:left;padding:1.1rem 1.4rem;border:1px solid var(--kleur-paneel-rand);border-radius:var(--radius);background:#f7f5f108}.training-card .q-label{font-size:.8rem;letter-spacing:.3em;color:var(--kleur-accent)}.training-card .q-text{font-size:clamp(1rem,1.6vw,1.3rem)}.training-buttons{display:flex;gap:.5rem}.training-buttons button{min-width:64px;min-height:44px;border-radius:8px;border:1px solid var(--kleur-paneel-rand);background:var(--kleur-knop);color:var(--kleur-tekst);font-size:.9rem;cursor:pointer}.training-buttons button.active{background:var(--kleur-accent);border-color:var(--kleur-accent)}.stage-cta{margin-top:5vh;padding:1em 2.6em;font-size:clamp(1rem,1.6vw,1.4rem);letter-spacing:.25em;text-transform:uppercase;background:var(--kleur-accent);color:var(--kleur-tekst);border:none;border-radius:999px;cursor:pointer;animation:fadeIn .8s ease .5s both}.stage-cta:hover{background:var(--kleur-accent-donker)}.paused-badge{position:fixed;top:26px;left:50%;transform:translate(-50%);z-index:4;padding:.55em 1.6em;border:1px solid var(--kleur-accent);border-radius:999px;font-size:clamp(.85rem,1.2vw,1.2rem);letter-spacing:.35em;text-transform:uppercase;color:var(--kleur-accent);background:#050507bf;animation:breathe 2.4s ease-in-out infinite}.touch-btn{position:fixed;bottom:max(20px,env(safe-area-inset-bottom,20px));left:50%;transform:translate(-50%);z-index:5;min-height:60px;padding:0 3.2em;border:none;border-radius:999px;background:var(--kleur-accent);color:var(--kleur-tekst);font-family:var(--font-ui);font-size:1.15rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 40px #e62b1e59}.touch-btn:active{background:var(--kleur-accent-donker)}.touch-btn.armed{background:var(--kleur-go);box-shadow:0 10px 40px #2f9e5f66}.touch-btn.armed:active{background:var(--kleur-go-donker)}.hud{position:fixed;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:2.2em;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--kleur-gedimd);z-index:3;transition:opacity .6s ease}.hud.hidden{opacity:0;pointer-events:none}.hud kbd{font-family:var(--font-ui);border:1px solid var(--kleur-paneel-rand);border-radius:5px;padding:.1em .5em;margin-right:.5em}.gear-btn{position:fixed;right:18px;bottom:14px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid var(--kleur-paneel-rand);background:#0e0e12b3;color:var(--kleur-gedimd);font-size:1.1rem;cursor:pointer;transition:opacity .6s ease}.gear-btn.hidden{opacity:0;pointer-events:none}.host-panel{position:fixed;top:0;right:0;bottom:0;width:min(420px,94vw);background:var(--kleur-paneel);border-left:1px solid var(--kleur-paneel-rand);z-index:10;overflow-y:auto;padding:1.4rem 1.4rem 3rem;box-shadow:-30px 0 60px #0009;animation:slideIn .25s ease both}.host-panel h2{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.06em;margin:0 0 .2rem}.host-panel .host-sub{font-size:14px;color:var(--kleur-gedimd);margin-bottom:1.4rem}.host-section{border-top:1px solid var(--kleur-paneel-rand);padding:1.1rem 0}.host-section h3{font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--kleur-accent);margin:0 0 .8rem}.host-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}.host-btn{min-height:44px;padding:0 1.1rem;border-radius:8px;border:1px solid var(--kleur-paneel-rand);background:var(--kleur-knop);color:var(--kleur-tekst);font-size:.95rem;cursor:pointer}.host-btn:hover{border-color:#f7f5f159}.host-btn.primary{background:var(--kleur-accent);border-color:var(--kleur-accent);font-weight:600}.host-btn.primary:hover{background:var(--kleur-accent-donker)}.host-btn.active{background:var(--kleur-accent);border-color:var(--kleur-accent)}.host-label{display:block;font-size:14px;color:var(--kleur-gedimd);margin-bottom:.35rem}.host-input,.host-select{min-height:44px;padding:0 .8rem;border-radius:8px;border:1px solid var(--kleur-paneel-rand);background:#f7f5f10d;color:var(--kleur-tekst);font-size:.95rem;font-family:var(--font-ui)}.host-input.small{width:5.5rem}input[type=range]{accent-color:var(--kleur-accent)}.host-status{font-size:14px;color:var(--kleur-gedimd)}.host-status.ok{color:#6fce7e}.host-error{font-size:14px;color:var(--kleur-waarschuwing);margin-top:.4rem}.mic-meter{position:relative;height:10px;border-radius:5px;background:#f7f5f114;overflow:hidden;flex:1;min-width:120px}.mic-meter .level{position:absolute;inset:0 auto 0 0;background:#6fce7e}.mic-meter .threshold{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--kleur-accent)}.item-list{max-height:220px;overflow-y:auto;border:1px solid var(--kleur-paneel-rand);border-radius:8px;padding:.3rem;display:flex;flex-direction:column;gap:2px}.item-list .empty{padding:.8rem;font-size:14px;color:var(--kleur-gedimd)}.item-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.25rem .5rem;font-size:14px;border-radius:6px}.item-row:hover{background:#f7f5f10d}.item-row .cat{font-size:14px;color:var(--kleur-gedimd);margin-left:auto}.item-row button{border:none;background:none;color:var(--kleur-gedimd);font-size:1rem;cursor:pointer;min-width:32px;min-height:32px;border-radius:6px}.item-row button:hover{color:var(--kleur-accent);background:#e62b1e1f}.shortcut-list{list-style:none;margin:0;padding:0;font-size:14px;color:var(--kleur-gedimd);display:grid;gap:.4rem}.shortcut-list kbd{display:inline-block;min-width:3.4em;text-align:center;border:1px solid var(--kleur-paneel-rand);border-radius:5px;padding:.15em .5em;margin-right:.7em;color:var(--kleur-tekst)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.45}50%{opacity:1}}@keyframes spinFlash{0%{opacity:.4;transform:scale(1.04);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes stopFlash{0%{opacity:0;transform:scale(1.15)}20%{opacity:1;transform:scale(1)}to{opacity:1}}@keyframes whiteFlash{0%{opacity:.9}to{opacity:0}}@keyframes revealPop{0%{opacity:0;transform:scale(.55);filter:blur(14px)}60%{opacity:1;filter:blur(0)}to{opacity:1;transform:scale(1)}}@keyframes introPulse{0%{opacity:0;letter-spacing:.2em}30%{opacity:1}to{opacity:1;letter-spacing:.45em}}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@media (pointer: coarse){.hud{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}