:root{--bg: #ebe5de;--surface: #ffffff;--surface-2: #f2ede6;--border: #dcd5cc;--border-strong: #888075;--rail: #888075;--text: #15141a;--text-2: #5c5851;--text-3: #635e57;--accent: #0a6b4c;--accent-soft: #e2f0ea;--current: #0a6b4c;--future: #c1174b;--on-accent: #ffffff;--on-future: #ffffff;--danger: #a3311f;--ok: #0a6b4c;--heat-1: #e6efe9;--heat-2: #c8e0d4;--heat-3: #a4cdbb;--heat-4: #7ab89e;--heat-5: #4ba081;--heat-fg: #15141a;--heat-fg-1: var(--heat-fg);--heat-fg-2: var(--heat-fg);--heat-fg-3: var(--heat-fg);--heat-fg-4: var(--heat-fg);--heat-fg-5: var(--heat-fg);--text-heading: var(--text);--focus: var(--text);--chrome: var(--surface);--on-chrome: var(--text);--on-chrome-muted: var(--text-2);--on-chrome-accent: var(--accent);--topbar-h: 64px;--micro-family: var(--font-mono);--micro-transform: uppercase;--micro-tracking: .1em;--fs-micro: 9.5px;--lh-micro: 1.5;--font-display: "Space Grotesk", system-ui, sans-serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-1: 11px;--fs-2: 13px;--fs-3: 15px;--fs-4: 19px;--fs-5: 33px;--fs-h3: var(--fs-3);--lh-h1: 38px;--lh-h2: 24px;--lh-h3: 20px;--lh-body: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(21, 20, 26, .05), 0 8px 24px -14px rgba(21, 20, 26, .22);--shadow-licht: 0 1px 2px rgba(21, 20, 26, .14);--shadow-paneel: 0 8px 24px -4px rgba(21, 20, 26, .16), 0 2px 6px -2px rgba(21, 20, 26, .1);--surface-overlay: var(--surface);--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #15141a;--surface: #1c1b22;--surface-2: #232229;--border: #2e2c36;--border-strong: #6a6773;--rail: #6a6773;--text: #ece6df;--text-2: #9a958e;--text-3: #948f86;--accent: #3dffd2;--accent-soft: #12332b;--current: #3dffd2;--future: #ff4e7a;--on-accent: #0a1512;--on-future: #15141a;--danger: #f08a7a;--ok: #3dffd2;--heat-1: #1e2a27;--heat-2: #23423a;--heat-3: #295b4d;--heat-4: #245b4d;--heat-5: #29715f;--heat-fg: #ece6df;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 10px 30px -16px rgba(0, 0, 0, .8);--shadow-licht: 0 1px 2px rgba(0, 0, 0, .5);--shadow-paneel: 0 8px 24px -4px rgba(0, 0, 0, .6), 0 2px 6px -2px rgba(0, 0, 0, .5);--surface-overlay: var(--surface-2)}}.force-light{--surface: #ffffff;--surface-2: #f2ede6;--border: #dcd5cc;--border-strong: #888075;--rail: #888075;--text: #15141a;--text-2: #5c5851;--text-3: #635e57;--accent: #0a6b4c;--current: #0a6b4c;--future: #c1174b}*{box-sizing:border-box}html,body,#root{height:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104'%3E%3Ctext x='6' y='22' font-family='monospace' font-size='13' fill='%23888'%3E1%3C/text%3E%3Ctext x='58' y='22' font-family='monospace' font-size='13' fill='%23888'%3E4%3C/text%3E%3Ctext x='32' y='48' font-family='monospace' font-size='13' fill='%23888'%3E2%3C/text%3E%3Ctext x='84' y='48' font-family='monospace' font-size='13' fill='%23888'%3E5%3C/text%3E%3Ctext x='6' y='74' font-family='monospace' font-size='13' fill='%23888'%3E3%3C/text%3E%3Ctext x='58' y='74' font-family='monospace' font-size='13' fill='%23888'%3E1%3C/text%3E%3Ctext x='32' y='100' font-family='monospace' font-size='13' fill='%23888'%3E4%3C/text%3E%3Ctext x='84' y='100' font-family='monospace' font-size='13' fill='%23888'%3E2%3C/text%3E%3C/svg%3E")}.topbar,.shell,.center-page{position:relative;z-index:1}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-3);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--text-heading);text-wrap:balance}h1{font-size:var(--fs-5);line-height:var(--lh-h1);max-width:22ch}.kolom .kop h1{min-height:calc(var(--lh-h1) * 2)}h2{font-size:var(--fs-4);line-height:var(--lh-h2)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3)}p{margin:0}a{color:var(--accent)}.micro,th,.pill,.levels button .lb{font-family:var(--micro-family);font-size:var(--fs-1);line-height:var(--lh-micro);letter-spacing:var(--micro-tracking);text-transform:var(--micro-transform)}.shell{max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-5) 96px}.shell.narrow{max-width:760px}.topbar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--topbar-h);padding:0 var(--space-5);border-bottom:1px solid var(--border);background:var(--chrome);color:var(--on-chrome);position:sticky;top:0;z-index:20}.topbar .brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--on-chrome)}.topbar .sep,.topbar .muted,.topbar .small{color:var(--on-chrome-muted)}.topbar .leeft{background:var(--on-chrome-accent)}.topbar .spacer{flex:1}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5)}.card:before,.card:after{content:"";position:absolute;width:11px;height:11px;border:1px solid var(--border-strong);pointer-events:none;opacity:.7}.card:before{top:-1px;left:-1px;border-right:0;border-bottom:0;border-radius:var(--radius-lg) 0 0 0}.card:after{bottom:-1px;right:-1px;border-left:0;border-top:0;border-radius:0 0 var(--radius-lg) 0}.card+.card{margin-top:var(--space-5)}.card-head{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.card-head p,.card>p{max-width:58ch;text-wrap:pretty}.card-head .spacer{flex:1}.card h2{min-height:40px;display:flex;align-items:center}.card-head select{min-height:40px;height:40px;padding:0 var(--space-3)}.card-head>button.sm{margin-top:var(--space-1)}.grid-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5)}.grid-2.wide-right{grid-template-columns:minmax(0,1fr) fit-content(60%)}.grid-2{column-gap:var(--space-6)}.grid-2>.card+.card{margin-top:0}.grid-2+.card{margin-top:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.muted{color:var(--text-2)}.small{font-size:var(--fs-2)}.mono{font-family:var(--font-mono)}.icoon{flex:none}button,.btn{font:inherit;font-weight:500;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);min-height:40px;padding:0 var(--space-4);cursor:pointer;transition:background .14s,border-color .14s,color .14s,transform .06s var(--spring);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}button:hover,.btn:hover{background:var(--surface-2)}button:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover{background:var(--accent);filter:brightness(1.08)}button.ghost{border-color:transparent;background:transparent;color:var(--text-2)}button.ghost:hover{background:var(--surface-2);color:var(--text)}button.danger{color:var(--danger);border-color:transparent;background:transparent}button.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}button.sm{min-height:32px;padding:0 var(--space-3);font-size:var(--fs-2)}input[type=text],input[type=password],textarea,select{font:inherit;width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:transparent}:where(button,.btn,summary,a,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}input[type=text].small{font-size:var(--fs-2);color:var(--text-2)}label.field{display:block}label.field>span{display:block;font-size:var(--fs-2);color:var(--text-2);margin-bottom:5px}.tabs{display:inline-flex;padding:3px;gap:3px;background:var(--surface-2);border-radius:11px}.tabs button{border:none;background:transparent;color:var(--text-2);border-radius:8px;padding:7px 15px}.tabs button[aria-current]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-licht)}.topbar .uitloggen{margin-left:var(--space-4);color:var(--on-chrome-muted)}.topbar .uitloggen:hover{color:var(--on-chrome);background:transparent}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.banner{border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-size:var(--fs-2);background:var(--accent-soft);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.banner.error{background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.kolom{min-width:0}.kolom>.card-head,.kolom>h2{margin-bottom:var(--space-3)}.kolom .kop{padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-2)}.skill{padding:var(--space-5) 0;border-top:1px solid var(--border)}.skill:first-child{border-top:none;padding-top:var(--space-1)}.skill-head{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.skill-head .name{font-family:var(--font-display);font-weight:500;font-size:var(--fs-h3);letter-spacing:-.01em}.skill-head .spacer{flex:1}.skill-desc{color:var(--text);font-size:var(--fs-2);margin:0 0 var(--space-1);max-width:58ch}.nog-open{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid transparent;line-height:19.5px;color:var(--text-3)}.voet-lijst{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-2)}.voet-lijst .spacer{flex:1}@keyframes aanwijzen{0%{background:color-mix(in srgb,var(--accent) 18%,transparent)}to{background:transparent}}.skill.aangewezen{animation:aanwijzen 1.6s ease-out;border-radius:var(--radius)}.anchor{font-size:var(--fs-2);line-height:1.55;color:var(--text-2);margin:0 0 var(--space-4);max-width:58ch}.baan{margin-bottom:var(--space-1)}.baan-spoor{position:relative;height:44px}.baan-rail{position:absolute;left:34px;right:34px;top:0;bottom:0}.baan-lijn{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--rail);border-radius:2px}.baan-gat{position:absolute;top:50%;height:2px;margin-top:-1px;border-radius:2px;background:var(--future);transition:left .4s var(--spring),width .4s var(--spring)}.halte{position:absolute;top:0;z-index:1;width:44px;height:44px;margin-left:-22px;padding:0;display:grid;place-items:center;background:none;border:none;border-radius:0;cursor:pointer}.halte:hover,.halte:active{background:none;transform:none}.halte:disabled{cursor:not-allowed;opacity:.45}.halte:disabled:hover:before{opacity:0}.halte:disabled .merk{border-style:dashed}.baan-labels .uit{opacity:.4}.halte:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);opacity:0;transform:scale(.6);transition:opacity .16s,transform .2s var(--spring)}.halte:hover:before{opacity:1;transform:scale(1)}.halte:hover .merk{border-color:var(--text-3)}.halte:focus-visible{outline:none;border-radius:50%}.halte:focus-visible:before{opacity:1;transform:scale(1);outline:2px solid var(--focus);outline-offset:2px}.merk{width:8px;height:8px;border-radius:50%;background:var(--surface);border:2px solid var(--rail);box-sizing:border-box;transition:width .3s var(--spring),height .3s var(--spring),background .2s,border-color .2s,transform .2s var(--spring)}.merk.is-nu{width:18px;height:18px;background:var(--current);border-color:var(--current)}.merk.is-doel{width:18px;height:18px;background:var(--surface);border-color:var(--future)}.merk.is-nu.is-doel{width:20px;height:20px;background:var(--current);border-color:var(--future);box-shadow:inset 0 0 0 2px var(--surface)}.baan .merk.is-doel:not(.is-nu){border-color:color-mix(in srgb,var(--future) 72%,var(--bg))}.baan.doelstap .merk.is-doel{opacity:1}.baan.doelstap .merk.is-nu:not(.is-doel){background:color-mix(in srgb,var(--current) 60%,var(--bg));border-color:color-mix(in srgb,var(--current) 60%,var(--bg))}.halte.tussen .merk{width:6px;height:6px;border-width:1px}.halte.tussen:hover .merk{border-width:2px}.halte.tussen .merk.is-nu,.halte.tussen .merk.is-doel{width:16px;height:16px;border-width:2px}.baan-ankers{display:flex;justify-content:space-between;gap:var(--space-5);margin:var(--space-2) 34px 0;font-family:var(--micro-family);font-size:var(--fs-micro);line-height:var(--lh-micro);letter-spacing:var(--micro-tracking);color:var(--text-3)}.baan-ankers span{max-width:46%}.baan-ankers span:last-child{text-align:right}.halte-label{display:none}.baan-labels{position:relative;height:1.6em;margin:0 34px;overflow:visible;font-family:var(--micro-family);font-size:var(--fs-micro);letter-spacing:var(--micro-tracking);text-transform:var(--micro-transform);color:var(--text-3)}.baan-labels span{position:absolute;top:0;white-space:nowrap}.baan-labels .is-nu{color:var(--current)}.baan-labels .is-doel{color:var(--future)}.as-label{font-family:var(--micro-family);letter-spacing:var(--micro-tracking);text-transform:var(--micro-transform)}.thema-keuze{border:none;padding:0;margin:0}.thema-keuze legend{display:block;font-size:var(--fs-2);color:var(--text-2);margin-bottom:5px;padding:0}.thema-keuze{display:flex;flex-wrap:wrap;gap:var(--space-2)}.thema-keuze legend{flex-basis:100%}.thema-keuze label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer}.thema-keuze label:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.thema-keuze label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.thema-keuze input{accent-color:var(--accent);margin:0}.niveaus{position:relative;display:inline-block;margin-bottom:var(--space-2)}.niveaus-paneel{position:absolute;z-index:20;top:calc(100% + var(--space-1));left:0;width:min(400px,calc(100vw - var(--space-6)));background:var(--surface-overlay);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-paneel);padding:var(--space-4)}.niveaus-paneel dl{margin:0;display:grid;gap:var(--space-3)}.niveaus-paneel dt{display:flex;align-items:baseline;gap:var(--space-2);font-weight:600;font-size:var(--fs-2)}.niveaus-paneel .trede{flex:none;min-width:18px;text-align:center;font-family:var(--micro-family);font-size:var(--fs-1);color:var(--text-3);font-weight:400}.niveaus-paneel dd{margin:0 0 0 26px;font-size:var(--fs-2);color:var(--text-2)}.niveaus-paneel .tussen{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);font-size:var(--fs-2);color:var(--text-3)}.legend{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--fs-2);color:var(--text-2)}.legend .item{display:inline-flex;align-items:center;gap:var(--space-2)}table{width:100%;border-collapse:collapse;font-size:var(--fs-2)}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}th{font-weight:700;color:var(--text-2)}thead th{border-bottom:1px solid var(--border-strong)}tbody th{font-family:var(--font-ui);font-weight:400;font-size:var(--fs-2);text-transform:none;letter-spacing:0;color:var(--text)}tbody tr:hover{background:var(--surface-2)}td.num,th.num{text-align:center;font-variant-numeric:tabular-nums}th.num{text-align:center}.heat{border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.table-wrap{overflow-x:auto}.schaalsleutel{color:var(--text-3);margin-top:var(--space-3);line-height:1.9}.schaalsleutel span{white-space:nowrap}.schaalsleutel i{font-style:normal;opacity:.55}.schaalsleutel b{color:var(--text-2);font-weight:700}.heat{display:inline-block;min-width:26px;padding:2px 6px;border-radius:6px;font-variant-numeric:tabular-nums;color:var(--heat-fg)}td.num .cell{display:grid;grid-template-columns:44px 34px;align-items:center;justify-content:center;gap:var(--space-1)}td.num .cell .to{display:inline-flex;align-items:center;font-size:var(--fs-1);color:var(--text-2);font-family:var(--micro-family)}.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-5);top:var(--space-3);z-index:30;background:var(--surface);color:var(--text);padding:8px 14px;border-radius:var(--radius);outline:2px solid var(--focus)}.token-link{display:flex;align-items:center;gap:var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-height:40px;padding:0 var(--space-2);font-size:var(--fs-2)}.deelnemer-rij{flex-wrap:nowrap;gap:var(--space-4);padding:var(--space-2) 0;min-height:44px;border-top:1px solid var(--border)}.deelnemer-rij:first-child{border-top:none}.deelnemer-rij .wie{flex:none;width:calc(var(--space-6) * 5 + var(--space-4))}.deelnemer-rij .stand{flex:none;justify-content:center;white-space:nowrap;min-width:calc(var(--space-6) * 4)}.token-link code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}.center-page{min-height:100%;display:grid;place-items:center;padding:40px 20px}.shell.afronden{animation:wegvallen .32s ease forwards}@keyframes wegvallen{to{opacity:0;transform:translateY(-10px) scale(.985)}}.shell.afgerond{animation:opkomen .45s var(--spring) both}.shell.afgerond>.card{max-width:820px}.shell.afgerond .card{padding:var(--space-6)}.shell.afgerond h1{font-size:var(--fs-5)}.entree{position:relative;min-height:100%;display:flex;align-items:center;padding:0 clamp(24px,7vw,96px);overflow:hidden}.entree-web{position:absolute;right:-14vw;top:50%;transform:translateY(-50%);width:min(82vh,760px);height:min(82vh,760px);color:var(--border-strong);opacity:.5;pointer-events:none}.entree-inhoud{position:relative;z-index:1;width:100%;max-width:560px}.entree .merk{display:flex;align-items:center;gap:var(--space-2);white-space:nowrap;color:var(--text-3);margin-bottom:var(--space-5)}.entree h1{font-size:clamp(30px,4.4vw,46px);line-height:1.08;max-width:15ch;margin-bottom:var(--space-6)}.entree h1 em{font-style:normal;color:var(--accent)}.entree-vorm{display:flex;flex-direction:column;gap:var(--space-3);max-width:340px}.entree-vorm.breed{max-width:520px}.entree-vorm .field>span{margin-bottom:var(--space-2);color:var(--text-3)}.entree-vorm .voet{color:var(--text-3);margin-top:var(--space-1)}.entree-vorm .voet-knop{align-self:flex-start;margin-top:var(--space-1)}button.groot{justify-content:center;padding:11px 18px}.entree:before,.entree:after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--border-strong);opacity:.8;pointer-events:none}.entree:before{top:24px;left:24px;border-right:0;border-bottom:0}.entree:after{bottom:24px;right:24px;border-left:0;border-top:0}.sessielijst{display:flex;flex-direction:column;gap:1px}.sessielijst button{display:flex;align-items:baseline;gap:var(--space-3);width:100%;text-align:left;background:none;border:none;border-top:1px solid var(--border);border-radius:0;padding:var(--space-3) 0}.sessielijst button:hover{background:none}.sessielijst button:hover .naam{color:var(--accent)}.sessielijst .naam{font-family:var(--font-display);font-weight:500;font-size:var(--fs-3);letter-spacing:-.01em;transition:color .14s}.sessielijst .micro{color:var(--text-3)}.sessielijst .code{color:var(--text-2)}@media (max-width: 700px){.entree-web{display:none}}.skeleton{color:var(--text-3);padding:60px 0;text-align:center}@media (max-width: 820px){.grid-2,.grid-2.wide-right{grid-template-columns:1fr}.baan-spoor{height:auto}.baan-rail{position:static;left:auto;right:auto;top:auto;bottom:auto}.baan-lijn,.baan-gat{display:none}.halte{position:static;width:auto;height:46px;margin:0;padding:0 4px;display:flex;align-items:center;gap:var(--space-3);border-top:1px solid var(--border)}.halte-label{display:block;font-family:var(--micro-family);font-size:var(--fs-1);letter-spacing:var(--micro-tracking);text-transform:var(--micro-transform);color:var(--text-2)}.baan-labels{display:none}.baan-ankers{margin-left:0;margin-right:0}.shell{padding:var(--space-4) var(--space-3) 80px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.stack:has(>.wachtrij-rij){gap:0}.wachtrij-rij{flex-wrap:nowrap;gap:var(--space-3);padding:var(--space-1) 0;min-height:44px;border-top:1px solid var(--border)}.wachtrij-rij:first-child{border-top:none}.wachtrij-rij .naam{font-weight:600}.wachtrij-rij .spacer{flex:1}.wachtrij-rij .voortgang,.wachtrij-rij .pill{flex:none}.voortgang{display:flex;align-items:center;gap:var(--space-2)}.voortgang .balk{width:calc(var(--space-6) * 4);height:var(--space-1);border-radius:2px;background:var(--border);overflow:hidden}.voortgang .balk span{display:block;height:100%;border-radius:2px;background:var(--accent);transition:width .5s var(--spring)}.voortgang .telling{font-family:var(--font-mono);font-size:var(--fs-1);letter-spacing:.1em;color:var(--text-2);white-space:nowrap}.leeft{width:7px;height:7px;border-radius:50%;flex:none;background:var(--accent);animation:pols 2.4s ease-in-out infinite}@keyframes pols{0%,to{opacity:1;box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}50%{opacity:.75;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 0%,transparent)}}@keyframes opkomen{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.opkomen{animation:opkomen .4s var(--spring) both}:root[data-thema=coa]{--bg: #f8f9fa;--surface: #ffffff;--surface-2: #eff2f3;--border: #dde6e8;--border-strong: #cad6d9;--rail: #66767a;--text: #002d36;--text-2: #495a5e;--text-3: #66767a;--text-heading: #064855;--accent: #067788;--accent-soft: #edf6f8;--on-accent: #ffffff;--focus: #9c7308;--link: #bb396d;--danger: #ca2301;--ok: #30794e;--current: #067788;--future: #be8c0a;--on-future: #002d36;--heat-1: #ebf6f8;--heat-2: #bce1e9;--heat-3: #8cc9d7;--heat-4: #5db1c3;--heat-5: #067788;--heat-fg: #002d36;--heat-fg-1: #002d36;--heat-fg-2: #002d36;--heat-fg-3: #002d36;--heat-fg-4: #002d36;--heat-fg-5: #ffffff;--chrome: #064855;--on-chrome: #ffffff;--on-chrome-muted: #afd8e1;--on-chrome-accent: #d9a730;--topbar-h: 48px;--font-display: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-ui: "Source Sans 3", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--micro-family: var(--font-ui);--micro-transform: none;--micro-tracking: 0;--fs-micro: 12px;--lh-micro: 16px;--fs-1: 12px;--fs-2: 14px;--fs-3: 14px;--fs-h3: 16px;--fs-4: 20px;--fs-5: 24px;--lh-h1: 32px;--lh-h2: 28px;--lh-h3: 24px;--lh-body: 20px;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 2px 0 rgba(43, 42, 39, .05);--shadow-licht: 0 1px 3px 0 rgba(43, 42, 39, .07), 0 1px 2px -1px rgba(43, 42, 39, .05);--shadow-paneel: 0 8px 24px -4px rgba(43, 42, 39, .1), 0 2px 6px -2px rgba(43, 42, 39, .06);--surface-overlay: #ffffff;--spring: cubic-bezier(.2, 0, 0, 1)}:root[data-thema=coa]{color-scheme:light}:root[data-thema=coa][data-donker]{color-scheme:dark;--bg: #001a20;--surface: #002d36;--surface-2: #03404c;--border: #135f6e;--border-strong: #067788;--rail: #8c9b9f;--text: #eff2f3;--text-2: #b0bdc1;--text-3: #8c9b9f;--text-heading: #ffffff;--accent: #067788;--accent-soft: #03404c;--focus: #d9a730;--link: #f293b4;--danger: #fc937f;--ok: #7cc46a;--current: #52aabc;--future: #d9a730;--on-future: #002d36;--heat-1: #064855;--heat-2: #135f6e;--heat-3: #067788;--heat-4: #5db1c3;--heat-5: #8cc9d7;--heat-fg: #ffffff;--heat-fg-1: #ffffff;--heat-fg-2: #ffffff;--heat-fg-3: #ffffff;--heat-fg-4: #002d36;--heat-fg-5: #002d36;--chrome: #001a20;--on-chrome-muted: #b0bdc1;--on-chrome-accent: #d9a730;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-paneel: 0 8px 24px -4px rgba(0, 0, 0, .5), 0 2px 6px -2px rgba(0, 0, 0, .4);--surface-overlay: #064855}:root[data-thema=coa] a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}:root[data-thema=coa] a:hover{text-decoration-thickness:2px}:root[data-thema=coa] body:before{display:none}:root[data-thema=coa] .card:before,:root[data-thema=coa] .card:after,:root[data-thema=coa] .entree:before,:root[data-thema=coa] .entree:after{display:none}:root[data-thema=coa] .grid-2>.card{box-shadow:none}:root[data-thema=coa] .tabs{background:transparent;border:none;border-radius:0;padding:0;gap:var(--space-4);align-self:stretch;align-items:stretch}:root[data-thema=coa] .tabs button{border-radius:0;box-shadow:none;background:none;padding:0 var(--space-1);border-bottom:2px solid transparent;display:inline-flex;align-items:center}:root[data-thema=coa] .tabs button[aria-current]{background:none;box-shadow:none;border-bottom-color:var(--focus)}:root[data-thema=coa] .topbar .tabs button{color:var(--on-chrome-muted)}:root[data-thema=coa] .topbar .tabs button[aria-current]{color:var(--on-chrome)}:root[data-thema=coa] .topbar .tabs button:hover{color:var(--on-chrome)}:root[data-thema=coa] .kolom .tabs,:root[data-thema=coa] .entree .tabs{border-bottom:1px solid var(--border)}:root[data-thema=coa] .kolom .tabs button{padding:var(--space-2) var(--space-1)}:root[data-thema=coa] h1,:root[data-thema=coa] h2,:root[data-thema=coa] h3{letter-spacing:0}:root[data-thema=coa] .force-light{--surface: #ffffff;--surface-2: #eff2f3;--border: #dde6e8;--border-strong: #cad6d9;--rail: #66767a;--text: #002d36;--text-2: #495a5e;--text-3: #66767a;--text-heading: #064855;--accent: #067788;--current: #067788;--future: #be8c0a;--on-future: #002d36}