:root{--band-goed: #3dffa8;--band-orde: #00e0ff;--band-half: #ffab33;--band-zwak: #ff5d5d;--band-geen: #7d8794}[data-band=goed]{--band: var(--band-goed)}[data-band=orde]{--band: var(--band-orde)}[data-band=half]{--band: var(--band-half)}[data-band=zwak]{--band: var(--band-zwak)}[data-band=geen]{--band: var(--band-geen)}.os-instrument{position:relative;border:1px solid var(--color-line);border-radius:12px;background:color-mix(in srgb,var(--color-panel) 70%,transparent);padding:18px 16px 16px;overflow:hidden}.os-instrument:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,transparent 30%,color-mix(in srgb,var(--color-accent) 55%,transparent) 50%,transparent 70%,transparent 100%);background-size:220% 100%;animation:os-draaggolf 7s linear infinite}@keyframes os-draaggolf{0%{background-position:120% 0}to{background-position:-120% 0}}.os-kop{display:flex;align-items:center;gap:8px;margin-bottom:14px}.os-lampje{width:6px;height:6px;border-radius:99px;background:var(--color-accent);opacity:.55;animation:os-ademen 3.4s ease-in-out infinite;flex:none}.os-instrument[data-fase=scan] .os-lampje{animation-duration:1s;opacity:1}@keyframes os-ademen{0%,to{opacity:.45}50%{opacity:1}}.os-klok{margin-left:auto;color:var(--color-dim)}.os-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:16px}.os-strip i{display:block;height:3px;border-radius:99px;background:var(--color-line);transition:height .32s cubic-bezier(.22,1,.36,1),background-color .32s ease;transition-delay:calc(var(--i) * 45ms)}.os-instrument.is-scherp .os-strip i{height:5px;background:color-mix(in srgb,var(--color-accent) 26%,transparent)}.os-strip-legenda{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:7px 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-dim)}.os-strip-legenda li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media(min-width:380px){.os-strip-legenda{font-size:9.5px}}.os-meter{position:relative;width:min(232px,68vw);margin:0 auto;aspect-ratio:1}.os-meter svg{display:block;width:100%;height:100%;overflow:visible}.os-spoor{fill:none;stroke:var(--color-line);stroke-width:9;stroke-linecap:round}.os-vulling{fill:none;stroke:var(--band, var(--color-accent));stroke-width:9;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .14s)}.os-segment.is-bezig .os-spoor{stroke:color-mix(in srgb,var(--color-accent) 45%,var(--color-line));animation:os-pols 1.15s ease-in-out infinite}@keyframes os-pols{0%,to{opacity:.4}50%{opacity:1}}.os-veeg-staart,.os-veeg-kop{fill:none;stroke-linecap:round;transform-origin:120px 120px;animation:os-rondgaan 2.8s cubic-bezier(.5,0,.5,1) infinite}.os-veeg-staart{stroke:var(--color-accent);stroke-width:3;stroke-dasharray:84 519.2;opacity:.16}.os-veeg-kop{stroke:var(--color-accent);stroke-width:3;stroke-dasharray:13 590.2;stroke-dashoffset:-71;opacity:.95;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--color-accent) 70%,transparent))}@keyframes os-rondgaan{to{transform:rotate(360deg)}}.os-segment.is-klaar .os-spoor{stroke:color-mix(in srgb,var(--color-accent) 30%,var(--color-line))}.os-segment.klikt .os-spoor{animation:os-vergrendel .62s cubic-bezier(.22,1,.36,1)}@keyframes os-vergrendel{0%{stroke:var(--color-accent);stroke-width:13;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-accent) 80%,transparent))}to{stroke:color-mix(in srgb,var(--color-accent) 30%,var(--color-line));stroke-width:9;filter:none}}.os-meter.onthult:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;border:1px solid var(--color-accent);animation:os-puls .9s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}@keyframes os-puls{0%{opacity:.5;transform:scale(.82)}to{opacity:0;transform:scale(1.12)}}.os-naaf{position:absolute;top:26%;right:26%;bottom:26%;left:26%;display:grid;place-content:center;text-align:center}.os-naaf-cijfer{font-family:var(--font-mono);font-size:44px;line-height:1;color:var(--color-ink);font-variant-numeric:tabular-nums}.os-naaf-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-dim);margin-top:6px}.os-instrument[data-fase=scan]:after{content:"";position:absolute;inset-inline:0;top:0;height:38%;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--color-accent) 5%,transparent),transparent);animation:os-scanlijn 3.6s ease-in-out infinite}@keyframes os-scanlijn{0%{transform:translateY(-60%);opacity:0}30%,70%{opacity:1}to{transform:translateY(300%);opacity:0}}.os-log{margin:18px 0 0;padding:0;list-style:none;font-family:var(--font-mono);font-size:11.5px;line-height:1.75;max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 26px);mask-image:linear-gradient(to bottom,transparent,#000 26px)}.os-log li{display:flex;align-items:baseline;gap:8px;color:var(--color-dim);animation:os-regel-in .3s cubic-bezier(.22,1,.36,1) both;transition:color .5s ease}.os-log li.is-nieuw{color:var(--color-ink)}.os-log li.is-nieuw .os-uitkomst{color:var(--color-accent)}.os-log li.is-nieuw .os-wat:after{content:"_";color:var(--color-accent);animation:os-blink 1.1s steps(1) infinite}@keyframes os-regel-in{0%{opacity:0;transform:translateY(6px)}}.os-log .os-vink{color:var(--color-accent);flex:none;width:1em}.os-log .os-wat{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-log .os-uitkomst{margin-left:auto;color:var(--color-muted);flex:none;font-variant-numeric:tabular-nums}.os-log li[data-status=over] .os-vink,.os-log li[data-status=over] .os-uitkomst{color:var(--color-dim)}.os-rubriek{border-top:1px solid var(--color-line)}.os-rubriek:last-child{border-bottom:1px solid var(--color-line)}.os-rubriek summary{display:flex;align-items:center;gap:12px;padding:13px 2px;cursor:pointer;list-style:none;min-height:52px}.os-rubriek summary::-webkit-details-marker{display:none}.os-rubriek-cijfer{font-family:var(--font-mono);font-size:19px;font-variant-numeric:tabular-nums;color:var(--band, var(--color-muted));width:2.1em;flex:none}.os-rubriek-naam{font-size:14.5px;color:var(--color-ink);min-width:0}.os-rubriek-uitleg{display:block;font-size:12px;line-height:1.4;color:var(--color-dim);margin-top:2px}.os-rubriek-balk{display:none}.os-rubriek-open{margin-left:auto;flex:none;color:var(--color-dim);font-family:var(--font-mono);font-size:15px;transition:transform .22s ease}.os-rubriek[open] .os-rubriek-open{transform:rotate(45deg)}.os-bewijs{margin:0 0 14px;padding:0;list-style:none;display:grid;gap:9px}.os-bewijs li{display:grid;grid-template-columns:1.15em 1fr;gap:9px;font-size:13.5px;line-height:1.6;color:var(--color-muted)}.os-bewijs .os-teken{font-family:var(--font-mono);line-height:1.5}.os-bewijs li[data-oordeel=goed] .os-teken{color:var(--band-goed)}.os-bewijs li[data-oordeel=let-op] .os-teken{color:var(--band-half)}.os-bewijs li[data-oordeel=slecht] .os-teken{color:var(--band-zwak)}.os-bewijs li[data-oordeel=onbekend] .os-teken{color:var(--color-dim)}.os-oplossing{display:inline-block;margin:0 0 16px calc(1.15em + 9px);font-size:13px;color:var(--color-accent);text-decoration:none}.os-oplossing:hover{text-decoration:underline;text-underline-offset:2px}.os-wacht{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--color-dim)}.os-wacht-regel{flex:1;line-height:1.5}.os-wacht-klok{color:var(--color-dim);font-family:var(--font-mono);font-size:12px}.os-poort{border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);background:color-mix(in srgb,var(--color-accent) 4%,transparent);border-radius:12px;padding:20px 16px;animation:os-poort-in .52s cubic-bezier(.22,1,.36,1) both;animation-delay:.26s}@keyframes os-poort-in{0%{opacity:0;transform:translateY(14px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.os-host{overflow-wrap:anywhere}.os-in{animation:os-op .48s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes os-op{0%{opacity:0;transform:translateY(10px)}}@media(min-width:640px){.os-instrument{padding:22px 22px 20px}.os-log{font-size:12.5px;max-height:190px}.os-naaf-cijfer{font-size:52px}.os-rubriek summary{gap:16px;padding:15px 2px}.os-rubriek-naam{font-size:16px}.os-rubriek-cijfer{font-size:22px}.os-bewijs li{font-size:14px}.os-rubriek-balk{display:block;width:92px;height:4px;border-radius:99px;background:var(--color-line);flex:none;margin-left:auto;overflow:hidden}.os-rubriek-balk span{display:block;height:100%;border-radius:99px;background:var(--band, var(--color-muted));width:0;transition:width .82s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 80ms)}.is-onthuld .os-rubriek-balk span{width:var(--vul, 0%)}.os-rubriek-open{margin-left:0}.os-poort{padding:26px 28px}}@media(prefers-reduced-motion:reduce){.os-instrument:before,.os-instrument[data-fase=scan]:after,.os-lampje,.os-veeg-staart,.os-veeg-kop,.os-meter.onthult:after,.os-segment.klikt .os-spoor,.os-log li.is-nieuw .os-wat:after{animation:none}.os-veeg-staart,.os-veeg-kop,.os-instrument[data-fase=scan]:after,.os-meter.onthult:after{display:none}.os-segment.is-bezig .os-spoor{animation:none;opacity:1}.os-vulling,.os-strip i,.os-rubriek-balk span{transition:none}.os-log li,.os-poort,.os-in{animation:none}}