@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Great+Vibes&display=swap";:root{--papier:#f2e1c9;--papier-licht:#faf1e2;--inkt:#4a2418;--inkt-zacht:#7a5a4a;--goud:#b08a4e;--goud-licht:#d9c39a;--bordeaux:#7a2a2a;--roest:sienna;--salie:#6f7f6a;--test:#c2410c;--letter-script:"Great Vibes", cursive;--letter-serif:"Cormorant Garamond", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--papier);color:var(--inkt);font-family:var(--letter-serif);-webkit-text-size-adjust:100%;font-variant-numeric:lining-nums;font-size:18px}button,input,textarea,select{font:inherit;color:inherit}.script{font-family:var(--letter-script);font-weight:400}.kapitalen{text-transform:uppercase;letter-spacing:.12em}.kop{text-align:center;padding:18px 16px 6px;position:relative}.kop h1{font-family:var(--letter-script);margin:0;font-size:clamp(36px,11vw,44px);font-weight:400;line-height:1}.kop .ondertitel{letter-spacing:.3em;text-transform:uppercase;margin-top:6px;font-size:13px}.scheiding{color:var(--goud);justify-content:center;align-items:center;gap:10px;max-width:260px;margin:8px auto;display:flex}.scheiding:before,.scheiding:after{content:"";background:var(--goud);flex:1;height:1px}.testbalk{background:var(--test);color:#fff;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-family:system-ui,sans-serif;font-size:14px;font-weight:700;display:flex}.testbalk button{color:var(--test);background:#fff;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.schakelaar{border:1px solid var(--goud);border-radius:999px;justify-content:center;gap:0;width:max-content;margin:4px auto 0;display:flex;overflow:hidden}.schakelaar button{background:0 0;border:0;padding:6px 16px;font-size:15px}.schakelaar button.aan{background:var(--inkt);color:var(--papier-licht)}.tabs{border-bottom:1px solid var(--goud-licht);background:var(--papier);z-index:5;gap:4px;padding:10px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs button{white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 12px;font-size:17px}.tabs button.aan{background:var(--papier-licht);box-shadow:inset 0 0 0 1px var(--goud);font-weight:600}main{max-width:640px;margin:0 auto;padding:16px}.knop{border:1px solid var(--inkt);background:var(--papier-licht);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 20px;font-size:19px;font-weight:600;display:inline-flex}.knop.hoofd{background:var(--inkt);color:var(--papier-licht);border-color:var(--inkt);font-size:22px}.knop.klein{border-radius:10px;min-height:40px;padding:0 14px;font-size:16px}.knop:disabled{opacity:.45}.knoppen{grid-template-columns:1fr 1fr;gap:10px;display:grid}.knoppen .breed{grid-column:1/-1}.kader{background:var(--papier-licht);border:1px solid var(--goud);border-radius:18px;padding:18px;position:relative}.teller{text-align:center;letter-spacing:.2em;text-transform:uppercase;color:var(--inkt-zacht);font-size:15px}.teller strong{letter-spacing:0;color:var(--inkt);font-size:64px;font-weight:600;line-height:1.05;display:block}.verborgen{text-align:center;padding:16px 0}.titel-groot{font-size:28px;font-weight:700;line-height:1.15}.artiest{color:var(--inkt-zacht);font-size:19px}.ronde{justify-content:space-between;align-items:center;gap:8px;margin:14px 0;display:flex}.label{letter-spacing:.2em;text-transform:uppercase;color:var(--inkt-zacht);font-size:13px}.voortgang{background:var(--goud-licht);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.voortgang div{background:var(--goud);height:100%;transition:width .2s linear}.melding-achter{z-index:20;background:#4a241873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.melding{background:var(--papier-licht);border:2px solid var(--goud);text-align:center;border-radius:22px;width:100%;max-width:420px;padding:24px 20px}.melding h2{font-family:var(--letter-script);color:var(--bordeaux);margin:0 0 6px;font-size:46px;font-weight:400}.veld{border:1px solid var(--goud);background:var(--papier-licht);border-radius:12px;width:100%;min-height:48px;padding:10px 14px;font-size:18px}textarea.veld{min-height:220px}.rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lijst{margin:0;padding:0;list-style:none}.lijst li{border-bottom:1px solid var(--goud-licht);padding:12px 0}.fout{color:var(--bordeaux);font-weight:600}.zacht{color:var(--inkt-zacht)}.raster{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.vak{aspect-ratio:1;border:1px solid var(--inkt-zacht);text-align:center;background:var(--papier-licht);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:4px;font-size:12px;line-height:1.15;display:flex}.vak b{font-size:13px}.vak.dot{background:var(--goud-licht);border-color:var(--goud)}.vak.lijn{background:var(--bordeaux);color:var(--papier-licht);border-color:var(--bordeaux)}.oordeel{font-family:var(--letter-script);text-align:center;margin:12px 0 4px;font-size:40px}table{border-collapse:collapse;width:100%;font-size:16px}th,td{text-align:left;border-bottom:1px solid var(--goud-licht);padding:8px 4px}th{letter-spacing:.15em;text-transform:uppercase;color:var(--inkt-zacht);font-size:12px;font-weight:600}input[type=range]{width:100%;accent-color:var(--roest);height:32px}.kop{padding-top:58px;overflow:hidden}.kop-hoek{pointer-events:none;width:92px;position:absolute;top:0}.kop-hoek.links{left:0}.kop-hoek.rechts{width:70px;right:0;transform:scaleX(-1)}.kop>:not(.kop-hoek){position:relative}.inlog{background:url(/hoek-lb.png) left top / min(30vw, 240px) auto no-repeat, url(/hoek-ro.png) right bottom / min(30vw, 240px) auto no-repeat, var(--papier);place-items:center;min-height:100svh;padding:24px;display:grid}@media (width<=600px) and (orientation:portrait){.inlog{background:var(--papier) url(/kader.jpg) center / cover no-repeat}}.inlog-blok{text-align:center;width:100%;max-width:340px}.inlog h1{font-family:var(--letter-script);margin:0;font-size:clamp(40px,13vw,56px);font-weight:400;line-height:1}.inlog .ondertitel{letter-spacing:.32em;text-transform:uppercase;margin:6px 0 28px;font-size:14px}.inlog .veld{text-align:center;background:#faf1e2d9}.inlog .knop{width:100%;margin-top:12px}.veld:focus{outline:2px solid var(--goud);outline-offset:1px}.print-balk{background:var(--papier);z-index:2;border-bottom:1px solid var(--goud-licht);align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.print-vellen{flex-direction:column;align-items:center;gap:16px;padding:16px;display:flex}.printkaart{background:var(--papier);border:.4mm solid var(--goud);outline:.2mm solid var(--goud);outline-offset:-2.5mm;width:190mm;height:136mm;color:var(--inkt);-webkit-print-color-adjust:exact;print-color-adjust:exact;flex-direction:column;padding:6mm 14mm 5mm;display:flex;position:relative;overflow:hidden}.printkaart-hoek{pointer-events:none;width:34mm;position:absolute}.printkaart-hoek.lb{top:0;left:0}.printkaart-hoek.ro{bottom:0;right:0}.printkaart-kop,.printkaart-naam,.printkaart-raster,.printkaart-voet{position:relative}.printkaart-kop{text-align:center}.printkaart-titel{font-family:var(--letter-script);font-size:34pt;line-height:1}.printkaart .scheiding{max-width:60mm;margin:1mm auto;font-size:9pt}.printkaart-sub{letter-spacing:.35em;text-transform:uppercase;font-size:9pt}.printkaart-naam{border-bottom:.2mm solid var(--goud);justify-content:space-between;margin:2.5mm 4mm 2mm;padding-bottom:1mm;font-size:13pt;font-weight:600;display:flex}.printkaart-raster{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:1.5mm;margin:0 4mm;display:grid}.printkaart-vak{border:.25mm solid var(--inkt-zacht);text-align:center;background:#fffcf5eb;border-radius:2mm;flex-direction:column;justify-content:center;align-items:center;padding:1mm;line-height:1.1;display:flex}.printkaart-vak b{font-size:10.5pt}.printkaart-vak span{color:var(--inkt-zacht);font-size:8.5pt;font-style:italic}.printkaart-voet{text-align:center;color:var(--inkt-zacht);margin-top:1.5mm;font-size:8.5pt;font-style:italic}@page{size:A4 portrait;margin:10mm}@media print{body{background:#fff}.print-balk{display:none}.print-vellen{gap:5mm;padding:0;display:block}.printkaart{page-break-inside:avoid;break-inside:avoid;margin-bottom:5mm}.printkaart:nth-child(2n){break-after:page}}.printkaart-raster{position:relative}.printkaart-dot{background:radial-gradient(circle at 35% 30%, #d9b679, var(--goud) 60%, #8f6d38);width:19mm;height:19mm;box-shadow:0 0 0 .8mm var(--papier), 0 0 0 1.1mm var(--goud);color:var(--papier-licht);-webkit-print-color-adjust:exact;print-color-adjust:exact;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:.9;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.printkaart-dot span{font-family:var(--letter-script);font-size:15pt}.printkaart-dot b{font-family:var(--letter-serif);letter-spacing:.05em;font-size:15pt;font-weight:700}.kaart-voorbeeld{width:100%;margin:8px 0 20px;overflow:hidden}