:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f9f9;--kaart:#fff;--ink:#0a0a0a;--grijs:#6e6e6e;--veld:#f1f1f1;--rand:#0a0a0a12;--streep:#0a0a0a14;--crit:#c0392f;--gras-1:#7ea85857;--gras-2:#60944a38;--op-pil:0 1px 2px #0a0a0a0d, 0 6px 16px -8px #0a0a0a24;--op-kaart:0 1px 2px #0a0a0a0a, 0 14px 34px -10px #0a0a0a1a, 0 46px 90px -34px #0a0a0a29;--sans:"Inter Tight", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--kaart:#161616;--ink:#f5f5f5;--grijs:#9a9a9a;--veld:#202020;--rand:#f5f5f514;--streep:#f5f5f517;--crit:#f08a80;--gras-1:#7ea85833;--gras-2:#60944a21;--op-pil:0 1px 2px #0006, 0 6px 16px -8px #0009;--op-kaart:0 1px 2px #0006, 0 14px 34px -10px #00000080, 0 46px 90px -34px #000000b3}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}button{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:2px solid #3987e5}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gras{pointer-events:none;z-index:0;background:radial-gradient(58% 100% at 50% 100%, var(--gras-1), transparent 72%), radial-gradient(36% 78% at 82% 100%, var(--gras-2), transparent 70%);filter:blur(2px);height:60%;position:fixed;bottom:-22%;left:-10%;right:-10%}.pil{background:var(--kaart);color:var(--grijs);box-shadow:var(--op-pil);border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:12.5px;display:inline-flex}button.pil{cursor:pointer}button.pil:hover{color:var(--ink)}.pil.merk{color:var(--ink);letter-spacing:-.01em;font-weight:600}.pil svg{flex:none;display:block}.auth{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:40px 24px;display:flex;position:relative}.auth-card{background:var(--kaart);width:100%;max-width:420px;box-shadow:var(--op-kaart);border-radius:30px;padding:40px 38px 32px}.teken{color:#fff;letter-spacing:-.02em;background:linear-gradient(158deg, var(--g1), var(--g2) 46%, var(--g3));box-shadow:0 14px 30px -10px rgba(var(--gl), .62), inset 0 1px 0 #ffffff57;border-radius:26px;justify-content:center;align-items:center;font-weight:600;line-height:1;transition:transform .16s,box-shadow .16s;display:flex;overflow:hidden}.blauw{--g1:#6aabf2;--g2:#3987e5;--g3:#2464b8;--gl:57, 135, 229}.oranje{--g1:#f0855a;--g2:#d95926;--g3:#ab3f14;--gl:217, 89, 38}.groen{--g1:#45c295;--g2:#199e70;--g3:#0d7350;--gl:25, 158, 112}.geel{--g1:#efb43f;--g2:#c98500;--g3:#966100;--gl:201, 133, 0}.auth-teken{border-radius:17px;width:62px;height:62px;font-size:26px}.auth-mark{letter-spacing:-.025em;color:var(--ink);margin:26px 0 8px;font-size:32px;font-weight:600;line-height:1.15}.auth-sub{color:var(--grijs);margin:0 0 30px;font-size:14.5px;line-height:1.55}.auth-field{margin-bottom:14px}.auth-field:last-of-type{margin-bottom:24px}.auth-label{color:var(--grijs);margin:0 0 7px;font-size:12px;display:block}.auth-input{background:var(--veld);width:100%;color:var(--ink);border:1px solid #0000;border-radius:13px;padding:12px 14px;font-family:inherit;font-size:14.5px}.auth-input:focus-visible{background:var(--kaart);border-color:#3987e5;outline:none;box-shadow:0 0 0 3px #3987e529}.auth-code{letter-spacing:.34em;text-align:center;padding:14px;font-size:20px}.auth-btn{cursor:pointer;background:var(--ink);width:100%;color:var(--bg);border:0;border-radius:999px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:500}.auth-btn:hover:not(:disabled){opacity:.88}.auth-btn:disabled{opacity:.4;cursor:default}.auth-err{color:var(--crit);background:#c0392f14;border-radius:13px;margin:0 0 16px;padding:11px 14px;font-size:13px;line-height:1.5}.auth-note{color:var(--grijs);border-top:1px solid var(--streep);margin:20px 0 0;padding-top:18px;font-size:12.5px;line-height:1.6}.auth-note b{color:var(--ink);font-weight:500}.auth-qr{background:#fff;border-radius:18px;width:176px;height:176px;margin:0 auto 16px;padding:10px;display:block}.auth-secret{word-break:break-all;background:var(--veld);color:var(--ink);text-align:center;border-radius:13px;margin:0 0 16px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.auth-steps{color:var(--grijs);margin:0 0 20px;padding-left:18px;font-size:13.5px;line-height:1.8}.auth-steps code{background:var(--veld);color:var(--ink);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.auth-link{font:inherit;color:var(--grijs);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:12.5px;text-decoration:underline}.auth-link:hover{color:var(--ink)}.merkjes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.merkje{background:var(--kaart);color:var(--grijs);white-space:nowrap;box-shadow:var(--op-pil);border-radius:999px;align-items:center;gap:5px;padding:5px 11px 5px 6px;font-size:11px;display:inline-flex}.merkje svg{color:var(--ink);flex:none}.vel{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.hdr{flex-wrap:wrap;align-items:center;gap:10px;padding:20px 24px;display:flex}.hdr-right{align-items:center;gap:10px;margin-left:auto;display:flex}.company{color:var(--grijs);text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:12.5px;overflow:hidden}@media (max-width:720px){.company{display:none}}.hub{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:40px;padding:20px 24px 80px;display:flex}.hub-hd{letter-spacing:.1em;text-transform:uppercase;color:var(--grijs);margin:0;font-size:11px}.tegels{flex-wrap:wrap;justify-content:center;gap:34px;display:flex}.tegel{width:152px;color:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:14px;padding:0;text-decoration:none;display:flex}a.tegel,button.tegel{cursor:pointer}.tegel .teken{width:96px;height:96px;font-size:34px}.tegel .teken[data-lang="2"]{font-size:27px}.tegel .teken[data-lang="3"]{font-size:21px}a.tegel:hover .teken,button.tegel:hover .teken{box-shadow:0 20px 38px -10px rgba(var(--gl), .7), inset 0 1px 0 #ffffff57;transform:translateY(-3px)}.tegel.sleept .teken{box-shadow:0 8px 18px -8px rgba(var(--gl), .5);transform:scale(.95)}.tegel .nm{letter-spacing:-.01em;color:var(--ink);font-size:15px;font-weight:500}.tegel .ad{color:var(--grijs);font-size:12px}.tegel-tekst{flex-direction:column;align-items:center;gap:3px;display:flex}.tegel.leeg .teken,.tegel.nieuw .teken{color:var(--grijs);border:1.5px dashed var(--rand);box-shadow:none;background:0 0}.tegel.leeg .nm{color:var(--grijs)}.tegel.nieuw{touch-action:auto}.tegel.nieuw .nm{color:var(--grijs)}a.tegel.leeg:hover .teken,.tegel.nieuw:hover .teken{box-shadow:none;border-color:var(--grijs);transform:none}@media (prefers-reduced-motion:reduce){.teken{transition:none}}@media (max-width:560px){.hub{gap:30px;padding:12px 20px 60px}.tegels{gap:26px 20px}.tegel{width:138px}.tegel .teken{border-radius:28px;width:104px;height:104px}.auth-card{border-radius:26px;padding:34px 26px 28px}.auth-mark{font-size:28px}}.tekenhouder{display:inline-flex;position:relative}.potlood{background:var(--kaart);width:28px;height:28px;color:var(--ink);box-shadow:var(--op-pil);border-radius:999px;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}.scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.paneel{background:var(--kaart);width:100%;max-width:440px;box-shadow:var(--op-kaart);border-radius:30px;padding:30px 30px 24px}.paneel-hd{align-items:center;gap:16px;margin-bottom:26px;display:flex}.paneel-teken{border-radius:16px;flex:none;width:58px;height:58px;font-size:24px}.paneel-teken[data-lang="2"]{font-size:19px}.paneel-teken[data-lang="3"]{font-size:15px}.paneel-t{letter-spacing:-.02em;margin:0 0 2px;font-size:19px;font-weight:600}.paneel-s{color:var(--grijs);word-break:break-all;margin:0;font-size:12.5px}.veld-uitleg{color:var(--grijs);margin:7px 0 0;font-size:11.5px;line-height:1.5}.kleuren{gap:10px;display:flex}.kleur{cursor:pointer;background:linear-gradient(158deg, var(--g1), var(--g2) 46%, var(--g3));width:36px;height:36px;box-shadow:0 6px 14px -6px rgba(var(--gl), .6), inset 0 1px 0 #ffffff57;border:0;border-radius:12px;padding:0}.kleur[aria-pressed=true]{box-shadow:0 0 0 2px var(--kaart), 0 0 0 4px var(--ink)}.logorij{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.knoppenrij{gap:10px;margin-top:26px;display:flex}.knoppenrij .auth-btn{margin:0}.auth-btn.grijs{background:var(--veld);color:var(--ink)}.auth-link.gevaar{color:var(--crit)}.weg-vraag{text-align:center;color:var(--grijs);margin:18px 0 0;font-size:12.5px}@media (max-width:560px){.paneel{border-radius:26px;padding:26px 22px 20px}.knoppenrij{flex-direction:column-reverse}}.teken img{object-fit:contain;width:100%;height:100%;padding:17%}.teken[data-vullend=ja] img{object-fit:cover;padding:0}.teken[data-vlak=wit]{background:#fff;box-shadow:0 14px 30px -12px #0a0a0a42,inset 0 0 0 1px #0a0a0a12}.teken[data-vlak=donker]{background:#17191b;box-shadow:0 14px 30px -12px #0a0a0a85,inset 0 0 0 1px #ffffff17}.teken[data-vlak=geen]{box-shadow:none;background:0 0}.teken[data-vlak=geen] img{padding:0}a.tegel:hover .teken[data-vlak=wit],button.tegel:hover .teken[data-vlak=wit]{box-shadow:0 20px 38px -12px #0a0a0a57,inset 0 0 0 1px #0a0a0a12}a.tegel:hover .teken[data-vlak=donker],button.tegel:hover .teken[data-vlak=donker]{box-shadow:0 20px 38px -12px #0a0a0a9e,inset 0 0 0 1px #ffffff17}a.tegel:hover .teken[data-vlak=geen],button.tegel:hover .teken[data-vlak=geen]{box-shadow:none}.keuzes{flex-wrap:wrap;gap:8px;display:flex}.keuze{cursor:pointer;background:var(--veld);color:var(--grijs);border:0;border-radius:999px;padding:8px 15px;font-family:inherit;font-size:12.5px}.keuze:hover{color:var(--ink)}.keuze[aria-pressed=true]{background:var(--ink);color:var(--bg)}