@font-face{font-family:Nunito;src:url(/klas/fonts/nunito-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/klas/fonts/nunito-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Nunito;src:url(/klas/fonts/nunito-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Nunito;src:url(/klas/fonts/nunito-latin-700-normal.woff2) format("woff2");font-weight:700;font-display:swap}.bd{position:relative;width:100%;height:100%;overflow:visible;pointer-events:none;-webkit-user-select:none;user-select:none}.bd .p{position:absolute}.bd .p>svg{display:block;width:100%;height:100%;overflow:visible}.bd [hidden],.bd-klein .fijn,.bd .p-kroon,.bd .p-sjaal{display:none}body[data-acc=kroon] .bd .p-kroon,body[data-acc=sjaal] .bd .p-sjaal,.bd.bd-acc-kroon .p-kroon,.bd.bd-acc-sjaal .p-sjaal{display:block}.bd:not(.bd-nacht) .rim-nacht,.bd-nacht .rim-dag{display:none}.bd-kiek .p-schaduw{left:15%;top:88.33%;width:70%;height:11.67%;transform-origin:50% 57.14%}.bd-kiek .p-figuur{left:0%;top:0%;width:100%;height:100%;transform-origin:50% 95%}.bd-kiek .p-voet-l{left:36.67%;top:86.67%;width:13.33%;height:10%;transform-origin:50% 50%}.bd-kiek .p-voet-r{left:50%;top:86.67%;width:13.33%;height:10%;transform-origin:50% 50%}.bd-kiek .p-romp{left:0%;top:0%;width:100%;height:100%;transform-origin:50% 92.5%}.bd-kiek .p-lijf{left:26.67%;top:49.17%;width:46.67%;height:45%;transform-origin:50% 96.3%}.bd-kiek .p-vleugel-l{left:22.5%;top:59.17%;width:18.33%;height:30.83%;transform-origin:54.55% 5.41%}.bd-kiek .p-vleugel-r{left:59.17%;top:59.17%;width:18.33%;height:30.83%;transform-origin:45.45% 5.41%}.bd-kiek .p-sjaal{left:29.17%;top:57.5%;width:41.67%;height:30.83%;transform-origin:50% 29.73%}.bd-kiek .p-kop{left:17.92%;top:4.17%;width:64.17%;height:64.17%;transform-origin:50% 92.21%}.bd-kiek .p-kop-basis{left:-.65%;top:0%;width:101.3%;height:100%;transform-origin:50% 57.14%}.bd-kiek .p-pupillen{left:9.74%;top:41.56%;width:80.52%;height:38.96%;transform-origin:50% 50%}.bd-kiek .p-glans{left:12.34%;top:44.16%;width:75.32%;height:33.77%;transform-origin:50% 50%}.bd-kiek .p-oogleden,.bd-kiek .p-oogleden-blij{left:14.29%;top:45.45%;width:71.43%;height:33.77%;transform-origin:50% .96%}.bd-kiek .p-snavel{left:40.91%;top:64.94%;width:18.18%;height:23.38%;transform-origin:50% 11.11%}.bd-kiek .p-snavel-open{left:40.91%;top:64.94%;width:18.18%;height:25.97%;transform-origin:50% 10%}.bd-kiek .p-bril{left:1.95%;top:38.96%;width:96.1%;height:45.45%;transform-origin:50% 48.57%}.bd-kiek .p-kroon{left:31.82%;top:-1.3%;width:36.36%;height:28.57%;transform-origin:50% 72.73%}.bd-kiek .p-vleugel-slaap{left:49.17%;top:15.83%;width:41.67%;height:55.83%;transform-origin:48% 92.54%}.bd-kiek .p-zz{left:81.67%;top:1.67%;width:16.67%;height:20.83%;transform-origin:47.5% 52%}.bd-klein.bd-kiek>.p-kop{left:0;top:0;width:100%;height:100%}.s-kiek-0{stop-color:#cf9160}.s-kiek-1{stop-color:#ca8b5b}.s-kiek-2{stop-color:#bc7c4f}.s-kiek-3{stop-color:#ab6a41}.s-kiek-4{stop-color:#9a5a35}.s-kiek-5{stop-color:#894e2d}.s-kiek-6{stop-color:#744125}.s-kiek-7{stop-color:#62361f}.s-kiek-8{stop-color:#5b321d}.s-kiek-9{stop-color:#ca8d5d}.s-kiek-10{stop-color:#bd8256}.s-kiek-11{stop-color:#aa734b}.s-kiek-12{stop-color:#95623f}.s-kiek-13{stop-color:#805032}.s-kiek-14{stop-color:#6d4127}.s-kiek-15{stop-color:#603620}.s-kiek-16,.s-kiek-17{stop-color:#f1f5ff;stop-opacity:0}.s-kiek-18{stop-color:#f1f5ff;stop-opacity:.32}.s-kiek-19{stop-color:#2a160c;stop-opacity:0}.s-kiek-20{stop-color:#2a160c;stop-opacity:.02}.s-kiek-21{stop-color:#2a160c;stop-opacity:.06}.s-kiek-22{stop-color:#2a160c;stop-opacity:.12}.s-kiek-23{stop-color:#2a160c;stop-opacity:.28}.s-kiek-24{stop-color:#2a160c;stop-opacity:.4}.s-kiek-25{stop-color:#fffbf5}.s-kiek-26{stop-color:#fffaf3}.s-kiek-27{stop-color:#fef8ef}.s-kiek-28{stop-color:#fdf4e9}.s-kiek-29{stop-color:#fbf0e1}.s-kiek-30{stop-color:#f7e8d5}.s-kiek-31{stop-color:#f0dcc2}.s-kiek-32{stop-color:#e9d0b1}.s-kiek-33{stop-color:#e6cbaa}.s-kiek-34{stop-color:#2a160c;stop-opacity:.26}.s-kiek-35{stop-color:#ffd57e}.s-kiek-36{stop-color:#fcc55a}.s-kiek-37{stop-color:#f2a12b}.s-kiek-38{stop-color:#b4581a}.s-kiek-39{stop-color:#4a2408}.s-kiek-40{stop-color:#2a160c;stop-opacity:.55}.s-kiek-41{stop-color:#2a160c;stop-opacity:.46}.s-kiek-42{stop-color:#2a160c;stop-opacity:.28}.s-kiek-43{stop-color:#2a160c;stop-opacity:.09}.s-kiek-44{stop-color:#3b4a70}.s-kiek-45{stop-color:#354161}.s-kiek-46{stop-color:#272c40}.s-kiek-47{stop-color:#18171f}.s-kiek-48{stop-color:#120e10}.s-kiek-49{stop-color:#fff;stop-opacity:.6}.s-kiek-50{stop-color:#fff;stop-opacity:.57}.s-kiek-51{stop-color:#fff;stop-opacity:.47}.s-kiek-52{stop-color:#fff;stop-opacity:.34}.s-kiek-53{stop-color:#fff;stop-opacity:.19}.s-kiek-54{stop-color:#fff;stop-opacity:.06}.s-kiek-55{stop-color:#fff;stop-opacity:0}.s-kiek-56{stop-color:#2a160c;stop-opacity:.5}.s-kiek-57{stop-color:#2a160c;stop-opacity:.47}.s-kiek-58{stop-color:#2a160c;stop-opacity:.4}.s-kiek-59{stop-color:#2a160c;stop-opacity:.15}.s-kiek-60{stop-color:#2a160c;stop-opacity:.05}.s-kiek-61{stop-color:#f27f86;stop-opacity:.8}.s-kiek-62{stop-color:#f27f86;stop-opacity:.76}.s-kiek-63{stop-color:#f27f86;stop-opacity:.63}.s-kiek-64{stop-color:#f27f86;stop-opacity:.45}.s-kiek-65{stop-color:#f27f86;stop-opacity:.25}.s-kiek-66{stop-color:#f27f86;stop-opacity:.07}.s-kiek-67{stop-color:#f27f86;stop-opacity:0}.s-kiek-68{stop-color:#ffe39a}.s-kiek-69{stop-color:#ffdf90}.s-kiek-70{stop-color:#ffd678}.s-kiek-71{stop-color:#ffca5e}.s-kiek-72{stop-color:#ffbe4a}.s-kiek-73{stop-color:#f8aa3a}.s-kiek-74{stop-color:#e9902c}.s-kiek-75{stop-color:#d97a21}.s-kiek-76{stop-color:#d2711d}.s-kiek-77{stop-color:#ffcb7e}.s-kiek-78{stop-color:#fec675}.s-kiek-79{stop-color:#fcba5f}.s-kiek-80{stop-color:#f8aa47}.s-kiek-81{stop-color:#f49b36}.s-kiek-82{stop-color:#ea8b2c}.s-kiek-83{stop-color:#d97824}.s-kiek-84{stop-color:#c9681d}.s-kiek-85{stop-color:#c2621b}.s-kiek-86{stop-color:#e6cbaa;stop-opacity:0}.s-kiek-87{stop-color:#e1c4a3;stop-opacity:.12}.s-kiek-88{stop-color:#d7b692;stop-opacity:.38}.s-kiek-89{stop-color:#cca782;stop-opacity:.63}.s-kiek-90{stop-color:#c7a07a;stop-opacity:.75}.s-kiek-91{stop-color:#6c80be}.s-kiek-92{stop-color:#6377b3}.s-kiek-93{stop-color:#4f6299}.s-kiek-94{stop-color:#394a7c}.s-kiek-95{stop-color:#2b3a67}.s-kiek-96{stop-color:#222e56}.s-kiek-97{stop-color:#1b2446}.s-kiek-98{stop-color:#161d3a}.s-kiek-99{stop-color:#141a36}.s-kiek-100{stop-color:#fff;stop-opacity:.5}.s-kiek-101{stop-color:#fff;stop-opacity:.48}.s-kiek-102{stop-color:#fff;stop-opacity:.42}.s-kiek-103{stop-color:#fff;stop-opacity:.34}.s-kiek-104{stop-color:#fff;stop-opacity:.25}.s-kiek-105{stop-color:#fff;stop-opacity:.16}.s-kiek-106{stop-color:#fff;stop-opacity:.08}.s-kiek-107{stop-color:#fff;stop-opacity:.02}.s-kiek-108{stop-color:#fff;stop-opacity:0}.s-kiek-109{stop-color:#fffaf4}.s-kiek-110{stop-color:#fef9f1}.s-kiek-111{stop-color:#fdf7ed}.s-kiek-112{stop-color:#fcf4e7}.s-kiek-113{stop-color:#f5e5cf}.s-kiek-114{stop-color:#ebd4b7}.s-kiek-115{stop-color:#2b2340;stop-opacity:.34}.s-kiek-116{stop-color:#2b2340;stop-opacity:.32}.s-kiek-117{stop-color:#2b2340;stop-opacity:.27}.s-kiek-118{stop-color:#2b2340;stop-opacity:.19}.s-kiek-119{stop-color:#2b2340;stop-opacity:.1}.s-kiek-120{stop-color:#2b2340;stop-opacity:.03}.s-kiek-121{stop-color:#2b2340;stop-opacity:0}.s-kiek-122{stop-color:#ffe29a}.s-kiek-123{stop-color:#fedb89}.s-kiek-124{stop-color:#fccb63}.s-kiek-125{stop-color:#f9b73a}.s-kiek-126{stop-color:#f5a623}.s-kiek-127{stop-color:#e7921a}.s-kiek-128{stop-color:#d07c12}.s-kiek-129{stop-color:#ba6b0e}.s-kiek-130{stop-color:#b0640c}.s-kiek-131{stop-color:#ff9aa6}.s-kiek-132{stop-color:#fc8f9c}.s-kiek-133{stop-color:#f57586}.s-kiek-134{stop-color:#eb596d}.s-kiek-135{stop-color:#e0465a}.s-kiek-136{stop-color:#cb3c4e}.s-kiek-137{stop-color:#ad3342}.s-kiek-138{stop-color:#922c39}.s-kiek-139{stop-color:#862a36}.s-kiek-140{stop-color:#f7876a}.s-kiek-141{stop-color:#f47f62}.s-kiek-142{stop-color:#ed6b51}.s-kiek-143{stop-color:#e3543d}.s-kiek-144{stop-color:#d8432f}.s-kiek-145{stop-color:#c63727}.s-kiek-146{stop-color:#ac2c20}.s-kiek-147{stop-color:#96241b}.s-kiek-148{stop-color:#8c2119}.f-kiek-ao{fill:#2a160c}.f-kiek-goudD{fill:#b0640c}.f-kiek-mond{fill:#7a2e2a}.f-kiek-tong{fill:#e77f7a}.f-kiek-wit{fill:#fff;fill-opacity:1}.l-kiek-ao{stroke:#2a160c}.l-kiek-brilD{stroke:#141a36}.l-kiek-brilSchaduw{stroke:#2a160c;stroke-opacity:.18}.l-kiek-bruinD{stroke:#5b321d}.l-kiek-bruinL{stroke:#cf9160}.l-kiek-glansRand{stroke:#fff;stroke-opacity:.4}.l-kiek-lash{stroke:#4a2716}.l-kiek-roodD{stroke:#8c2119}.l-kiek-snavelD{stroke:#d2711d}.l-kiek-streep{stroke:#fff1dd}.l-kiek-wit{stroke:#fff;stroke-opacity:1}.l-kiek-zz{stroke:#6e6890}.bd-nacht .s-kiek-0{stop-color:#996f53}.bd-nacht .s-kiek-1{stop-color:#956b4f}.bd-nacht .s-kiek-2{stop-color:#8c6047}.bd-nacht .s-kiek-3{stop-color:#80533c}.bd-nacht .s-kiek-4{stop-color:#744834}.bd-nacht .s-kiek-5{stop-color:#683f2e}.bd-nacht .s-kiek-6{stop-color:#593629}.bd-nacht .s-kiek-7{stop-color:#4c2f25}.bd-nacht .s-kiek-8{stop-color:#472c23}.bd-nacht .s-kiek-9{stop-color:#956c51}.bd-nacht .s-kiek-10{stop-color:#8c654c}.bd-nacht .s-kiek-11{stop-color:#7f5a44}.bd-nacht .s-kiek-12{stop-color:#704e3b}.bd-nacht .s-kiek-13{stop-color:#614132}.bd-nacht .s-kiek-14{stop-color:#54362b}.bd-nacht .s-kiek-15{stop-color:#4b2f25}.bd-nacht .s-kiek-16{stop-color:#ffb45a;stop-opacity:.75}.bd-nacht .s-kiek-17{stop-color:#ffb45a}.bd-nacht .s-kiek-18{stop-color:#ffb45a;stop-opacity:0}.bd-nacht .s-kiek-19,.bd-nacht .s-kiek-20,.bd-nacht .s-kiek-21,.bd-nacht .s-kiek-22{stop-color:#0c0a16}.bd-nacht .s-kiek-23{stop-color:#0c0a16;stop-opacity:.35}.bd-nacht .s-kiek-24{stop-color:#0c0a16;stop-opacity:.55}.bd-nacht .s-kiek-25{stop-color:#cfc1ae}.bd-nacht .s-kiek-26{stop-color:#cfc0ad}.bd-nacht .s-kiek-27{stop-color:#cebfaa}.bd-nacht .s-kiek-28{stop-color:#cdbca5}.bd-nacht .s-kiek-29{stop-color:#cbb9a0}.bd-nacht .s-kiek-30{stop-color:#c8b397}.bd-nacht .s-kiek-31{stop-color:#c2a98a}.bd-nacht .s-kiek-32{stop-color:#bca07e}.bd-nacht .s-kiek-33{stop-color:#ba9c79}.bd-nacht .s-kiek-34{stop-color:#0c0a16}.bd-nacht .s-kiek-35{stop-color:#bb9f68}.bd-nacht .s-kiek-36{stop-color:#b9944f}.bd-nacht .s-kiek-37{stop-color:#b27a2d}.bd-nacht .s-kiek-38{stop-color:#864721}.bd-nacht .s-kiek-39{stop-color:#3c2214}.bd-nacht .s-kiek-40,.bd-nacht .s-kiek-41,.bd-nacht .s-kiek-42,.bd-nacht .s-kiek-43{stop-color:#0c0a16}.bd-nacht .s-kiek-44{stop-color:#313d5d}.bd-nacht .s-kiek-45{stop-color:#2c3653}.bd-nacht .s-kiek-46{stop-color:#23283c}.bd-nacht .s-kiek-47{stop-color:#191924}.bd-nacht .s-kiek-48{stop-color:#14121a}.bd-nacht .s-kiek-49{stop-color:#e4e9ff;stop-opacity:.35}.bd-nacht .s-kiek-50{stop-color:#e4e9ff;stop-opacity:.33}.bd-nacht .s-kiek-51{stop-color:#e4e9ff;stop-opacity:.28}.bd-nacht .s-kiek-52{stop-color:#e4e9ff;stop-opacity:.2}.bd-nacht .s-kiek-53{stop-color:#e4e9ff;stop-opacity:.11}.bd-nacht .s-kiek-54{stop-color:#e4e9ff;stop-opacity:.03}.bd-nacht .s-kiek-55{stop-color:#e4e9ff}.bd-nacht .s-kiek-56,.bd-nacht .s-kiek-57,.bd-nacht .s-kiek-58,.bd-nacht .s-kiek-59,.bd-nacht .s-kiek-60{stop-color:#0c0a16}.bd-nacht .s-kiek-61{stop-color:#c96f7b;stop-opacity:.6}.bd-nacht .s-kiek-62{stop-color:#c96f7b;stop-opacity:.57}.bd-nacht .s-kiek-63{stop-color:#c96f7b;stop-opacity:.47}.bd-nacht .s-kiek-64{stop-color:#c96f7b;stop-opacity:.34}.bd-nacht .s-kiek-65{stop-color:#c96f7b;stop-opacity:.19}.bd-nacht .s-kiek-66{stop-color:#c96f7b;stop-opacity:.06}.bd-nacht .s-kiek-67{stop-color:#c96f7b}.bd-nacht .s-kiek-68{stop-color:#bba97b}.bd-nacht .s-kiek-69{stop-color:#bba674}.bd-nacht .s-kiek-70{stop-color:#bba064}.bd-nacht .s-kiek-71{stop-color:#bb9851}.bd-nacht .s-kiek-72{stop-color:#bb8f43}.bd-nacht .s-kiek-73{stop-color:#b68138}.bd-nacht .s-kiek-74{stop-color:#ab6f2d}.bd-nacht .s-kiek-75{stop-color:#a06026}.bd-nacht .s-kiek-76{stop-color:#9b5923}.bd-nacht .s-kiek-77{stop-color:#bb9868}.bd-nacht .s-kiek-78{stop-color:#ba9461}.bd-nacht .s-kiek-79{stop-color:#b98c52}.bd-nacht .s-kiek-80{stop-color:#b78041}.bd-nacht .s-kiek-81{stop-color:#b47635}.bd-nacht .s-kiek-82{stop-color:#ad6b2e}.bd-nacht .s-kiek-83{stop-color:#a15d27}.bd-nacht .s-kiek-84{stop-color:#955323}.bd-nacht .s-kiek-85{stop-color:#904e21}.bd-nacht .s-kiek-86{stop-color:#ba9c79}.bd-nacht .s-kiek-87{stop-color:#b69774}.bd-nacht .s-kiek-88{stop-color:#ae8c68}.bd-nacht .s-kiek-89{stop-color:#a5805c}.bd-nacht .s-kiek-90{stop-color:#a17b57}.bd-nacht .s-kiek-91{stop-color:#546395}.bd-nacht .s-kiek-92{stop-color:#4e5d8d}.bd-nacht .s-kiek-93{stop-color:#404e7b}.bd-nacht .s-kiek-94{stop-color:#303e66}.bd-nacht .s-kiek-95{stop-color:#263257}.bd-nacht .s-kiek-96{stop-color:#202a4b}.bd-nacht .s-kiek-97{stop-color:#1a2240}.bd-nacht .s-kiek-98{stop-color:#161d38}.bd-nacht .s-kiek-99{stop-color:#151b35}.bd-nacht .s-kiek-100{stop-opacity:.3}.bd-nacht .s-kiek-101{stop-opacity:.29}.bd-nacht .s-kiek-102{stop-opacity:.25}.bd-nacht .s-kiek-103{stop-opacity:.21}.bd-nacht .s-kiek-104{stop-opacity:.15}.bd-nacht .s-kiek-105{stop-opacity:.09}.bd-nacht .s-kiek-106{stop-opacity:.05}.bd-nacht .s-kiek-107{stop-opacity:.01}.bd-nacht .s-kiek-109{stop-color:#cfc1ad}.bd-nacht .s-kiek-110{stop-color:#cec0ab}.bd-nacht .s-kiek-111{stop-color:#cdbea8}.bd-nacht .s-kiek-112{stop-color:#ccbca4}.bd-nacht .s-kiek-113{stop-color:#c6b094}.bd-nacht .s-kiek-114{stop-color:#bea382}.bd-nacht .s-kiek-115{stop-color:#05060e;stop-opacity:.55}.bd-nacht .s-kiek-116{stop-color:#05060e;stop-opacity:.52}.bd-nacht .s-kiek-117{stop-color:#05060e;stop-opacity:.43}.bd-nacht .s-kiek-118{stop-color:#05060e;stop-opacity:.31}.bd-nacht .s-kiek-119{stop-color:#05060e;stop-opacity:.17}.bd-nacht .s-kiek-120{stop-color:#05060e;stop-opacity:.05}.bd-nacht .s-kiek-121{stop-color:#05060e}.bd-nacht .s-kiek-122{stop-color:#bba87b}.bd-nacht .s-kiek-123{stop-color:#baa36f}.bd-nacht .s-kiek-124{stop-color:#b99855}.bd-nacht .s-kiek-125{stop-color:#b78a38}.bd-nacht .s-kiek-126{stop-color:#b47e28}.bd-nacht .s-kiek-127{stop-color:#aa7021}.bd-nacht .s-kiek-128{stop-color:#9a601c}.bd-nacht .s-kiek-129{stop-color:#8a5418}.bd-nacht .s-kiek-130{stop-color:#834f17}.bd-nacht .s-kiek-131{stop-color:#bb7584}.bd-nacht .s-kiek-132{stop-color:#b96d7d}.bd-nacht .s-kiek-133{stop-color:#b45c6e}.bd-nacht .s-kiek-134{stop-color:#ad485c}.bd-nacht .s-kiek-135{stop-color:#a53a4e}.bd-nacht .s-kiek-136{stop-color:#963244}.bd-nacht .s-kiek-137{stop-color:#802a3a}.bd-nacht .s-kiek-138{stop-color:#6c2532}.bd-nacht .s-kiek-139{stop-color:#63232f}.bd-nacht .s-kiek-140{stop-color:#b5685a}.bd-nacht .s-kiek-141{stop-color:#b36254}.bd-nacht .s-kiek-142{stop-color:#ae5448}.bd-nacht .s-kiek-143{stop-color:#a7443a}.bd-nacht .s-kiek-144{stop-color:#9f3830}.bd-nacht .s-kiek-145{stop-color:#92302b}.bd-nacht .s-kiek-146{stop-color:#812926}.bd-nacht .s-kiek-147{stop-color:#712322}.bd-nacht .s-kiek-148{stop-color:#6a2121}.bd-nacht .f-kiek-ao{fill:#0c0a16}.bd-nacht .f-kiek-goudD{fill:#834f17}.bd-nacht .f-kiek-mond{fill:#5d292c}.bd-nacht .f-kiek-tong{fill:#aa6364}.bd-nacht .f-kiek-wit{fill:#e4e9ff;fill-opacity:.6}.bd-nacht .l-kiek-ao{stroke:#0c0a16}.bd-nacht .l-kiek-brilD{stroke:#151b35}.bd-nacht .l-kiek-brilSchaduw{stroke:#0c0a16;stroke-opacity:.3}.bd-nacht .l-kiek-bruinD{stroke:#472c23}.bd-nacht .l-kiek-bruinL{stroke:#996f53}.bd-nacht .l-kiek-glansRand{stroke-opacity:.25}.bd-nacht .l-kiek-lash{stroke:#3c241e}.bd-nacht .l-kiek-roodD{stroke:#6a2121}.bd-nacht .l-kiek-snavelD{stroke:#9b5923}.bd-nacht .l-kiek-streep{stroke:#cfba9d}.bd-nacht .l-kiek-wit{stroke:#e4e9ff;stroke-opacity:.6}.bd-nacht .l-kiek-zz{stroke:#e9e4f6}.bd-loek .p-schaduw{left:15%;top:87.5%;width:73.33%;height:12.5%;transform-origin:47.73% 53.33%}.bd-loek .p-figuur{left:0%;top:0%;width:100%;height:100%;transform-origin:50% 93.33%}.bd-loek .p-staart{left:57.5%;top:69.17%;width:31.67%;height:27.5%;transform-origin:10.53% 60.61%}.bd-loek .p-voet-l{left:35.83%;top:85.83%;width:14.17%;height:10.83%;transform-origin:50% 53.85%}.bd-loek .p-voet-r{left:50%;top:85.83%;width:14.17%;height:10.83%;transform-origin:50% 53.85%}.bd-loek .p-romp{left:0%;top:0%;width:100%;height:100%;transform-origin:50% 89.17%}.bd-loek .p-lijf{left:31.67%;top:39.17%;width:36.67%;height:52.5%;transform-origin:50% 95.24%}.bd-loek .p-arm-l{left:37.08%;top:42.5%;width:12.5%;height:21.67%;transform-origin:46.67% 11.54%}.bd-loek .p-arm-r{left:50.42%;top:42.5%;width:12.5%;height:21.67%;transform-origin:53.33% 11.54%}.bd-loek .p-sjaal{left:36.67%;top:39.17%;width:26.67%;height:23.33%;transform-origin:50% 25%}.bd-loek .p-kop{left:28.33%;top:7.5%;width:43.33%;height:43.33%;transform-origin:50% 78.85%}.bd-loek .p-kop-basis{left:-5.77%;top:-1.92%;width:111.54%;height:94.23%;transform-origin:50% 55.1%}.bd-loek .p-mond{left:38.46%;top:61.54%;width:23.08%;height:15.38%;transform-origin:50% 37.5%}.bd-loek .p-mond-open{left:38.46%;top:61.54%;width:23.08%;height:17.31%;transform-origin:50% 33.33%}.bd-loek .p-pupillen{left:25%;top:34.62%;width:50%;height:25%;transform-origin:50% 50%}.bd-loek .p-glans{left:26.92%;top:36.54%;width:46.15%;height:21.15%;transform-origin:50% 50%}.bd-loek .p-oogleden,.bd-loek .p-oogleden-blij{left:25%;top:36.54%;width:50%;height:23.08%;transform-origin:50% 1.67%}.bd-loek .p-kroon{left:23.08%;top:-9.62%;width:50%;height:38.46%;transform-origin:48.08% 75%}.bd-loek .p-armen-op{left:23.33%;top:4.17%;width:53.33%;height:43.33%;transform-origin:50% 94.23%}.bd-loek .p-opgerold{left:12.5%;top:62.5%;width:81.67%;height:36.25%;transform-origin:50% 68.97%}.bd-loek .p-zz{left:62.5%;top:50%;width:25%;height:20.83%;transform-origin:50% 50%}.bd-klein.bd-loek>.p-kop{left:0;top:0;width:100%;height:100%}.s-loek-0{stop-color:#f2d5aa}.s-loek-1{stop-color:#f0d1a5}.s-loek-2{stop-color:#e9c799}.s-loek-3{stop-color:#e0ba89}.s-loek-4{stop-color:#d6ac7a}.s-loek-5{stop-color:#c99d6c}.s-loek-6{stop-color:#b68a5b}.s-loek-7{stop-color:#a5794d}.s-loek-8{stop-color:#9e7247}.s-loek-9,.s-loek-10{stop-color:#f1f5ff;stop-opacity:0}.s-loek-11{stop-color:#f1f5ff;stop-opacity:.32}.s-loek-12{stop-color:#2a170d;stop-opacity:0}.s-loek-13{stop-color:#2a170d;stop-opacity:.01}.s-loek-14{stop-color:#2a170d;stop-opacity:.05}.s-loek-15{stop-color:#2a170d;stop-opacity:.1}.s-loek-16{stop-color:#2a170d;stop-opacity:.25}.s-loek-17{stop-color:#2a170d;stop-opacity:.38}.s-loek-18{stop-color:#fff;stop-opacity:.55}.s-loek-19{stop-color:#fff;stop-opacity:.52}.s-loek-20{stop-color:#fff;stop-opacity:.43}.s-loek-21{stop-color:#fff;stop-opacity:.31}.s-loek-22{stop-color:#fff;stop-opacity:.17}.s-loek-23{stop-color:#fff;stop-opacity:.05}.s-loek-24{stop-color:#fff;stop-opacity:0}.s-loek-25{stop-color:#2a170d;stop-opacity:.45}.s-loek-26{stop-color:#2a170d;stop-opacity:.43}.s-loek-27{stop-color:#2a170d;stop-opacity:.36}.s-loek-28{stop-color:#2a170d;stop-opacity:.25}.s-loek-29{stop-color:#2a170d;stop-opacity:.14}.s-loek-30{stop-color:#2a170d;stop-opacity:.04}.s-loek-31{stop-color:#fffaf1}.s-loek-32{stop-color:#fef8ed}.s-loek-33{stop-color:#fbf3e5}.s-loek-34{stop-color:#f8eddc}.s-loek-35{stop-color:#f7ebd8}.s-loek-36{stop-color:#f7ebd8;stop-opacity:.98}.s-loek-37{stop-color:#f7ebd8;stop-opacity:.94}.s-loek-38{stop-color:#f7ebd8;stop-opacity:.85}.s-loek-39{stop-color:#f7ebd8;stop-opacity:.41}.s-loek-40{stop-color:#f7ebd8;stop-opacity:0}.s-loek-41{stop-color:#fff9f0}.s-loek-42{stop-color:#fef7ec}.s-loek-43{stop-color:#fcf4e7}.s-loek-44{stop-color:#faf0e0}.s-loek-45{stop-color:#efdec6}.s-loek-46{stop-color:#e2ccad}.s-loek-47{stop-color:#dcc3a0}.s-loek-48{stop-color:#fffaf1;stop-opacity:.95}.s-loek-49{stop-color:#fef8ee;stop-opacity:.94}.s-loek-50{stop-color:#fcf5e8;stop-opacity:.9}.s-loek-51{stop-color:#faf0e1;stop-opacity:.85}.s-loek-52{stop-color:#f8eddb;stop-opacity:.78}.s-loek-53{stop-color:#f7ebd8;stop-opacity:.7}.s-loek-54{stop-color:#f7ebd8;stop-opacity:.48}.s-loek-55{stop-color:#f7ebd8;stop-opacity:.16}.s-loek-56{stop-color:#3a2a20}.s-loek-57{stop-color:#543d30}.s-loek-58{stop-color:#6e5040}.s-loek-59{stop-color:#c58e55}.s-loek-60{stop-color:#b27a46}.s-loek-61{stop-color:#8a552b}.s-loek-62{stop-color:#3e220f}.s-loek-63{stop-color:#1a0d05}.s-loek-64{stop-color:#2a170d;stop-opacity:.6}.s-loek-65{stop-color:#2a170d;stop-opacity:.51}.s-loek-66{stop-color:#2a170d;stop-opacity:.3}.s-loek-67{stop-color:#2a170d;stop-opacity:.09}.s-loek-68{stop-color:#4a3a40}.s-loek-69{stop-color:#413337}.s-loek-70{stop-color:#2e2325}.s-loek-71{stop-color:#1b1312}.s-loek-72{stop-color:#120c09}.s-loek-73{stop-color:#5a4a48}.s-loek-74{stop-color:#524341}.s-loek-75{stop-color:#3f3332}.s-loek-76{stop-color:#2b2221}.s-loek-77{stop-color:#1e1716}.s-loek-78{stop-color:#161110}.s-loek-79{stop-color:#100c0b}.s-loek-80{stop-color:#0c0807}.s-loek-81{stop-color:#0a0706}.s-loek-82{stop-color:#f08c80;stop-opacity:.6}.s-loek-83{stop-color:#f08c80;stop-opacity:.57}.s-loek-84{stop-color:#f08c80;stop-opacity:.47}.s-loek-85{stop-color:#f08c80;stop-opacity:.34}.s-loek-86{stop-color:#f08c80;stop-opacity:.19}.s-loek-87{stop-color:#f08c80;stop-opacity:.06}.s-loek-88{stop-color:#f08c80;stop-opacity:0}.s-loek-89{stop-color:#6c4e3f}.s-loek-90{stop-color:#664a3b}.s-loek-91{stop-color:#5e4436}.s-loek-92{stop-color:#4a362a}.s-loek-93{stop-color:#423025}.s-loek-94{stop-color:#3c2c21}.s-loek-95{stop-color:#f0d3a7}.s-loek-96{stop-color:#eccc9f}.s-loek-97{stop-color:#e6c394}.s-loek-98{stop-color:#deb887}.s-loek-99{stop-color:#c39767}.s-loek-100{stop-color:#aa7e51}.s-loek-101{stop-color:#b5895a}.s-loek-102{stop-color:#c89c6b}.s-loek-103{stop-color:#e0b988}.s-loek-104{stop-color:#e9c798}.s-loek-105{stop-color:#efd1a5}.s-loek-106{stop-color:#2b2340;stop-opacity:.34}.s-loek-107{stop-color:#2b2340;stop-opacity:.32}.s-loek-108{stop-color:#2b2340;stop-opacity:.27}.s-loek-109{stop-color:#2b2340;stop-opacity:.19}.s-loek-110{stop-color:#2b2340;stop-opacity:.1}.s-loek-111{stop-color:#2b2340;stop-opacity:.03}.s-loek-112{stop-color:#2b2340;stop-opacity:0}.s-loek-113{stop-color:#ffe29a}.s-loek-114{stop-color:#fedb89}.s-loek-115{stop-color:#fccb63}.s-loek-116{stop-color:#f9b73a}.s-loek-117{stop-color:#f5a623}.s-loek-118{stop-color:#e7921a}.s-loek-119{stop-color:#d07c12}.s-loek-120{stop-color:#ba6b0e}.s-loek-121{stop-color:#b0640c}.s-loek-122{stop-color:#ff9aa6}.s-loek-123{stop-color:#fc8f9c}.s-loek-124{stop-color:#f57586}.s-loek-125{stop-color:#eb596d}.s-loek-126{stop-color:#e0465a}.s-loek-127{stop-color:#cb3c4e}.s-loek-128{stop-color:#ad3342}.s-loek-129{stop-color:#922c39}.s-loek-130{stop-color:#862a36}.s-loek-131{stop-color:#f7876a}.s-loek-132{stop-color:#f47f62}.s-loek-133{stop-color:#ed6b51}.s-loek-134{stop-color:#e3543d}.s-loek-135{stop-color:#d8432f}.s-loek-136{stop-color:#c63727}.s-loek-137{stop-color:#ac2c20}.s-loek-138{stop-color:#96241b}.s-loek-139{stop-color:#8c2119}.f-loek-donker{fill:#3a2a20}.f-loek-donkerL{fill:#6e5040}.f-loek-goudD{fill:#b0640c}.f-loek-mond{fill:#6b2e28}.f-loek-oorIn{fill:#9a6a5c}.f-loek-tong{fill:#e7867c}.f-loek-wit{fill:#fff;fill-opacity:1}.l-loek-cremeD{stroke:#dcc3a0}.l-loek-cremeL{stroke:#fffaf1}.l-loek-donker{stroke:#3a2a20}.l-loek-glansRand{stroke:#fff;stroke-opacity:.35}.l-loek-klauw{stroke:#2a1d16}.l-loek-roodD{stroke:#8c2119}.l-loek-streep{stroke:#fff1dd}.l-loek-tanD{stroke:#9e7247}.l-loek-tanL{stroke:#f2d5aa}.l-loek-wit{stroke:#fff;stroke-opacity:1}.l-loek-zz{stroke:#6e6890}.bd-nacht .s-loek-0{stop-color:#b29f87}.bd-nacht .s-loek-1{stop-color:#b09c83}.bd-nacht .s-loek-2{stop-color:#ac957a}.bd-nacht .s-loek-3{stop-color:#a58c6f}.bd-nacht .s-loek-4{stop-color:#9e8264}.bd-nacht .s-loek-5{stop-color:#95775a}.bd-nacht .s-loek-6{stop-color:#886a4f}.bd-nacht .s-loek-7{stop-color:#7c5e45}.bd-nacht .s-loek-8{stop-color:#775941}.bd-nacht .s-loek-9{stop-color:#ffb45a;stop-opacity:.75}.bd-nacht .s-loek-10{stop-color:#ffb45a}.bd-nacht .s-loek-11{stop-color:#ffb45a;stop-opacity:0}.bd-nacht .s-loek-12,.bd-nacht .s-loek-13,.bd-nacht .s-loek-14,.bd-nacht .s-loek-15{stop-color:#0c0a16}.bd-nacht .s-loek-16{stop-color:#0c0a16;stop-opacity:.34}.bd-nacht .s-loek-17{stop-color:#0c0a16;stop-opacity:.55}.bd-nacht .s-loek-18{stop-color:#e4e9ff;stop-opacity:.3}.bd-nacht .s-loek-19{stop-color:#e4e9ff;stop-opacity:.28}.bd-nacht .s-loek-20{stop-color:#e4e9ff;stop-opacity:.24}.bd-nacht .s-loek-21{stop-color:#e4e9ff;stop-opacity:.17}.bd-nacht .s-loek-22{stop-color:#e4e9ff;stop-opacity:.09}.bd-nacht .s-loek-23{stop-color:#e4e9ff;stop-opacity:.03}.bd-nacht .s-loek-24{stop-color:#e4e9ff}.bd-nacht .s-loek-25,.bd-nacht .s-loek-26,.bd-nacht .s-loek-27,.bd-nacht .s-loek-28,.bd-nacht .s-loek-29,.bd-nacht .s-loek-30{stop-color:#0c0a16}.bd-nacht .s-loek-31{stop-color:#cfc1ab}.bd-nacht .s-loek-32{stop-color:#cebfa8}.bd-nacht .s-loek-33{stop-color:#ccbba2}.bd-nacht .s-loek-34{stop-color:#c9b79c}.bd-nacht .s-loek-35,.bd-nacht .s-loek-36,.bd-nacht .s-loek-37,.bd-nacht .s-loek-38,.bd-nacht .s-loek-39,.bd-nacht .s-loek-40{stop-color:#c8b599}.bd-nacht .s-loek-41{stop-color:#cfc0aa}.bd-nacht .s-loek-42{stop-color:#cebfa7}.bd-nacht .s-loek-43{stop-color:#ccbca3}.bd-nacht .s-loek-44{stop-color:#cab99f}.bd-nacht .s-loek-45{stop-color:#c1ab8c}.bd-nacht .s-loek-46{stop-color:#b79d7b}.bd-nacht .s-loek-47{stop-color:#b29672}.bd-nacht .s-loek-48{stop-color:#cfc1ab}.bd-nacht .s-loek-49{stop-color:#cec0a9}.bd-nacht .s-loek-50{stop-color:#cdbda5}.bd-nacht .s-loek-51{stop-color:#cab99f}.bd-nacht .s-loek-52{stop-color:#c9b69b}.bd-nacht .s-loek-53,.bd-nacht .s-loek-54,.bd-nacht .s-loek-55{stop-color:#c8b599}.bd-nacht .s-loek-56{stop-color:#302725}.bd-nacht .s-loek-57{stop-color:#423431}.bd-nacht .s-loek-58{stop-color:#54413c}.bd-nacht .s-loek-59{stop-color:#926d4b}.bd-nacht .s-loek-60{stop-color:#855f40}.bd-nacht .s-loek-61{stop-color:#69452d}.bd-nacht .s-loek-62{stop-color:#33211a}.bd-nacht .s-loek-63{stop-color:#1a1212}.bd-nacht .s-loek-64,.bd-nacht .s-loek-65,.bd-nacht .s-loek-66,.bd-nacht .s-loek-67{stop-color:#0c0a16}.bd-nacht .s-loek-68{stop-color:#3c323c}.bd-nacht .s-loek-69{stop-color:#362d36}.bd-nacht .s-loek-70{stop-color:#282229}.bd-nacht .s-loek-71{stop-color:#1a171b}.bd-nacht .s-loek-72{stop-color:#141215}.bd-nacht .s-loek-73{stop-color:#463d41}.bd-nacht .s-loek-74{stop-color:#40383c}.bd-nacht .s-loek-75{stop-color:#332d31}.bd-nacht .s-loek-76{stop-color:#252226}.bd-nacht .s-loek-77{stop-color:#1c1a1e}.bd-nacht .s-loek-78{stop-color:#17151a}.bd-nacht .s-loek-79{stop-color:#121216}.bd-nacht .s-loek-80{stop-color:#0f0f14}.bd-nacht .s-loek-81{stop-color:#0e0e13}.bd-nacht .s-loek-82{stop-color:#b06b69;stop-opacity:.45}.bd-nacht .s-loek-83{stop-color:#b06b69;stop-opacity:.43}.bd-nacht .s-loek-84{stop-color:#b06b69;stop-opacity:.36}.bd-nacht .s-loek-85{stop-color:#b06b69;stop-opacity:.25}.bd-nacht .s-loek-86{stop-color:#b06b69;stop-opacity:.14}.bd-nacht .s-loek-87{stop-color:#b06b69;stop-opacity:.04}.bd-nacht .s-loek-88{stop-color:#b06b69}.bd-nacht .s-loek-89{stop-color:#52403b}.bd-nacht .s-loek-90{stop-color:#4e3d38}.bd-nacht .s-loek-91{stop-color:#493935}.bd-nacht .s-loek-92{stop-color:#3b2f2c}.bd-nacht .s-loek-93{stop-color:#362b29}.bd-nacht .s-loek-94{stop-color:#322826}.bd-nacht .s-loek-95{stop-color:#b19d85}.bd-nacht .s-loek-96{stop-color:#ae997f}.bd-nacht .s-loek-97{stop-color:#a99276}.bd-nacht .s-loek-98{stop-color:#a48a6d}.bd-nacht .s-loek-99{stop-color:#917357}.bd-nacht .s-loek-100{stop-color:#806248}.bd-nacht .s-loek-101{stop-color:#87694e}.bd-nacht .s-loek-102{stop-color:#94775a}.bd-nacht .s-loek-103{stop-color:#a58b6e}.bd-nacht .s-loek-104{stop-color:#ab957a}.bd-nacht .s-loek-105{stop-color:#b09c83}.bd-nacht .s-loek-106{stop-color:#05060e;stop-opacity:.55}.bd-nacht .s-loek-107{stop-color:#05060e;stop-opacity:.52}.bd-nacht .s-loek-108{stop-color:#05060e;stop-opacity:.43}.bd-nacht .s-loek-109{stop-color:#05060e;stop-opacity:.31}.bd-nacht .s-loek-110{stop-color:#05060e;stop-opacity:.17}.bd-nacht .s-loek-111{stop-color:#05060e;stop-opacity:.05}.bd-nacht .s-loek-112{stop-color:#05060e}.bd-nacht .s-loek-113{stop-color:#bba87b}.bd-nacht .s-loek-114{stop-color:#baa36f}.bd-nacht .s-loek-115{stop-color:#b99855}.bd-nacht .s-loek-116{stop-color:#b78a38}.bd-nacht .s-loek-117{stop-color:#b47e28}.bd-nacht .s-loek-118{stop-color:#aa7021}.bd-nacht .s-loek-119{stop-color:#9a601c}.bd-nacht .s-loek-120{stop-color:#8a5418}.bd-nacht .s-loek-121{stop-color:#834f17}.bd-nacht .s-loek-122{stop-color:#bb7584}.bd-nacht .s-loek-123{stop-color:#b96d7d}.bd-nacht .s-loek-124{stop-color:#b45c6e}.bd-nacht .s-loek-125{stop-color:#ad485c}.bd-nacht .s-loek-126{stop-color:#a53a4e}.bd-nacht .s-loek-127{stop-color:#963244}.bd-nacht .s-loek-128{stop-color:#802a3a}.bd-nacht .s-loek-129{stop-color:#6c2532}.bd-nacht .s-loek-130{stop-color:#63232f}.bd-nacht .s-loek-131{stop-color:#b5685a}.bd-nacht .s-loek-132{stop-color:#b36254}.bd-nacht .s-loek-133{stop-color:#ae5448}.bd-nacht .s-loek-134{stop-color:#a7443a}.bd-nacht .s-loek-135{stop-color:#9f3830}.bd-nacht .s-loek-136{stop-color:#92302b}.bd-nacht .s-loek-137{stop-color:#812926}.bd-nacht .s-loek-138{stop-color:#712322}.bd-nacht .s-loek-139{stop-color:#6a2121}.bd-nacht .f-loek-donker{fill:#302725}.bd-nacht .f-loek-donkerL{fill:#54413c}.bd-nacht .f-loek-goudD{fill:#834f17}.bd-nacht .f-loek-mond{fill:#53292b}.bd-nacht .f-loek-oorIn{fill:#7a5a50}.bd-nacht .f-loek-tong{fill:#aa6766}.bd-nacht .f-loek-wit{fill:#e4e9ff;fill-opacity:.6}.bd-nacht .l-loek-cremeD{stroke:#b29672}.bd-nacht .l-loek-cremeL{stroke:#cfc1ab}.bd-nacht .l-loek-donker{stroke:#302725}.bd-nacht .l-loek-glansRand{stroke-opacity:.22}.bd-nacht .l-loek-klauw{stroke:#251d1e}.bd-nacht .l-loek-roodD{stroke:#6a2121}.bd-nacht .l-loek-streep{stroke:#cfba9d}.bd-nacht .l-loek-tanD{stroke:#775941}.bd-nacht .l-loek-tanL{stroke:#b29f87}.bd-nacht .l-loek-wit{stroke:#e4e9ff;stroke-opacity:.6}.bd-nacht .l-loek-zz{stroke:#e9e4f6}:root{color-scheme:light;--room:#F3EEE5;--linnen:#EBE5DA;--zand:#DDD7CC;--steen:#646874;--inkt:#2E3440;--nacht:#2E3440;--nacht-licht:#4C5873;--gloed:#F5A623;--gloed-zacht:#FAD69B;--perzik:#F7CDB5;--lavendel:#CFC8EA;--duif:#B8C6DE;--schemer:#262A33;--papier:#FFFFFF;--bg:var(--room);--side:var(--linnen);--surface:var(--papier);--surface-2:var(--linnen);--line:var(--zand);--line-strong:#CFC8BC;--zachte-inkt:#2E3440;--text:var(--zachte-inkt);--muted:#646874;--accent:var(--gloed);--on-accent:#2E3440;--strong:var(--nacht);--on-strong:var(--room);--track:var(--zand);--focus:color-mix(in srgb,var(--gloed) 50%,var(--inkt));--shadow-s:0 1px 2px rgba(31,36,51,.05);--shadow-m:0 1px 2px rgba(31,36,51,.04),0 10px 30px -12px rgba(46,52,64,.16);--shadow-l:0 30px 80px -24px rgba(27,34,64,.45);--r-s:10px;--r-m:16px;--r-l:24px;--r-xl:32px;--pill:999px;--font-kop:Nunito,"Segoe UI Variable Display","Avenir Next",system-ui,sans-serif;--font-tekst:Nunito,"Segoe UI Variable Text","Avenir Next",system-ui,sans-serif;--ease-out:cubic-bezier(.22,1,.36,1);--fast:.14s;--mid:.24s;--sidebar:244px}:root{--t-time:300 clamp(56px,7vw,88px)/1 var(--font-kop);--t-h1:500 30px/1.15;--t-h2:500 19px/1.3;--t-body:400 15.5px/1.55;--t-small:400 13px/1.45;--elev-1:0 1px 2px color-mix(in srgb,var(--sky-shadow,#2E3440) 10%,transparent);--elev-2:0 1px 2px color-mix(in srgb,var(--sky-shadow,#2E3440) 8%,transparent),0 14px 34px -14px color-mix(in srgb,var(--sky-shadow,#2E3440) 30%,transparent);--elev-3:0 30px 80px -24px color-mix(in srgb,var(--sky-shadow,#2E3440) 45%,transparent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}:root[data-theme=dark]{color-scheme:dark;--bg:#2E3440;--side:#292E39;--surface:#363C4A;--surface-2:#3E4554;--line:#4A5263;--line-strong:#566074;--text:#F3EFE9;--muted:#ADA79B;--strong:#D8DEE9;--on-strong:#2E3440;--track:#4A5263;--focus:var(--gloed);--shadow-s:none;--shadow-m:0 1px 0 rgba(255,255,255,.03) inset,0 12px 30px -14px rgba(0,0,0,.6)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 15.5px/1.6 var(--font-tekst);letter-spacing:.005em;-webkit-font-smoothing:antialiased;overflow:hidden}[hidden]{display:none!important}h1,h2,h3{font-family:var(--font-kop);color:var(--text);margin:0;text-wrap:balance}h1{font-size:34px;line-height:1.18;font-weight:500;letter-spacing:-.005em}h2{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:0}h3{font-size:14px;font-weight:600}p{margin:0;max-width:66ch}small,.fine{font-size:13.5px;color:var(--muted);line-height:1.5}.muted{color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:16px;height:16px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}:where(:focus-visible){border-radius:6px}.kids-sky{--focus:var(--inkt)}#pause-screen,#preview,.float-card,body[data-sky=sterren] .kids-sky{--focus:var(--gloed)}body[data-sky=noorderlicht] .kids-sky{--focus:var(--gloed-zacht)}#pause-screen[data-tekst=inkt]{--focus:var(--inkt)}[tabindex="-1"]:focus,[tabindex="-1"]:focus-visible{outline:none}::selection{background:var(--gloed-zacht);color:var(--zachte-inkt)}button,input,select,textarea{font:inherit;color:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:var(--pill);border:1px solid transparent;background:var(--strong);color:var(--on-strong);font:600 15px/1 var(--font-kop);cursor:pointer;transition:background-color var(--fast) ease,border-color var(--fast) ease,color var(--fast) ease,box-shadow var(--fast) ease,opacity var(--fast) ease;-webkit-app-region:no-drag}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px #ffffff59 inset,0 6px 16px -8px #f5a623e6}button.primary:hover:not(:disabled){background:#f3b24f}button.primary:active:not(:disabled){background:#e49a2c}button.secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}button.secondary:hover:not(:disabled){background:var(--surface-2)}button.small{min-height:36px;padding:8px 16px;font-size:14px}.link-button{min-height:32px;padding:4px 6px;background:transparent;color:var(--muted);font:400 13.5px var(--font-tekst);text-decoration:underline;text-underline-offset:3px}.link-button:hover{color:var(--text)}.buttons{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.chip{display:inline-flex;align-items:center;min-height:30px;padding:4px 12px;border-radius:var(--pill);background:var(--surface-2);color:var(--muted);font-size:13.5px;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 12px;border-radius:var(--pill);background:var(--surface-2);color:var(--muted);font:600 13px var(--font-kop)}.pill[data-on=true]{background:var(--gloed-zacht);color:var(--zachte-inkt)}.pill[data-on=true]:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gloed)}.skip-link{position:fixed;left:16px;top:-80px;z-index:50;padding:10px 16px;border-radius:var(--r-s);background:var(--surface);color:var(--text);box-shadow:var(--shadow-m)}.skip-link:focus{top:12px}body.pause-window .skip-link,body.hint-window .skip-link,body.mini-window .skip-link,body.welcome-open .skip-link{display:none}.camera-card .buttons{margin-top:16px}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh}:root:not([data-theme=dark]) .sidebar{--muted:color-mix(in srgb,var(--steen) 80%,var(--inkt))}.sidebar{position:relative;display:flex;flex-direction:column;gap:6px;padding:0 14px 16px;background:var(--side);border-right:1px solid var(--line);overflow:auto}.sidebar-drag{height:22px;flex:none;-webkit-app-region:drag}.platform-darwin .sidebar-drag{height:48px}.wordmark{display:inline-flex;align-self:flex-start;margin:6px 12px 20px;color:var(--text);text-decoration:none;-webkit-app-region:no-drag}.wordmark .logo,.pause-wordmark .logo{display:block;height:36px;width:auto}.wordmark .logo-dark{display:none}:root[data-theme=dark] .wordmark .logo-light{display:none}:root[data-theme=dark] .wordmark .logo-dark{display:block}.view-nav{display:flex;flex-direction:column;gap:2px}.view-nav button{justify-content:flex-start;gap:12px;width:100%;min-height:42px;padding:9px 12px;border-radius:12px;background:transparent;color:var(--muted);font:600 15px var(--font-kop);text-align:left}.view-nav button:hover{background:color-mix(in srgb,var(--surface) 60%,transparent);color:var(--text)}.view-nav button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-s),inset 0 0 0 1px var(--line)}.view-nav button[aria-selected=true] .icon{color:var(--gloed)}.nav-meta{margin-left:auto;font:400 13px var(--font-tekst);color:var(--muted);font-variant-numeric:tabular-nums}.nav-meta:empty{display:none}.nav-sun{flex:none;margin-left:auto;overflow:visible}.nav-sun+.nav-meta{margin-left:-4px}.nav-sun .sun-arc{fill:none;stroke:var(--muted);stroke-opacity:.5;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.nav-sun .sun-dot{fill:var(--gloed)}.nav-sun[data-night=true] .sun-dot{fill:var(--nacht-licht);opacity:.6}:root[data-theme=dark] .nav-sun[data-night=true] .sun-dot{fill:var(--duif);opacity:.75}.nav-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--gloed);box-shadow:0 0 0 4px color-mix(in srgb,var(--gloed) 25%,transparent)}.sidebar-foot{margin-top:auto;display:grid;gap:10px;padding-top:16px}@property --status-sky{syntax:"<color>";inherits:false;initial-value:#D3DDEE}:root{--tint-lo:.955;--tint-hi:1}:root[data-theme=dark]{--tint-lo:.3;--tint-hi:.356}.status-card{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);transition:--status-sky 60s steps(60)}@supports (color:oklch(from red clamp(.1,l,.9) c h)){.status-card{background:oklch(from color-mix(in srgb,var(--status-sky) 18%,var(--surface)) clamp(var(--tint-lo),l,var(--tint-hi)) c h)}}.status-card.status-instant,html.is-hidden .status-card{transition:none}.status-card strong{display:block;font:600 14px/1.3 var(--font-kop)}.status-card small{display:block;font-size:12.5px;line-height:1.4}.status-light{flex:none;margin-top:5px;width:9px;height:9px;border-radius:50%;background:var(--gloed);box-shadow:0 0 0 4px color-mix(in srgb,var(--gloed) 22%,transparent)}.status-card[data-state=meeting] .status-light{background:var(--nacht-licht);box-shadow:0 0 0 4px color-mix(in srgb,var(--duif) 40%,transparent)}.status-card[data-state=rest] .status-light,.status-card[data-state=paused] .status-light{background:var(--duif);box-shadow:none}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.meeting-button{justify-content:flex-start;width:100%;min-height:44px;border-radius:var(--r-m);padding:10px 14px;background:transparent;color:var(--text);border-color:var(--line-strong)}.meeting-button:hover{background:var(--surface)}.meeting-button[aria-pressed=true]{background:var(--nacht);color:var(--room);border-color:transparent}:root[data-theme=dark] .meeting-button[aria-pressed=true]{background:var(--duif);color:var(--schemer)}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 4px}.version{font-size:12px;color:var(--muted)}.content{position:relative;overflow:auto;scroll-behavior:smooth;outline:none}.titlebar{position:sticky;top:0;z-index:5;height:22px;-webkit-app-region:drag;background:linear-gradient(var(--bg) 40%,transparent)}.platform-win32 .titlebar{height:44px}.view{max-width:1040px;margin:0 auto;padding:6px 44px 56px;outline:none;animation:view-in var(--mid) var(--ease-out)}@keyframes view-in{0%{opacity:0}to{opacity:1}}.page-head{display:grid;gap:8px;margin:6px 0 26px}.eyebrow{font:600 13.5px var(--font-kop);color:var(--muted);letter-spacing:.01em}.date{color:var(--muted);font-size:15px}.date:first-letter{text-transform:uppercase}.lead{color:var(--muted);font-size:16px}#message:not(:empty){position:fixed;z-index:30;right:24px;bottom:24px;max-width:420px;padding:14px 18px 14px 16px;border-radius:var(--r-m);background:var(--surface);color:var(--text);border:1px solid var(--line);border-left:4px solid var(--gloed);box-shadow:var(--shadow-m);animation:toast-in var(--mid) var(--ease-out)}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:26px;box-shadow:var(--shadow-m)}.card h2{margin:0 0 8px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-icon{display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:14px;background:var(--surface-2);color:var(--nacht)}:root[data-theme=dark] .card-icon{color:var(--duif)}.privacy{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.notice{padding:14px 16px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line);color:var(--text);margin:0 0 20px}.sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--duif) 0%,var(--lavendel) 55%,var(--gloed-zacht) 100%);transition:filter 1s linear}.sky:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 70% at 70% 100%,rgba(245,166,35,.75),transparent 70%);opacity:var(--p);transition:opacity 1s linear}.sun{position:absolute;left:56%;top:22%;width:38px;height:38px;border-radius:50%;background:var(--gloed-zacht);box-shadow:0 0 0 8px #f6cf8e59,0 0 40px 8px #f5a62373;transform:translateY(calc((1 - var(--p)) * 120px));transition:transform 1s linear,background-color var(--mid)}.hill{position:absolute;left:-20%;right:-20%;border-radius:50% 50% 0 0}.hill-back{bottom:-28px;height:90px;background:#c7bfd9;left:-40%;right:10%}.hill-front{bottom:-46px;height:96px;background:var(--zand);left:5%;right:-40%}:root[data-theme=dark] .hill-front{background:#566074}:root[data-theme=dark] .hill-back{background:#4a5263}.mullion-v{position:absolute;left:50%;top:0;bottom:0;width:7px;transform:translate(-50%);background:var(--room)}.mullion-h{position:absolute;left:0;right:0;top:46%;height:7px;background:var(--room)}:root[data-theme=dark] .mullion-v,:root[data-theme=dark] .mullion-h{background:#3b4252}.stars{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--room)}.stars i:nth-child(1){left:22%;top:18%}.stars i:nth-child(2){left:70%;top:12%;width:4px;height:4px;background:var(--gloed)}.stars i:nth-child(3){left:36%;top:34%}.stars i:nth-child(4){left:80%;top:38%}.stars i:nth-child(5){left:14%;top:44%}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:36px 0 14px}.section-heading>span{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}.figure{display:flex;align-items:baseline;gap:8px}.figure strong{font:500 36px/1 var(--font-kop);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--text)}.figure span{color:var(--muted);font-size:14px}.meter{display:block;height:8px;border-radius:8px;background:var(--track);overflow:hidden}.meter span{display:block;height:100%;width:100%;border-radius:inherit;background:var(--nacht-licht);transform-origin:left;transform:scaleX(var(--v,0));transition:transform var(--mid) var(--ease-out)}.outdoor-stat .meter span{background:linear-gradient(90deg,var(--duif),var(--nacht-licht))}.quick-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip-button{min-height:34px;padding:6px 12px;border-radius:var(--pill);background:var(--surface-2);color:var(--text);border:1px solid var(--line);font:600 13.5px var(--font-kop)}.chip-button:hover{border-color:var(--line-strong)}.exact{position:relative}.exact summary{list-style:none;display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border-radius:var(--pill);font-size:13.5px;color:var(--muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.exact summary::-webkit-details-marker{display:none}.exact[open] summary{color:var(--text)}.exact form{position:absolute;z-index:4;top:40px;left:0;display:flex;gap:8px;padding:10px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-m)}.exact input{width:90px}input,select,textarea{min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--line-strong);background:var(--bg);color:var(--text);transition:border-color var(--fast),box-shadow var(--fast)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--gloed);box-shadow:0 0 0 3px color-mix(in srgb,var(--gloed) 35%,transparent)}input::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236E675D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;cursor:pointer}textarea{width:100%;margin-top:14px;resize:vertical;line-height:1.5}.field{display:grid;gap:6px;font:600 14px var(--font-kop);color:var(--text)}.field input,.field select{font:400 15px var(--font-tekst);width:100%}.optional{font-weight:400;color:var(--muted)}.stack{display:grid;gap:14px;margin-top:18px}.stack>button{justify-self:start}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox][role=switch]{-webkit-appearance:none;appearance:none;position:relative;flex:none;width:46px;height:28px;min-height:28px;padding:0;margin:0;border-radius:var(--pill);border:0;background:var(--line-strong);cursor:pointer;transition:background-color var(--mid) var(--ease-out)}input[type=checkbox][role=switch]:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1f243340;transition:transform var(--mid) var(--ease-out)}input[type=checkbox][role=switch]:checked{background:var(--nacht)}:root[data-theme=dark] input[type=checkbox][role=switch]:checked{background:var(--gloed)}input[type=checkbox][role=switch]:checked:after{transform:translate(18px)}input[type=checkbox][role=switch]:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox][role=switch]:focus-visible{outline:3px solid var(--focus);outline-offset:3px;box-shadow:none}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--pill);background:var(--surface-2);border:1px solid var(--line)}.segmented label{position:relative;cursor:pointer}.segmented input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;pointer-events:none}.segmented span{display:inline-flex;align-items:center;min-height:34px;padding:6px 16px;border-radius:var(--pill);font:600 14px var(--font-kop);color:var(--muted);transition:background-color var(--fast),color var(--fast)}.segmented label:hover span{color:var(--text)}.segmented input:checked+span{background:var(--nacht);color:var(--room);box-shadow:var(--shadow-s)}:root[data-theme=dark] .segmented input:checked+span{background:var(--duif);color:var(--schemer)}.segmented input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.segmented input:disabled+span{opacity:.45;cursor:not-allowed}.stepper{display:inline-flex;align-items:center;flex:none;border-radius:var(--pill);border:1px solid var(--line-strong);background:var(--bg)}.stepper button{min-height:38px;width:38px;padding:0;border-radius:50%;background:transparent;color:var(--text);font:600 18px/1 var(--font-kop)}.stepper button:hover:not(:disabled){background:var(--surface-2)}.stepper input{width:58px;min-height:38px;padding:0 2px;border:0;background:transparent;text-align:right;font:600 16px var(--font-kop);font-variant-numeric:tabular-nums}.stepper input:focus-visible{box-shadow:none;outline:3px solid var(--focus);outline-offset:0}.stepper .unit{padding:0 4px;color:var(--muted);font-size:13.5px;min-width:30px}.time{width:120px;font-variant-numeric:tabular-nums}#place{width:220px;max-width:100%}#view-settings{max-width:820px}.settings{display:grid;gap:26px}.group{display:grid;gap:10px;margin:0}#view-settings>.group{margin-top:26px}.group>h2{font:600 14px var(--font-kop);color:var(--muted);padding-left:6px;letter-spacing:.01em}.rows{border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);overflow:clip}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:12px 18px;margin:0}.row+.row{border-top:1px solid var(--line)}label.row{cursor:pointer}.row-wrap{flex-wrap:wrap}.row-block{display:block;padding:18px}.row-text{display:grid;gap:2px;min-width:0;flex:1 1 260px}.row-text strong{font:600 15px var(--font-kop);color:var(--text)}.row-text small{font-size:13px}details.group>summary{list-style:none;display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 18px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);cursor:pointer}details.group>summary::-webkit-details-marker{display:none}details.group>summary>span{display:grid;gap:2px}details.group>summary strong{font:600 15px var(--font-kop)}details.group>summary small{font-size:13px}details.group>summary:after{content:"";margin-left:auto;flex:none;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--mid) var(--ease-out)}details.group[open]>summary{border-bottom-left-radius:0;border-bottom-right-radius:0}details.group[open]>summary:after{transform:rotate(-135deg) translate(-2px,-2px)}details.group[open]>.rows{border-top:0;border-top-left-radius:0;border-top-right-radius:0;margin-top:-10px}.savebar{position:sticky;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 10px 10px 20px;border-radius:var(--pill);background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);box-shadow:var(--shadow-m);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.savebar #settings-state{font-size:14px;color:var(--muted)}.savebar-actions{display:flex;gap:8px}.settings.dirty .savebar{border-color:var(--gloed);background:color-mix(in srgb,var(--gloed-zacht) 30%,var(--surface))}.settings.dirty #settings-state{color:var(--text);font-weight:600}.parent-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:14px 0 10px}.parent-form .field{flex:1 1 240px}.parent-status{font:600 14px var(--font-kop);margin-bottom:6px}.brand-panel .stack{margin-top:0}.posture-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:18px;align-items:start}#preview{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;border-radius:var(--r-m);overflow:hidden;background:radial-gradient(120% 90% at 50% 120%,#3B4252,var(--schemer));margin-bottom:16px}video,canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}.camera-empty{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;max-width:330px;text-align:center;color:var(--duif);padding:20px}.camera-empty strong{font:600 18px var(--font-kop);color:var(--room)}.camera-empty span{font-size:14px}.lens{width:66px;height:66px;margin-bottom:8px;border-radius:50%;border:2px solid rgba(184,198,222,.45);background:radial-gradient(circle,var(--schemer) 30%,transparent 32%),radial-gradient(circle,rgba(184,198,222,.25) 50%,transparent 52%);box-shadow:0 0 0 10px #b8c6de14}.posture-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:6px 8px;padding:12px 14px;border-radius:var(--r-m);background:var(--surface-2)}.result>span:first-child{font-size:13.5px;color:var(--muted)}.result b{font:600 18px var(--font-kop);font-variant-numeric:tabular-nums}.result .meter{grid-column:1/-1;height:6px}.cue{min-height:24px;margin:16px 0;font:600 15px var(--font-kop)}.steps{list-style:none;margin:16px 0;padding:0;display:grid;gap:4px;counter-reset:step}.steps li{display:flex;gap:14px;align-items:flex-start;padding:10px 0;counter-increment:step}.steps strong{display:block;font:600 15px var(--font-kop)}.step-mark{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong);font:600 13px var(--font-kop);color:var(--muted)}.step-mark:before{content:counter(step)}.steps li[data-state=current] .step-mark{border-color:var(--gloed);color:var(--text);box-shadow:0 0 0 4px color-mix(in srgb,var(--gloed) 20%,transparent)}.steps li[data-state=done] .step-mark{background:var(--nacht);border-color:var(--nacht);color:var(--room)}.steps li[data-state=done] .step-mark:before{content:"";width:10px;height:6px;border-left:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(-45deg)}.steps-after{color:var(--muted);margin-bottom:16px}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.advice:not(:empty){margin-top:18px;padding:14px 16px;border-radius:var(--r-m);background:color-mix(in srgb,var(--gloed-zacht) 35%,var(--surface));border:1px solid color-mix(in srgb,var(--gloed) 45%,transparent);font-weight:600}.kids-sky{display:flex;align-items:center;gap:26px;margin-top:18px;padding:22px 28px;border-radius:var(--r-xl);background:var(--lavendel);color:var(--zachte-inkt)}.kids-sky h2{color:var(--zachte-inkt);font-size:22px}.kids-kiek{width:112px;height:112px;flex:none}.lamp-cells{display:flex;gap:8px;margin:12px 0}.lamp-cells span{width:22px;height:30px;border-radius:9px;background:#2e344026}.lamp-cells span.filled{background:var(--gloed);box-shadow:0 0 14px -2px #f5a623e6}body.pause-window{background:transparent!important}#pause-screen{position:fixed;inset:0;display:grid;place-items:center;text-align:center;color:var(--sky-text)}#pause-screen.kleur-volgt{transition:--sky-text 2s linear,--sky-veil 2s linear}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.8}}.pause-inner{position:relative;display:grid;justify-items:center;width:min(560px,calc(100vw - 48px))}.pause-wordmark{margin:0}.pause-wordmark .logo{height:28px}.pause-stage{position:relative;width:260px;height:260px;margin:22px 0 26px}.pause-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.pause-ring circle{fill:none;stroke:color-mix(in srgb,var(--sky-veil) 70%,transparent);stroke-width:6}.pause-ring .fill{stroke:var(--pause-ring,var(--gloed));stroke-width:3.2;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset 1s linear}#pause-screen.pause-licht .pause-ring .fill{transition:none}#pause-screen.alleen-maatje .pause-ring circle:not(.fill){stroke:color-mix(in srgb,var(--sky-veil) 75%,transparent)}#pause-screen{--gloed-kern:rgba(250,192,110,.21);--gloed-rand:rgba(245,166,35,.08)}#pause-screen[data-tekst=inkt]{--gloed-kern:rgba(255,255,255,.5);--gloed-rand:rgba(255,255,255,.16)}.pause-gloed{position:absolute;inset:-34px;border-radius:50%;background:radial-gradient(closest-side,var(--gloed-kern),var(--gloed-rand) 62%,transparent);opacity:.75;pointer-events:none}#pause-screen[data-tekst=inkt]:not([data-breath]) .pause-gloed,#pause-screen.alleen-maatje .pause-gloed{display:none}#pause-screen[data-breath] .pause-gloed{animation:pause-gloed 10s infinite}@keyframes pause-gloed{0%{transform:scale(.9);opacity:.45;animation-timing-function:cubic-bezier(.45,0,.55,1)}40%{transform:scale(1.12);opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:scale(.9);opacity:.45}}#pause-screen.pause-wacht[data-breath] .pause-gloed{animation-play-state:paused}#pause-screen.pause-licht[data-breath] .pause-gloed,body.motion-off #pause-screen[data-breath] .pause-gloed{animation:none}@media(prefers-reduced-motion:reduce){#pause-screen[data-breath] .pause-gloed{animation:none}}.pause-kiek{position:absolute;left:50%;top:50%;width:150px;height:150px;overflow:visible;transform:translate(-50%,-48%)}.pause-tekst{position:relative;isolation:isolate;display:grid;justify-items:center;transform:translateZ(1px)}.pause-tekst:before{content:"";position:absolute;inset:-14px -34px;z-index:-1;border-radius:44px;--sl:color-mix(in srgb,var(--sky-veil) calc(var(--sky-veil-a,0) * 100%),transparent);background:var(--sl);box-shadow:0 0 40px 24px var(--sl);pointer-events:none}#pause-screen:not([data-veil=true]) .pause-tekst:before,#pause-screen.alleen-maatje .pause-tekst:before{display:none}#pause-screen h1{color:var(--sky-text);font-size:34px;font-weight:500;letter-spacing:0}#pause-instruction{margin-top:10px;color:var(--sky-text);font-size:17px}.pause-tip{display:flex;align-items:flex-start;gap:12px;max-width:440px;margin-top:18px;padding:12px 18px 12px 12px;border-radius:18px;background:color-mix(in srgb,var(--sky-veil) 45%,transparent);border:1px solid color-mix(in srgb,var(--sky-text) 18%,transparent);color:var(--sky-text);font-size:15px;line-height:1.5;text-align:left;animation:pause-in .6s var(--ease,ease) both}.pause-tip strong{color:var(--sky-text);font-weight:600}.pause-tip-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--sky-text) 12%,transparent)}.pause-tip-icon svg{display:none;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pause-tip[data-icon=water] .pause-tip-icon svg[data-i=water]{display:block;fill:currentColor;stroke:none}.pause-tip[data-icon=eye] [data-i=eye],.pause-tip[data-icon=move] [data-i=move],.pause-tip[data-icon=chat] [data-i=chat],.pause-tip[data-icon=cup] [data-i=cup],.pause-tip[data-icon=sun] [data-i=sun],.pause-tip[data-icon=idea] [data-i=idea],.pause-tip[data-icon=breath] [data-i=breath]{display:block}#pause-screen .buttons{justify-content:center;margin:28px 0 18px}#pause-screen button.ghost{background:transparent;color:var(--sky-text);border-color:color-mix(in srgb,var(--sky-text) 42%,transparent)}#pause-screen button.ghost:hover{background:color-mix(in srgb,var(--sky-text) 10%,transparent);border-color:color-mix(in srgb,var(--sky-text) 65%,transparent)}.pause-foot{color:var(--sky-text)}.pause-partner:not(:empty){position:absolute;left:28px;bottom:24px;display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:var(--pill);font-size:14px;color:var(--sky-text);background:color-mix(in srgb,var(--sky-veil) 85%,transparent)}.pause-partner:not(:empty):before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gloed)}@keyframes pause-in{0%{opacity:0}to{opacity:1}}.pause-dim,.pause-wereld,.pause-schaal,#pause-scene,.pause-schat,.pause-oef{position:absolute;inset:0;pointer-events:none}.pause-dim{background:#1b224059;opacity:0}#pause-scene :is(.sc-arc,.sc-markers){display:none}.pause-schaal{transform-origin:50% 50%}.pause-kozijn{position:absolute;inset:-62.5px;border:62.5px solid var(--room);border-radius:200px 200px 100px 100px;box-shadow:0 120px 240px -80px #00000073;opacity:0}#pause-screen:is([data-stage=intro],[data-stage=wacht]) :is(.pause-wereld,.pause-inner,.pause-partner){opacity:0}#pause-screen:is([data-stage=intro],[data-stage=wacht]) .pause-inner{pointer-events:none}#pause-screen:is([data-stage=intro],[data-stage=wacht])[data-overgang=raam] .pause-schaal{transform:scale(.16)}#pause-screen:is([data-stage=intro],[data-stage=wacht])[data-overgang=raam] .pause-kozijn{opacity:1}#pause-screen[data-stage=einde] :is(#pause-instruction,#pause-tip,#pause-held,#pause-clock,.buttons,.pause-foot,#pause-branch){visibility:hidden}body.kids-environment[data-sky=avond] .pause-schat{background:#c99bc024}body.kids-environment[data-sky=sterren] .pause-schat{inset:0 0 35%;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px) 0 0/140px 120px,radial-gradient(circle at 70% 60%,#FAD69B 0 1px,transparent 2px) 0 0/180px 160px;opacity:calc(.35 + .55 * var(--stars,0))}body.kids-environment[data-sky=regenboog] .pause-schat{inset:0 0 28%;background:radial-gradient(circle at 50% 100%,transparent 39%,rgba(229,103,90,.3) 39% 40.5%,rgba(245,166,35,.3) 40.5% 42%,rgba(246,207,142,.3) 42% 43.5%,rgba(127,174,140,.3) 43.5% 45%,rgba(184,198,222,.3) 45% 46.5%,rgba(207,200,234,.3) 46.5% 48%,transparent 48%)}body.kids-environment[data-sky=noorderlicht] .pause-schat{inset:0 0 55%;background:linear-gradient(170deg,transparent 20%,rgba(95,192,138,.35) 45%,transparent 70%),linear-gradient(190deg,transparent 30%,rgba(150,120,220,.3) 55%,transparent 80%)}.pause-oef{color:var(--inkt);transition:opacity .3s ease-in}#pause-screen[data-stage=einde] .pause-oef,#pause-screen.alleen-maatje .pause-oef{opacity:0}.pause-oef>*{position:absolute;left:0;top:0;animation:pause-in .6s ease-out}.pause-oef [data-ink]{--rand:var(--room)}.pause-oef [data-ink=licht]{color:var(--room);--rand:var(--inkt)}.pause-oef svg{display:block;width:100%;height:100%;overflow:visible}.pause-vogel{width:44px;height:22px;margin:-11px 0 0 -22px}.pause-vogel path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pause-vogel path.rand{stroke:var(--rand);stroke-width:7px;stroke-opacity:.7}.pause-stip,.pause-acht-stip,.pause-klok-stip{border-radius:50%;background:radial-gradient(circle at 40% 38%,#FDEBC8,var(--gloed) 64%);box-shadow:0 0 0 2px currentColor,0 0 0 4.5px color-mix(in srgb,var(--rand) 50%,transparent),0 0 0 10px color-mix(in srgb,var(--gloed) 16%,transparent)}.pause-stip{width:40px;height:40px;margin:-20px 0 0 -20px}.pause-acht-stip{width:18px;height:18px;margin:-9px 0 0 -9px}.pause-klok-stip{width:22px;height:22px;margin:-11px 0 0 -11px}.pause-acht{inset:0;width:100%;height:100%}.pause-acht path,.pause-klok ellipse{fill:none;stroke:#fff;stroke-opacity:.5;stroke-width:1.5;stroke-dasharray:2 7;stroke-linecap:round}.pause-klok{inset:0}.pause-uur{position:absolute;left:0;top:0;width:0;height:0}.pause-uur b{position:absolute;left:24px;top:-14px;padding:4px 9px;border-radius:var(--pill);background:color-mix(in srgb,var(--rand) 60%,transparent);font:700 20px/1 var(--font-kop);white-space:nowrap}.pause-uur-l b{left:auto;right:24px}.pause-wolk{width:300px;height:140px;color:var(--cloud,#F4F6FA)}.pause-wolk-schaduw{color:var(--cloud-shade,#D9E1EF)}.pause-palm,.pause-dageraad{position:absolute;inset:0;opacity:0;pointer-events:none}.pause-palm{background:#1f2433}.pause-dageraad{background:radial-gradient(130% 75% at 50% 105%,#f5a62380,#fad69b47 45%,#f7cdb500 78%)}.pause-gids{position:absolute;left:50%;top:50%;display:block;width:174px;transform:translate(-50%,calc(-50% + 16px)) translateZ(70px)}.pause-gids[data-wie=daan]{width:182px;transform:translate(-50%,calc(-50% + 12px)) translateZ(70px)}.pause-gids[data-maat=buste]{width:212px;transform:translate(-50%,-50%) translateZ(11px)}#pause-gids .gids-buste{border-radius:50%}.pause-tel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(40px);color:var(--sky-text);font:500 92px/1 var(--font-kop);font-variant-numeric:tabular-nums;white-space:nowrap}.pause-tel[data-tel=ver]{font-size:22px;font-weight:600}#pause-screen.met-gids[data-exercise=tel] .pause-gids{width:136px;transform:translate(-50%,calc(-50% - 20px)) translateZ(70px)}#pause-screen.met-gids[data-exercise=tel] .pause-tel{top:80%;font-size:52px;transform:translate(-50%,-50%) translateZ(80px)}#pause-screen.met-gids[data-exercise=tel] .pause-tel[data-tel=ver]{font-size:20px}#pause-screen.met-adem .pause-stage{margin-bottom:50px}.pause-adem{position:absolute;left:50%;top:calc(100% + 12px);display:grid;transform:translate(-50%) translateZ(30px);color:var(--sky-text);font:600 15px/1 var(--font-kop);letter-spacing:.06em}.pause-adem>span{grid-area:1/1;justify-self:center;transition:opacity .6s ease-in-out}#pause-screen:not([data-breath]) .pause-adem,#pause-screen.alleen-maatje .pause-adem,#pause-screen[data-stage=einde] .pause-adem{display:none}#pause-screen[data-breath=in] [data-adem=uit],#pause-screen[data-breath=uit] [data-adem=in]{opacity:0}#pause-screen[data-breath] #pause-scene .sc-halo{animation:pause-adem 10s infinite}@keyframes pause-adem{0%{transform:scale(1);opacity:.55;animation-timing-function:cubic-bezier(.45,0,.55,1)}40%{transform:scale(1.45);opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1)}to{transform:scale(1);opacity:.55}}html.is-hidden #pause-screen[data-breath] #pause-scene .sc-halo,#pause-screen.pause-wacht[data-breath] #pause-scene .sc-halo{animation-play-state:paused}#pause-screen.pause-licht[data-breath] #pause-scene .sc-halo,body.motion-off #pause-screen[data-breath] #pause-scene .sc-halo{animation:none}body.motion-off .pause-adem>span,body.motion-off .pause-oef>*{transition:none;animation:none}#pause-scene .sc-zon,#pause-scene .sc-maan{transform-box:fill-box;transform-origin:center}@media(prefers-reduced-motion:reduce){#pause-screen[data-breath] #pause-scene .sc-halo{animation:none}.pause-adem>span,.pause-oef>*{transition:none;animation:none}}body.hint-window{background:transparent!important}body.hint-window #hint{position:fixed;left:50%;top:8px;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 16px);padding:8px 22px 8px 8px;border-radius:var(--pill);background:var(--room);color:var(--zachte-inkt);border:1px solid var(--zand);box-shadow:0 10px 30px -10px #2e344059;animation:hint-in .5s var(--ease-out) both}.hint-kiek{width:46px;height:46px;flex:none;border-radius:50%;background:var(--linnen)}.hint-text{display:flex;align-items:baseline;gap:12px;font-size:15px;min-width:0}.hint-text b{font:600 14px var(--font-kop);color:var(--steen);white-space:nowrap}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}body.hint-glow #hint{position:fixed;inset:0;width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:inset 0 0 90px #f5a62361;transform:none;animation:gentle-glow 1.5s ease-out both}body.hint-glow .hint-text{display:none}body.hint-glow .hint-kiek{position:absolute;right:24px;bottom:24px;background:transparent}body.motion-off.hint-glow #hint{animation:none;opacity:.35}@keyframes gentle-glow{0%{opacity:0}20%{opacity:1}to{opacity:0}}#welcome:not([hidden]){position:fixed;inset:0;z-index:20;overflow:auto;background:var(--bg)}.welcome{display:grid;grid-template-columns:minmax(300px,.85fr) 1.15fr;height:100vh;min-height:0}.welcome-art{position:relative;display:grid;place-items:center;padding:48px;background:radial-gradient(90% 60% at 50% 100%,rgba(245,166,35,.28),transparent 70%),linear-gradient(180deg,var(--schemer),var(--nacht));color:var(--room);overflow:hidden;-webkit-app-region:drag}.welcome-art .wordmark{position:absolute;left:36px;top:52px;margin:0;color:var(--room)}.welcome-window{position:relative;width:220px;height:280px;border-radius:110px 110px 18px 18px;border:9px solid rgba(251,247,240,.92);background:linear-gradient(180deg,var(--duif),var(--lavendel) 60%,var(--gloed-zacht));overflow:hidden;box-shadow:0 30px 80px -20px #00000080}.welcome-window:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:7px;transform:translate(-50%);background:#fbf7f0eb}.welcome-window:after{content:"";position:absolute;left:0;right:0;top:46%;height:7px;background:#fbf7f0eb}.welcome-window .sun{top:58%;transform:none}.welcome-kiek{position:absolute;left:calc(50% - 150px);bottom:calc(50% - 170px);width:120px;height:120px}.welcome-quote{position:absolute;left:36px;right:36px;bottom:36px;color:var(--duif);font-size:14px}.welcome-form{display:flex;flex-direction:column;justify-content:safe center;gap:10px;padding:56px clamp(32px,6vw,72px);max-width:680px;min-height:0;overflow-y:auto;overscroll-behavior:contain}@media(max-height:860px){.welcome-form{padding-top:32px;padding-bottom:32px}.welcome-choice{padding:16px}}.welcome-progress{display:flex;align-items:center;gap:10px;font:600 13.5px var(--font-kop);color:var(--muted)}.welcome-progress i{width:28px;height:5px;border-radius:5px;background:var(--track)}.welcome-progress i.on{background:var(--gloed)}.welcome h1{font-size:38px;margin-top:6px;font-weight:500;letter-spacing:-.005em}.welcome .lead{font-size:17px;margin-bottom:10px}.welcome fieldset{border:0;margin:14px 0 6px;padding:0}.welcome legend{font:600 14px var(--font-kop);color:var(--muted);margin-bottom:12px}.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.welcome-choice{position:relative;display:grid;gap:6px;padding:20px;border-radius:var(--r-l);background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow-s);cursor:pointer;transition:border-color var(--fast),box-shadow var(--fast)}.welcome-choice:hover{border-color:var(--line-strong)}.welcome-choice:has(input:checked){border-color:var(--nacht);box-shadow:0 0 0 3px color-mix(in srgb,var(--nacht) 14%,transparent),var(--shadow-m)}:root[data-theme=dark] .welcome-choice:has(input:checked){border-color:var(--duif)}.welcome-choice:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.welcome-choice input{position:absolute;top:18px;right:18px;width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--nacht)}.welcome-choice .choice-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--surface-2);color:var(--nacht);margin-bottom:6px}:root[data-theme=dark] .welcome-choice .choice-icon{color:var(--duif)}.welcome-choice strong{font:600 18px var(--font-kop)}.welcome-choice span.desc{color:var(--muted);font-size:14px}.welcome-note{color:var(--muted);font-size:14px;margin-top:8px}.welcome-password{max-width:380px;margin-top:10px}.welcome-status{min-height:22px;font-weight:600}.welcome .buttons{margin-top:8px}kbd{display:inline-flex;align-items:center;min-height:22px;padding:1px 7px;border-radius:7px;border:1px solid var(--line-strong);border-bottom-width:2px;background:var(--surface);font:600 12.5px var(--font-kop);color:var(--text);letter-spacing:.02em;vertical-align:1px}.shortcut-hint{white-space:nowrap}.quiet-label{font-size:13.5px;color:var(--muted)}.menu{position:relative}.menu-button{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 16px;border-radius:var(--pill);border:1px solid var(--line-strong);font:600 15px var(--font-kop);color:var(--text);cursor:pointer;transition:background-color var(--fast)}.menu-button::-webkit-details-marker{display:none}.menu-button:hover,.menu[open] .menu-button{background:var(--surface-2)}.menu-pop{position:absolute;z-index:6;top:52px;left:0;display:grid;min-width:190px;padding:6px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-m);animation:pop-in .22s var(--ease-out)}.menu-pop button{justify-content:flex-start;min-height:38px;border-radius:10px;background:transparent;color:var(--text);font:600 14px var(--font-kop)}.menu-pop button:hover{background:var(--surface-2)}@keyframes pop-in{0%{opacity:0;translate:0 -4px;scale:.97}}.week{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;padding:20px 24px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}.week-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;align-items:end;height:120px}.week-day{display:grid;grid-template-rows:1fr auto auto;justify-items:center;gap:6px;height:100%}.week-col{position:relative;width:100%;max-width:38px;height:100%;border-radius:10px;background:var(--surface-2);overflow:hidden}.week-col span{position:absolute;left:0;right:0;bottom:0;height:calc(var(--v) * 100%);border-radius:10px;background:linear-gradient(180deg,var(--gloed-zacht),var(--gloed));transform-origin:bottom;animation:grow .8s var(--spring) both}.week-day:nth-child(2) span{animation-delay:40ms}.week-day:nth-child(3) span{animation-delay:80ms}.week-day:nth-child(4) span{animation-delay:.12s}.week-day:nth-child(5) span{animation-delay:.16s}.week-day:nth-child(6) span{animation-delay:.2s}.week-day:nth-child(7) span{animation-delay:.24s}@keyframes grow{0%{scale:1 0}}.week-day small{font:600 12px var(--font-kop);color:var(--muted)}.week-day.today small{color:var(--text)}.week-day.today .week-col{box-shadow:inset 0 0 0 2px var(--gloed-zacht)}.week-sun{width:8px;height:8px;border-radius:50%;background:var(--track)}.week-sun.half{background:linear-gradient(90deg,var(--gloed-zacht) 50%,var(--track) 50%)}.week-sun.full{background:var(--gloed-zacht);box-shadow:0 0 8px #f5a62399}.week-summary{max-width:28ch;color:var(--muted);font-size:14px}.week-summary strong{display:block;font:600 26px/1.1 var(--font-kop);color:var(--text);margin-bottom:4px}#streak{display:inline-flex;align-items:center;gap:6px;font:600 13.5px var(--font-kop);color:var(--text)}#streak:not(:empty):before{content:"";width:10px;height:10px;border-radius:50%;background:var(--gloed);box-shadow:0 0 0 4px color-mix(in srgb,var(--gloed) 22%,transparent)}.camera-pick select{min-height:32px;padding:4px 32px 4px 12px;font-size:13px;border-radius:var(--pill);max-width:220px}.card-top{flex-wrap:wrap}.preview-cue{position:absolute;z-index:2;left:50%;bottom:14px;translate:-50% 0;max-width:calc(100% - 28px);width:max-content;margin:0;padding:9px 16px;border-radius:var(--pill);background:#1b2240b8;color:var(--room);font:600 14px/1.35 var(--font-kop);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px -8px #00000080;transition:background-color .3s}.preview-cue[data-tone=hint]{background:#f5a623eb;color:var(--zachte-inkt)}.preview-cue[data-tone=calm]{background:#2e3440d1}.camera-card .posture-results{margin-top:0}.parent-tools{display:grid;gap:12px;margin:8px 0 14px;padding:14px;border-radius:var(--r-m);background:var(--surface-2)}.unlock-timer{display:flex;align-items:center;gap:10px;font:600 14px var(--font-kop)}.parent-quiet{display:grid;gap:8px}.parent-quiet strong{font:600 14px var(--font-kop)}.log-title{margin-top:4px}.event-log{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:220px;overflow:auto}.event-log li{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:8px 10px;border-radius:10px;background:var(--surface);font-size:13.5px}.event-log li time{font:600 12.5px var(--font-kop);color:var(--muted);font-variant-numeric:tabular-nums}.event-log li[data-kind=alert]{box-shadow:inset 3px 0 0 var(--gloed)}.event-log li.empty{grid-template-columns:1fr;color:var(--muted)}body:not(.kids-environment) .pause-kiek,body:not(.kids-environment) .pause-stage:after{display:none}.pause-held{margin-top:14px;padding:10px 18px;border-radius:var(--pill);background:#f5a623f2;color:var(--zachte-inkt);font:600 15px var(--font-kop);animation:pop .5s var(--spring)}.hint-dot{display:none;flex:none;width:12px;height:12px;margin:0 2px 0 10px;border-radius:50%;background:var(--gloed);box-shadow:0 0 0 5px #f5a62338}body.hint-window:not(.kids-environment) .hint-kiek{display:none}body.hint-window:not(.kids-environment) .hint-dot{display:block}body.hint-window:not(.kids-environment) #hint{padding-left:12px}body.mini-window{background:transparent!important;overflow:hidden}.mini{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding:6px 4px}.mini>.mini-pill{width:228px;box-sizing:border-box}.mini>.mini-pill:hover,.mini>.mini-pill:focus-within,.mini>.mini-pill.open{width:auto}.mini-pill{position:relative;display:flex;align-items:center;gap:10px;height:56px;padding:4px 14px 4px 5px;border-radius:var(--pill);background:color-mix(in srgb,var(--room) 94%,transparent);color:var(--zachte-inkt);border:1px solid var(--zand);box-shadow:0 10px 24px -10px #1b224073,inset 0 1px #ffffffb3;-webkit-app-region:drag;cursor:grab;animation:mini-in .7s var(--spring) both;transition:box-shadow .3s,background-color .3s}:root[data-theme=dark] .mini-pill{background:#2e3440f0;color:#f3ede3;border-color:#4a5263}@keyframes mini-in{0%{opacity:0;translate:16px 0;scale:.9}}.mini-stage{position:relative;flex:none;width:48px;height:48px}.mini-ring{position:absolute;inset:0;transform:rotate(-90deg)}.mini-ring circle{fill:none;stroke:var(--zand);stroke-width:3}.mini-ring .fill{stroke:var(--gloed);stroke-linecap:round;stroke-dasharray:132;stroke-dashoffset:132;transition:stroke-dashoffset 1s linear}.mini-raam{position:absolute;left:12px;top:9px;width:24px;height:30px;border-radius:12px 12px 4px 4px;border:2.5px solid var(--room);outline:1px solid var(--zand);overflow:hidden;--p:0}.mini-raam .sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--duif),var(--lavendel) 60%,var(--gloed-zacht))}.mini-raam .sun{position:absolute;left:8px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--gloed);box-shadow:0 0 8px 2px #f5a623b3;transform:translateY(calc((1 - var(--p)) * 18px));transition:transform 1s linear}.mini-raam .hill{position:absolute;left:-30%;right:-10%;bottom:-8px;height:16px;border-radius:50% 50% 0 0;background:var(--zand)}.mini-kiek{position:absolute;inset:3px;display:none}.kids-environment .mini-kiek{display:block}.kids-environment .mini-raam{display:none}.mini-text{display:grid;line-height:1.1;min-width:84px}.mini-text small{font:600 11px var(--font-kop);color:var(--steen);letter-spacing:.01em;white-space:nowrap}:root[data-theme=dark] .mini-text small{color:#ada79b}.mini-text strong{font:500 22px var(--font-kop);letter-spacing:-.005em;font-variant-numeric:tabular-nums}.mini-actions{display:flex;gap:4px;width:0;overflow:hidden;opacity:0;transition:width .3s var(--ease-out),opacity .2s}.mini-pill:hover .mini-actions,.mini-pill:focus-within .mini-actions,.mini-pill.open .mini-actions{width:72px;opacity:1}.mini-actions button{-webkit-app-region:no-drag;flex:none;min-height:32px;width:32px;padding:0;border-radius:50%;background:var(--linnen);color:var(--zachte-inkt);cursor:pointer}.mini-actions button:hover{background:var(--gloed-zacht)}.kids-environment .mini-actions{display:none}.kids-environment .mini-pill{cursor:default;background:color-mix(in srgb,var(--lavendel) 70%,var(--room))}.mini-pill[data-state=soon]{box-shadow:0 0 0 3px #f6cf8eb3,0 10px 24px -10px #f5a62399}.mini-pill[data-state=soon] .mini-stage{animation:wiggle 2.4s ease-in-out infinite}.mini-pill[data-state=now]{background:var(--gloed-zacht)}.mini-pill[data-state=now] .mini-stage{animation:bounce 1.2s var(--spring) infinite}@keyframes wiggle{0%,80%,to{rotate:0deg}85%{rotate:-8deg}90%{rotate:7deg}95%{rotate:-4deg}}@keyframes bounce{0%,to{translate:0 0}40%{translate:0 -3px}}.welcome-kiek{opacity:0;scale:.6;transition:opacity .5s var(--ease-out),scale .7s var(--spring)}.welcome-scene.with-kiek .welcome-kiek{opacity:1;scale:1}.welcome-scene:not(.with-kiek) .welcome-kiek{visibility:hidden;pointer-events:none;transition:opacity .3s,scale .3s,visibility 0s .3s}.welcome-check{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line);cursor:pointer}.welcome-check input{width:20px;height:20px;min-height:20px;margin-top:2px;accent-color:var(--nacht)}.welcome-check span{display:grid;gap:2px}.welcome-check strong{font:600 15px var(--font-kop)}.welcome-check small{font-size:13px}.focus-card[data-phase=focus]{border-color:color-mix(in srgb,var(--nacht-licht) 45%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--duif) 35%,transparent),var(--shadow-m)}.focus-card[data-phase=break]{border-color:var(--gloed-zacht);box-shadow:0 0 0 3px color-mix(in srgb,var(--gloed-zacht) 45%,transparent),var(--shadow-m)}.focus-dial svg{position:absolute;inset:0;transform:rotate(-90deg)}.focus-dial circle{fill:none;stroke:var(--track);stroke-width:6}.focus-dial .fill{stroke:var(--nacht-licht);stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:276.5;transition:stroke-dashoffset 1s linear,stroke .3s}.focus-card[data-phase=break] .focus-dial .fill{stroke:var(--gloed)}.focus-dots{display:flex;gap:6px}.focus-dots i{width:12px;height:12px;border-radius:50%;background:var(--track);transition:background-color .3s,scale .4s var(--spring)}.focus-dots i.done{background:var(--nacht-licht)}.focus-dots i.now{background:var(--duif);box-shadow:0 0 0 3px color-mix(in srgb,var(--duif) 40%,transparent)}.focus-why summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:36px;cursor:pointer;font:600 14px var(--font-kop);color:var(--muted)}.focus-why summary::-webkit-details-marker{display:none}.focus-why summary:before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg;transition:rotate .25s var(--ease-out)}.focus-why[open] summary:before{rotate:45deg}.focus-why ul{margin:6px 0 10px;padding-left:20px;display:grid;gap:6px;max-width:72ch}.focus-why li{color:var(--text)}.kids-environment .focus-card,.kids-environment #focus-group,.kids-environment #mini-focus{display:none!important}.pause-clock{margin-top:8px;font:500 22px var(--font-kop);font-variant-numeric:tabular-nums;color:var(--sky-text)}.mini-pill[data-mode=focus] .mini-ring .fill{stroke:var(--nacht-licht)}.mini-pill[data-mode=focus]{border-color:color-mix(in srgb,var(--nacht-licht) 40%,var(--zand))}.mini-pill:hover .mini-actions,.mini-pill:focus-within .mini-actions,.mini-pill.open .mini-actions{width:144px}.mini-pill-2:hover .mini-actions,.mini-pill-2:focus-within .mini-actions,.mini-pill-2.open .mini-actions{width:36px}.mini-pause .ic-play{display:none}.mini-pause.is-paused .ic-play{display:block}.mini-pause.is-paused .ic-pause{display:none}.mini-pill[data-state=paused]{background:color-mix(in srgb,var(--linnen) 94%,transparent)}.mini-pill[data-state=paused] .mini-raam{filter:grayscale(.7);opacity:.75}.mini-pill[data-state=paused] .mini-text strong{font-size:18px}.mini-pill[data-state=paused] .mini-pause{background:var(--gloed-zacht)}.posture-layout>*{min-width:0}.posture-results{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.result>span:first-child{white-space:nowrap}.sens-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}.sens-row>span:first-child{font:600 14px var(--font-kop)}.sens-row small{flex-basis:100%}.posture-today{margin:18px 0 14px;padding:16px;border-radius:var(--r-m);background:var(--surface-2)}.posture-today h3{color:var(--muted);margin-bottom:6px}.pt-figure{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pt-figure strong{font:600 28px/1.1 var(--font-kop);font-variant-numeric:tabular-nums}.pt-figure span{color:var(--muted);font-size:14px}.pt-split{display:flex;height:8px;margin:10px 0;border-radius:8px;overflow:hidden;background:var(--track)}.pt-split span{height:100%;transition:flex-grow .6s var(--ease-out)}#pt-bar-good{background:var(--nacht-licht)}#pt-bar-hint{background:var(--gloed)}.pt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.kiek-stage{position:relative;flex:none;display:grid;place-items:center}.kiek-play{display:block;min-height:0;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;-webkit-app-region:no-drag}.kiek-play:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.kiek-play .bd{transition:scale .35s var(--spring)}.kiek-play:hover .bd,.kiek-play:focus-visible .bd{scale:1.06}.kiek-play:active .bd{scale:.95}body.motion-off .kiek-play .bd{transition:none}.kiek-bubble{position:absolute;left:62%;bottom:88%;z-index:2;padding:7px 14px;border-radius:16px 16px 16px 4px;background:var(--room);color:var(--zachte-inkt);font:600 15px var(--font-kop);white-space:nowrap;box-shadow:0 10px 24px -10px #2e344080;opacity:0;scale:.6;translate:0 6px;transform-origin:0 100%;transition:opacity .2s,scale .35s var(--spring),translate .35s var(--spring);pointer-events:none}.kiek-bubble.show{opacity:1;scale:1;translate:0 0}.spark{position:absolute;left:50%;top:62%;width:8px;height:8px;margin:-4px;border-radius:50%;pointer-events:none;animation:spark .9s var(--ease-out) forwards}.spark[data-buddy=loek]{background:radial-gradient(circle at 35% 35%,#ffe6a8,#f5a623 58%,#d9820f);box-shadow:0 0 8px 1px #f5a6238c}.spark[data-buddy=loek]:nth-child(3n){width:5px;height:5px;margin:-2.5px}.spark[data-buddy=kiek]{width:6px;height:13px;margin:-6.5px -3px;border-radius:50%/62% 62% 38% 38%;background:linear-gradient(90deg,transparent 44%,rgba(74,44,26,.4) 44% 56%,transparent 56%),#9a6a48;animation:veertje 1.2s var(--ease-out) forwards}.spark[data-buddy=kiek]:nth-child(2n){background:linear-gradient(90deg,transparent 44%,rgba(154,106,72,.35) 44% 56%,transparent 56%),#f4e7d2}.spark[data-buddy=kiek]:nth-child(5n){width:5px;height:10px;margin:-5px -2.5px}@keyframes spark{0%{opacity:1;translate:0 0;scale:.4}70%{opacity:1}to{opacity:0;translate:var(--dx) var(--dy);scale:1}}@keyframes veertje{0%{opacity:1;translate:0 0;rotate:0deg;scale:.5}45%{opacity:1;translate:var(--dx) var(--dy);rotate:calc(var(--r) * .5);scale:1}to{opacity:0;translate:var(--dx) calc(var(--dy) + 34px);rotate:var(--r);scale:.9}}@media(prefers-reduced-motion:reduce){.spark{display:none}}.welcome-scene.with-kiek .welcome-kiek{cursor:pointer}:root{--spring:cubic-bezier(.34,1.56,.64,1);--rx:0deg;--ry:0deg;--tx:0;--ty:0;--mx:50%;--my:50%}button:active:not(:disabled){transform:scale(.97);transition-duration:60ms}.view.enter>*,.view:not([hidden])>*{animation:rise .6s var(--ease-out) both}.view>*:nth-child(2){animation-delay:60ms}.view>*:nth-child(3){animation-delay:.12s}.view>*:nth-child(4){animation-delay:.17s}.view>*:nth-child(5){animation-delay:.22s}@keyframes rise{0%{opacity:0;translate:0 12px;scale:.985}to{opacity:1;translate:0 0;scale:1}}@keyframes raam-in{0%{opacity:0;transform:translateZ(30px) translateY(18px) rotateX(10deg) scale(.94)}to{opacity:1;transform:translateZ(30px)}}.sun{translate:calc(var(--tx) * -6px) calc(var(--ty) * -4px)}.hill-back{translate:calc(var(--tx) * -5px) 0;transition:translate .5s var(--ease-out)}.hill-front{translate:calc(var(--tx) * -11px) 0;transition:translate .5s var(--ease-out)}.stars{translate:calc(var(--tx) * -3px) calc(var(--ty) * -2px)}.sky:before{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 25% at 30% 30%,rgba(251,247,240,.55),transparent 70%),radial-gradient(30% 18% at 75% 20%,rgba(251,247,240,.4),transparent 70%);animation:clouds 38s ease-in-out infinite alternate}@keyframes clouds{0%{transform:translate(-6%)}to{transform:translate(6%)}}.stars i{animation:twinkle 5s ease-in-out infinite}.stars i:nth-child(2n){animation-delay:-2.5s}.card,.rows,details.group>summary{transition:box-shadow .3s,border-color .3s}.view-nav button .icon{transition:transform .35s var(--spring),color .2s}.view-nav button:hover .icon{transform:translateY(-1px) scale(1.08)}.view-nav button[aria-selected=true] .icon{transform:scale(1.06)}.pop{animation:pop .7s var(--spring)}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.22)}to{transform:scale(1)}}.lanterns i.ignite{animation:ignite 1s var(--ease-out)}@keyframes ignite{0%{transform:scaleY(.4);filter:brightness(1.6)}40%{transform:scaleY(1.15);box-shadow:0 0 26px 2px #f5a623f2}to{transform:none}}.nudge{animation:nudge .32s var(--spring)}@keyframes nudge{40%{transform:scale(1.12)}}.savebar.saved{animation:saved .9s var(--ease-out)}@keyframes saved{0%{box-shadow:0 0 #f5a62399,var(--shadow-m)}to{box-shadow:0 0 0 16px #f5a62300,var(--shadow-m)}}.settings.dirty .savebar{animation:bar-in .45s var(--spring)}@keyframes bar-in{0%{transform:translateY(10px);opacity:.6}}input[type=checkbox][role=switch]:after{transition:transform .38s var(--spring),width .2s}input[type=checkbox][role=switch]:active:after{width:28px}input[type=checkbox][role=switch]:checked:active:after{transform:translate(12px)}.segmented input:checked+span{animation:seg .35s var(--spring)}@keyframes seg{0%{transform:scale(.9)}}.advice:not(:empty),.notice{animation:rise .5s var(--ease-out) both}.steps li[data-state=done] .step-mark{animation:pop .6s var(--spring)}.nav-dot{animation:breathe 3s ease-in-out infinite}#camera-state[data-on=true]{animation:pop .6s var(--spring)}.camera-empty .lens{animation:lens 6s ease-in-out infinite}@keyframes lens{50%{box-shadow:0 0 0 18px #b8c6de0d}}#pause-screen{perspective:1400px}.pause-inner{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--ease-out)}.pause-stage{transform-style:preserve-3d}.pause-ring{transform:rotate(-90deg) translateZ(10px)}.pause-kiek{transform:translate(-50%,-48%) translateZ(70px)}.pause-stage:after{content:"";position:absolute;left:50%;bottom:34px;width:90px;height:14px;margin-left:-45px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.35),transparent);animation:shadow-breathe 4s ease-in-out infinite alternate}@keyframes shadow-breathe{to{transform:scaleX(.82);opacity:.7}}#pause-screen h1{transform:translateZ(30px)}.welcome-scene{position:relative;display:grid;place-items:center;width:320px;height:380px;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--ease-out);-webkit-app-region:no-drag}.welcome-scene.tilting{transition:transform .14s linear}.welcome-window{transform:translateZ(20px);animation:raam-in 1.2s var(--spring) both}.welcome-kiek{transform:translateZ(90px)}@keyframes float-in{0%{opacity:0;transform:translateZ(90px) translateY(30px) scale(.7)}}.welcome-window .sun{animation:sunrise 2.4s var(--ease-out) .3s both}@keyframes sunrise{0%{top:95%}}.welcome-form>*{animation:rise .6s var(--ease-out) both}.welcome-form>*:nth-child(2){animation-delay:80ms}.welcome-form>*:nth-child(3){animation-delay:.14s}.welcome-form>*:nth-child(4){animation-delay:.2s}.welcome-choice{transition:border-color .2s,box-shadow .3s,transform .4s var(--spring)}.welcome-choice:hover{transform:translateY(-3px)}.welcome-choice:active{transform:translateY(0) scale(.985)}.welcome-choice:has(input:checked) .choice-icon{background:var(--nacht);color:var(--room);animation:pop .6s var(--spring)}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1060px){.view{padding-left:32px;padding-right:32px}.posture-layout,.health-grid{grid-template-columns:1fr}}@media(max-width:820px){:root{--sidebar:208px}.welcome{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.welcome-art{min-height:240px}.welcome-choices{grid-template-columns:1fr}}strong,b{font-weight:600}small,.fine,.muted{font-weight:400}#preview video{transition:opacity .45s var(--ease)}#preview:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle,rgba(184,198,222,.16) 1.2px,transparent 1.6px) 0 0/22px 22px;transition:opacity .45s var(--ease);pointer-events:none}#preview.no-image video{opacity:0}#preview.no-image:before{opacity:1}.buttons-gap{flex:1 1 0}button.tool{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:14.5px}button.tool[aria-pressed=true]{background:var(--surface-2);border-color:var(--gloed)}.when-on,.when-off{display:inline-flex}[aria-pressed=false]>.when-off,[aria-pressed=true]>.when-on{display:none}body.float-window{background:transparent!important;overflow:hidden}body.float-window .skip-link{display:none}.float{position:fixed;inset:0;padding:6px}.float-card{position:absolute;inset:6px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 120%,#3b4252,#262a33);box-shadow:0 0 0 1px #ffffff14,0 12px 28px -10px #0a0e1e99;-webkit-app-region:drag;cursor:grab;transition:box-shadow .5s var(--ease)}.float-card[data-tone=hint]{box-shadow:0 0 0 2px #f5a623f2,0 0 22px 2px #f5a62373,0 12px 28px -10px #0a0e1e99;animation:float-glow 2.4s ease-in-out 2}@keyframes float-glow{50%{box-shadow:0 0 0 2px #f5a62399,0 0 10px #f5a62333,0 12px 28px -10px #0a0e1e99}}.float-card video{transition:opacity .45s var(--ease)}.float-card[data-image=false] video{opacity:0}.float-grid{position:absolute;inset:0;opacity:0;background:radial-gradient(circle,rgba(184,198,222,.18) 1px,transparent 1.4px) 0 0/16px 16px;transition:opacity .45s var(--ease)}.float-card[data-image=false] .float-grid{opacity:1}.float-status{position:absolute;z-index:2;left:8px;bottom:8px;display:flex;align-items:center;gap:7px;max-width:calc(100% - 16px);margin:0;padding:5px 11px 5px 9px;border-radius:var(--pill);background:#1b2240b8;color:var(--room);font:600 12px/1.25 var(--font-kop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.float-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--duif);box-shadow:0 0 0 3px #b8c6de40}.float-card[data-tone=calm] .float-dot{background:#5fc08a;box-shadow:0 0 0 3px #5fc08a47}.float-card[data-tone=hint] .float-status{background:#f5a623f0;color:#2e3440}.float-card[data-tone=hint] .float-dot{background:#2e3440;box-shadow:none}.float-tools{position:absolute;z-index:3;top:7px;right:7px;display:flex;gap:5px;opacity:0;translate:0 -4px;transition:opacity .25s,translate .35s var(--spring);-webkit-app-region:no-drag}.float-card:hover .float-tools,.float-tools:focus-within{opacity:1;translate:0 0}.float-tools button{display:grid;place-items:center;width:28px;height:28px;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:#1b2240b3;color:var(--room);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .2s,transform .3s var(--spring)}.float-tools button:hover{background:#2e3440f2;transform:scale(1.08)}.float-tools .icon.sm{width:15px;height:15px}body.motion-off .float-card[data-tone=hint]{animation:none}@media(prefers-reduced-motion:reduce){.float-card[data-tone=hint]{animation:none}}.parent-forgot{display:grid;gap:2px;margin:4px 0 0}.parent-forgot .link-button{justify-self:start}.parent-forgot small{color:var(--muted);font-size:13px}.screen-stat .meter span{background:linear-gradient(90deg,var(--duif),var(--lavendel))}.screen-stat[data-state=soon] .meter span{background:linear-gradient(90deg,var(--gloed-zacht),var(--gloed))}.screen-stat[data-state=done] .meter span{background:var(--gloed)}.screen-stat[data-state=done] #screen-copy{color:var(--text);font-weight:600}.welcome-age{margin:14px 0 4px;border:0;padding:0}.welcome-age legend{font:600 15px var(--font-kop);margin-bottom:8px}.welcome-age small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.welcome-lens{margin:14px 0 4px;border:0;padding:0}.welcome-lens legend{font:600 15px var(--font-kop);margin-bottom:8px}.welcome-lens small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.welcome-lens-date{margin-top:10px}.lens-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.lens-status{margin:0;color:var(--muted);font-size:14px}.lens-status[data-due=true]{color:var(--text);font-weight:600}.kids-sky-copy{flex:1;min-width:0}.treasure{margin-top:14px}.treasure h3{font:600 15px var(--font-kop);margin:0 0 8px}.treasure-row{display:flex;flex-wrap:wrap;gap:8px}.treasure-row:after{content:attr(data-next);flex-basis:100%;font-size:13px;opacity:.8}.treasure-item{display:grid;grid-template-columns:30px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;min-height:44px;padding:6px 12px 6px 6px;border:1px solid rgba(255,255,255,.6);border-radius:14px;background:#fbf7f0bf;color:var(--zachte-inkt);text-align:left;cursor:pointer;transition:transform .35s var(--spring),background-color .2s,box-shadow .3s}.treasure-item:hover:not(:disabled){transform:translateY(-2px)}.treasure-item[aria-pressed=true]{background:var(--room);box-shadow:0 0 0 2px var(--gloed)}.treasure-item:disabled{opacity:.55;cursor:default}.treasure-item strong{font:600 13px/1.2 var(--font-kop)}.treasure-item small{font-size:11.5px;grid-column:2}.treasure-art{grid-row:span 2;width:30px;height:30px;border-radius:9px;background:linear-gradient(180deg,var(--duif),var(--lavendel),var(--gloed-zacht))}.treasure-item.fresh{animation:treasure-pop 1.2s var(--spring) 2}@keyframes treasure-pop{40%{transform:scale(1.12)}}.item-avond .treasure-art,body[data-sky=avond] .sky,body[data-sky=avond] .kids-sky{background:linear-gradient(180deg,#7b6fa8,#c99bc0 55%,#f6c28e)}.item-sterren .treasure-art,body[data-sky=sterren] .sky,body[data-sky=sterren] .kids-sky{background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1.6px),radial-gradient(circle at 70% 20%,#fff 0 1.2px,transparent 1.8px),radial-gradient(circle at 45% 60%,#FAD69B 0 1px,transparent 1.6px),radial-gradient(circle at 85% 70%,#fff 0 1px,transparent 1.6px),linear-gradient(180deg,#262a33,#3b4252 70%,#4c5873)}.item-regenboog .treasure-art,body[data-sky=regenboog] .sky,body[data-sky=regenboog] .kids-sky{background:radial-gradient(circle at 50% 120%,transparent 38%,rgba(229,103,90,.55) 39% 42%,rgba(245,166,35,.55) 42% 45%,rgba(246,207,142,.6) 45% 48%,rgba(127,174,140,.55) 48% 51%,rgba(184,198,222,.7) 51% 54%,rgba(207,200,234,.65) 54% 57%,transparent 58%),linear-gradient(180deg,#b8c6de,#e9eefb)}.item-noorderlicht .treasure-art,body[data-sky=noorderlicht] .sky,body[data-sky=noorderlicht] .kids-sky{background:linear-gradient(160deg,transparent 30%,rgba(95,192,138,.55) 45%,transparent 60%),linear-gradient(200deg,transparent 35%,rgba(150,120,220,.5) 50%,transparent 65%),linear-gradient(180deg,#141b33,#1e2a4e)}body[data-sky=sterren] .kids-sky,body[data-sky=noorderlicht] .kids-sky{color:var(--room)}body[data-sky=sterren] .kids-sky .treasure-item,body[data-sky=noorderlicht] .kids-sky .treasure-item{color:var(--zachte-inkt)}.item-sjaal .treasure-art{background:var(--linnen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 26'%3E%3Cpath d='M4 7q26 9 52 0v8q-26 9-52 0z' fill='%23E5675A'/%3E%3Cpath d='M4 11q26 9 52 0' stroke='%23F7CDB5' stroke-width='2' fill='none'/%3E%3Cpath d='M38 16l7 9h-9z' fill='%23C9503F'/%3E%3C/svg%3E") center/80% no-repeat}.item-kroon .treasure-art{background:var(--linnen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath d='M4 24 2 6l10 8 8-12 8 12 10-8-2 18z' fill='%23EFA63B' stroke='%23C9851F' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='20' cy='17' r='2.5' fill='%23FBF7F0'/%3E%3C/svg%3E") center/70% no-repeat}.kids-kiek,.hint-kiek{position:relative}body[data-sky=sterren] .kids-sky h2,body[data-sky=sterren] .kids-sky h3,body[data-sky=noorderlicht] .kids-sky h2,body[data-sky=noorderlicht] .kids-sky h3{color:var(--room)}.card-maker{display:grid;gap:4px;margin:0 0 16px;padding:14px 16px;border-radius:var(--r-m);background:var(--surface-2)}.card-maker small{color:var(--muted)}.card-maker-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:8px}.card-maker-row label{display:grid;gap:4px;font-size:13px;font-weight:600}.card-maker-row select,.card-maker-row input{min-height:38px;padding:6px 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--room);font:400 15px var(--font)}body.card-window{background:#fff!important}.card-sheet{width:794px;min-height:1123px;padding:56px 56px 40px;background:#fff;color:#2e3440;font-family:var(--font)}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:20px;border-bottom:2px solid #F5A623}.card-kicker{font-weight:600;color:#4c5873;margin:0 0 6px}.card-head h1{font-size:30px;margin:0 0 6px}.card-head p{margin:0;color:#706a60}.card-mark{font:700 26px/1 var(--font);letter-spacing:-.03em}.card-table{width:100%;margin-top:26px;border-collapse:collapse;font-size:15px}.card-table th,.card-table td{padding:10px 8px;text-align:left;border-bottom:1px solid #E6DDD0;vertical-align:top}.card-table thead th{font-size:13px;color:#706a60}.card-table small{font-weight:400}.card-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.card-sum p{margin:0;padding:14px;border-radius:14px;background:#f4eee4}.card-sum strong{display:block;font-size:26px;color:#3b4252}.card-foot{margin-top:28px;font-size:12.5px;color:#706a60}.koppel-banner{position:sticky;top:12px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 18px;padding:14px 18px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--gloed);box-shadow:0 0 0 3px color-mix(in srgb,var(--gloed-zacht) 50%,transparent),var(--shadow-m);animation:rise .5s var(--ease-out) both}.koppel-eye{width:30px;height:30px;flex:none;border-radius:50%;background:var(--gloed-zacht);box-shadow:inset 0 0 0 8px var(--surface),inset 0 0 0 11px var(--gloed)}.koppel-copy{flex:1;display:grid;gap:2px;min-width:220px}.koppel-copy small{color:var(--muted)}.route-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin-top:14px;padding:16px 18px;border-radius:var(--r-m);background:var(--surface-2)}.route-card>div{display:grid;gap:2px}.route-card small{color:var(--muted)}.route-card.urgent{background:color-mix(in srgb,var(--gloed-zacht) 35%,var(--surface));border:1px solid var(--gloed)}.route-phone{font-size:14px;color:var(--muted)}.agenda-intro{margin:0;padding:14px 18px 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;background:var(--surface-2,transparent)}.schedule-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 14px}.schedule-text{font-size:14.5px;color:var(--text);font-variant-numeric:tabular-nums}.schedule-editor{display:grid;gap:16px}.schedule-days{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.field-label{font:600 14px var(--font-kop);color:var(--text)}.day-toggles{display:inline-flex;flex-wrap:wrap;gap:6px}.day-toggle{min-width:46px;min-height:40px;padding:6px 14px;border-radius:var(--pill);border:1px solid var(--line-strong);background:transparent;color:var(--muted);font:600 14px var(--font-kop);transition:background-color var(--fast),color var(--fast),border-color var(--fast)}.day-toggle:hover{background:var(--surface-2);color:var(--text)}.day-toggle[aria-pressed=true]{background:var(--nacht);color:var(--room);border-color:transparent}:root[data-theme=dark] .day-toggle[aria-pressed=true]{background:var(--duif);color:var(--schemer)}.day-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.schedule-times{display:grid;grid-template-columns:repeat(2,minmax(0,170px));gap:12px}.schedule-lunch{display:grid;gap:14px}.schedule-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.schedule-summary{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.schedule-summary:empty{display:none}.schedule-editor[data-problem] #schedule-summary{color:var(--text);font-weight:600}.settings-hour-wrap{padding:6px 6px 0}.settings-hour-lead{margin:0 0 2px;font-size:14px;color:var(--muted)}.agenda-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%}.agenda-link-actions input{flex:1 1 260px;min-width:0}.agenda-status{margin:0;padding:12px 18px 14px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.agenda-status:empty{display:none}.agenda-status[data-tone=ok]{color:var(--text)}.agenda-status[data-tone=warn]{color:#9a4a12}.update-note{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:10px 12px 10px 16px;border-radius:14px;background:var(--linnen);border:1px solid var(--zand);color:var(--text);font-size:14px}.update-note[hidden]{display:none}.update-note span:nth-child(2){flex:1}.update-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gloed);box-shadow:0 0 0 4px color-mix(in srgb,var(--gloed) 22%,transparent)}:root[data-theme=dark] .update-note{background:#3b4252;border-color:#4a5263;color:#f3ede3}.fact-today{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.fact-today[hidden]{display:none}.fact-today h2{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);margin:0 0 2px}.fact-today p{margin:0;color:var(--text);font-size:15px;line-height:1.5}.fact-icon{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--gloed) 20%,transparent)}.fact-icon svg{width:19px;height:19px;fill:none;stroke:var(--gloed);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kids-environment .fact-today{background:color-mix(in srgb,var(--lavendel) 35%,var(--surface))}.buddy-pick{display:flex;gap:10px;margin:14px 0 4px}.buddy-pick button{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:600 14px var(--font-kop);cursor:pointer}.buddy-pick button[aria-checked=true]{border-color:var(--gloed);background:color-mix(in srgb,var(--gloed) 18%,var(--surface))}.buddy-art{display:block;width:34px;height:34px;border-radius:50%;background:var(--linnen)}#pause-screen.alleen-maatje :is(#pause-brand,#pause-title,#pause-instruction,#pause-tip,#pause-held,#pause-clock,.buttons,.pause-foot,#pause-branch){display:none!important}#pause-screen.alleen-maatje .pause-stage{width:min(56vmin,420px);height:min(56vmin,420px)}#pause-screen.alleen-maatje .pause-kiek{width:66%;height:66%}.welcome-choices:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}.welcome-row{margin:18px 0 4px;border:0;padding:0}.welcome-row legend{font:600 15px var(--font-kop);margin-bottom:8px}.welcome-check.big{padding:18px 20px;border-radius:var(--r-l);background:var(--surface);border:1.5px solid var(--line)}.welcome-summary{list-style:none;margin:6px 0 18px;padding:0;display:grid;gap:8px}.welcome-summary li{display:flex;align-items:center;gap:10px;font-weight:600}.welcome-summary li:before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--gloed) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5 7 11l5-6' fill='none' stroke='%232E3440' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}.welcome-buddies{display:grid;grid-template-columns:1fr 1fr;gap:14px}.welcome-buddy{position:relative;display:grid;justify-items:center;gap:4px;padding:18px 16px 20px;border-radius:var(--r-l);background:var(--surface);border:1.5px solid var(--line);cursor:pointer;text-align:center;transition:border-color .2s,transform .4s var(--spring)}.welcome-buddy:hover{transform:translateY(-2px)}.welcome-buddy input{position:absolute;opacity:0;pointer-events:none}.welcome-buddy:has(input:checked){border-color:var(--gloed);box-shadow:0 0 0 3px color-mix(in srgb,var(--gloed) 30%,transparent)}.welcome-buddy:has(input:focus-visible){outline:3px solid var(--nacht);outline-offset:3px}.buddy-big{display:block;width:120px;height:120px}.welcome-buddy .desc{color:var(--muted);font-size:14px}@media(max-width:760px){.welcome-choices:has(>:nth-child(3)){grid-template-columns:1fr}}#video-desc[data-needed=true]{color:var(--text);font-weight:600}.health-intro{display:flex;align-items:center;gap:16px;margin:0 0 20px;padding:18px 20px;border-radius:var(--r-l);background:linear-gradient(120deg,var(--papier),#FBF3E4);border:1px solid var(--zand);box-shadow:var(--shadow-s)}.health-intro .hi-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:14px;background:var(--gloed-zacht);color:var(--inkt)}.health-intro div{flex:1}.health-intro h2{font-size:17px}.health-intro p{font-size:14px;color:var(--muted);margin-top:2px}.health-intro .buttons{display:flex;gap:8px;flex:none}:root[data-theme=dark] .health-intro{background:#363c4a;border-color:#4a5263}.water-stat .figure strong,.move-stat .figure strong{font-variant-numeric:tabular-nums}.longest{color:var(--muted)}.workspace-card{margin-bottom:22px}.ws-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin-bottom:10px}.workspace{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.workspace label{display:flex;gap:12px;align-items:flex-start;height:100%;padding:12px 14px;border-radius:var(--r-m);border:1px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color var(--fast),background-color var(--fast)}.workspace label:hover{border-color:var(--line-strong)}.workspace input{margin-top:3px;accent-color:var(--gloed);width:18px;height:18px;flex:none}.workspace strong{display:block;font-size:14.5px;font-weight:600}.workspace small{display:block;margin-top:2px}.workspace label:has(input:checked){background:var(--surface-2);border-color:transparent}.workspace input:checked+span small{color:var(--muted);opacity:.85}.pause-move-chip{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;border-radius:var(--pill);background:#f3eee51f;color:#f3eee5;font-size:14px}.welcome-q{margin:14px 0 2px;border:0;padding:0;min-width:0}.welcome-q legend{font:600 15px var(--font-kop);margin-bottom:8px;padding:0}.welcome-q .segmented{flex-wrap:wrap}.welcome-tip{margin:8px 0 2px;padding:10px 14px;border-radius:var(--r-m);background:var(--surface-2);color:var(--text);font-size:14px;line-height:1.5;border-left:3px solid var(--gloed)}.welcome-tip:empty{display:none}.welcome-quick-row{margin-top:14px}.welcome-quick-row .link-button{font-size:14.5px}.welcome-choices.four{grid-template-columns:1fr 1fr}.welcome-hour,.settings-hour{list-style:none;margin:8px 0 10px;padding:0 0 0 4px;display:grid;gap:0;position:relative}.welcome-hour:before,.settings-hour:before{content:"";position:absolute;left:80px;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--line)}.welcome-hour li,.settings-hour li{display:grid;grid-template-columns:64px 16px 1fr;align-items:baseline;gap:10px;padding:8px 0;font-size:14.5px;position:relative}.welcome-hour .hour-at,.settings-hour .hour-at{font:600 13.5px var(--font-kop);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.welcome-hour .hour-dot,.settings-hour .hour-dot{width:12px;height:12px;border-radius:50%;background:var(--duif);box-shadow:0 0 0 4px var(--bg);align-self:center;justify-self:center;position:relative;z-index:1}.welcome-hour .hour-beweeg .hour-dot,.settings-hour .hour-beweeg .hour-dot{width:14px;height:14px;background:var(--gloed)}.welcome-hour strong,.settings-hour strong{font-weight:600}.welcome-advice{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:8px}.welcome-advice li{position:relative;padding:2px 0 2px 20px;font-size:14px;color:var(--text);line-height:1.5}.welcome-advice li:before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--gloed)}.welcome-inline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:10px 12px 10px 16px;border-radius:var(--r-m);background:var(--surface);border:1px solid var(--line)}.welcome-inline label{display:grid;gap:2px}.welcome-inline strong{font:600 15px var(--font-kop)}.welcome-inline small{font-size:13px}.welcome-check.compact{margin-top:8px;padding:10px 14px}.welcome .stepper.small{display:inline-flex}.password-row{display:flex;gap:10px;align-items:center}.password-row input{flex:1}@media(max-width:900px){.welcome-choices.four{grid-template-columns:1fr}.welcome-hour:before,.settings-hour:before{left:80px}}.camera-empty button{margin-top:14px}.posture-ready{position:absolute;inset:auto 16px 16px;z-index:3;display:grid;gap:8px;padding:16px 18px;border-radius:var(--r-m);background:#262a33db;color:#f3eee5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.posture-ready h3{color:#f3eee5;font-size:16px}.posture-ready ul{margin:0;padding-left:18px;display:grid;gap:2px;font-size:14px}.ready-check{font-size:13.5px;padding-left:20px;position:relative;color:#e8dcc8}.ready-check:before{content:"";position:absolute;left:4px;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--gloed)}.ready-check[data-ok=true]{color:#cfe3d2}.ready-check[data-ok=true]:before{background:#8fcb9b}.posture-ready button{justify-self:start}#preview:has(.posture-ready:not([hidden])) .preview-cue{display:none}.posture-status{display:flex;align-items:center;gap:14px;margin:14px 0 2px;padding:12px 14px;border-radius:var(--r-m);background:var(--surface-2);border:1px solid var(--line)}.posture-status .ps-dot{width:12px;height:12px;border-radius:50%;flex:none;background:var(--duif)}.posture-status[data-tone=calm] .ps-dot{background:#8fcb9b;box-shadow:0 0 0 4px #8fcb9b40}.posture-status[data-tone=hint] .ps-dot{background:var(--gloed);box-shadow:0 0 0 4px #f5a62340}.posture-status .ps-copy{flex:1;display:grid;gap:1px}.posture-status strong{font:600 16px var(--font-kop)}.posture-status span{font-size:14px;color:var(--muted)}.posture-bg-note{font-size:13.5px;color:var(--muted);margin-top:8px}.posture-details{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.posture-details summary{cursor:pointer;font:600 14px var(--font-kop);color:var(--muted)}.posture-details[open] summary{margin-bottom:10px}.pt-perf-line{margin-top:8px}@property --sky-top{syntax:"<color>";inherits:true;initial-value:#A9BEE0}@property --sky-mid{syntax:"<color>";inherits:true;initial-value:#D3DDEE}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#F3EEE5}@property --halo{syntax:"<color>";inherits:true;initial-value:#FFE7B0}@property --hill-far{syntax:"<color>";inherits:true;initial-value:#C9C3DD}@property --hill-near{syntax:"<color>";inherits:true;initial-value:#B9B3D2}@property --sky-shadow{syntax:"<color>";inherits:true;initial-value:#2E3440}@property --sky-text{syntax:"<color>";inherits:true;initial-value:#2E3440}@property --sky-veil{syntax:"<color>";inherits:true;initial-value:#F3EEE5}@property --cloud{syntax:"<color>";inherits:true;initial-value:#F4F6FA}@property --cloud-shade{syntax:"<color>";inherits:true;initial-value:#D9E1EF}@property --stars{syntax:"<number>";inherits:true;initial-value:0}.scene{--wereld:60s steps(60);position:relative;overflow:hidden;isolation:isolate;transition:--sky-top var(--wereld),--sky-mid var(--wereld),--sky-bottom var(--wereld),--halo var(--wereld),--hill-far var(--wereld),--hill-near var(--wereld),--sky-shadow var(--wereld),--cloud var(--wereld),--cloud-shade var(--wereld),--stars var(--wereld),--sky-text 2s linear,--sky-veil 2s linear}.scene>svg{display:block;width:100%;height:100%}.scene .sc-body,.scene .sc-marker{transition:transform var(--wereld)}.scene .sc-mark-vorm{transform-box:fill-box;transform-origin:center}.scene .sc-stars{opacity:var(--stars)}.scene .sc-zon,.scene .sc-maan{display:none}.scene[data-body=sun] .sc-zon,.scene[data-body=moon] .sc-maan{display:inline}.scene[data-mood=off] .sc-arc,.scene[data-mood=off] .sc-markers{opacity:.4}.scene .sc-marker.onder-tekst{opacity:.2}.scene[data-mood=meeting] .sc-zon{opacity:.7}.scene .sc-kam{stroke-opacity:calc(.08 + .37 * (1 - var(--stars)))}.scene .sc-halo{transform-box:fill-box;transform-origin:center}.scene[data-mood=prebreak] .sc-halo{animation:halo-adem 5s ease-in-out infinite alternate}@keyframes halo-adem{0%{transform:scale(1)}to{transform:scale(1.08)}}.scene .sc-clouds{opacity:calc(.35 + .65 * (1 - var(--stars)))}.scene .sc-gordijn{transition:transform 1.4s var(--ease-out)}.scene .sc-gordijn-l{transform:translate(-330px)}.scene .sc-gordijn-r{transform:translate(330px)}.scene[data-mood=quiet] .sc-gordijn{transform:none}.scene.scene-instant,.scene.scene-instant *{transition:none!important}body.motion-off .scene .sc-halo,html.is-hidden .scene .sc-halo{animation-play-state:paused}body.motion-off .scene,body.motion-off .scene *,html.is-hidden .scene,html.is-hidden .scene *{transition:none!important}@media(prefers-reduced-motion:reduce){.scene .sc-halo{animation-play-state:paused}.scene,.scene *{transition:none!important}}:root{--rb-ink:var(--nacht-licht);--rb-water:color-mix(in srgb,var(--duif) 40%,var(--nacht-licht));--glass-water:var(--duif)}:root[data-theme=dark]{--rb-ink:#C9D3E6;--rb-water:#8FA3C7;--glass-water:#8FA3C7}html{transition:--sky-shadow 4s steps(4)}html.is-hidden,html:has(body.motion-off){transition:none}html.is-hidden *,html.is-hidden *:before,html.is-hidden *:after{animation-play-state:paused!important}.scene.scene-quick{--wereld:2s cubic-bezier(.4,0,.2,1)}#view-today .page-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 20px;margin:4px 0 18px}#view-today .page-head h1{font:var(--t-h1) var(--font-kop);letter-spacing:-.01em}#view-today .page-head .date{font-size:14.5px}.hero-panorama{--rb:var(--r-xl) var(--r-xl) var(--r-m) var(--r-m);position:relative;margin:0 0 20px;transform:perspective(1600px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .9s var(--ease-out),--sky-text 2s linear,--sky-veil 2s linear}.hero-panorama.tilting{transition:transform .14s linear,--sky-text 2s linear,--sky-veil 2s linear}.hero-panorama.hero-instant,html.is-hidden .hero-panorama{transition:none}#scene{height:clamp(260px,46vh,420px);border-radius:var(--rb);box-shadow:var(--elev-2);outline:1px solid color-mix(in srgb,var(--inkt) 6%,transparent);outline-offset:-1px}.hero-panorama:after{content:"";position:absolute;left:0;right:0;top:0;height:clamp(260px,46vh,420px);border-radius:var(--rb);pointer-events:none;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(255,255,255,.14),transparent 50%);opacity:0;transition:opacity .4s}.hero-panorama.tilting:after{opacity:1}.hero-sky{position:absolute;left:0;top:0;max-width:min(600px,72%);padding:26px 34px;color:var(--sky-text);pointer-events:none;translate:calc(var(--tx) * 4px) calc(var(--ty) * 3px);transition:translate .5s var(--ease-out),background-color 2s linear,opacity .22s ease-out}.hero-panorama[data-side=end] .hero-sky{left:auto;right:0;text-align:right}.hero-panorama.hero-swap .hero-sky{opacity:0;transition-duration:.18s}.timer-label,.countdown{text-shadow:0 0 22px color-mix(in srgb,var(--sky-veil) 55%,transparent)}.timer-label{font:600 15.5px/1.3 var(--font-kop);letter-spacing:.005em}.countdown{display:block;margin:4px 0 14px;font:var(--t-time);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.countdown.word{font-size:clamp(42px,5vw,62px);letter-spacing:-.02em;margin:8px 0 16px}.timer-context{margin:0}.timer-context span{display:inline-block;max-width:46ch;text-wrap:pretty;padding:7px 14px;border-radius:16px;background:color-mix(in srgb,var(--sky-veil) 70%,transparent);font:400 14px/1.45 var(--font-tekst)}.hero-panorama:not([data-state=quiet]) .scene[data-veil=true]+.hero-sky{margin:16px;padding:12px 20px 16px;border-radius:22px;background:color-mix(in srgb,var(--sky-veil) 70%,transparent)}.hero-panorama:not([data-state=quiet]) .scene[data-veil=true]+.hero-sky .timer-context span{padding:0;background:none}.hero-panorama[data-state=quiet] .hero-sky{color:var(--inkt);margin:16px;padding:12px 20px 16px;border-radius:22px;background:color-mix(in srgb,var(--room) 74%,transparent)}.hero-panorama[data-state=quiet] .timer-context span{padding:0;background:none}.hero-panorama .sill{display:block;height:11px;margin:-1px -12px 0;border-radius:2px 2px 7px 7px;background:linear-gradient(var(--linnen),color-mix(in srgb,var(--zand) 75%,var(--linnen)));box-shadow:inset 0 1px #ffffffb3,0 9px 14px -9px color-mix(in srgb,var(--sky-shadow) 45%,transparent)}:root[data-theme=dark] .hero-panorama .sill{background:linear-gradient(#454c5b,#3b4252);box-shadow:inset 0 1px #ffffff0f,0 9px 14px -9px #0000008c}.hero-panorama .window-kiek{position:absolute;left:34px;bottom:5px;width:96px;height:96px;pointer-events:none}.hero-actions,.meeting-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hero-actions .shortcut-hint{margin-left:auto;font-size:13px;color:var(--muted)}.hero-note{margin-top:12px;max-width:none;font-size:13.5px;color:var(--muted)}.ribbon{margin-top:40px}.ribbon-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:10px}.ribbon-summary{font:500 17px/1.35 var(--font-kop)}.privacy-note{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.ribbon-track{position:relative;height:46px}.rb-rail{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--line)}.rb-rail:before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--now,0) * 100%);border-radius:inherit;background:color-mix(in srgb,var(--rb-ink) 45%,var(--line))}.rb-tick{position:absolute;top:50%;left:calc(var(--x) * 100%);width:1px;height:8px;margin:-4px 0 0;background:var(--line-strong)}.rb-item{position:absolute;z-index:1;top:50%;left:calc(var(--x) * 100%);width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;outline-offset:1px;cursor:default}.rb-item:before{content:"";position:absolute;left:50%;top:50%;translate:-50% -50%;width:9px;height:9px;border-radius:50%;background:var(--rb-ink);transition:scale var(--fast) var(--ease-out)}.rb-item:hover:before,.rb-item:focus-visible:before{scale:1.35}.rb-item[data-kind=move]:before{width:11px;height:11px;border-radius:3px;background:var(--lavendel);box-shadow:inset 0 0 0 1.5px var(--inkt)}.rb-item[data-kind=skip]:before{background:none;box-shadow:inset 0 0 0 1.5px var(--rb-ink)}.rb-item[data-kind=water]{margin-top:2px}.rb-item[data-kind=water]:before{width:7px;height:9px;border-radius:0 0 2px 2px;background:var(--rb-water);clip-path:polygon(0 0,100% 0,84% 100%,16% 100%)}.rb-item[data-kind=meeting]{z-index:0;width:calc(var(--w) * 100%);min-width:8px;height:12px;margin:-6px 0 0;border-radius:6px;background:color-mix(in srgb,var(--duif) 55%,transparent);box-shadow:inset 0 0 0 1px var(--rb-water)}.rb-item[data-kind=meeting]:before{display:none}.rb-item:after{content:attr(data-tip);position:absolute;z-index:3;left:50%;bottom:calc(100% + 4px);translate:-50% 3px;padding:5px 10px;border-radius:9px;background:var(--inkt);color:var(--room);font:600 12.5px/1.2 var(--font-kop);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--fast) ease,translate var(--mid) var(--ease-out)}:root[data-theme=dark] .rb-item:after{background:var(--room);color:var(--inkt)}.rb-item[data-edge=start]:after{left:0;translate:0 3px}.rb-item[data-edge=end]:after{left:auto;right:0;translate:0 3px}.rb-item:hover:after,.rb-item:focus-visible:after{opacity:1;translate:-50% 0}.rb-item[data-edge]:hover:after,.rb-item[data-edge]:focus-visible:after{translate:0 0}.rb-item:focus-visible{outline:2px solid var(--focus)}.rb-item:focus-visible:before,.rb-item:focus-visible:after{transition:none}.rb-now{position:absolute;z-index:2;top:50%;left:calc(var(--now,0) * 100%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--gloed);box-shadow:0 0 0 4px color-mix(in srgb,var(--gloed) 22%,transparent);pointer-events:none}.rb-now span{position:absolute;left:50%;bottom:calc(100% + 7px);translate:-50% 0;font:600 12px/1 var(--font-kop);color:var(--text)}.ribbon-scale{position:relative;height:16px;margin-top:2px;font:400 12px/16px var(--font-tekst);color:var(--muted);font-variant-numeric:tabular-nums}.ribbon-scale span{position:absolute;top:0;left:calc(var(--x) * 100%);translate:-50% 0;white-space:nowrap}.ribbon-scale [data-edge=start]{translate:0 0}.ribbon-scale [data-edge=end]{translate:-100% 0}.insight{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px 20px;margin-top:30px;padding:16px 0 0;border-top:1px solid var(--line)}#view-today>.insight,#view-today>.insight-note{animation:none}.insight-note:not(:empty){margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--text);max-width:62ch;text-wrap:pretty}.insight[hidden]+.insight-note:not(:empty){max-width:none;margin-top:30px;padding-top:16px;border-top:1px solid var(--line)}.insight:focus-visible{outline-offset:6px;border-radius:var(--r-s)}.insight-title{grid-column:1;grid-row:1;font:500 17px/1.35 var(--font-kop)}.insight-body{grid-column:1/-1;display:grid;gap:3px}.insight-body p{font-size:14.5px;line-height:1.5;color:var(--text);max-width:62ch;text-wrap:pretty}.insight-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px}.insight-actions .link-button{min-height:36px}.insight:is([data-kind=day],[data-kind=week]) .insight-actions{grid-column:2;grid-row:1;margin:-6px -6px 0 0}.today-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;margin-top:34px}.today-list>.eyes-stat,.today-list>.screen-stat{grid-column:1/-1}.today-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:8px 16px;padding:16px 0 22px;border-top:1px solid var(--line)}.today-row>*{grid-column:1/-1;margin:0}.today-row>h3{grid-column:1;grid-row:1;align-self:baseline;font:500 16px/30px var(--font-kop);color:var(--text)}.today-row>.figure{grid-column:2;grid-row:1;align-self:baseline;justify-content:flex-end}.today-row .figure strong{font:300 30px/21px var(--font-kop);letter-spacing:-.01em}.today-row .figure span{font-size:13.5px}.posture-stat .figure strong{font:500 15px/30px var(--font-kop);letter-spacing:0;text-align:right}.row-copy{font-size:14px;line-height:1.5;color:var(--muted);max-width:56ch}.row-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.today-row .meter{height:5px;margin:2px 0}.today-row .quick-add small{flex-basis:100%;font-size:13px}.lanterns{display:flex;gap:5px;margin:2px 0}.lanterns i{width:22px;height:8px;border-radius:4px;background:var(--track);transition:background-color var(--mid)}.lanterns i.on{background:var(--gloed-zacht);box-shadow:inset 0 -2px color-mix(in srgb,var(--gloed) 35%,transparent)}.glasses{display:flex;align-items:flex-end;gap:6px}.glasses i{position:relative;width:13px;height:20px;background:var(--track);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.glasses i b{position:absolute;inset:4px 0 0;background:var(--glass-water);transform-origin:50% 100%;transform:scaleY(0)}.glasses i.on b{transform:none}.focus-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 20px;align-items:center;margin-top:28px;padding:14px 20px 12px;border-radius:var(--r-l);background:color-mix(in srgb,var(--surface) 65%,transparent);border:1px solid var(--line);transition:box-shadow .3s,border-color .3s}.focus-dial{position:relative;display:grid;place-items:center;width:62px;height:62px;grid-row:1/3}.focus-dial strong{font:500 14.5px/1 var(--font-kop);font-variant-numeric:tabular-nums}.focus-dial small{display:none}.focus-main{display:grid;gap:2px;min-width:0}.focus-main h2{font:500 16px/1.3 var(--font-kop)}.focus-main .muted{font-size:14px;line-height:1.5}.focus-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}.focus-meta small{font-size:13px}.focus-dots i{width:9px;height:9px}.focus-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.focus-why{grid-column:2/-1}.focus-why summary{min-height:30px;font-size:13.5px}#view-today>*{animation:rise-zacht .28s var(--ease-out) both}@keyframes rise-zacht{0%{opacity:0;translate:0 6px}}#view-today>.page-head{animation-delay:0ms}#view-today>.hero-panorama{animation-delay:40ms}#view-today>.hero-actions,#view-today>.hero-note{animation-delay:80ms}#view-today>.kids-sky,#view-today>.ribbon{animation-delay:.12s}#view-today>.today-list,#view-today>.focus-card,#view-today>.section-heading,#view-today>.week,#view-today>.fact-today{animation-delay:.16s}body:not(.kids-environment) #view-today .week{padding:4px 0 0;border:0;border-radius:0;background:none;box-shadow:none}body:not(.kids-environment) #view-today .week-col span{background:var(--gloed-zacht);animation:none}body:not(.kids-environment) #view-today .week-day.today .week-col span{background:var(--gloed)}:root[data-theme=dark] body:not(.kids-environment) #view-today .week-col span{background:color-mix(in srgb,var(--gloed-zacht) 70%,var(--surface))}:root[data-theme=dark] body:not(.kids-environment) #view-today .week-day.today .week-col span{background:var(--gloed)}body:not(.kids-environment) #view-today .fact-today{align-items:center;gap:12px;margin-top:28px;padding:16px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}body:not(.kids-environment) #view-today .fact-today h2{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}body:not(.kids-environment) #view-today .fact-icon{width:28px;height:28px}body:not(.kids-environment) #view-today .fact-icon svg{width:16px;height:16px}body:not(.kids-environment) #view-today .fact-today p{font-size:14.5px;color:var(--muted)}@media(max-width:1060px){.today-list{column-gap:32px}}@media(max-width:1000px){.today-list{grid-template-columns:1fr}.hero-actions .shortcut-hint{margin-left:0;flex-basis:100%}.focus-card{grid-template-columns:auto minmax(0,1fr)}.focus-actions{grid-column:2;justify-content:flex-start}}:root{--gids-lucht:linear-gradient(180deg,#C9D3EC,#DED7EF)}:root[data-theme=dark]{--gids-lucht:linear-gradient(180deg,#47516B,#4B4863)}.gids-host{display:block;flex:none}.gids-host .gids-buste{border-radius:50%;background:var(--gids-lucht)}.insight.met-gids{grid-template-columns:auto minmax(0,1fr);column-gap:18px}.insight.met-gids>.gids-host{grid-column:1;grid-row:1/span 3;width:64px;align-self:start}.insight.met-gids>.insight-title{grid-column:2;grid-row:1}.insight.met-gids>.insight-body{grid-column:2;grid-row:2}.insight.met-gids>.insight-actions{grid-column:2;grid-row:3}#ogen-gids{width:60px;margin:-6px 0 6px}.ws-body{display:grid;grid-template-columns:minmax(0,1fr) 196px;gap:10px 22px;align-items:end}.ws-body .workspace{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}#lijf-gids{width:196px}@media(max-width:900px){.ws-body{grid-template-columns:minmax(0,1fr) 150px;gap:10px 16px}#lijf-gids{width:150px}}.welcome-team{margin:4px 0 14px}.welcome-team-rij{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px}.welcome-team-rij li{display:flex;align-items:center;gap:10px}.welcome-team-rij .gids-host{width:52px}.welcome-team-naam{display:grid;line-height:1.3}.welcome-team-naam strong{font:600 14.5px var(--font-kop);color:var(--text)}.welcome-team-naam>span{font-size:13px;color:var(--muted)}.welcome-team-zin{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}@media(max-width:1000px){.welcome-team-rij{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;max-width:420px}.welcome-team-rij li{flex-direction:column;gap:4px;text-align:center}.welcome-team-rij .gids-host{width:44px}.welcome-team-naam{justify-items:center}}body.voorstel-window{background:transparent!important}body.klas-window{background:var(--duif)!important;overflow:hidden}body.voorstel-window .skip-link,body.klas-window .skip-link{display:none}#voorstel{position:fixed;inset:0;padding:8px}.voorstel-kaart{box-sizing:border-box;height:100%;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:26px;background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:0 10px 24px -10px #1f243380,0 1px 2px #1f24331f}.voorstel-kiek{position:relative;flex:none;width:72px;height:72px;overflow:visible}.voorstel-rechts{flex:1;min-width:0;display:grid;gap:8px}.voorstel-kop{display:flex;align-items:center;justify-content:space-between;gap:6px}.voorstel-kop strong{font:700 16.5px/1.2 var(--font-kop);color:var(--text);white-space:nowrap}button.voorstel-later{min-height:32px;padding:4px 10px;background:transparent;color:var(--muted);font:600 13.5px var(--font-kop);border-color:transparent}button.voorstel-later:hover{background:var(--surface-2);color:var(--text)}button.voorstel-later{white-space:nowrap}.voorstel-kaart[data-soort=werkblok] .voorstel-kop{align-items:flex-start}.voorstel-kaart[data-soort=werkblok] .voorstel-kop{gap:2px}.voorstel-kaart[data-soort=werkblok] .voorstel-kop strong{white-space:normal;font-size:14.5px;line-height:1.15;text-wrap:balance}.voorstel-kaart[data-soort=werkblok] button.voorstel-later{padding:4px 6px;font-size:12.5px}.voorstel-knoppen{display:flex;gap:8px}.voorstel-knoppen button{flex:1 1 auto;min-height:42px;padding:0 10px;font:600 14.5px/1 var(--font-kop);white-space:nowrap;background:transparent;color:var(--text);border-color:var(--line-strong)}.voorstel-knoppen button:hover:not(:disabled){background:var(--surface-2)}.voorstel-knoppen button.primary{background:var(--accent);color:var(--on-accent);border-color:transparent}.voorstel-knoppen button.primary:hover:not(:disabled){background:#f3b24f}#klas-screen{position:fixed;inset:0;display:grid;color:var(--sky-text);font-family:var(--font-kop);--focus:var(--gloed)}#klas-screen[data-tekst=inkt]{--focus:var(--inkt);--gloed-kern:rgba(255,255,255,.5)}#klas-screen.kleur-volgt{transition:--sky-text 2s linear,--sky-veil 2s linear}#klas-scene{position:absolute;inset:0;pointer-events:none}#klas-scene :is(.sc-arc,.sc-markers){display:none}#klas-scene .sc-zon,#klas-scene .sc-maan{transform-box:fill-box;transform-origin:center}#klas-screen[data-stage=intro] :is(.pause-wereld,.klas-inner){opacity:0}#klas-screen[data-stage=intro][data-overgang=raam] .pause-schaal{transform:scale(.16)}#klas-screen[data-stage=intro][data-overgang=raam] .pause-kozijn{opacity:1}#klas-screen[data-stage=einde] .pause-oef{opacity:0}.klas-inner{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(8px,1.6vh,22px);box-sizing:border-box;height:100%;padding:clamp(18px,3vh,44px) clamp(24px,4vw,84px) clamp(18px,3.2vh,44px);justify-items:center}.klas-kop{display:grid;justify-items:center;gap:10px;width:100%}.klas-stap{margin:0;font:600 clamp(22px,2vw,40px)/1.2 var(--font-kop);min-height:1.2em}.klas-balk{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:12px;width:min(920px,78vw)}.klas-balk:empty{display:none}.klas-balk i{position:relative;display:block;height:16px;border-radius:var(--pill);overflow:hidden;background:color-mix(in srgb,var(--sky-veil) 70%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sky-text) 35%,transparent) inset}.klas-balk b{position:absolute;inset:0;border-radius:inherit;background:var(--pause-ring,var(--gloed));transform:scaleX(0);transform-origin:left center;transition:transform .25s linear}.klas-tekst,.klas-tel{position:relative;isolation:isolate}.klas-tekst:before,.klas-tel:before{content:"";position:absolute;inset:-10px -30px;z-index:-1;border-radius:44px;--sl:color-mix(in srgb,var(--sky-veil) max(62%,calc(var(--sky-veil-a,0) * 100%)),transparent);background:var(--sl);box-shadow:0 0 36px 20px var(--sl);pointer-events:none}.klas-tekst{display:grid;justify-items:center;gap:clamp(6px,1.2vh,16px);max-width:min(1500px,92vw);text-align:center}.klas-tekst h1{margin:0;font:600 clamp(40px,5vw,96px)/1.08 var(--font-kop);text-wrap:balance}.klas-tekst p{margin:0}#klas-uitleg{font:500 clamp(26px,2.7vw,54px)/1.25 var(--font-kop);text-wrap:balance}.klas-zit{display:flex;align-items:center;justify-content:center;gap:12px;font:500 clamp(20px,1.7vw,34px)/1.25 var(--font-kop);opacity:.9}.klas-zit svg{flex:none;width:clamp(30px,2.6vw,52px);height:clamp(30px,2.6vw,52px);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#klas-screen:not([data-fase=beweeg]) .klas-zit{display:none}#klas-screen.zonder-tekst :is(.klas-stap,#klas-uitleg,#klas-zit-tekst),#klas-screen.zonder-tekst:not([data-fase=einde]) #klas-titel{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#klas-screen.zonder-tekst:not([data-fase=einde]) .klas-tekst:not(:has(.klas-zit)){display:none}#klas-screen.zonder-tekst:not([data-fase=einde]) .klas-tekst:before{display:none}.klas-midden{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(24px,7vw,160px);min-height:0;width:100%}.klas-stage{position:relative;flex:none;height:min(100%,44vh);aspect-ratio:1;max-width:36vw}.klas-kiek{position:absolute;inset:0;overflow:visible}.klas-adem{position:absolute;inset:-7%;border-radius:50%;border:clamp(8px,.9vw,16px) solid color-mix(in srgb,var(--pause-ring,var(--gloed)) 85%,transparent);background:color-mix(in srgb,var(--sky-veil) 38%,transparent);opacity:0;transform:scale(.82)}#klas-screen[data-fase=rust] .klas-adem{opacity:1}.klas-tel{margin:0;min-width:2.2ch;text-align:center;font:600 clamp(130px,24vh,340px)/1 var(--font-kop);font-variant-numeric:tabular-nums}#klas-screen:is([data-fase=rust],[data-fase=einde]) .klas-tel,#klas-screen:is([data-fase=rust],[data-fase=einde]) .klas-balk,#klas-screen[data-fase=kijk] .klas-stap{display:none}.klas-lampjes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,26px);max-width:50vw}.klas-lampjes[hidden]{display:none}.klas-lamp{display:grid;place-items:center;width:clamp(56px,6vw,120px);height:clamp(56px,6vw,120px);border-radius:50%;background:color-mix(in srgb,var(--sky-veil) 62%,transparent)}.klas-lamp-icoon{width:68%;height:68%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.65}.klas-lamp[data-aan=true] .klas-lamp-icoon{fill:var(--gloed);stroke:color-mix(in srgb,var(--gloed) 45%,var(--inkt));opacity:1}.klas-zon{background:color-mix(in srgb,var(--gloed-zacht) 55%,transparent)}#klas-screen:not([data-fase=einde]) .klas-lampjes{display:none}.klas-knoppen{display:flex;justify-content:center;gap:clamp(20px,3vw,56px);width:100%;margin-top:clamp(56px,11vh,130px)}#klas-screen button{min-height:72px;min-width:min(300px,38vw);padding:0 clamp(32px,3.6vw,72px);font:600 clamp(26px,2.1vw,38px)/1 var(--font-kop);background:color-mix(in srgb,var(--sky-veil) 78%,transparent);color:var(--sky-text);border:3px solid color-mix(in srgb,var(--sky-text) 55%,transparent);box-shadow:none}#klas-screen button:hover:not(:disabled){background:color-mix(in srgb,var(--sky-veil) 92%,transparent)}#klas-screen button.primary{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:0 8px 22px -10px #f5a623e6}#klas-screen button.primary:hover:not(:disabled){background:#f3b24f}#klas-screen button[hidden]{display:none}#klas-screen:is([data-fase=rust],[data-fase=einde]) .klas-knoppen,#klas-screen[data-stage=intro] .klas-knoppen{visibility:hidden}.klas-volgend{display:none;justify-content:center;width:100%;margin-top:clamp(56px,11vh,130px)}#klas-screen[data-fase=einde] .klas-knoppen{display:none}#klas-screen[data-fase=einde] .klas-volgend:not([hidden]){display:flex}body.motion-off .klas-balk b,#klas-screen.klas-licht .klas-balk b{transition:none}@media(prefers-reduced-motion:reduce){.klas-balk b{transition:none}}#klas-screen .pause-vogel{width:clamp(96px,6.4vw,150px);height:clamp(48px,3.2vw,75px);margin:calc(clamp(48px,3.2vw,75px)/-2) 0 0 calc(clamp(96px,6.4vw,150px)/-2)}#klas-screen .pause-vogel path{stroke-width:7px}#klas-screen .pause-vogel path.rand{stroke-width:14px}#klas-screen .pause-stip,#klas-screen .pause-acht-stip{width:clamp(36px,2.6vw,60px);height:clamp(36px,2.6vw,60px);margin:calc(clamp(36px,2.6vw,60px)/-2) 0 0 calc(clamp(36px,2.6vw,60px)/-2)}#klas-screen .pause-acht path{stroke-width:4;stroke-dasharray:4 14}#klas-screen .pause-wolk{width:clamp(300px,23vw,460px);height:clamp(140px,10.7vw,215px)}.klas-zit .zitting{fill:currentColor;stroke:none;opacity:.35}#klas-screen h1{color:var(--sky-text);letter-spacing:0}.klas-vorm{position:relative;flex:none;display:grid;place-items:center;width:clamp(280px,31vw,640px)}.klas-vorm[hidden],.klas-kleur,.klas-ritme{display:none}.klas-vorm[data-soort=kleur] .klas-kleur,.klas-vorm[data-soort=ritme] .klas-ritme{display:grid}.klas-kleur{position:relative;width:min(100%,40vh);aspect-ratio:1}.klas-kleur-vlak{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:clamp(6px,1.2vh,18px);color:#fff;opacity:0;transition:opacity .25s ease-out;font:700 clamp(46px,5.6vw,112px)/1 var(--font-kop)}.klas-kleur-vlak svg{width:34%;height:auto;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.klas-groen{background:#2c8a58;border-radius:50%;box-shadow:0 0 0 clamp(8px,.9vw,16px) color-mix(in srgb,#2C8A58 35%,transparent)}.klas-rood{background:#bf3f36;clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}.klas-kleur[data-kleur=groen] .klas-groen,.klas-kleur[data-kleur=rood] .klas-rood{opacity:1}.klas-ritme{position:relative;justify-items:center;gap:clamp(10px,1.8vh,26px);padding:clamp(14px,2.4vh,32px) clamp(16px,1.8vw,36px);border-radius:44px;background:color-mix(in srgb,var(--sky-veil) max(62%,calc(var(--sky-veil-a,0) * 100%)),transparent);color:var(--sky-text)}.klas-ritme-label{font:700 clamp(30px,2.9vw,60px)/1.1 var(--font-kop)}.klas-ritme-stippen{display:flex;gap:clamp(6px,.8vw,16px)}.klas-ritme-stippen i{display:block;width:clamp(30px,3vw,60px);height:clamp(30px,3vw,60px);border-radius:50%;background:currentColor;opacity:.4;transform:scale(.36);transition:transform .12s ease-out,opacity .12s ease-out}.klas-ritme-stippen i[data-klap=true]{opacity:.9;transform:scale(1)}.klas-ritme-stippen i[data-aan=true]{opacity:1;transform:scale(1.28);background:var(--gloed)}.klas-ritme[data-fase=beurt] .klas-ritme-stippen i[data-nu=true]{opacity:1;transform:scale(1.16);box-shadow:0 0 0 clamp(3px,.35vw,7px) color-mix(in srgb,currentColor 55%,transparent)}.klas-ritme[data-fase=beurt] .klas-ritme-stippen i[data-nu=true][data-klap=false]{transform:scale(.6)}body.motion-off .klas-kleur-vlak,body.motion-off .klas-ritme-stippen i,#klas-screen.klas-licht :is(.klas-kleur-vlak,.klas-ritme-stippen i){transition:none}@media(prefers-reduced-motion:reduce){.klas-kleur-vlak,.klas-ritme-stippen i{transition:none}}#klas-screen[data-fase=kies] .klas-inner{grid-template-rows:auto minmax(0,1fr) auto}#klas-screen[data-fase=kies] :is(.klas-kop,.klas-tel,.klas-vorm,.klas-lampjes,.klas-beloning){display:none}#klas-screen[data-fase=kies] :is(.klas-tekst,#klas-titel){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#klas-screen[data-fase=kies] :is(#klas-uitleg,.klas-zit){display:none}#klas-screen[data-fase=kies] #klas-nog{visibility:hidden}#klas-screen[data-fase=kies] .klas-stage{height:clamp(96px,13vh,300px)}#klas-screen[data-fase=kies] .klas-knoppen{margin-top:clamp(6px,1.4vh,30px)}#klas-screen.zonder-tekst[data-fase=kies] .klas-stage{height:clamp(140px,25vh,560px)}.klas-keuze{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto auto;justify-items:center;width:100%;min-height:0}.klas-keuze[hidden]{display:none}.klas-keuze-titel,.klas-keuze-hint{position:relative;isolation:isolate;margin:0;max-width:min(92vw,max(1500px,150vh));color:var(--sky-text);text-align:center;text-wrap:balance}.klas-keuze-titel:before,.klas-keuze-hint:before{content:"";position:absolute;inset:-8px -28px;z-index:-1;border-radius:44px;--sl:color-mix(in srgb,var(--sky-veil) max(62%,calc(var(--sky-veil-a,0) * 100%)),transparent);background:var(--sl);box-shadow:0 0 32px 18px var(--sl);pointer-events:none}.klas-keuze-titel{font:700 clamp(28px,4.6vh,100px)/1.12 var(--font-kop);letter-spacing:0}.klas-keuze-kaarten{grid-row:4;display:flex;justify-content:center;align-items:stretch;gap:clamp(18px,3vw,120px);width:100%;padding-top:calc(clamp(24px,3.6vh,78px) + clamp(4px,.6vh,12px))}#klas-screen button.klas-kaart{--kaart-titel:clamp(22px,4vh,86px);position:relative;display:grid;grid-template-rows:minmax(0,1fr) calc(var(--kaart-titel) * 2.28);justify-items:center;align-items:center;gap:clamp(8px,1.4vh,30px);box-sizing:border-box;flex:none;width:min(29vw,48vh);min-width:0;height:clamp(300px,38vh,1000px);min-height:0;padding:clamp(18px,3vh,64px) clamp(16px,1.6vw,44px) clamp(16px,2.6vh,56px);border-radius:clamp(28px,3.6vh,76px);background:var(--papier);color:var(--inkt);border:clamp(3px,.35vh,8px) solid rgba(46,52,64,.1);box-shadow:0 2.2vh 5vh -2.4vh #1f24338c,0 .3vh .7vh #1f24331f;font:inherit;text-align:center;cursor:pointer;transition:transform .3s var(--ease-out),opacity .3s ease-out,box-shadow .3s ease-out}#klas-screen button.klas-kaart:hover{background:var(--papier)}@media(hover:hover)and (pointer:fine){#klas-screen button.klas-kaart:hover{transform:translateY(-.6vh)}}#klas-screen button.klas-kaart[aria-disabled=true]{cursor:default;transform:none}#klas-screen[data-groep="1-2"] button.klas-kaart{width:min(40vw,52vh);padding:clamp(18px,3vh,64px)}.klas-kaart-nr{position:absolute;top:calc(clamp(24px,3.6vh,78px)*-1);left:calc(clamp(24px,3.6vh,78px)*-1);display:grid;place-items:center;width:clamp(72px,13vh,280px);height:clamp(72px,13vh,280px);border-radius:50%;background:var(--gloed);color:var(--inkt);font:800 clamp(48px,10vh,216px)/1 var(--font-kop);font-variant-numeric:tabular-nums;box-shadow:0 0 0 clamp(4px,.6vh,12px) var(--papier),0 1vh 2.4vh -1vh #1f24338c}#klas-screen .klas-kaart .klas-plaatje{width:100%;height:100%;min-height:0;fill:none;stroke:var(--inkt);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.klas-kaart-titel{align-self:start;font:700 var(--kaart-titel,clamp(22px,4vh,86px))/1.14 var(--font-kop);text-wrap:balance;max-width:100%}#klas-screen.zonder-tekst button.klas-kaart{grid-template-rows:minmax(0,1fr)}.klas-kaart :is(.klas-plaatje,.klas-kaart-titel){transition:opacity .3s ease-out}.klas-kaart-nr{transition:background-color .3s ease-out,color .3s ease-out}#klas-screen .klas-keuze[data-gekozen] button.klas-kaart{transform:scale(.96)}#klas-screen .klas-keuze[data-gekozen] button.klas-kaart:not([data-gekozen=true]) :is(.klas-plaatje,.klas-kaart-titel){opacity:.4}#klas-screen .klas-keuze[data-gekozen] button.klas-kaart:not([data-gekozen=true]) .klas-kaart-nr{background:var(--linnen);color:color-mix(in srgb,var(--inkt) 50%,var(--linnen))}#klas-screen .klas-keuze[data-gekozen] button.klas-kaart[data-gekozen=true]{transform:none;box-shadow:0 0 0 clamp(6px,.8vh,16px) var(--gloed),0 2.4vh 5vh -2.4vh #1f243399}.klas-kaart-gekozen{position:absolute;top:-1em;right:clamp(12px,2vh,44px);display:inline-flex;align-items:center;gap:.35em;padding:.38em .9em .38em .55em;border-radius:var(--pill);background:var(--klas-groen,#3F8A5A);color:#fff;font:800 clamp(18px,2.8vh,60px)/1 var(--font-kop);box-shadow:0 0 0 clamp(3px,.45vh,10px) var(--papier);visibility:hidden;opacity:0;transform:scale(.6)}.klas-kaart[data-gekozen=true] .klas-kaart-gekozen{visibility:visible;opacity:1;transform:none;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .18s ease-out}.klas-kaart-vink{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.klas-keuze-balk{grid-row:5;position:relative;width:min(62vw,max(920px,85vh));height:clamp(10px,1.3vh,28px);margin-top:clamp(18px,3.2vh,68px);border-radius:var(--pill);overflow:hidden;background:color-mix(in srgb,var(--sky-veil) 70%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--sky-text) 35%,transparent) inset;transition:opacity .3s ease-out}.klas-keuze-balk b{position:absolute;inset:0;border-radius:inherit;background:var(--pause-ring,var(--gloed));transform-origin:left center;transition:transform .45s ease-out}.klas-keuze[data-gekozen] .klas-keuze-balk{opacity:.35}.klas-keuze-hint{grid-row:6;margin-top:clamp(10px,1.8vh,40px);font:600 clamp(19px,4vh,86px)/1.2 var(--font-kop)}.klas-keuze-hint:empty{display:none}.klas-keuze-kapitein{grid-row:2;display:inline-flex;align-items:center;gap:.4em;margin:clamp(12px,2vh,44px) 0 0;padding:.28em 1em .28em .5em;border-radius:var(--pill);background:var(--gloed);color:var(--inkt);font:700 clamp(19px,3.4vh,74px)/1.15 var(--font-kop);box-shadow:0 1vh 2.6vh -1vh #1f243380}.klas-keuze-pet{flex:none;width:1.45em;height:1.45em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.motion-off :is(#klas-screen button.klas-kaart,.klas-kaart-gekozen,.klas-keuze-balk,.klas-keuze-balk b,.klas-kaart .klas-plaatje,.klas-kaart-titel,.klas-kaart-nr),#klas-screen.klas-licht :is(button.klas-kaart,.klas-kaart-gekozen,.klas-keuze-balk,.klas-keuze-balk b,.klas-kaart .klas-plaatje,.klas-kaart-titel,.klas-kaart-nr){transition:none}@media(prefers-reduced-motion:reduce){#klas-screen button.klas-kaart,.klas-kaart-gekozen,.klas-keuze-balk,.klas-keuze-balk b,.klas-kaart .klas-plaatje,.klas-kaart-titel,.klas-kaart-nr{transition:none}}#klas-screen.zonder-tekst :is(.klas-keuze-titel,.klas-kaart-titel,.klas-keuze-hint,.klas-kaart-gekozen-tekst,.klas-keuze-kapitein-tekst){position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#klas-screen.zonder-tekst .klas-kaart-gekozen{padding:.38em}#klas-screen.zonder-tekst .klas-keuze-kapitein{padding:clamp(6px,.7vh,16px)}#klas-screen.zonder-tekst .klas-keuze-pet{width:clamp(56px,7vh,160px);height:clamp(56px,7vh,160px)}#klas-screen.zonder-tekst .klas-kaart-vink{width:1.6em;height:1.6em}#klas-screen.zonder-tekst[data-fase=beweeg] .klas-zit{display:flex}#klas-screen.zonder-tekst[data-fase=beweeg] .klas-zit svg{width:clamp(48px,4.4vw,88px);height:clamp(48px,4.4vw,88px)}.klas-rol{display:inline-flex;align-items:center;gap:.4em;padding:.3em 1.05em .3em .5em;border-radius:var(--pill);background:var(--gloed);color:var(--inkt);font:700 clamp(22px,3.6vh,78px)/1.15 var(--font-kop);box-shadow:0 1vh 2.6vh -1vh #1f243380}.klas-rol[hidden]{display:none}.klas-rol[data-weg]{visibility:hidden}.klas-rol-pet{flex:none;width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.klas-rol.alleen-teken{padding:clamp(6px,.7vh,16px)}.klas-rol.alleen-teken .klas-rol-pet{width:clamp(64px,9vh,200px);height:clamp(64px,9vh,200px)}#klas-screen[data-kapitein=true][data-fase=beweeg] .klas-knoppen{margin-top:clamp(12px,1.6vh,40px)}.klas-rol.alleen-teken #klas-rol-tekst{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.klas-beloning{display:grid;place-items:center;flex:none;width:clamp(96px,16vh,340px);height:clamp(96px,16vh,340px);margin-left:calc(clamp(10px,1.4vw,26px) - clamp(24px,7vw,160px));border-radius:50%;background:var(--gloed-zacht);color:var(--inkt);box-shadow:0 0 0 clamp(6px,.8vh,16px) color-mix(in srgb,var(--gloed) 45%,transparent)}.klas-beloning[hidden],#klas-screen:not([data-fase=einde]) .klas-beloning{display:none}.klas-beloning-icoon{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}body.klas-environment #view-today>:not(#klas-vandaag){display:none!important}body.klas-environment :is(.brand-panel,.parent-panel){display:none}body:not(.klas-environment) :is(#klas-slot,#klas-vandaag,#klas-instellingen){display:none!important}.klas-slot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;max-width:min(952px,calc(100% - 64px));margin:12px auto 6px;padding:12px 16px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}.klas-slot[hidden]{display:none}.klas-slot[data-open=true]{background:color-mix(in srgb,var(--gloed-zacht) 16%,var(--surface))}.klas-slot-icoon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:50%;background:var(--surface-2)}.klas-slot-icoon .icon{width:20px;height:20px}.klas-slot-tekst{display:grid;gap:2px;flex:1 1 240px;min-width:0}.klas-slot-tekst strong{font:600 15px var(--font-kop)}.klas-slot-tekst small{color:var(--muted);font-size:13px}.klas-pin-form{display:flex;align-items:center;gap:8px}.klas-pin-form[hidden],.klas-open[hidden],.klas-vergeten[hidden]{display:none}.klas-pin-form input{width:11ch;text-align:center;font:600 18px var(--font-kop)}.klas-pin-form input:not(:placeholder-shown),.klas-pin-velden input:not(:placeholder-shown){letter-spacing:.32em}.klas-open{display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted)}.klas-vergeten{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0}.klas-vergeten small{color:var(--muted);font-size:12.5px}.klas-vandaag[hidden]{display:none}.klas-raam{position:relative;margin:0 0 6px}.klas-raam-scene{height:clamp(240px,40vh,380px);border-radius:var(--r-xl) var(--r-xl) var(--r-m) var(--r-m);box-shadow:var(--elev-2);outline:1px solid color-mix(in srgb,var(--inkt) 6%,transparent);outline-offset:-1px}.klas-raam .sill{display:block;height:11px;margin:-1px -12px 0;border-radius:2px 2px 7px 7px;background:linear-gradient(var(--linnen),color-mix(in srgb,var(--zand) 75%,var(--linnen)));box-shadow:inset 0 1px #ffffffb3,0 9px 14px -9px color-mix(in srgb,var(--sky-shadow) 45%,transparent)}:root[data-theme=dark] .klas-raam .sill{background:linear-gradient(#454c5b,#3b4252);box-shadow:inset 0 1px #ffffff0f,0 9px 14px -9px #0000008c}.klas-raam-kiek{position:absolute;left:clamp(20px,4vw,56px);bottom:5px;width:clamp(150px,17vw,230px);height:clamp(150px,17vw,230px);pointer-events:none}.klas-status{margin:14px 0 0;font:500 16px/1.4 var(--font-kop)}.klas-acties{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 4px}.klas-noot{margin:8px 0 0;max-width:62ch;color:var(--muted);font-size:13.5px}.klas-buiten{margin:6px 0 0;max-width:62ch;color:var(--muted);font:500 14.5px/1.4 var(--font-kop)}.klas-buiten[hidden],.klas-richtlijn[hidden],.klas-richtlijn-rij[hidden]{display:none}.klas-werkblok .klas-acties{margin:14px 0 4px}.klas-werkblok .klas-acties button[hidden]{display:none}.klas-richtlijn{margin-top:8px;font-size:13.5px}.klas-blok{margin-top:30px}.klas-blok h2{margin:0 0 12px;font:600 18px var(--font-kop)}.klas-zin{margin:12px 0 0;color:var(--muted);font-size:15px}.klas-lampen-rij{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.kv-lamp{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--surface-2);color:var(--muted)}.kv-icoon{width:70%;height:70%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.kv-lamp[data-aan=true]{background:color-mix(in srgb,var(--gloed-zacht) 30%,var(--surface))}.kv-lamp[data-aan=true] .kv-icoon{fill:var(--gloed);stroke:color-mix(in srgb,var(--gloed) 45%,var(--inkt));opacity:1}.kv-zon[data-aan=true]{box-shadow:0 0 0 2px var(--gloed-zacht)}.klas-week-dagen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.kv-dag{display:grid;justify-items:center;align-content:start;gap:6px;min-height:118px;padding:14px 8px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line)}.kv-dag strong{font:600 14px var(--font-kop);text-transform:uppercase;letter-spacing:.04em}.kv-dag small{min-height:1.2em;color:var(--muted);font-size:12.5px;text-align:center}.kv-dag[data-vandaag=true]{box-shadow:inset 0 0 0 2px var(--gloed-zacht)}.kv-dag[data-komt=true]{opacity:.62}.kv-dag .kv-zon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2)}.kv-dag[data-zon=true] .kv-icoon{fill:var(--gloed);stroke:color-mix(in srgb,var(--gloed) 45%,var(--inkt));opacity:1}.kv-dag[data-zon=false][data-les=true] .kv-icoon{opacity:.75}.klas-week-ster{display:flex;align-items:center;gap:10px}.klas-ster-icoon{display:grid;place-items:center;width:34px;height:34px;flex:none}.klas-ster-icoon[data-aan=true] .kv-icoon{fill:var(--gloed);stroke:color-mix(in srgb,var(--gloed) 45%,var(--inkt));opacity:1}.klas-schat{margin-top:30px}.klas-schat .klas-zin{color:inherit;opacity:.85;margin:0 0 4px}.klas-schat .treasure-row:after{display:none}.klas-instellingen[hidden],#klas-ontgrendeld[hidden]{display:none}.klas-extra{margin-top:26px}.klas-lesduur{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.klas-eigen{display:inline-flex;align-items:center;gap:6px}.klas-eigen[hidden]{display:none}.klas-lesduur-eigen{width:5.5ch;text-align:center}.klas-rooster-host{margin-top:10px}.klas-rooster{display:grid;gap:8px}.klas-rooster-rij{display:grid;grid-template-columns:minmax(130px,170px) auto auto auto;gap:6px 18px;align-items:center;padding:8px 14px;border-radius:var(--r-m);background:var(--surface-2)}.klas-rooster-rij[data-aan=false]{opacity:.62}.klas-rooster-dag,.klas-rooster-pauze,.klas-rooster-tijden{display:flex;align-items:center;gap:8px}.klas-rooster-tijden input{min-height:36px}.klas-rooster-voet{margin:4px 0 0}@media(max-width:820px){.klas-rooster-rij{grid-template-columns:1fr 1fr}.klas-week-dagen{grid-template-columns:repeat(5,minmax(52px,1fr))}}.klas-bord-nu{margin:0 0 10px;font:600 15px/1.35 var(--font-kop)}.klas-bord-keuze{display:grid;gap:8px;margin-bottom:8px}.klas-bord-keuze[hidden]{display:none}.klas-bord-optie{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);cursor:pointer}.klas-bord-optie:has(input:checked){border-color:var(--gloed);box-shadow:0 0 0 2px color-mix(in srgb,var(--gloed) 35%,transparent)}.klas-bord-tekst{display:grid;gap:2px;min-width:0}.klas-bord-tekst strong{font:600 14.5px var(--font-kop)}.klas-bord-tekst small{color:var(--muted);font-size:12.5px}.klas-bord-tag{margin-left:auto;padding:3px 10px;border-radius:var(--pill);background:var(--surface-2);font-size:12.5px;white-space:nowrap}.klas-pin-velden{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:8px}.klas-pin-velden input{width:11ch;text-align:center}.klas-weken{display:grid;gap:10px;margin-top:10px}.klas-week-kaart{border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface);padding:0 14px}.klas-week-kaart summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:12px 0;cursor:pointer;font-size:14.5px}.klas-week-uitkomst{color:var(--muted);font-size:13px}.klas-week-kaart table{width:100%;margin:0 0 12px;border-collapse:collapse;font-size:14px}.klas-week-kaart th,.klas-week-kaart td{padding:6px 10px 6px 0;text-align:left;border-bottom:1px solid var(--line)}.klas-week-kaart th{color:var(--muted);font-weight:600;font-size:12.5px}.klas-week-kaart tr[data-komt=true]{opacity:.55}.klas-week-kaart td:first-child{text-transform:capitalize}.welcome-klas{border:0;margin:0;padding:0;min-width:0}.welcome-klas-kop{display:grid;gap:2px;margin:0 0 8px}.welcome-klas-kop small{color:var(--muted);font-size:13px}.welcome-klas-duur{display:grid;gap:8px;margin-bottom:18px}.welcome-klas .klas-rooster{margin-top:8px}.welcome-klas .klas-rooster-rij{grid-template-columns:minmax(124px,auto) 1fr;grid-template-areas:"dag tijden" "pauze lunch";gap:6px 16px}.welcome-klas .klas-rooster-dag{grid-area:dag}.welcome-klas .klas-rooster-tijden:not(.klas-rooster-lunch){grid-area:tijden}.welcome-klas .klas-rooster-pauze{grid-area:pauze}.welcome-klas .klas-rooster-lunch{grid-area:lunch}.welcome-klas .klas-rooster-rij[data-aan=false] :is(.klas-rooster-pauze,.klas-rooster-lunch),.welcome-klas .klas-rooster-rij[data-pauze=false] .klas-rooster-lunch{display:none}.klas-acties :is(button,.menu-button){min-height:64px;padding-inline:26px;font-size:16px}.klas-bord-optie{min-height:64px}.klas-terug-bevestig{margin-top:12px;padding:14px 16px;border-radius:var(--r-m);background:color-mix(in srgb,var(--gloed-zacht) 18%,var(--surface));border:1px solid var(--line)}.klas-terug-bevestig[hidden]{display:none}.klas-terug-bevestig p{margin:0 0 10px}.klas-wis-rij .klas-terug-bevestig{flex-basis:100%;margin-top:4px}.klas-wis-rij .klas-terug-bevestig small{display:block;margin-top:8px;color:var(--muted)}.klas-keuze-kop{margin:0 0 4px}#klas-keuze-rij .klas-pin-velden{margin-top:10px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body.web-klas{overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body.web-klas .shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh}body.web-klas .content{overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}body.web-klas .view{max-width:1280px;padding:6px clamp(16px,3.2vw,56px) 56px;animation:none}.klas-noscript{margin:0;padding:24px;font:600 18px var(--font-kop)}.klas-oud{position:fixed;inset:0 0 auto;z-index:90;margin:0;padding:18px 24px;max-width:none;text-align:center;background:var(--gloed-zacht);color:var(--inkt);font:600 clamp(18px,2vw,28px)/1.4 var(--font-kop);animation:klas-oud-in 1.5s steps(1,end) both}.klas-oud[hidden]{display:none}@keyframes klas-oud-in{0%{opacity:0}to{opacity:1}}.klas-top{display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:max(10px,env(safe-area-inset-top)) clamp(16px,3.2vw,56px) 8px;min-height:64px}.klas-top .wordmark{margin:0;flex:none}.klas-top .wordmark .logo{height:34px;width:auto}.klas-nav{display:flex;gap:6px;padding:4px;border-radius:var(--pill);background:var(--linnen);margin-right:auto}.klas-nav button{min-height:64px;padding:0 clamp(16px,1.6vw,28px);background:transparent;color:var(--muted);font:600 17px var(--font-kop)}.klas-nav button:hover{color:var(--text)}.klas-nav button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-s),inset 0 0 0 1px var(--line)}.klas-schermvol{min-height:64px;padding:0 24px;font-size:17px}.klas-bewaar{position:fixed;z-index:70;left:0;right:0;top:0;margin:0;padding:8px 16px;max-width:none;text-align:center;font:600 15px/1.3 var(--font-kop);background:var(--gloed-zacht);color:var(--inkt)}.klas-bewaar[hidden]{display:none}body[data-bewaar] .shell{padding-top:var(--bewaar-h,38px);box-sizing:border-box}body.web-klas #message:not(:empty){z-index:80;left:50%;right:auto;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:min(680px,calc(100vw - 32px));font-size:clamp(16px,1.2vw,20px);animation:none}body.web-klas[data-kaart] #message:not(:empty){bottom:clamp(190px,24vh,260px)}body.web-klas .klas-slot{max-width:min(1168px,calc(100% - (2*clamp(16px,3.2vw,56px))));margin:2px auto;padding:8px 14px;gap:6px 16px;border-radius:var(--r-l)}body.web-klas .klas-slot-icoon{width:36px;height:36px}body.web-klas .klas-slot-tekst{flex:1 1 280px}body.web-klas .klas-slot-tekst small{font-size:clamp(13px,.95vw,15px)}body.web-klas .klas-slot button{min-height:64px}body.web-klas .klas-pin-form input{min-height:64px;font-size:22px}body.web-klas .klas-pin-form .small{padding-inline:20px;font-size:15px}.klas-slot-hint{margin:0;color:var(--text);font:700 clamp(15px,1.05vw,17px)/1.35 var(--font-kop)}.klas-slot-hint:not(:empty){margin-top:6px;padding:8px 12px;border-radius:12px;background:var(--gloed-zacht);box-shadow:inset 3px 0 0 var(--gloed)}body.web-klas .klas-slot .klas-wis-rij{flex:0 0 auto}body.web-klas .klas-slot .klas-wis-rij:has(.klas-terug-bevestig:not([hidden])){flex-basis:100%}body.web-klas .klas-slot .link-button{min-height:64px;font-size:15px}body.web-klas .page-head{margin:4px 0 12px}body.web-klas .page-head h1{font-size:clamp(28px,2.6vw,44px)}body.web-klas .klas-raam-scene{height:clamp(170px,32vh,420px)}@media(max-height:820px){body.web-klas .klas-raam-scene{height:clamp(150px,27vh,420px)}}body.web-klas .klas-raam-kiek{width:clamp(130px,16vw,260px);height:clamp(130px,16vw,260px)}body.web-klas .klas-status{margin:14px 0 0;font-size:clamp(18px,1.55vw,28px)}body.web-klas .klas-acties{gap:clamp(10px,1vw,18px);margin:14px 0 4px}body.web-klas .klas-acties :is(button,.menu-button){min-height:72px;padding-inline:clamp(22px,2.2vw,40px);font-size:clamp(18px,1.4vw,24px)}body.web-klas .klas-acties .menu-button{border-radius:var(--pill)}body.web-klas .klas-zin{margin:10px 0 0;font-size:clamp(15px,1.15vw,19px)}body.web-klas .klas-werkblok-zin{margin-top:6px}body.web-klas .klas-buiten{font-size:clamp(15px,1.15vw,19px)}body.web-klas .klas-noot{max-width:none;margin-top:6px;font-size:clamp(14px,1vw,16px)}.klas-onder{display:grid;grid-template-columns:minmax(0,1fr);gap:0 clamp(24px,3vw,56px);margin-top:8px}@media(min-width:1100px){.klas-onder{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}body.web-klas .klas-blok{margin-top:26px}body.web-klas .klas-blok h2{font-size:clamp(18px,1.4vw,24px)}body.web-klas .kv-lamp{width:clamp(54px,4vw,76px);height:clamp(54px,4vw,76px)}body.web-klas .kv-dag{min-height:clamp(118px,9vw,160px)}body.web-klas .kv-dag small{font-size:clamp(12.5px,.95vw,16px)}body.web-klas .klas-schat{margin-top:30px}@media(min-width:1200px)and (min-aspect-ratio:4/3)and (min-height:620px){body.web-klas .klas-top{min-height:clamp(64px,7.4vh,150px)}body.web-klas .klas-top .wordmark .logo{height:clamp(34px,3.2vh,68px)}body.web-klas :is(.klas-nav button,.klas-schermvol){min-height:clamp(64px,6vh,124px);font-size:clamp(17px,1.7vh,34px)}body.web-klas #content{display:flex;flex-direction:column}body.web-klas #view-today:not([hidden]){display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:none;padding:0 clamp(24px,3vw,96px) clamp(14px,2vh,44px)}body.web-klas .klas-vandaag:not([hidden]){flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);column-gap:clamp(28px,2.8vw,96px)}body.web-klas .klas-vandaag .page-head{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:clamp(2px,.6vh,12px) 0 clamp(8px,1.2vh,24px)}body.web-klas .klas-vandaag .page-head h1{margin:0;font-size:clamp(28px,3.4vh,72px)}body.web-klas .klas-vandaag .page-head .date{margin:0;font-size:clamp(16px,1.9vh,40px)}.kv-links,.kv-rechts{display:flex;flex-direction:column;min-height:0}body.web-klas .kv-links .klas-raam{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;margin:0}body.web-klas .kv-links .klas-raam-scene{flex:1 1 auto;height:auto;min-height:clamp(160px,22vh,480px)}body.web-klas .kv-links .klas-raam .sill{flex:none}body.web-klas .klas-raam-kiek{width:clamp(150px,27vh,580px);height:clamp(150px,27vh,580px)}body.web-klas .klas-status{margin:clamp(10px,1.4vh,30px) 0 0;font-size:clamp(20px,2.9vh,62px);line-height:1.25}body.web-klas :is(.klas-buiten,.klas-zin){font-size:clamp(15px,1.75vh,38px)}body.web-klas .klas-acties{gap:clamp(10px,1.1vh,24px);margin:clamp(10px,1.4vh,30px) 0 0}body.web-klas .klas-acties :is(button,.menu-button){min-height:clamp(72px,7.6vh,164px);padding-inline:clamp(24px,2.6vh,56px);font-size:clamp(18px,2.15vh,46px)}body.web-klas .klas-noot{margin-top:clamp(4px,.8vh,16px);font-size:clamp(14px,1.45vh,31px)}body.web-klas .kv-rechts .klas-onder{grid-template-columns:minmax(0,1fr);margin:0}body.web-klas .kv-rechts .klas-blok{margin-top:0;margin-bottom:clamp(14px,2.4vh,52px)}body.web-klas .kv-rechts .klas-blok h2,body.web-klas .kv-rechts .klas-schat h2{margin:0 0 clamp(8px,1.1vh,24px);font-size:clamp(18px,2.3vh,50px)}body.web-klas .kv-rechts .klas-lampen-rij{gap:clamp(8px,1vh,22px)}body.web-klas .kv-rechts .kv-lamp{width:clamp(54px,7.4vh,160px);height:clamp(54px,7.4vh,160px)}body.web-klas .kv-rechts .klas-week-dagen{gap:clamp(8px,1vh,22px)}body.web-klas .kv-rechts .kv-dag{min-height:clamp(104px,12.4vh,268px);padding:clamp(10px,1.3vh,28px) 6px;gap:clamp(4px,.6vh,12px)}body.web-klas .kv-rechts .kv-dag strong{font-size:clamp(14px,1.6vh,34px)}body.web-klas .kv-rechts .kv-dag small{font-size:clamp(12.5px,1.4vh,30px)}body.web-klas .kv-rechts .klas-schat{margin-top:auto}}body.web-klas{--klas-groen:#3F8A5A;--klas-groen-vul:#8CC49A;--klas-groen-zacht:#DCEFE0;--pot-lijn:rgba(46,52,64,.55);--seizoen-vul:var(--gloed);--seizoen-lijn:#9A6512;--seizoen-zacht:rgba(250,214,155,.55);--seizoen-licht:#FDEBC8;--seizoen-deksel:var(--gloed-zacht)}body.web-klas[data-seizoen=herfst]{--seizoen-vul:#E39A45;--seizoen-lijn:#8E4A1F;--seizoen-zacht:rgba(232,160,90,.3);--seizoen-licht:#F7D9B4;--seizoen-deksel:#D27A43}body.web-klas[data-seizoen=sint]{--seizoen-vul:#D2533F;--seizoen-lijn:#7E2A22;--seizoen-zacht:rgba(226,181,86,.34);--seizoen-licht:#F4DFA6;--seizoen-deksel:#D9A640}body.web-klas[data-seizoen=winter]{--seizoen-vul:#CFE8F6;--seizoen-lijn:#3E7FA6;--seizoen-zacht:rgba(160,205,235,.42);--seizoen-licht:#EAF5FC;--seizoen-deksel:#9CCBE6}body.web-klas[data-seizoen=lente]{--seizoen-vul:#F3AFC6;--seizoen-lijn:#A04B6E;--seizoen-zacht:rgba(160,210,160,.4);--seizoen-licht:#E3F2DF;--seizoen-deksel:#A3CFA0}body.web-klas[data-seizoen=zomer]{--seizoen-vul:#FFD54F;--seizoen-lijn:#A2760C;--seizoen-zacht:rgba(255,212,90,.36);--seizoen-licht:#FFF1C2;--seizoen-deksel:#F6C33B}.klas-datum-top{display:none;flex:1 1 auto;min-width:0;margin:0;text-align:center;color:var(--text);font:700 clamp(18px,2.3vh,50px)/1.15 var(--font-kop);letter-spacing:.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klas-datum-top:first-letter{text-transform:uppercase}.klas-slot-knop{font-variant-numeric:tabular-nums}.klas-slot-knop-icoon{display:grid;place-items:center}.klas-slot-knop .icon{width:1.15em;height:1.15em;stroke-width:1.9}.klas-slot-knop[data-staat=open]{background:color-mix(in srgb,var(--gloed-zacht) 45%,var(--surface));border-color:color-mix(in srgb,var(--gloed) 55%,var(--line-strong))}.klas-slot-knop[data-staat=stil]{background:var(--linnen)}.klas-slot-knop[aria-expanded=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--gloed) 60%,transparent)}body.web-klas[data-view=today]:not([data-slot=open]) #klas-slot{display:none}body.web-klas[data-view=today][data-slot=open] #klas-slot{position:fixed;z-index:46;top:calc(var(--klas-top-h,80px) + 6px);right:clamp(16px,3.2vw,56px);width:min(880px,calc(100vw - 32px));max-width:none;margin:0;padding:18px 20px;border-color:var(--line-strong);box-shadow:0 26px 64px -20px #1f24337a,0 2px 6px #1f243314;animation:klas-paneel-in .16s var(--ease-out,ease-out) both}body.web-klas[data-bewaar][data-view=today][data-slot=open] #klas-slot{top:calc(var(--bewaar-h,38px) + var(--klas-top-h,80px) + 6px)}body.web-klas[data-view=today][data-slot=open] #klas-slot:before{content:"";position:absolute;top:-9px;right:clamp(40px,4vw,84px);width:16px;height:16px;background:inherit;border-left:1px solid var(--line-strong);border-top:1px solid var(--line-strong);transform:rotate(45deg)}@keyframes klas-paneel-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}body.motion-off #klas-slot{animation:none!important}@media(prefers-reduced-motion:reduce){body.web-klas #klas-slot{animation:none!important}}.klas-slot-stil{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:14px;border-top:1px solid var(--line)}.klas-slot[data-open=false] .klas-slot-stil{display:none}body.web-klas .klas-slot-stil :is(button,.menu-button){min-height:64px;padding-inline:24px;font-size:17px}body.web-klas .klas-slot-stil .menu-button{border-radius:var(--pill)}body.web-klas .klas-slot-stil .menu-pop{top:calc(100% + 8px);min-width:240px;z-index:2}body.web-klas .klas-slot-stil .menu-pop button{min-height:64px;padding-inline:18px;font-size:17px}.klas-melding{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:6px}body.web-klas .klas-melding .klas-buiten{margin:0;color:var(--text);font-weight:600}body.web-klas .klas-melding .klas-buiten[data-soort=terug]{color:var(--text)}body.web-klas .klas-melding-knop{min-height:64px;padding-inline:26px;font-size:17px}body.web-klas .klas-acties-groot button{gap:.55em}.klas-knop-icoon{flex:none;width:1.25em;height:1.25em;stroke-width:1.9}body.web-klas .klas-buiten-knop .klas-knop-icoon{color:var(--klas-groen)}.klas-buiten-knop .klas-knop-vink,.klas-buiten-knop[data-aan=true] .klas-knop-icoon:not(.klas-knop-vink){display:none}.klas-buiten-knop[data-aan=true] .klas-knop-vink{display:block}body.web-klas .klas-buiten-knop[data-aan=true]:disabled{opacity:1;cursor:default;background:var(--klas-groen-zacht);border-color:color-mix(in srgb,var(--klas-groen) 45%,transparent);color:var(--inkt)}@media(min-width:1200px)and (orientation:landscape){body.web-klas .klas-acties-groot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}body.web-klas .klas-acties-groot>button{width:100%;min-width:0}}.klas-noot-rij{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:6px}.klas-noot-rij .klas-noot{flex:1 1 320px;margin:0}.klas-invaller{position:static;flex:none}.klas-invaller>summary{list-style:none;display:inline-flex;align-items:center;min-height:64px;padding:0 24px;border-radius:var(--pill);border:1px solid var(--line-strong);background:transparent;color:var(--text);font:600 16px var(--font-kop);cursor:pointer;white-space:nowrap;transition:background-color var(--fast,.15s)}.klas-invaller>summary::-webkit-details-marker{display:none}.klas-invaller>summary:hover,.klas-invaller[open]>summary{background:var(--surface-2)}.klas-invaller-kaart{position:absolute;z-index:20;right:0;bottom:calc(100% + 10px);width:min(560px,100%);box-sizing:border-box;padding:22px 26px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:0 22px 56px -18px #1f243366;color:var(--text);font-family:var(--font-kop);animation:klas-paneel-in .16s var(--ease-out,ease-out) both}body.motion-off .klas-invaller-kaart{animation:none}@media(prefers-reduced-motion:reduce){.klas-invaller-kaart{animation:none}}.klas-invaller-kaart ol{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:stap}.klas-invaller-kaart li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;font:600 17px/1.35 var(--font-kop);counter-increment:stap}.klas-invaller-kaart li:before{content:counter(stap);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gloed-zacht);color:var(--inkt);font:800 16px/1 var(--font-kop)}.klas-invaller-kaart p{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}.kv-scheiding{flex:none;align-self:center;width:2px;height:clamp(32px,4.4vh,96px);border-radius:2px;background:var(--line-strong)}.klas-lampen-rij .kv-boom{border-radius:32%}.kv-boom[data-aan=true]{background:var(--klas-groen-zacht)}.kv-lamp.kv-boom[data-aan=true] .kv-icoon,.kv-dag .kv-boom .kv-icoon{fill:var(--klas-groen-vul);stroke:var(--klas-groen);opacity:1}.kv-dag .kv-zon{position:relative}.kv-dag .kv-boom{position:absolute;right:-34%;bottom:-16%;display:grid;place-items:center;width:64%;height:64%;border-radius:32%;background:var(--klas-groen-zacht);box-shadow:0 0 0 2px var(--surface)}.kv-dag .kv-boom .kv-icoon{width:80%;height:80%}.klas-schat-kop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.klas-schat-kop h2{margin:0}body.web-klas #klas-spaar-kies{min-height:64px;padding-inline:24px;font-size:16px;background:color-mix(in srgb,var(--papier) 70%,transparent)}.klas-spaar{display:flex;align-items:center;gap:clamp(16px,2.2vh,48px);margin:12px 0 14px}.klas-pot{flex:none;transform-origin:50% 70%}.pot-beeld{width:auto;height:clamp(120px,16vh,360px);aspect-ratio:120/140}.pot-svg{display:block;width:100%;height:100%;overflow:visible}.pot-glas{fill:#ffffff80}.pot-vulling{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pot-vul{fill:var(--seizoen-zacht)}.pot-niveau{stroke:var(--seizoen-licht);stroke-width:1.6}.pot-teken path{fill:var(--seizoen-vul);stroke:var(--seizoen-lijn);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pot-teken[data-aan=false]{display:none}.pot-rand{fill:none;stroke:var(--pot-lijn);stroke-width:2.6;stroke-linejoin:round}.pot-glans{fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;opacity:.85}.pot-deksel{fill:var(--seizoen-deksel);stroke:var(--pot-lijn);stroke-width:2.6}.pot-deksel-lijn{fill:none;stroke:var(--pot-lijn);stroke-width:1.6;stroke-linecap:round;opacity:.45}.klas-pot[data-vol=true] .pot-svg{filter:drop-shadow(0 0 12px rgba(245,166,35,.6))}body.motion-off .pot-vulling{transition:none}@media(prefers-reduced-motion:reduce){.pot-vulling{transition:none}}.klas-spaar-tekst{display:grid;align-content:center;gap:8px;min-width:0}.klas-spaar-zin{margin:0;font:800 clamp(20px,2.9vh,62px)/1.15 var(--font-kop)}.spaar-zin-kop{display:block;margin-bottom:.15em;font-size:.72em;font-weight:700;opacity:.88}.spaar-zin-nadruk{display:block;text-wrap:balance}.spaar-zin-getal{font-size:1.9em;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.spaar-zin-rest{font-size:1em}.klas-spaar-klein{margin:0;font:600 clamp(15px,1.75vh,38px)/1.35 var(--font-kop);opacity:.82}.klas-spaar-klein[hidden]{display:none}body.web-klas .klas-spaar-nieuw{justify-self:start;min-height:64px;padding-inline:26px;font-size:17px;background:color-mix(in srgb,var(--papier) 70%,transparent)}body.web-klas .klas-spaar-nieuw:hover:not(:disabled){background:var(--papier)}.klas-spaar-slot{width:1.05em;height:1.05em;stroke-width:1.9;opacity:.8}.klas-spaar-beeld{display:flex;align-items:center;gap:clamp(8px,1.2vh,26px);margin:0}.klas-spaar-getal{font:800 clamp(64px,10vh,220px)/1 var(--font-kop);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.spaar-beeld-icoon{flex:none;width:clamp(48px,7vh,160px);height:clamp(48px,7vh,160px);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.spaar-beeld-lamp{fill:var(--gloed);stroke:color-mix(in srgb,var(--gloed) 45%,var(--inkt))}.spaar-beeld-pijl{width:clamp(32px,4.6vh,100px);height:clamp(32px,4.6vh,100px);opacity:.6}.spaar-beeld-beloning{width:clamp(56px,9vh,200px);height:clamp(56px,9vh,200px);padding:clamp(8px,1.1vh,24px);box-sizing:border-box;border-radius:30%;background:#ffffffa6;fill:var(--klas-groen-zacht)}.klas-spaar-beeld[data-vol=true] .spaar-beeld-beloning{width:clamp(80px,13vh,280px);height:clamp(80px,13vh,280px);box-shadow:0 0 0 4px var(--gloed-zacht),0 0 28px 6px #f5a62373}.klas-schat[data-spaar=oud] .klas-spaar{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.klas-schat[data-spaar=oud] .klas-spaar-tekst{display:contents}.klas-schat[data-spaar=oud] #klas-spaar-zin{order:1}.klas-schat[data-spaar=oud] .klas-pot{order:2}.klas-schat[data-spaar=oud] #klas-spaar-klein{order:3}.klas-schat[data-spaar=oud] #klas-spaar-nieuw{order:4}.spaar-balk{display:flex;align-items:center;gap:clamp(10px,1.2vh,26px)}.spaar-balk-spoor{position:relative;flex:1;height:clamp(28px,5vh,108px);border-radius:var(--pill);background:#ffffff9e;box-shadow:inset 0 0 0 2px #2e34401f;overflow:hidden}.spaar-balk-vul{position:absolute;inset:0;background:linear-gradient(90deg,var(--seizoen-zacht),var(--seizoen-vul));box-shadow:inset -2px 0 0 var(--seizoen-lijn);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}body.motion-off .spaar-balk-vul{transition:none}@media(prefers-reduced-motion:reduce){.spaar-balk-vul{transition:none}}.spaar-teken{flex:none;width:clamp(26px,4.2vh,92px);height:clamp(26px,4.2vh,92px);fill:var(--seizoen-vul);stroke:var(--seizoen-lijn);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.klas-schat-rij{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.klas-schat-voor{flex:none;margin:0;font:700 15px var(--font-kop);opacity:.85}.klas-schat:not([data-spaar=geen]) .treasure-row{flex:1 1 0;min-width:0}.klas-schat:not([data-spaar=geen]) .treasure-item{grid-template-columns:auto;grid-template-rows:auto auto;justify-items:center;align-content:center;row-gap:4px;min-width:64px;min-height:64px;padding:6px 8px;text-align:center}.klas-schat:not([data-spaar=geen]) .treasure-art{grid-row:auto;width:34px;height:34px}.klas-schat:not([data-spaar=geen]) .treasure-item small,.klas-schat[data-compact] .treasure-item strong,.klas-schat[data-compact] .treasure-item small{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.klas-schat[data-compact] .treasure-item{grid-template-columns:auto;padding:8px;min-width:64px;min-height:64px;justify-items:center;align-content:center}.klas-schat[data-compact] .treasure-art{grid-row:auto;width:40px;height:40px}.klas-schat .treasure-item[data-heeft=true]:disabled{opacity:1}@media(min-width:1200px)and (min-aspect-ratio:4/3)and (min-height:620px){body.web-klas :is(.klas-nav button,.klas-schermvol){padding-inline:clamp(20px,2.2vh,48px)}body.web-klas .klas-top .icon{width:clamp(16px,1.9vh,40px);height:clamp(16px,1.9vh,40px)}body.web-klas .klas-slot-knop{min-width:13.5em}body.web-klas[data-view=today][data-slot=open] #klas-slot{width:min(clamp(760px,46vw,1760px),calc(100vw - 32px));padding:clamp(16px,1.8vh,40px) clamp(18px,2vh,44px);gap:clamp(8px,1vh,22px) clamp(14px,1.6vh,34px);border-radius:clamp(22px,2.4vh,52px);font-size:clamp(15px,1.5vh,32px)}body.web-klas[data-view=today][data-slot=open] #klas-slot .klas-slot-tekst strong{font-size:clamp(16px,1.8vh,38px)}body.web-klas[data-view=today][data-slot=open] #klas-slot .klas-slot-hint{font-size:clamp(15px,1.6vh,34px)}body.web-klas[data-view=today][data-slot=open] #klas-slot .klas-slot-hint:not(:empty){margin-top:clamp(6px,.7vh,16px);padding:clamp(8px,.9vh,20px) clamp(12px,1.3vh,28px);border-radius:clamp(12px,1.2vh,26px)}body.web-klas[data-view=today][data-slot=open] #klas-slot :is(.klas-slot-tekst small,.klas-open){font-size:clamp(14px,1.45vh,31px)}body.web-klas[data-view=today][data-slot=open] #klas-slot :is(button,.menu-button,.klas-pin-form input){min-height:clamp(64px,6vh,130px)}body.web-klas[data-view=today][data-slot=open] #klas-slot :is(.klas-slot-stil :is(button,.menu-button),.klas-pin-form .small,.klas-open .small){font-size:clamp(16px,1.7vh,36px);padding-inline:clamp(20px,2.2vh,48px)}body.web-klas[data-view=today][data-slot=open] #klas-slot .klas-slot-icoon{width:clamp(36px,4vh,86px);height:clamp(36px,4vh,86px)}body.web-klas .klas-melding{min-height:clamp(64px,6.2vh,134px);margin-top:clamp(4px,.6vh,14px);gap:clamp(8px,1vh,22px) clamp(14px,1.6vh,34px)}body.web-klas .klas-melding .klas-buiten{font-size:clamp(16px,2vh,43px);line-height:1.3}body.web-klas .klas-melding-knop{min-height:clamp(64px,6vh,130px);padding-inline:clamp(22px,2.4vh,52px);font-size:clamp(17px,1.9vh,41px)}body.web-klas .klas-acties-groot{margin-top:clamp(6px,1vh,22px)}body.web-klas .klas-noot-rij{margin-top:clamp(4px,.8vh,16px);gap:clamp(8px,1vh,22px) clamp(16px,2vh,44px)}body.web-klas .klas-invaller>summary{min-height:clamp(64px,6vh,130px);padding-inline:clamp(20px,2.2vh,48px);font-size:clamp(15px,1.55vh,34px)}body.web-klas .klas-invaller-kaart{width:min(clamp(520px,30vw,1150px),100%);padding:clamp(20px,2.2vh,48px) clamp(24px,2.6vh,56px);border-radius:clamp(22px,2.4vh,52px)}body.web-klas .klas-invaller-kaart ol{gap:clamp(10px,1.2vh,26px)}body.web-klas .klas-invaller-kaart li{font-size:clamp(17px,1.9vh,41px);gap:clamp(12px,1.4vh,30px)}body.web-klas .klas-invaller-kaart li:before{width:clamp(34px,3.6vh,78px);height:clamp(34px,3.6vh,78px);font-size:clamp(16px,1.7vh,36px)}body.web-klas .klas-invaller-kaart p{font-size:clamp(15px,1.6vh,34px)}body.web-klas .kv-rechts .klas-lampen-rij{--gap:clamp(8px,1vh,22px);--sep:0;flex-wrap:nowrap;gap:var(--gap)}body.web-klas .kv-rechts .klas-lampen-rij:is([data-bomen="1"],[data-bomen="2"]){--sep:1}body.web-klas .kv-rechts .klas-lampen-rij .kv-lamp{flex:none;width:min(7.4vh,calc((100% - (var(--n,7) - 1 + var(--sep)) * var(--gap) - var(--sep) * 2px) / var(--n,7)));height:auto;aspect-ratio:1}body.web-klas .kv-rechts .kv-dag .kv-zon{width:clamp(44px,4.4vh,96px);height:clamp(44px,4.4vh,96px)}body.web-klas .kv-rechts .klas-ster-icoon{width:clamp(34px,3.2vh,70px);height:clamp(34px,3.2vh,70px)}body.web-klas .kv-rechts .klas-schat{padding:clamp(18px,2.1vh,46px) clamp(22px,2.6vh,56px)}body.web-klas .kv-rechts .klas-schat-kop{margin:0 0 clamp(4px,.6vh,14px)}body.web-klas .kv-rechts .klas-schat-kop h2{margin:0}body.web-klas #klas-spaar-kies,body.web-klas .klas-spaar-nieuw{min-height:clamp(64px,6vh,130px);padding-inline:clamp(22px,2.4vh,52px);font-size:clamp(16px,1.7vh,37px)}body.web-klas .klas-spaar{margin:clamp(6px,.8vh,18px) 0 clamp(10px,1.4vh,30px)}body.web-klas .klas-spaar-tekst{gap:clamp(6px,.8vh,18px)}body.web-klas .pot-beeld{height:18vh}body.web-klas .klas-schat-voor{font-size:clamp(15px,1.7vh,37px)}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-row{flex-wrap:nowrap;gap:clamp(6px,.8vh,18px)}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-item{flex:1 1 0;min-width:0;min-height:clamp(64px,7.2vh,156px);padding:clamp(6px,.7vh,16px) clamp(4px,.5vh,12px);border-radius:clamp(14px,1.4vh,30px)}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-item strong{font-size:clamp(12px,1.3vh,28px);line-height:1.15;white-space:normal;text-wrap:balance}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-art{width:clamp(30px,3.4vh,74px);height:clamp(30px,3.4vh,74px);border-radius:clamp(9px,1vh,22px)}body.web-klas .klas-schat[data-compact] .treasure-item{flex:0 1 auto;width:clamp(64px,7.2vh,156px);min-height:clamp(64px,7.2vh,156px)}body.web-klas .klas-schat[data-compact] .treasure-art{width:clamp(38px,4.4vh,96px);height:clamp(38px,4.4vh,96px)}}@media(min-width:1200px)and (max-width:1499px)and (min-aspect-ratio:4/3)and (min-height:620px){body.web-klas .klas-acties :is(button,.menu-button){min-height:max(64px,7vh)}body.web-klas .klas-vandaag .page-head{margin-bottom:clamp(4px,.8vh,12px)}body.web-klas .pot-beeld{height:15vh}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-item strong{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-item{flex:0 1 auto;width:64px;min-height:64px}body.web-klas .klas-schat:not([data-spaar=geen]) .treasure-art{width:38px;height:38px}}@media(min-width:1500px)and (min-aspect-ratio:4/3)and (min-height:620px){.klas-datum-top{display:block}.klas-nav{margin-right:0}body.web-klas .klas-vandaag .page-head{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.web-klas .klas-vandaag:not([hidden]){grid-template-rows:minmax(0,1fr);padding-top:clamp(4px,.8vh,18px)}}body.web-klas #view-settings{max-width:1280px}body.web-klas .klas-instellingen{max-width:900px}body.web-klas .settings{grid-template-columns:minmax(0,1fr)}body.web-klas .klas-instellingen :is(.group,.rows,.row,.row-text){min-width:0}body.web-klas .settings .group,body.web-klas .klas-instellingen .group{max-width:none}body.web-klas .klas-instellingen :is(input[type=text],input[type=time],input[type=password],input[type=number],select){min-height:48px}body.web-klas .klas-instellingen :is(button,.small,summary,.segmented span){min-height:64px}body.web-klas .klas-instellingen .small{font-size:16px}body.web-klas .klas-instellingen .segmented span{padding-inline:20px;font-size:15px}body.web-klas .klas-instellingen .row{min-height:64px}body.web-klas .klas-instellingen summary{display:flex;align-items:center}.klas-tegel-rij .row-text{flex:none}.klas-tegels{--keuze-min:178px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--keuze-min)),1fr));gap:10px;margin-top:14px}.klas-tegels-sparen{--keuze-min:232px}.klas-tegels-getal{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:560px){.klas-tegels-seizoen{--keuze-min:132px}.klas-tegels-seizoen .klas-tegel:first-child{grid-column:1/-1}.klas-tegels-getal{grid-template-columns:repeat(2,minmax(0,1fr))}}.klas-tegel{position:relative;display:flex;min-width:0;cursor:pointer}.klas-tegel>input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0;pointer-events:none}.klas-tegel>span{position:relative;flex:1 1 auto;display:flex;align-items:center;gap:12px;min-width:0;min-height:64px;box-sizing:border-box;padding:10px 40px 10px 14px;border-radius:16px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:600 15px/1.3 var(--font-kop);transition:background-color var(--fast),border-color var(--fast),color var(--fast)}.klas-tegel:hover>span{border-color:color-mix(in srgb,var(--steen) 55%,var(--line-strong));background:color-mix(in srgb,var(--linnen) 45%,var(--surface))}.klas-tegel>input:checked+span{background:var(--nacht);border-color:var(--nacht);color:var(--room);box-shadow:var(--shadow-s)}.klas-tegel>input:checked+span:after{content:"";position:absolute;right:17px;top:50%;width:6px;height:12px;margin-top:-8px;border-right:2.5px solid var(--gloed-zacht);border-bottom:2.5px solid var(--gloed-zacht);transform:rotate(45deg)}.klas-tegel>input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.klas-tegel>input:disabled+span{opacity:.45;cursor:not-allowed}.klas-tegel-icoon{width:26px;height:26px;stroke-width:1.7;color:var(--steen)}.klas-tegel>input:checked+span .klas-tegel-icoon{color:var(--gloed-zacht)}.klas-tegel-tekst{display:grid;gap:1px}.klas-tegel-tekst small{font:600 12.5px/1.3 var(--font-kop);color:var(--muted)}.klas-tegel>input:checked+span .klas-tegel-tekst small{color:color-mix(in srgb,var(--room) 72%,transparent)}.klas-tegels-getal .klas-tegel>span{justify-content:center;align-items:baseline;gap:6px;padding:19px 30px 19px 14px;font-weight:600;color:var(--muted)}.klas-tegels-getal .klas-tegel>span strong{font:800 24px/1 var(--font-kop);color:var(--text);font-variant-numeric:tabular-nums}.klas-tegels-getal .klas-tegel>input:checked+span,.klas-tegels-getal .klas-tegel>input:checked+span strong{color:var(--room)}.klas-tegels-getal .klas-tegel>input:checked+span:after{right:14px}.klas-nieuw{display:inline-flex;align-items:center;margin-left:8px;padding:1px 9px;border-radius:var(--pill);background:var(--gloed-zacht);color:var(--inkt);font:800 11px/1.6 var(--font-kop);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px}.klas-nieuw[hidden]{display:none}.klas-vast{display:flex;align-items:center;gap:6px}.klas-vast-icoon{display:none}.klas-vast .klas-tegel-icoon{width:15px;height:15px;stroke-width:2;color:inherit}body.web-klas label[data-vast=true]{cursor:default}label[data-vast=true] .klas-vast{color:var(--text);font-weight:700}label[data-vast=true] .klas-vast-icoon{display:inline-flex}.klas-tip{margin:0 18px 16px;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,var(--gloed-zacht) 50%,var(--surface));box-shadow:inset 3px 0 0 var(--gloed);color:var(--text);font:600 14px/1.45 var(--font-kop)}.klas-tip[hidden]{display:none}.rows>.klas-tip+.row{border-top:1px solid var(--line)}.klas-spaar-eigen{display:grid;gap:6px;max-width:520px;margin-top:16px}.klas-spaar-eigen[hidden]{display:none}.klas-spaar-eigen label{font:600 15px var(--font-kop);color:var(--text)}body.web-klas .klas-instellingen .klas-spaar-eigen input{min-height:64px;padding-inline:18px;border-radius:14px;font:500 18px var(--font-kop)}.klas-spaar-eigen small{color:var(--muted);font-size:13px}.klas-schatting{width:fit-content;max-width:100%;box-sizing:border-box;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:var(--linnen);color:var(--text);font:600 14.5px/1.45 var(--font-kop)}.klas-schatting:empty{display:none}body.web-klas .row-block.klas-uitleg-rij{display:flex;justify-content:flex-start;align-items:center;gap:14px}.klas-uitleg-rij p{flex:1 1 auto;max-width:none;margin:0;color:var(--muted);font-size:14px;line-height:1.5}.klas-uitleg-rij p strong{color:var(--text)}.klas-uitleg-icoon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--klas-groen-zacht)}.klas-uitleg-icoon .klas-tegel-icoon{width:24px;height:24px;color:var(--klas-groen)}.klas-invaller-blok{margin-top:14px;padding:18px 20px 16px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);font-family:var(--font-kop)}.klas-invaller-blok h3{margin:0 0 12px;font:700 16px var(--font-kop);color:var(--text)}.klas-invaller-blok ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px 18px;margin:0;padding:0;list-style:none;counter-reset:stap}.klas-invaller-blok li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;font:600 15px/1.35 var(--font-kop);counter-increment:stap}.klas-invaller-blok li:before{content:counter(stap);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--gloed-zacht);color:var(--inkt);font:800 15px/1 var(--font-kop)}.klas-invaller-blok p{max-width:none;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}body.web-klas #klas-state[data-melding]{color:var(--inkt);font-weight:700}body.web-klas #welcome:not([hidden]){-webkit-overflow-scrolling:touch}@media(max-width:900px){body.web-klas .welcome{display:block;height:auto;min-height:100dvh}body.web-klas .welcome-art{display:none}body.web-klas .welcome-form{max-width:none;padding:28px clamp(18px,5vw,40px) 40px;overflow:visible}body.web-klas .welcome-choices{grid-template-columns:1fr}}body.web-klas .welcome .buttons button{min-height:64px;padding-inline:32px;font-size:18px}body.web-klas .welcome-form input[type=password]{min-height:52px}body.web-klas :is(.klas-rooster-dag,.klas-rooster-pauze){min-height:48px;cursor:pointer}body.web-klas .klas-rooster :is(.kr-aan,.kr-pauze){flex:none;width:26px;height:26px;margin:0;accent-color:var(--accent)}body.web-klas .klas-rooster-tijden input{min-height:48px;font-size:17px}@media(max-width:560px){body.web-klas .klas-rooster .klas-rooster-rij{grid-template-columns:minmax(0,1fr);grid-template-areas:"dag" "tijden" "pauze" "lunch"}}.klas-vastzetten{margin-bottom:28px}.klas-vastzetten-lijst{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none}.klas-vastzetten-lijst li{display:grid;align-content:start;gap:6px;padding:16px 18px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);line-height:1.4}.klas-vastzetten-lijst span{color:var(--muted)}.klas-klein-uitleg[hidden]{display:none}.klas-klein-uitleg{display:flex;align-items:flex-start;gap:12px;max-width:none;margin:14px 0 0;padding:14px 18px;border-radius:var(--r-m);background:var(--linnen);color:var(--text);line-height:1.5}.klas-klein-uitleg-teken{width:26px;height:26px;margin-top:1px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.werkblok{position:fixed;inset:0;z-index:10;display:grid;color:var(--sky-text,#2E3440);font-family:var(--font-kop);background:var(--duif);--ring:min(56vh,calc(100vh - var(--demo-h,0px) - 430px),40vw);--lamp:max(64px,min(12vh,calc(var(--ring) * .215)));--kolom:calc((100vw - 2 * clamp(20px,4vw,84px) - var(--ring) - 12vw) / 2)}.werkblok[hidden]{display:none}.werkblok-scene{position:absolute;inset:0;pointer-events:none}.werkblok-scene :is(.sc-arc,.sc-markers,.sc-body){display:none}.werkblok-inner{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:clamp(10px,2vh,28px);box-sizing:border-box;height:100%;padding:calc(clamp(20px,4vh,56px) + var(--demo-h,0px)) clamp(20px,4vw,84px) clamp(24px,5vh,64px)}.werkblok-rij{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:6vw;align-items:center;width:100%;min-height:0}.werkblok-stage{grid-column:2;grid-row:1;position:relative;width:var(--ring);height:var(--ring)}.werkblok-kiek{position:absolute;inset:11%;overflow:visible}.werkblok-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.werkblok-ring circle{fill:none;stroke-linecap:round}.werkblok-ring .spoor{stroke:color-mix(in srgb,var(--sky-text,#2E3440) 22%,transparent);stroke-width:3}.werkblok-ring .vul{stroke:var(--gloed);stroke-width:3.4;stroke-dasharray:0 289}.werkblok-tekst,.werkblok-knoppen,.werkblok-sluier{position:relative;isolation:isolate}.werkblok-tekst:before,.werkblok-sluier:before{content:"";position:absolute;inset:-10px -30px;z-index:-1;border-radius:44px;--sl:color-mix(in srgb,var(--sky-veil,transparent) max(62%,calc(var(--sky-veil-a,0) * 100%)),transparent);background:var(--sl);box-shadow:0 0 36px 20px var(--sl);pointer-events:none}.werkblok-tekst[data-leeg]:before{display:none}.werkblok-sluier:before{inset:-.4vh -1.6vh;border-radius:2.4vh;box-shadow:0 0 2.4vh 1.2vh var(--sl)}.werkblok-tekst{display:grid;justify-items:center;gap:clamp(4px,1vh,24px);max-width:min(72vw,calc(100vw - 32px));text-align:center}.werkblok-tekst h1{margin:0;color:var(--sky-text,#2E3440);font:700 clamp(40px,5.2vh,112px)/1.1 var(--font-kop);letter-spacing:0;outline:none;text-wrap:balance}.werkblok-tekst p{margin:0;font:600 clamp(20px,4vh,86px)/1.25 var(--font-kop);text-wrap:balance}.werkblok-tekst p[hidden]{display:none}#werkblok-zin[data-leerkracht]{font-size:clamp(18px,2.8vh,60px);font-weight:600;opacity:.92}#werkblok-richtlijn,.werkblok-tekst .werkblok-buiten{font-size:clamp(17px,2.8vh,60px);font-weight:500;opacity:.92}.werkblok-knoppen{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,56px);min-height:max(72px,6.7vh)}.werkblok button{min-height:max(72px,6.7vh);min-width:min(max(260px,24vh),40vw);padding:0 clamp(26px,3vw,120px);font:600 clamp(20px,3vh,64px)/1 var(--font-kop);background:color-mix(in srgb,var(--sky-veil,#fff) 78%,transparent);color:var(--sky-text,#2E3440);border:3px solid color-mix(in srgb,var(--sky-text,#2E3440) 55%,transparent);box-shadow:none}.werkblok button:hover:not(:disabled){background:color-mix(in srgb,var(--sky-veil,#fff) 92%,transparent)}.werkblok button.primary{background:var(--accent);color:var(--on-accent);border-color:transparent;box-shadow:0 8px 22px -10px #f5a623e6}.werkblok-tot{padding:.55em 1.1em;border-radius:var(--pill);background:color-mix(in srgb,var(--sky-veil,#fff) 70%,transparent);color:var(--sky-text,#2E3440);font:600 clamp(16px,2vh,40px)/1 var(--font-kop);font-variant-numeric:tabular-nums;opacity:.85}.werkblok-tot[hidden]{display:none}body.web-klas[data-kaart] :is(.werkblok-knoppen,.werkblok-tekst){visibility:hidden}.werkblok-knop-icoon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.werkblok-mini-namen{display:grid;justify-items:center;align-items:center}.werkblok-mini-naam{grid-area:1/1;display:inline-flex;align-items:center;gap:.45em}.werkblok-mini-naam[hidden]{display:inline-flex!important;visibility:hidden}.werkblok-mini-status{position:absolute;top:100%;left:50%;transform:translate(-50%);margin:.3em 0 0;white-space:nowrap;color:var(--sky-text,#2E3440);font:600 clamp(15px,1.6vh,30px)/1.2 var(--font-kop);opacity:.92}.werkblok-mini-status[hidden]{display:none}.werkblok[data-tekst=inkt]{--focus:var(--inkt)}.werkblok[data-tekst=licht]{--focus:var(--gloed)}.werkblok-links{grid-column:1;grid-row:1;display:grid;justify-items:center;align-content:center;gap:clamp(10px,2vh,40px);min-width:0;text-align:center}.werkblok-links[hidden]{display:none}.stoplicht{display:grid;grid-template-rows:repeat(3,auto);align-content:space-evenly;justify-items:center;box-sizing:border-box;width:calc(var(--lamp) * 1.25);height:calc(var(--lamp) * 3.667);padding:calc(var(--lamp) * .08) 0;border-radius:calc(var(--lamp) * .625);background:var(--inkt);box-shadow:0 2.4vh 4.4vh -2.2vh #1f2433b3,inset 0 0 0 .3vh #ffffff12}:is(.werkblok,.kv) .stoplicht-lamp{--lk:#BF3F36;--lu:#5A373D;--lp:#FFFFFF;--lg:rgba(191,63,54,.55);position:relative;display:grid;place-items:center;box-sizing:border-box;width:var(--lamp);height:var(--lamp);min-width:64px;min-height:64px;padding:0;border:0;border-radius:50%;background:var(--lu);color:var(--lk);box-shadow:inset 0 .5vh 1vh #00000047;cursor:pointer}:is(.werkblok,.kv) .stoplicht-lamp[data-kleur="1"]{--lk:#F5A623;--lu:#6A5637;--lp:#2E3440;--lg:rgba(245,166,35,.55)}:is(.werkblok,.kv) .stoplicht-lamp[data-kleur="2"]{--lk:#2C8A58;--lu:#2D4E47;--lp:#FFFFFF;--lg:rgba(44,138,88,.55)}:is(.werkblok,.kv) .stoplicht-lamp:hover:not(:disabled){background:var(--lu)}:is(.werkblok,.kv) .stoplicht-lamp:before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--lk);box-shadow:0 0 0 .55vh #fff,0 0 3.4vh 1vh var(--lg);opacity:0;transition:opacity .16s ease-out}:is(.werkblok,.kv) .stoplicht-lamp[aria-checked=true]:before{opacity:1}:is(.werkblok,.kv) .stoplicht-lamp[aria-checked=true]{color:var(--lp)}:is(.werkblok,.kv) .stoplicht-lamp:not([aria-checked=true]) svg{opacity:.72}:is(.werkblok,.kv) .stoplicht-lamp svg{position:relative;width:calc(var(--lamp) * .74);height:calc(var(--lamp) * .74);fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}:is(.werkblok,.kv) .stoplicht-lamp:focus-visible{outline:.5vh solid var(--gloed);outline-offset:.9vh}:is(.werkblok,.kv) .stoplicht-lamp[data-kleur="1"]:focus-visible{outline-color:#fff}:is(.motion-off .werkblok,.kv.motion-off) .stoplicht-lamp:before{transition:none}@media(prefers-reduced-motion:reduce){:is(.werkblok,.kv) .stoplicht-lamp:before{transition:none}}.werkblok-links p{margin:0;max-width:min(100%,30vw);text-wrap:balance}.werkblok-licht-woord{font:800 clamp(28px,5vh,108px)/1.1 var(--font-kop)}.werkblok-licht-afspraak{max-width:min(100%,10em)!important;font:600 clamp(20px,3.6vh,78px)/1.25 var(--font-kop)}.werkblok-licht-afspraak[hidden]{display:none}.werkblok-rechts{grid-column:3;grid-row:1;display:grid;justify-items:center;align-content:center;min-width:0}.werkblok-eerstdan{display:grid;grid-auto-rows:1fr;gap:4.4vh;margin:0;padding:0 0 0 6vh;list-style:none}.werkblok-eerstdan[hidden]{display:none}.ed-tegel{position:relative;display:grid;justify-items:center;align-content:center;row-gap:1.2vh;box-sizing:border-box;min-width:min(26vh,20vw);padding:2vh 2.4vh;border-radius:3.2vh;background:color-mix(in srgb,var(--sky-veil,#fff) 72%,transparent);border:.35vh solid color-mix(in srgb,var(--sky-text,#2E3440) 28%,transparent);color:var(--sky-text,#2E3440);text-align:center;transform:scale(.92);transform-origin:center}.ed-tegel[data-huidig]{transform:none;border-width:.8vh;border-color:var(--sky-text,#2E3440);background:color-mix(in srgb,var(--sky-veil,#fff) 90%,transparent)}.werkblok-eerstdan[data-fase=bijna] #werkblok-dan{box-shadow:0 0 0 .5vh var(--gloed),0 0 4vh 1.4vh #f5a6238c}.ed-icoon{width:9vh;height:9vh;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ed-tekst{display:grid;justify-items:center;gap:.4vh}.ed-kop{font:700 clamp(16px,2.4vh,52px)/1 var(--font-kop);letter-spacing:.04em;text-transform:uppercase;opacity:.78}.ed-woord{font:800 clamp(18px,min(4.2vh,calc((var(--kolom) - 12.4vh) / 7)),92px)/1.05 var(--font-kop);white-space:nowrap}.ed-status{position:absolute;top:0;right:2.4vh;transform:translateY(-50%);padding:.5vh 1.6vh;border-radius:var(--pill);background:var(--gloed);color:var(--inkt);font:800 clamp(16px,2.4vh,52px)/1.1 var(--font-kop)}.ed-status:empty{display:none}.ed-pijl{position:absolute;left:-6.2vh;top:50%;width:5vh;height:5vh;transform:translateY(-50%);fill:var(--gloed);stroke:var(--inkt);stroke-width:1.6;stroke-linejoin:round;visibility:hidden}.ed-tegel[data-huidig] .ed-pijl{visibility:visible}#werkblok-dan:after{content:"";position:absolute;left:50%;top:-2.6vh;width:1.6vh;height:1.6vh;border-right:.45vh solid currentColor;border-bottom:.45vh solid currentColor;transform:translate(-50%,-75%) rotate(45deg);opacity:.55}.werkblok[data-taal=beeld] .ed-tegel{min-width:0;padding:2.4vh}.werkblok[data-taal=beeld] .ed-icoon{width:13vh;height:13vh}.werkblok-minuten{display:grid;justify-items:center;margin:0;padding:1vh 3vh;text-align:center}.werkblok-minuten[hidden]{display:none}.min-getal{font:800 clamp(80px,12vh,260px)/1 var(--font-kop);font-variant-numeric:tabular-nums}.min-woord{font:700 clamp(26px,4.4vh,96px)/1.1 var(--font-kop)}.min-tot{margin-top:.8vh;font:600 clamp(20px,3vh,64px)/1.2 var(--font-kop);font-variant-numeric:tabular-nums;opacity:.85}.min-icoon{width:clamp(80px,12vh,240px);height:clamp(80px,12vh,240px);margin-bottom:.6vh;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.werkblok-minuten:not([data-voorbij]) .min-icoon{display:none}@media(max-width:1099px),(orientation:portrait){.werkblok{--lamp:72px}.werkblok-rij{height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;row-gap:clamp(10px,2vh,24px);justify-items:center}.werkblok-links{grid-row:1;grid-column:1;grid-template-columns:auto auto;align-items:center;column-gap:16px;row-gap:2px;justify-content:center}.werkblok-links .werkblok-stoplicht{grid-row:1/3}.werkblok-links p{max-width:min(40vw,320px);text-align:left;justify-self:start}.werkblok-licht-afspraak{max-width:min(40vw,320px)!important}.stoplicht{grid-template-rows:none;grid-auto-flow:column;gap:10px;width:auto;height:auto;padding:8px;border-radius:52px}.werkblok .stoplicht-lamp svg{width:52px;height:52px}.werkblok-licht-woord{font-size:clamp(20px,5vw,32px)}.werkblok-licht-afspraak{font-size:clamp(15px,3.6vw,22px)}.werkblok-stage{grid-row:2;grid-column:1;align-self:center;width:auto;height:min(100%,76vw,46vh);aspect-ratio:1;min-height:0}.werkblok-rechts{grid-row:3;grid-column:1}.stoplicht{box-shadow:0 14px 26px -14px #1f2433b3,inset 0 0 0 2px #ffffff12}.werkblok .stoplicht-lamp{box-shadow:inset 0 3px 6px #00000047}.werkblok .stoplicht-lamp:before{box-shadow:0 0 0 4px #fff,0 0 14px 4px var(--lg)}.werkblok .stoplicht-lamp:focus-visible{outline-width:4px;outline-offset:5px}.werkblok-sluier:before{inset:-4px -14px;border-radius:22px;box-shadow:0 0 22px 10px var(--sl)}.werkblok-eerstdan{grid-auto-flow:column;grid-auto-columns:1fr;grid-auto-rows:auto;gap:clamp(24px,6vw,56px);padding:clamp(18px,4vw,30px) 0 0}.ed-tegel{min-width:0;padding:12px 16px;row-gap:6px;border-radius:20px;border-width:2px}.ed-tegel[data-huidig]{border-width:4px}.werkblok-eerstdan[data-fase=bijna] #werkblok-dan{box-shadow:0 0 0 3px var(--gloed),0 0 22px 8px #f5a6238c}.ed-icoon,.werkblok[data-taal=beeld] .ed-icoon{width:clamp(40px,8vw,88px);height:clamp(40px,8vw,88px)}.werkblok[data-taal=beeld] .ed-tegel{padding:14px}.ed-tekst{gap:2px}.ed-kop{font-size:clamp(13px,2.2vw,24px)}.ed-woord{font-size:clamp(17px,3.4vw,40px)}.ed-status{right:12px;padding:2px 10px;font-size:clamp(13px,2.4vw,24px)}.ed-pijl{left:50%;top:calc(-1*clamp(18px,4vw,30px));width:clamp(18px,4.4vw,30px);height:clamp(18px,4.4vw,30px);transform:translate(-50%,-50%) rotate(90deg)}#werkblok-dan:after{left:calc(-1*clamp(12px,3vw,28px));top:50%;width:12px;height:12px;border-right-width:4px;border-bottom-width:4px;transform:translate(-50%,-50%) rotate(-45deg)}.werkblok-minuten{grid-template-columns:auto auto;column-gap:12px;align-items:baseline;padding:8px 20px}.min-getal{font-size:clamp(56px,14vw,96px);grid-row:1/3}.min-icoon{width:clamp(56px,14vw,96px);height:clamp(56px,14vw,96px);margin:0;grid-row:1/3;align-self:center}.werkblok-minuten[data-voorbij] .min-woord{grid-row:1/3;align-self:center}.min-woord{font-size:clamp(20px,5vw,30px);justify-self:start}.min-tot{margin:0;font-size:clamp(16px,3.8vw,22px);justify-self:start}.werkblok-tekst h1{font-size:clamp(28px,4.4vw,56px)}.werkblok-tekst p{font-size:clamp(18px,3vw,36px)}#werkblok-zin[data-leerkracht],#werkblok-richtlijn,.werkblok-tekst .werkblok-buiten{font-size:clamp(16px,2.4vw,30px)}.werkblok-knoppen{min-height:72px}.werkblok button{min-height:72px;min-width:min(300px,42vw);padding:0 clamp(24px,3vw,40px);font-size:clamp(20px,2.6vw,30px)}.werkblok-tot{font-size:clamp(16px,2vw,24px)}}@media(max-width:560px){.ed-woord{white-space:normal}.werkblok-links{grid-template-columns:auto;justify-items:center}.werkblok-links .werkblok-stoplicht{grid-row:auto}.werkblok-links p,.werkblok-licht-afspraak{max-width:min(92vw,420px)!important;text-align:center;justify-self:center}}@media(max-width:820px){.werkblok-tekst{max-width:100%}.werkblok-tekst h1{font-size:clamp(24px,6.6vw,40px)}.werkblok-tekst p{font-size:clamp(17px,4.4vw,26px)}#werkblok-zin[data-leerkracht],#werkblok-richtlijn,.werkblok-tekst .werkblok-buiten{font-size:clamp(15px,3.8vw,20px)}}body.web-klas #voorstel{position:fixed;inset:auto 0 clamp(16px,3.4vh,44px) 0;z-index:40;padding:0 16px;pointer-events:none}body.web-klas #voorstel[hidden]{display:none}body.web-klas .voorstel-kaart{pointer-events:auto;width:min(900px,100%);height:auto;margin:0 auto;gap:clamp(14px,1.6vw,28px);padding:14px clamp(18px,2vw,32px) 14px 14px;border-radius:44px;box-shadow:0 18px 44px -14px #1f24338c,0 1px 2px #1f243324}body.web-klas .voorstel-kiek{width:clamp(88px,9vw,140px);height:clamp(88px,9vw,140px)}body.web-klas .voorstel-rechts,body.web-klas .voorstel-kop{gap:12px}body.web-klas .voorstel-kop strong{font-size:clamp(22px,2vw,34px);white-space:normal;text-wrap:balance}body.web-klas button.voorstel-later{min-height:64px;padding:6px 18px;font-size:clamp(16px,1.3vw,22px);border-color:var(--line-strong)}body.web-klas .voorstel-knoppen{gap:12px}body.web-klas .voorstel-knoppen button{min-height:72px;font-size:clamp(20px,1.7vw,30px);padding:0 22px}body.web-klas .voorstel-kaart[data-soort=werkblok] .voorstel-kop strong{font-size:clamp(22px,2vw,34px);line-height:1.15}body.web-klas .voorstel-kaart[data-soort=werkblok] button.voorstel-later{font-size:clamp(16px,1.3vw,22px);padding:6px 18px}body.web-klas .voorstel-rol{display:inline-flex;align-items:center;justify-self:start;gap:.4em;padding:.28em .95em .28em .45em;border-radius:var(--pill);background:var(--gloed-zacht);color:var(--inkt);font:700 clamp(16px,1.35vw,26px)/1.15 var(--font-kop)}body.web-klas .voorstel-rol[hidden]{display:none}.voorstel-rol-pet{flex:none;width:1.5em;height:1.5em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.web-klas .voorstel-rol.alleen-teken{padding:.3em}body.web-klas .voorstel-rol.alleen-teken .voorstel-rol-pet{width:2.1em;height:2.1em}body.web-klas .voorstel-rol.alleen-teken #voorstel-rol-tekst{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:560px){body.web-klas .voorstel-kaart{flex-wrap:wrap;border-radius:32px;padding:14px}body.web-klas .voorstel-rechts{flex:1 1 100%}body.web-klas .voorstel-kop{flex-wrap:wrap}}body.web-klas #klas-screen{z-index:50;background:var(--duif)}body.web-klas #klas-screen[hidden]{display:none}@media(max-width:820px){body.web-klas .klas-inner{grid-template-columns:minmax(0,1fr);padding:14px 16px 18px;gap:clamp(6px,1.2vh,14px)}body.web-klas .klas-tekst{max-width:100%;min-width:0;gap:4px}body.web-klas .klas-tekst:before{inset:-8px -10px}body.web-klas .klas-tekst h1{font-size:clamp(26px,7.4vw,46px)}body.web-klas #klas-uitleg{font-size:clamp(18px,4.9vw,30px)}body.web-klas .klas-zit{font-size:clamp(15px,4.2vw,24px);gap:8px}body.web-klas .klas-zit svg{width:clamp(26px,7vw,40px);height:clamp(26px,7vw,40px)}body.web-klas .klas-stap{font-size:clamp(17px,4.6vw,26px)}body.web-klas .klas-kop{gap:6px}body.web-klas .klas-balk{width:min(920px,92vw);gap:8px}body.web-klas .klas-balk i{height:12px}body.web-klas .klas-midden{flex-direction:column;gap:4px;min-width:0;min-height:0}body.web-klas .klas-stage{flex:1 1 0;min-height:0;height:auto;width:auto;aspect-ratio:1;max-height:70vw;max-width:70vw}body.web-klas .klas-tel{font-size:clamp(56px,11vh,120px)}body.web-klas .klas-vorm{width:min(100%,86vw);flex:none}body.web-klas .klas-kleur{width:min(100%,26vh)}body.web-klas .klas-lampjes{max-width:94vw;gap:8px}body.web-klas .klas-beloning{margin-left:0}body.web-klas .klas-lamp{width:clamp(44px,12vw,72px);height:clamp(44px,12vw,72px)}body.web-klas #klas-screen button{min-width:0;min-height:72px;padding:0 24px;font-size:clamp(20px,5.4vw,28px)}body.web-klas .klas-knoppen{gap:12px;margin-top:clamp(8px,2vh,40px)}body.web-klas .klas-volgend{margin-top:clamp(8px,2vh,40px)}body.web-klas #klas-screen[data-fase=kies] .klas-stage{flex:none;height:min(13vh,120px);width:auto;max-width:none}body.web-klas .klas-keuze-titel{font-size:clamp(21px,5.8vw,34px)}body.web-klas .klas-keuze-kaarten{flex-direction:column;align-items:stretch;gap:10px;padding-top:0}body.web-klas #klas-screen button.klas-kaart{width:100%;height:auto;min-height:88px;grid-template-columns:auto auto minmax(0,1fr);grid-template-rows:auto;justify-items:start;gap:12px;padding:10px 18px 10px 12px;border-radius:24px;text-align:left}body.web-klas #klas-screen button.klas-kaart:hover{transform:none}body.web-klas .klas-kaart-nr{position:static;width:48px;height:48px;font-size:28px;box-shadow:none}body.web-klas #klas-screen .klas-kaart .klas-plaatje{width:68px;height:68px}body.web-klas .klas-kaart-titel{font-size:clamp(17px,4.6vw,22px);align-self:center}body.web-klas .klas-kaart-gekozen{top:auto;bottom:8px;right:8px;font-size:15px}body.web-klas #klas-screen[data-groep="1-2"] button.klas-kaart{grid-template-columns:minmax(0,1fr);justify-items:center;height:min(25vh,220px);padding:12px}body.web-klas #klas-screen[data-groep="1-2"] .klas-kaart .klas-plaatje{width:100%;height:100%}body.web-klas .klas-keuze-balk{width:88vw;margin-top:14px;height:10px}body.web-klas .klas-keuze-hint,body.web-klas .klas-keuze-kapitein{font-size:clamp(15px,4.2vw,22px);margin-top:8px}body.web-klas .klas-rol{font-size:clamp(16px,4.4vw,24px)}.werkblok-inner{padding-inline:16px}.werkblok-knoppen button{min-width:0;flex:1 1 auto;padding:0 20px}}@media(max-width:1199px){body.web-klas #klein-venster{min-width:64px;padding-inline:0}body.web-klas #klein-venster .icon{width:23px;height:23px}body.web-klas #klein-venster-tekst{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:999px){body.web-klas .klas-top:has(#klein-venster:not([hidden])) #schermvol{min-width:64px;padding-inline:0}body.web-klas .klas-top:has(#klein-venster:not([hidden])) #schermvol .icon{width:23px;height:23px}body.web-klas .klas-top:has(#klein-venster:not([hidden])) #schermvol-tekst{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:560px){body.web-klas #schermvol{min-width:64px;padding-inline:0}body.web-klas #schermvol .icon{width:23px;height:23px}body.web-klas #schermvol-tekst{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.web-klas .klas-slot-knop{padding-inline:16px}body.web-klas .klas-top{column-gap:10px}body.web-klas :is(#klein-venster,#werkblok-mini,#werkblok-mini-status){display:none}}@media(max-width:760px){.klas-top{flex-wrap:wrap;row-gap:8px}.klas-nav{margin-right:0;order:3;width:100%}.klas-nav button{flex:1}body.web-klas .klas-acties>:is(button,details){flex:1 1 100%}body.web-klas .klas-acties .menu-button{width:100%;justify-content:center}body.web-klas .klas-week-dagen{gap:6px}body.web-klas .kv-dag{padding:10px 4px}}.klas-persist{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:8px 0 0;max-width:none;color:var(--muted)}.klas-persist .link-button{min-height:44px;font:inherit;font-weight:600}.klas-persist[hidden]{display:none}@media(prefers-reduced-motion:reduce){body.web-klas *{scroll-behavior:auto!important}}.demo-balk{position:fixed;z-index:45;inset:0 0 auto;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px clamp(14px,1.5vw,30px);padding:max(8px,env(safe-area-inset-top)) clamp(16px,3.2vw,56px) 8px;background:var(--papier);border-bottom:1px solid var(--line);box-shadow:0 10px 24px -20px #1f243373;color:var(--text);font:600 clamp(15px,.95vw,19px)/1.25 var(--font-kop)}.demo-balk[hidden],.demo-einde[hidden]{display:none}.demo-label{flex:none;padding:.42em .9em;border-radius:var(--pill);background:var(--gloed-zacht);color:var(--inkt);font-size:.88em;font-weight:800;white-space:nowrap}.demo-stap{flex:none;display:inline-grid;justify-items:start;gap:6px;color:var(--muted);font-size:.84em;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.demo-stap[hidden]{display:none}.demo-stippen{display:inline-flex;align-items:center;gap:5px}.demo-stippen i{display:block;width:9px;height:9px;border-radius:var(--pill);box-sizing:border-box;border:1.5px solid var(--line-strong);background:transparent}.demo-stippen[data-stap="2"] i:nth-child(-n+1),.demo-stippen[data-stap="3"] i:nth-child(-n+2),.demo-stippen[data-stap="4"] i:nth-child(-n+3),.demo-stippen[data-stap="5"] i:nth-child(-n+4){border-color:var(--steen);background:var(--steen)}.demo-stippen[data-stap="1"] i:nth-child(1),.demo-stippen[data-stap="2"] i:nth-child(2),.demo-stippen[data-stap="3"] i:nth-child(3),.demo-stippen[data-stap="4"] i:nth-child(4),.demo-stippen[data-stap="5"] i:nth-child(5){width:24px;border-color:#c98510;background:var(--gloed)}.demo-uitleg{flex:1 1 260px;min-width:0;display:grid;gap:2px}.demo-uitleg strong{font-size:1.08em;font-weight:800;line-height:1.2}#demo-doe{color:color-mix(in srgb,var(--text) 82%,var(--papier));font-weight:600}.demo-knoppen{flex:0 1 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto}.demo-balk button{min-height:64px;padding:0 22px;font-size:inherit;gap:.45em;white-space:nowrap}.demo-teken{width:1.15em;height:1.15em;stroke-width:2}.demo-groep{display:inline-flex;align-items:center;gap:2px;padding:0;border-radius:var(--pill);background:var(--linnen)}.demo-groep[hidden]{display:none}.demo-groep-label{display:none;margin-right:6px;color:var(--muted);font-size:.84em;font-weight:700}@media(min-width:1500px){.demo-groep{padding-left:14px}.demo-groep-label{display:inline}}.demo-balk .demo-groep button{min-width:64px;padding:0 16px;background:transparent;color:var(--text);border:0;box-shadow:none;font-weight:800;font-variant-numeric:tabular-nums}.demo-balk .demo-groep button:hover:not([aria-pressed=true]){background:color-mix(in srgb,var(--papier) 70%,transparent)}.demo-balk .demo-groep button[aria-pressed=true]{background:var(--inkt);color:var(--papier)}.demo-balk .demo-groep button[aria-disabled=true]{cursor:progress}.demo-vink{width:1em;height:1em;stroke-width:2.4;display:none}.demo-groep button[aria-pressed=true] .demo-vink{display:block}.demo-wijs,#werkblok-stoplicht.demo-wijs>.stoplicht{--wijs-lucht:6px;--wijs-dik:4px;box-shadow:0 0 0 var(--wijs-lucht) var(--surface),0 0 0 calc(var(--wijs-lucht) + var(--wijs-dik)) var(--text)!important;animation:none!important;transition-property:background-color,border-color,color,opacity!important}#werkblok-stoplicht.demo-wijs{box-shadow:none!important}.demo-wijs:focus-visible{--wijs-lucht:max(9px,.55vh)!important}body[data-demo] .shell{padding-top:var(--demo-h,0px);box-sizing:border-box}body.web-klas[data-demo][data-view=today][data-slot=open] #klas-slot{top:calc(var(--demo-h,0px) + var(--klas-top-h,80px) + 6px)}body[data-demo] .klas-dialoog{top:var(--demo-h,0px)}@media(min-width:1200px)and (min-aspect-ratio:4/3)and (min-height:620px){body.web-klas[data-demo] .klas-raam-kiek{height:min(clamp(150px,27vh,580px),94%);width:auto;aspect-ratio:1}}@media(min-width:1200px)and (min-aspect-ratio:4/3)and (min-height:620px)and (max-height:900px){body.web-klas[data-demo] .kv-rechts .klas-blok{margin-bottom:8px}body.web-klas[data-demo] .kv-rechts .klas-blok h2,body.web-klas[data-demo] .kv-rechts .klas-schat h2{margin-bottom:6px}body.web-klas[data-demo] .kv-rechts .klas-lampen-rij .kv-lamp{width:min(5.8vh,calc((100% - (var(--n,7) - 1 + var(--sep)) * var(--gap) - var(--sep) * 2px) / var(--n,7)))}body.web-klas[data-demo] .kv-rechts .kv-dag{min-height:80px;padding-block:6px;gap:3px}body.web-klas[data-demo] .kv-rechts .kv-dag .kv-zon{width:34px;height:34px}body.web-klas[data-demo] .kv-rechts .klas-zin{margin-top:6px}body.web-klas[data-demo] .kv-rechts .klas-schat{padding-block:10px}body.web-klas[data-demo] .kv-rechts .klas-schat-kop,body.web-klas[data-demo] .kv-rechts .klas-schat-kop h2{margin-bottom:2px}body.web-klas[data-demo] .klas-spaar{margin:2px 0 4px}body.web-klas[data-demo] .klas-spaar-tekst{gap:4px}body.web-klas[data-demo] .pot-beeld{height:11vh}body.web-klas[data-demo] .kv-links .klas-raam-scene{min-height:110px}}@media(max-width:560px){.demo-balk{gap:8px 12px}.demo-balk .demo-knoppen{gap:8px}.demo-balk :is(#demo-opnieuw,#demo-stop){width:64px;padding:0}.demo-balk :is(#demo-opnieuw,#demo-stop) .demo-teken{width:24px;height:24px}.demo-knop-tekst{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(min-width:1200px)and (min-aspect-ratio:4/3)and (min-height:620px){.demo-balk{font-size:clamp(15px,1.75vh,38px);padding-block:max(clamp(8px,.8vh,18px),env(safe-area-inset-top)) clamp(8px,.8vh,18px)}.demo-balk button{min-height:clamp(64px,6vh,128px);padding-inline:clamp(22px,2.1vh,46px)}.demo-balk .demo-groep button{min-width:clamp(64px,6vh,128px);padding-inline:clamp(16px,1.6vh,34px)}.demo-stippen{gap:clamp(5px,.5vh,11px)}.demo-stippen i{width:clamp(9px,.9vh,19px);height:clamp(9px,.9vh,19px);border-width:clamp(1.5px,.15vh,3px)}.demo-stippen[data-stap="1"] i:nth-child(1),.demo-stippen[data-stap="2"] i:nth-child(2),.demo-stippen[data-stap="3"] i:nth-child(3),.demo-stippen[data-stap="4"] i:nth-child(4),.demo-stippen[data-stap="5"] i:nth-child(5){width:clamp(24px,2.3vh,50px)}:is(.demo-wijs,#werkblok-stoplicht.demo-wijs>.stoplicht){--wijs-lucht:max(6px,.55vh);--wijs-dik:max(4px,.37vh)}}@media(min-width:1500px)and (min-aspect-ratio:4/3)and (min-height:620px){.demo-groep{padding-left:clamp(14px,1.4vh,30px)}}.demo-einde{position:fixed;inset:0;z-index:85;display:grid;place-items:center;overflow:auto;padding:clamp(16px,4vw,72px);background:color-mix(in srgb,var(--duif) 90%,transparent)}.demo-einde-kaart{width:min(1180px,100%);padding:clamp(24px,3.6vw,72px);border-radius:clamp(24px,2.2vw,44px);background:var(--surface);box-shadow:var(--shadow-l);color:var(--text);font-family:var(--font-kop)}.demo-einde .eyebrow{margin:0}.demo-einde h1{margin:.25em 0 .4em;font-size:clamp(32px,3.6vw,76px);line-height:1.08;letter-spacing:-.01em}.demo-einde h1 strong{color:var(--accent);white-space:nowrap}.demo-einde .lead{max-width:none;margin:0;font-size:clamp(18px,1.45vw,30px);line-height:1.45;color:var(--text)}.demo-einde h2{margin:1.3em 0 .55em;font-size:clamp(20px,1.6vw,32px)}.demo-bord{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(12px,1.2vw,22px);margin:0;padding:0;list-style:none}.demo-bord li{display:grid;align-content:start;gap:8px;padding:clamp(16px,1.3vw,26px);border-radius:clamp(16px,1.2vw,24px);background:var(--linnen);font-size:clamp(16px,1.1vw,22px);line-height:1.4}.demo-bord span{color:var(--muted)}.demo-einde-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,2.2vw,40px)}.demo-einde-knoppen button{min-height:64px;padding:0 30px;font-size:clamp(17px,1.2vw,23px)}.klas-ouders{margin-bottom:28px}.klas-ouders-knoppen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px}body.web-klas .klas-ouders-knop{justify-content:flex-start;align-items:center;gap:16px;min-height:96px;padding:16px 22px 16px 16px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;font:400 15px/1.4 var(--font-kop);box-shadow:var(--shadow-s);transition:border-color var(--fast),background-color var(--fast)}body.web-klas .klas-ouders-knop:hover{border-color:var(--line-strong);background:color-mix(in srgb,var(--papier) 70%,var(--room))}.klas-ouders-teken{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--gloed-zacht);color:var(--inkt)}.klas-ouders-teken .icon{width:28px;height:28px}.klas-ouders-tekst{display:grid;gap:4px;min-width:0}.klas-ouders-tekst strong{font:700 17px/1.25 var(--font-kop);color:var(--text)}.klas-ouders-tekst small{font-size:14px;line-height:1.4;color:var(--muted)}.klas-ouders-noot{margin:2px 0 0 6px;max-width:none;font-size:13.5px;color:var(--muted)}.klas-dialoog{position:fixed;inset:0;z-index:60;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain;padding:clamp(12px,3vw,116px) clamp(12px,3vw,116px);background:#b8c6dedb;background:color-mix(in srgb,var(--duif) 84%,transparent)}.klas-dialoog[hidden]{display:none}.klas-dialoog-kaart{--d:clamp(16px,.95vw,36px);--k:max(64px,3.34vw);box-sizing:border-box;width:min(100%,max(320px,66vw));padding:clamp(20px,2.4vw,92px);border-radius:clamp(22px,1.9vw,72px);background:var(--surface);box-shadow:var(--shadow-l);color:var(--text);font:400 var(--d)/1.5 var(--font-kop)}.klas-dialoog-vraag .klas-dialoog-kaart{width:min(100%,max(320px,46vw))}.klas-dialoog-kop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(12px,1.1vw,42px)}.klas-dialoog-vraag .klas-dialoog-kop{grid-template-columns:auto minmax(0,1fr)}.klas-dialoog-teken{display:grid;place-items:center;width:clamp(48px,3.1vw,118px);aspect-ratio:1;border-radius:clamp(14px,.9vw,34px);background:var(--gloed-zacht);color:var(--inkt)}.klas-dialoog-teken .icon{width:56%;height:56%}.klas-dialoog-titel{min-width:0;padding-top:clamp(2px,.15vw,6px)}.klas-dialoog h2{margin:0;font:700 clamp(23px,1.6vw,60px)/1.15 var(--font-kop);letter-spacing:-.01em;color:var(--text)}.klas-dialoog-titel p{margin:.35em 0 0;max-width:60ch;color:var(--muted)}body.web-klas .klas-dialoog-sluit{min-height:var(--k);padding:0 clamp(18px,1.1vw,40px) 0 clamp(14px,.9vw,34px);font-size:var(--d);background:var(--surface)}.klas-dialoog-sluit .icon{width:1.15em;height:1.15em}.klas-dialoog-inhoud{display:grid;gap:clamp(18px,1.6vw,60px);margin-top:clamp(18px,1.6vw,60px)}@media(min-width:1200px){.klas-dialoog-inhoud{grid-template-columns:minmax(0,1fr) auto;align-items:start}}.klas-dialoog-hoofd{display:grid;align-content:start;gap:clamp(12px,.9vw,34px);min-width:0}.klas-dialoog .segmented{justify-self:start;padding:4px}.klas-dialoog .segmented label{display:flex}.klas-dialoog .segmented span{min-height:var(--k);padding-inline:clamp(20px,1.3vw,48px);font-size:var(--d)}.klas-dialoog-tekst{display:block;box-sizing:border-box;width:100%;height:clamp(240px,40vh,1000px);margin:0;resize:none;padding:clamp(14px,1vw,38px) clamp(16px,1.15vw,44px);border:1px solid var(--line);border-radius:clamp(14px,.9vw,34px);background:var(--room);color:var(--text);font:500 var(--d)/1.55 var(--font-tekst);white-space:pre-wrap;overflow:auto;cursor:text}.klas-dialoog-tekst:focus-visible,.klas-dialoog-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.klas-dialoog-geen{margin:0;padding:clamp(18px,1.3vw,48px);border-radius:clamp(14px,.9vw,34px);background:var(--room);color:var(--muted)}.klas-dialoog-label{font-weight:700}.klas-dialoog-link{box-sizing:border-box;width:100%;min-height:var(--k);margin:0;padding:0 clamp(16px,1.1vw,42px);border:1px solid var(--line);border-radius:clamp(14px,.9vw,34px);background:var(--room);color:var(--text);font:600 var(--d)/1.3 var(--font-tekst);text-overflow:ellipsis}.klas-dialoog-stap{margin:0;max-width:60ch;color:var(--muted)}.klas-dialoog-knoppen{display:flex;flex-wrap:wrap;gap:clamp(10px,.7vw,26px)}body.web-klas .klas-dialoog-knoppen button{min-height:var(--k);padding:0 clamp(24px,1.6vw,60px);font-size:var(--d)}.klas-dialoog-knoppen .icon{width:1.2em;height:1.2em}.klas-dialoog-hint{min-height:1.5em;margin:0;max-width:62ch;color:var(--inkt);font-weight:700}.klas-dialoog-qr{box-sizing:border-box;display:grid;justify-items:center;align-content:start;gap:clamp(12px,.9vw,34px);width:clamp(250px,17vw,640px);margin:0;padding:clamp(16px,1.15vw,44px);border-radius:clamp(18px,1.3vw,48px);background:var(--linnen)}.klas-dialoog-qr[hidden]{display:none}.klas-qr-vak{width:100%;aspect-ratio:1;border-radius:clamp(10px,.6vw,24px);background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--line)}.klas-qr{display:block;width:100%;height:100%}.klas-dialoog-qr figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(8px,.6vw,22px);align-items:start;font-size:calc(var(--d)*.9);line-height:1.4;color:var(--text)}.klas-dialoog-qr-teken .icon{width:1.5em;height:1.5em;color:var(--inkt)}@media(max-width:1199.98px){.klas-dialoog-qr{justify-self:center;width:min(100%,340px)}}@media(max-width:560px){.klas-dialoog{place-items:start center}.klas-dialoog-kop,.klas-dialoog-vraag .klas-dialoog-kop{grid-template-columns:minmax(0,1fr) auto}.klas-dialoog-teken{display:none}body.web-klas .klas-dialoog-sluit{width:64px;padding:0;border-radius:50%}.klas-dialoog-sluit-tekst{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.klas-dialoog-knoppen button{flex:1 1 100%}}.klas-deel-regels{display:grid;gap:clamp(8px,.55vw,22px);margin:clamp(18px,1.5vw,58px) 0 0;padding:0;list-style:none}.klas-deel-regels li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(10px,.7vw,26px);align-items:baseline;padding:clamp(12px,.8vw,30px) clamp(14px,1vw,38px);border-radius:clamp(12px,.8vw,30px);background:var(--room)}.klas-deel-regels li:before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--gloed)}.klas-deel-regels li:last-child{padding-block:clamp(4px,.3vw,12px) 0;background:transparent;color:var(--muted)}.klas-deel-regels li:last-child:before{background:var(--line-strong)}.klas-deel-pin{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(10px,.7vw,26px) clamp(12px,.8vw,30px);margin-top:clamp(16px,1.2vw,46px);padding:clamp(14px,1vw,38px);border-radius:clamp(14px,.9vw,34px);border:1px solid var(--line-strong)}.klas-deel-pin[hidden]{display:none}.klas-deel-pin-teken .icon{width:1.4em;height:1.4em;color:var(--inkt)}.klas-deel-pin label{font-weight:700}.klas-deel-pin input{grid-column:1/-1;box-sizing:border-box;width:min(100%,9em);min-height:var(--k);padding:0 .6em;border:1px solid var(--line-strong);border-radius:clamp(12px,.8vw,30px);background:var(--room);font:600 calc(var(--d)*1.35)/1 var(--font-kop);letter-spacing:.35em}.klas-dialoog-vraag .klas-dialoog-hint{margin-top:clamp(10px,.7vw,26px)}.klas-dialoog-vraag .klas-dialoog-knoppen{margin-top:clamp(6px,.5vw,18px)}body.web-klas .welcome-vooraf{display:flex;align-items:flex-start;gap:12px;margin:0 0 14px;padding:14px 18px;max-width:none;border-radius:16px;background:var(--gloed-zacht);color:var(--inkt);font:600 15.5px/1.45 var(--font-kop)}body.web-klas .welcome-vooraf .icon{flex:none;width:22px;height:22px;margin-top:1px}html.mee,html.mee body{height:auto;overflow:auto}body.klas-mee{min-height:100vh;min-height:100dvh;margin:0;padding:max(20px,env(safe-area-inset-top)) clamp(16px,5vw,32px) max(28px,env(safe-area-inset-bottom));background:var(--room);font:400 16px/1.55 var(--font-tekst)}.mee{display:grid;gap:18px;max-width:560px;margin:0 auto}.mee-kop{padding:4px 2px}.mee-logo{display:block;height:34px;width:auto}.mee-kaart{display:grid;gap:14px;padding:22px 20px 20px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow-m)}.mee-kaart[hidden]{display:none}.mee-teken{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--gloed-zacht);color:var(--inkt)}.mee-teken .icon{width:26px;height:26px}.mee h1{margin:0;font:700 26px/1.2 var(--font-kop);color:var(--text)}.mee-uitleg{margin:0;color:var(--muted)}.mee-tekst,.mee-link{box-sizing:border-box;width:100%;margin:0;border:1px solid var(--line);border-radius:16px;background:var(--room);color:var(--text)}.mee-tekst{min-height:12em;padding:14px 16px;resize:none;overflow:auto;font:500 16px/1.55 var(--font-tekst);white-space:pre-wrap}.mee-link{min-height:64px;padding:0 16px;font:600 15px/1.3 var(--font-tekst);text-overflow:ellipsis}.mee-knoppen{display:grid;gap:10px}.mee-knoppen button{width:100%;min-height:64px;font-size:17px}.mee-knoppen button[hidden]{display:none}.mee-knoppen .icon{width:22px;height:22px}.mee-hint{min-height:1.5em;margin:0;color:var(--inkt);font-weight:700}.mee-hint:empty{display:none}.mee-kapot p{margin:0;font:600 19px/1.45 var(--font-kop);color:var(--text)}.mee-noot{margin:0;text-align:center;color:var(--muted);font-size:14px;max-width:none}body.kv{display:flex;flex-direction:column;justify-content:safe center;gap:12px;height:100vh;margin:0;padding:14px 16px;overflow:hidden;background:var(--room);color:var(--text);font:600 16px/1.3 var(--font-kop)}.kv-inhoud,.kv-zin,.kv-voet{flex:none}.kv-inhoud{display:grid;gap:12px}.kv-kop{display:flex;align-items:center;gap:16px;min-width:0}.kv-teken{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-s),inset 0 0 0 1px var(--line);color:var(--inkt)}.kv-teken-icoon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.kv[data-soort=kaart] .kv-teken{background:var(--gloed-zacht);box-shadow:none}.kv-ring-plek{position:relative;flex:none;width:96px;height:96px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow-s)}.kv-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.kv-ring circle{fill:none;stroke-linecap:round}.kv-ring .spoor{stroke:var(--zand);stroke-width:7}.kv-ring .vul{stroke:var(--gloed);stroke-width:7.5;stroke-dasharray:0 289}.kv-ring-teken{position:absolute;left:50%;top:50%;width:40px;height:40px;transform:translate(-50%,-50%);fill:none;stroke:var(--inkt);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.kv[data-soort=laatste] .kv-ring-plek{box-shadow:0 0 0 3px var(--gloed-zacht),var(--shadow-s)}.kv-tekst{display:grid;justify-items:start;gap:2px;min-width:0}.kv-titel{margin:0;max-width:none;color:var(--text);font:800 23px/1.15 var(--font-kop);letter-spacing:0;text-wrap:balance}.kv[data-soort=werkblok] .kv-titel{font-size:26px;font-variant-numeric:tabular-nums}.kv-sub{margin:0;color:var(--muted);font:700 17px/1.2 var(--font-kop);font-variant-numeric:tabular-nums}.kv-sub[hidden],.kv-licht[hidden]{display:none}.kv-licht{margin-top:8px}.kv .stoplicht{display:inline-grid;grid-template-rows:none;grid-auto-flow:column;gap:8px;width:auto;height:auto;padding:5px;border-radius:999px;background:var(--inkt);box-shadow:0 10px 20px -12px #1f2433b3,inset 0 0 0 2px #ffffff12}.kv .stoplicht-lamp{width:64px;height:64px;box-shadow:inset 0 3px 6px #00000047}.kv .stoplicht-lamp:before{box-shadow:0 0 0 3px #fff,0 0 12px 3px var(--lg)}.kv .stoplicht-lamp svg{width:44px;height:44px}.kv .stoplicht-lamp:focus-visible{outline:3px solid var(--gloed);outline-offset:4px}.kv-knoppen{display:flex;flex-wrap:wrap;gap:8px}.kv-knoppen[hidden]{display:none}.kv .kv-knoppen button{flex:1 1 auto;min-width:max-content;gap:6px;padding-inline:12px}.kv-knoppen .kv-knop-teken{width:22px;height:22px}.kv button{min-height:64px;padding:0 18px;font:700 17px/1.1 var(--font-kop);white-space:nowrap}.kv button:not(.primary):not(.secondary):not(.stoplicht-lamp){background:var(--surface);color:var(--text);border-color:var(--line-strong)}.kv-knop-teken{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kv-zin{margin:0;max-width:none;padding:9px 14px;border-radius:16px;background:var(--gloed-zacht);color:var(--inkt);font:700 15px/1.3 var(--font-kop);text-wrap:balance}.kv-zin:empty{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.kv[data-soort=pauzeWacht] .kv-teken{background:var(--gloed-zacht);box-shadow:none}.kv-voet{display:flex;align-items:center;gap:8px}.kv-voet button[hidden],.kv-logo[hidden]{display:none}.kv-logo{display:block;height:24px;width:auto;margin-left:4px}.kv-naar{margin-left:auto}.kv-voet:has(.kv-later:not([hidden])) :is(.kv-later,.kv-naar){flex:1 1 0;margin-left:0}@media(max-width:399px){body.kv{padding:12px;gap:10px}.kv-kop{gap:12px}.kv-titel{font-size:21px}.kv[data-soort=werkblok] .kv-titel{font-size:23px}.kv button{padding:0 14px;font-size:16px}.kv .stoplicht{gap:6px;padding:4px}}@media(max-height:280px){body.kv{gap:6px;padding-block:10px}.kv-inhoud{gap:6px}.kv-zin{padding:6px 12px;font-size:14px}.kv-teken{width:44px;height:44px}.kv-teken-icoon{width:26px;height:26px}.kv-ring-plek{width:84px;height:84px}}.klas-licentie-op{margin:clamp(10px,1.4vh,30px) 0 0;padding:clamp(18px,2.2vh,40px) clamp(20px,2vw,40px);border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s)}.klas-licentie-op[hidden],.klas-proef[hidden],.klas-licentie[hidden]{display:none}.klas-licentie-op h2{margin:0 0 .4em;font:600 clamp(20px,2.4vh,44px)/1.2 var(--font-kop)}.klas-licentie-op p{margin:0 0 1em;color:var(--muted);font-size:clamp(16px,1.7vh,30px)}.klas-licentie-op .buttons{display:flex;flex-wrap:wrap;gap:12px}.klas-licentie-op :is(button,.button){min-height:64px;padding:0 28px;font-size:clamp(17px,1.8vh,30px);display:inline-flex;align-items:center;text-decoration:none}body[data-licentie=voorbij] .klas-acties,body[data-licentie=voorbij] #klas-werkblok-zin{display:none}.klas-proef{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.klas-proef .link-button{min-height:44px;font-weight:600}.klas-licentie{margin-bottom:28px}.klas-licentie-stand{margin:0 0 12px;font-weight:600}.klas-licentie[data-stand=voorbij] .klas-licentie-stand{color:var(--text)}.klas-licentie-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:0 0 10px}.klas-licentie-form .field{flex:1 1 320px}.klas-licentie-form input{width:100%;min-height:64px;font-family:ui-monospace,Menlo,monospace;font-size:15px}.klas-licentie-form button{min-height:64px}.klas-licentie-op a.button{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);color:var(--text);font-weight:600}.klas-licentie-op a.button:hover{background:var(--linnen)}