:root{--navy-diep: #0b2338;--navy: #1b365d;--navy-licht: #2c4a75;--rood: #e2231a;--geel: #f5c400;--wit: #f7f9fc;--grijs: #9fb0c4;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--navy-diep);color:var(--wit);font-family:Segoe UI,system-ui,-apple-system,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh}button{font-family:inherit}.start-scherm{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 24px;text-align:center}.taal-knop-zwevend{position:absolute;top:16px;right:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.25);color:var(--wit);font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer}.start-logo{width:88px;height:88px;object-fit:contain}.start-scherm h1{font-size:1.7rem;margin:0;letter-spacing:.02em}.start-scherm .ondertitel{color:var(--grijs);margin:-12px 0 0;font-size:.95rem}.disclaimer{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;font-size:.85rem;line-height:1.5;color:var(--grijs)}.disclaimer strong{color:var(--wit)}.knop-start{width:100%;padding:20px;font-size:1.3rem;font-weight:700;border:none;border-radius:16px;background:var(--geel);color:var(--navy-diep);letter-spacing:.02em;cursor:pointer}.knop-start:active{transform:scale(.98)}.hervat-melding{font-size:.85rem;color:var(--grijs)}.andere-app{width:100%;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-left:4px solid var(--rood);border-radius:12px;color:var(--wit);text-decoration:none;text-align:left}.andere-app:active{background:#ffffff0f}.andere-app-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grijs)}.andere-app-titel{font-weight:700}.andere-app-sub{font-size:.85rem;color:var(--grijs)}.uitloggen-link{color:var(--grijs);font-size:.8rem;text-decoration:underline}.inlogformulier{width:100%;display:flex;flex-direction:column;gap:12px}.inlogformulier input{width:100%;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--wit);font-size:1rem}.inlogfout{background:#e2231a2e;border:1px solid rgba(226,35,26,.5);border-radius:10px;padding:12px;font-size:.85rem;line-height:1.4}.kopbalk{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--navy);flex-shrink:0}.kopbalk img{width:30px;height:30px;object-fit:contain}.kopbalk .tijd{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;letter-spacing:.03em}.kopbalk .titel-blok{flex:1;line-height:1.1}.kopbalk .titel-blok .naam{font-weight:700;font-size:.95rem}.kopbalk .titel-blok .sub{font-size:.7rem;color:var(--grijs)}.icoonknop{background:none;border:none;color:var(--wit);font-size:1.3rem;padding:6px;cursor:pointer;line-height:1}.bel-112{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--rood);color:var(--wit);text-decoration:none;font-weight:800;font-size:1.1rem;letter-spacing:.03em;padding:14px;flex-shrink:0}.bel-112:active{filter:brightness(.9)}.voortgang{display:flex;gap:6px;padding:10px 16px;flex-shrink:0}.voortgang button{flex:1;border:none;border-radius:8px;padding:10px 0;background:#ffffff14;color:var(--grijs);font-weight:700;cursor:pointer}.voortgang button.actief{background:var(--geel);color:var(--navy-diep)}.voortgang button.rood-actief{background:var(--rood);color:var(--wit)}.voortgang button.gehad{color:var(--wit)}.inhoud{flex:1;overflow-y:auto;padding:4px 16px 16px}.stapkaart{border-radius:16px;padding:20px;background:var(--navy)}.stapkaart.rood{background:var(--rood)}.stap-kop{display:flex;align-items:baseline;gap:14px;margin-bottom:4px}.stap-letter{font-size:3rem;font-weight:900;line-height:1;color:var(--geel);font-style:italic}.stapkaart.rood .stap-letter{color:var(--wit)}.stap-titels .titel-en{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.1}.stap-titels .titel-nl{font-size:.95rem;color:#ffffffd9;font-weight:600}.sectie{margin-top:18px}.sectie h3{margin:0 0 8px;font-size:.8rem;letter-spacing:.08em;color:var(--geel);text-transform:uppercase}.stapkaart.rood .sectie h3{color:var(--wit)}.sectie ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.vraagitem{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:#ffffff14}.vraagtekst{font-size:1rem;line-height:1.35}.vraagtekst .referentie{color:var(--grijs);font-size:.9rem}.janeeknoppen{display:flex;gap:8px}.ja-nee-knop{flex:1;padding:10px 0;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--wit);font-weight:700;font-size:.95rem;cursor:pointer}.ja-nee-knop.gekozen{background:var(--geel);border-color:var(--geel);color:var(--navy-diep)}.ja-nee-knop.afwijkend{background:var(--rood);border-color:var(--rood);color:var(--wit)}.vervolgtekst{background:#e2231a2e;border:1px solid rgba(226,35,26,.5);border-radius:8px;padding:10px 12px;font-size:.9rem;line-height:1.4}.metinginvoer{display:flex;gap:8px}.metinginvoer input{width:90px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--wit);font-size:1rem}.metinginvoer button{flex:1;padding:10px;border-radius:8px;border:none;background:var(--geel);color:var(--navy-diep);font-weight:700;cursor:pointer}.tekstinvoer{display:flex;gap:8px}.tekstinvoer input{flex:1;min-width:0;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:var(--wit);font-size:1rem}.tekstinvoer button{flex-shrink:0;padding:10px 14px;border-radius:8px;border:none;background:var(--geel);color:var(--navy-diep);font-weight:700;cursor:pointer}.metinglijst{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.9rem}.metinglijst li{display:flex;gap:10px}.metingtijd{color:var(--grijs);font-variant-numeric:tabular-nums;flex-shrink:0}.alarmblok{margin-top:18px;background:var(--rood);color:var(--wit);border-radius:12px;padding:14px;text-align:center;font-weight:800;font-size:1.15rem;letter-spacing:.02em}.keuzeknoppen{display:flex;flex-wrap:wrap;gap:8px}.keuzeknop{flex:1 1 calc(50% - 8px);padding:10px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:var(--wit);font-weight:700;font-size:.9rem;cursor:pointer}.keuzeknop.gekozen{background:var(--geel);border-color:var(--geel);color:var(--navy-diep)}.keuzeknop.afwijkend{background:var(--rood);border-color:var(--rood);color:var(--wit)}.triagevraag{font-size:1.3rem;font-weight:700;line-height:1.3;margin-bottom:16px}.triageknoppen{display:flex;gap:12px}.triageknop{flex:1;padding:20px;font-size:1.2rem;font-weight:800;border-radius:14px;border:none;cursor:pointer}.triageknop.ja{background:var(--geel);color:var(--navy-diep)}.triageknop.nee{background:#ffffff1a;color:var(--wit);border:1px solid rgba(255,255,255,.3)}.triagetoelichting{margin-top:16px;color:var(--grijs);font-size:.85rem}.reanimatie-einde{margin-top:10px;width:100%;padding:12px;border-radius:10px;border:none;background:transparent;color:#ffffffb3;font-size:.8rem;text-decoration:underline;cursor:pointer}.metronoom{display:flex;align-items:center;gap:14px;width:100%;margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#0003;color:var(--wit);text-align:left;cursor:pointer}.metronoom.aan{border-color:var(--geel)}.metronoom-stip{flex:none;width:34px;height:34px;border-radius:50%;background:#fff3}.metronoom.aan .metronoom-stip{background:#f5c40059}.metronoom-stip.puls{animation:metronoom-puls .3s ease-out}@keyframes metronoom-puls{0%{background:var(--geel);transform:scale(1.15)}}.metronoom-tekst{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:#fffc}.metronoom-tekst strong{font-size:1.05rem;color:var(--wit)}.reanimatiepunt{background:#ffffff26;border-radius:10px;padding:12px;margin-bottom:8px;font-size:1.05rem;font-weight:600;list-style:none}.lichaamskaart{display:flex;flex-direction:column;align-items:center;gap:12px}.lichaamskaart svg{width:140px;height:auto}.lichaamszone rect,.lichaamszone circle{fill:#ffffff26;stroke:#ffffff59;stroke-width:2;cursor:pointer}.lichaamszone rect.gemarkeerd,.lichaamszone circle.gemarkeerd{fill:var(--rood);stroke:var(--rood)}.lichaamslegenda{font-size:.9rem;text-align:center;line-height:1.4}.afsluitende-notitie{margin-top:18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:14px;font-size:.9rem;line-height:1.5}.herbeoordeel{margin-top:18px;width:100%;padding:12px;border-radius:10px;border:1px dashed rgba(255,255,255,.4);background:transparent;color:var(--wit);font-size:.85rem;cursor:pointer}.navbalk{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-shrink:0;background:var(--navy-diep)}.navbalk button{flex:1;padding:16px;border-radius:12px;border:none;font-size:1.05rem;font-weight:700;cursor:pointer}.navbalk .vorige{background:#ffffff1a;color:var(--wit)}.navbalk .volgende{background:var(--geel);color:var(--navy-diep)}.navbalk button:disabled{opacity:.35;cursor:default}.update-balk{position:fixed;left:50%;bottom:16px;transform:translate(-50%);max-width:440px;width:calc(100% - 32px);background:var(--geel);color:var(--navy-diep);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:600;z-index:50;box-shadow:0 4px 20px #0006}.update-balk button{border:none;background:var(--navy-diep);color:var(--wit);padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer;flex-shrink:0}