:root{--font-display:Archivo, "Helvetica Neue", Arial, sans-serif;--font-body:Archivo, "Helvetica Neue", Arial, sans-serif;--font-reading:Newsreader, Georgia, "Times New Roman", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--text-xs:12px;--leading-xs:16px;--tracking-xs:.02em;--text-sm:14px;--leading-sm:20px;--tracking-sm:.005em;--text-base:16px;--leading-base:24px;--tracking-base:0em;--text-md:18px;--leading-md:27px;--tracking-md:-.005em;--text-lg:22px;--leading-lg:30px;--tracking-lg:-.01em;--text-xl:28px;--leading-xl:34px;--tracking-xl:-.015em;--text-2xl:38px;--leading-2xl:44px;--tracking-2xl:-.02em;--text-3xl:52px;--leading-3xl:56px;--tracking-3xl:-.025em;--reading-size:19px;--reading-leading:31px;--reading-measure:66ch;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:22px;--radius-pill:999px;--duration-instant:90ms;--duration-quick:.16s;--duration-calm:.26s;--n-ground:#f7f9fa;--n-surface:#fff;--n-surface2:#edf1f3;--n-line:#dce3e7;--n-lineSoft:#e9eef1;--n-text:#0f1a20;--n-textSoft:#495963;--n-textFaint:#75868f;--type-video:#c8452a;--type-video-on:#fff;--type-audiobook:#a8720c;--type-audiobook-on:#fff;--type-ebook:#6e8b2a;--type-ebook-on:#fff;--type-document:#217f55;--type-document-on:#fff;--type-music:#0e7e94;--type-music-on:#fff;--type-podcast:#2e5aae;--type-podcast-on:#fff;--type-meeting:#4b4fa8;--type-meeting-on:#fff;--type-article:#8a3b88;--type-article-on:#fff;--type-community:#a83562;--type-community-on:#fff;--state-good:#1e7a4c;--state-warning:#8a6410;--state-critical:#a8341f;--state-info:#2e5aae;--shadow-rest:0 1px 2px #0f1a200f;--shadow-raised:0 2px 4px #0f1a200f, 0 12px 28px -14px #0f1a2038;--shadow-overlay:0 8px 16px #0f1a201a, 0 32px 64px -24px #0f1a204d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--n-ground:#0a0e12;--n-surface:#131a20;--n-surface2:#1c252c;--n-line:#2a353d;--n-lineSoft:#212b32;--n-text:#e8eef1;--n-textSoft:#a2b1ba;--n-textFaint:#6e7e88;--type-video:#f0765a;--type-video-on:#fff;--type-audiobook:#dfa53a;--type-audiobook-on:#fff;--type-ebook:#a8c862;--type-ebook-on:#fff;--type-document:#4fb88a;--type-document-on:#fff;--type-music:#3fb6ce;--type-music-on:#fff;--type-podcast:#6e95e0;--type-podcast-on:#fff;--type-meeting:#8a8edc;--type-meeting-on:#fff;--type-article:#c173be;--type-article-on:#fff;--type-community:#de7099;--type-community-on:#fff;--state-good:#49b37d;--state-warning:#d8a845;--state-critical:#e4785f;--state-info:#6e95e0;--shadow-rest:0 1px 2px #00000080;--shadow-raised:0 2px 4px #00000080, 0 14px 32px -16px #000c;--shadow-overlay:0 8px 16px #0009, 0 32px 64px -24px #000000e6}}:root[data-theme=dark]{--n-ground:#0a0e12;--n-surface:#131a20;--n-surface2:#1c252c;--n-line:#2a353d;--n-lineSoft:#212b32;--n-text:#e8eef1;--n-textSoft:#a2b1ba;--n-textFaint:#6e7e88;--type-video:#f0765a;--type-video-on:#fff;--type-audiobook:#dfa53a;--type-audiobook-on:#fff;--type-ebook:#a8c862;--type-ebook-on:#fff;--type-document:#4fb88a;--type-document-on:#fff;--type-music:#3fb6ce;--type-music-on:#fff;--type-podcast:#6e95e0;--type-podcast-on:#fff;--type-meeting:#8a8edc;--type-meeting-on:#fff;--type-article:#c173be;--type-article-on:#fff;--type-community:#de7099;--type-community-on:#fff;--state-good:#49b37d;--state-warning:#d8a845;--state-critical:#e4785f;--state-info:#6e95e0;--shadow-rest:0 1px 2px #00000080;--shadow-raised:0 2px 4px #00000080, 0 14px 32px -16px #000c;--shadow-overlay:0 8px 16px #0009, 0 32px 64px -24px #000000e6}:root[data-theme=light]{--n-ground:#f7f9fa;--n-surface:#fff;--n-surface2:#edf1f3;--n-line:#dce3e7;--n-lineSoft:#e9eef1;--n-text:#0f1a20;--n-textSoft:#495963;--n-textFaint:#75868f;--type-video:#c8452a;--type-video-on:#fff;--type-audiobook:#a8720c;--type-audiobook-on:#fff;--type-ebook:#6e8b2a;--type-ebook-on:#fff;--type-document:#217f55;--type-document-on:#fff;--type-music:#0e7e94;--type-music-on:#fff;--type-podcast:#2e5aae;--type-podcast-on:#fff;--type-meeting:#4b4fa8;--type-meeting-on:#fff;--type-article:#8a3b88;--type-article-on:#fff;--type-community:#a83562;--type-community-on:#fff;--state-good:#1e7a4c;--state-warning:#8a6410;--state-critical:#a8341f;--state-info:#2e5aae;--shadow-rest:0 1px 2px #0f1a200f;--shadow-raised:0 2px 4px #0f1a200f, 0 12px 28px -14px #0f1a2038;--shadow-overlay:0 8px 16px #0f1a201a, 0 32px 64px -24px #0f1a204d}:root{--n-ground:#0b0b0f;--n-surface:#16161c;--n-surface2:#21212a;--n-line:#2b2b36;--n-lineSoft:#1d1d25;--n-text:#f4f5f7;--n-textSoft:#aeb4be;--n-textFaint:#7b828d;--type-video:#f0765a;--type-audiobook:#dfa53a;--type-ebook:#a8c862;--type-document:#4fb88a;--type-music:#3fb6ce;--type-podcast:#6e95e0;--type-meeting:#8a8edc;--type-article:#c173be;--type-community:#de7099;--state-critical:#e4785f;--rand:clamp(16px, 4vw, 60px);--kop-hoog:68px}*{box-sizing:border-box}html{background:var(--n-ground)}body{background:var(--n-ground);color:var(--n-text);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}.shell{padding-bottom:var(--space-9);overflow-x:clip}.page{max-width:1240px;padding:calc(var(--kop-hoog) + var(--space-4)) var(--rand) var(--space-9);margin:0 auto}.top{z-index:40;align-items:center;gap:var(--space-4);height:var(--kop-hoog);padding:0 var(--rand);transition:background var(--duration-calm) ease;background:linear-gradient(#000000b8,#0000);display:flex;position:fixed;inset:0 0 auto}.top.vast{border-bottom:1px solid var(--n-lineSoft);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);background:#0b0b0ff0}.page>.top{border-bottom:1px solid var(--n-lineSoft);background:#0b0b0ff0}.brand{align-items:center;gap:var(--space-3);flex:none;display:flex}.wordmark{font-family:var(--font-display);font-size:24px;font-weight:var(--weight-bold);letter-spacing:-.035em;line-height:1}.wordmark b{color:var(--type-community);font-weight:var(--weight-bold)}.top-right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.who{font-size:var(--text-sm);color:var(--n-textSoft)}.btn{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);background:var(--type-video);color:#fff;cursor:pointer;white-space:nowrap;transition:filter var(--duration-quick) ease, background var(--duration-quick) ease;border:1px solid #0000;padding:8px 16px}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--n-text);background:#ffffff14;border-color:#ffffff29}.btn.ghost:hover{background:#ffffff29}.btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.search{min-width:120px;font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-sm);color:var(--n-text);background:#00000073;border:1px solid #ffffff2e;flex:0 320px;padding:8px 14px}.search::placeholder{color:var(--n-textFaint)}.search:disabled{opacity:.5}.search:focus-visible{outline-offset:1px;outline:2px solid #fff}.login{z-index:30;margin:calc(var(--kop-hoog) + var(--space-3)) var(--rand) 0;padding:var(--space-4);background:var(--n-surface);border:1px solid var(--n-line);border-radius:var(--radius-md);position:relative}.login-note{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--n-textSoft)}.login-note code{font-family:var(--font-mono);background:var(--n-surface2);border-radius:var(--radius-sm);padding:1px 5px;font-size:12px}.login-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.login input{font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--n-line);background:var(--n-ground);color:var(--n-text);flex:1;min-width:200px;padding:9px 12px}.login input:focus-visible{outline:2px solid var(--type-music);outline-offset:1px}.login-error{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--state-critical)}.hero{height:clamp(440px,74vh,760px);margin-bottom:calc(-1 * var(--space-7));isolation:isolate;position:relative}.hero-slide{opacity:0;visibility:hidden;transition:opacity .9s,visibility 0s linear .9s;position:absolute;inset:0}.hero-slide.op{opacity:1;visibility:visible;transition:opacity .9s}.hero-bg{filter:blur(34px)saturate(125%);opacity:.8;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.2)}.hero-art{background-position:50% 20%;background-size:cover;width:min(74%,1200px);position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26%);mask-image:linear-gradient(90deg,#0000 0%,#000 26%)}.hero-vlak{opacity:.5;position:absolute;inset:0}.hero-scrim{background:linear-gradient(to right, #0b0b0ff5 0%, #0b0b0fdb 22%, #0b0b0f73 48%, #0b0b0f14 74%, #0b0b0f00 100%), linear-gradient(to top, var(--n-ground) 0%, #0b0b0feb 9%, #0b0b0f73 24%, #0b0b0f00 52%);position:absolute;inset:0}.hero-inner{justify-content:flex-end;gap:var(--space-3);height:100%;padding:0 var(--rand) calc(var(--space-9) + var(--space-5));flex-direction:column;max-width:min(680px,68%);display:flex;position:relative}.hero-kind{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase}.hero-title{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 24px #0000008c;margin:0;font-size:clamp(34px,5.4vw,68px);line-height:1.02}.hero-sub{font-size:var(--text-md);color:var(--n-textSoft);text-shadow:0 1px 12px #0009;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:52ch;margin:0;display:-webkit-box;overflow:hidden}.hero-acts{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.hero-acts .btn{font-size:var(--text-base);border-radius:var(--radius-sm);padding:11px 26px}.hero-acts .btn.play{color:#0b0b0f;background:#fff}.hero-acts .btn.play:hover{filter:none;background:#ffffffd1}.hero-dots{right:var(--rand);bottom:calc(var(--space-9) + var(--space-5));z-index:3;gap:8px;display:flex;position:absolute}.hero-dot{cursor:pointer;width:26px;height:3px;transition:background var(--duration-quick) ease;background:#ffffff52;border:none;border-radius:2px;padding:0}.hero-dot.op{background:#fff}.hero-dot:focus-visible{outline-offset:3px;outline:2px solid #fff}@media (width<=720px){.hero{height:clamp(400px,66vh,560px)}.hero-inner{max-width:100%}.hero-art{opacity:.9;width:100%}.hero-scrim{background:linear-gradient(to top, var(--n-ground) 6%, #0b0b0fdb 34%, #0b0b0f40 70%, #0b0b0f1a 100%)}.hero-dots{display:none}}.hero.leeg{height:auto;padding:calc(var(--kop-hoog) + var(--space-8)) var(--rand) var(--space-7);margin-bottom:0}.notice{margin:var(--space-5) var(--rand) 0;padding:var(--space-5);border-radius:var(--radius-md);background:var(--n-surface);border:1px solid var(--n-line);color:var(--n-textSoft);font-size:var(--text-sm);align-items:center;gap:var(--space-4);justify-content:space-between;display:flex}.notice.error{border-color:var(--state-critical)}.notice.error strong{color:var(--state-critical);font-weight:var(--weight-semibold)}.shelf{margin-top:var(--space-6);position:relative}.shelf-title{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.01em;margin:0 0 var(--space-3);padding:0 var(--rand);display:flex}.shelf-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.shelf-count{font-family:var(--font-mono);color:var(--n-textFaint);font-size:11px;font-weight:var(--weight-regular);margin-left:var(--space-1)}.shelf-rail{align-items:start;gap:var(--space-3);padding:var(--space-2) var(--rand) var(--space-5);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-auto-columns:clamp(180px,22vw,260px);grid-auto-flow:column;display:grid;overflow-x:auto}.shelf-rail::-webkit-scrollbar{display:none}.rail-knop{z-index:5;cursor:pointer;color:#fff;opacity:0;width:40px;height:84px;transition:opacity var(--duration-quick) ease, background var(--duration-quick) ease;border-radius:var(--radius-sm);background:#0b0b0fb8;border:none;font-size:22px;line-height:1;position:absolute;top:calc(50% + 6px);transform:translateY(-50%)}.shelf:hover .rail-knop,.rail-knop:focus-visible{opacity:1}.rail-knop:hover{background:#0b0b0feb}.rail-knop.links{left:6px}.rail-knop.rechts{right:6px}@media (hover:none){.rail-knop{display:none}}.card{color:inherit;border-radius:var(--radius-sm);background:var(--n-surface);transition:transform var(--duration-quick) ease, box-shadow var(--duration-quick) ease;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:hover,.card:focus-visible{z-index:6;transform:scale(1.06);box-shadow:0 18px 40px -12px #000000d9}.card:focus-visible{outline-offset:2px;outline:2px solid #fff}.card-rail{z-index:2;height:3px;position:absolute;inset:0 0 auto}.card-img{aspect-ratio:16/9;object-fit:cover;background:var(--n-surface2);width:100%;display:block}.card.k-ebook .card-img,.card.k-document .card-img{aspect-ratio:2/3}.card.k-music .card-img,.card.k-podcast .card-img{aspect-ratio:1}.card-img-empty{aspect-ratio:16/9;align-items:flex-end;padding:10px 12px;display:flex}.card-woord{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:-.03em;text-transform:lowercase;opacity:.34;font-size:clamp(20px,2.4vw,30px);line-height:1}.card-body{background:var(--n-surface);flex-direction:column;flex:1;gap:2px;padding:9px 11px 11px;display:flex}.card-kind{font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.card-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:-.005em;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.card-sub{font-size:var(--text-xs);color:var(--n-textSoft);-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-foot{justify-content:space-between;gap:var(--space-2);font-family:var(--font-mono);color:var(--n-textFaint);font-variant-numeric:tabular-nums;margin-top:auto;padding-top:6px;font-size:10px;display:flex}.card-flat{cursor:default}.card-flat:hover{box-shadow:none;transform:none}.results{gap:var(--space-3);padding:0 var(--rand);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));display:grid}.shelf>.shelf-title+.results{margin-top:var(--space-2)}.foot{margin:var(--space-8) var(--rand) 0;padding-top:var(--space-5);border-top:1px solid var(--n-lineSoft);font-size:var(--text-sm);color:var(--n-textFaint)}@media (prefers-reduced-motion:reduce){*{transition:none!important}.hero-slide{transition:none}.shelf-rail{scroll-behavior:auto}}.detail{padding-top:var(--space-5)}.back{margin-bottom:var(--space-5)}.player{aspect-ratio:16/9;border-radius:var(--radius-md);background:#000;width:100%;max-width:980px;display:block}.player.locked{background-position:50%;background-size:cover;place-items:center;display:grid;position:relative;overflow:hidden}.player.locked:before{content:"";background:#000000b3;position:absolute;inset:0}.player.locked p{color:#fff;font-size:var(--text-md);font-weight:var(--weight-semibold);text-align:center;padding:var(--space-5);margin:0;position:relative}.detail-title{font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:var(--weight-bold);letter-spacing:-.025em;margin:var(--space-5) 0 var(--space-2);text-wrap:balance;max-width:20ch;line-height:1.05}.prose~.detail-title,article>.detail-title{max-width:24ch}.detail-meta{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--n-textSoft)}.detail-meta span{font-weight:var(--weight-semibold)}.detail-text{font-family:var(--font-reading);font-size:var(--reading-size);line-height:var(--reading-leading);max-width:var(--reading-measure);color:var(--n-textSoft);margin:0 0 var(--space-4)}.album-head{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.album-cover{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--n-line);width:220px}.album-head>div{flex:1;min-width:260px}.tracks{margin:var(--space-6) 0 0;max-width:700px;padding:0;list-style:none}.track{gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--n-lineSoft);grid-template-columns:28px 1fr auto auto;align-items:center;display:grid}.track.on{background:color-mix(in srgb, var(--type-music) 14%, transparent);border-radius:var(--radius-sm)}.track-no{font-family:var(--font-mono);color:var(--n-textFaint);font-size:12px}.track-title{font-size:var(--text-sm);font-weight:var(--weight-medium)}.track-dur{font-family:var(--font-mono);color:var(--n-textFaint);font-size:12px}.audio{width:100%;max-width:700px;margin-top:var(--space-5)}.detail-when{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--n-text);margin:0 0 var(--space-4)}.detail-note{font-size:var(--text-sm);color:var(--n-textFaint);max-width:52ch;margin:var(--space-4) 0 0}.detail-lede{font-family:var(--font-reading);color:var(--n-text);max-width:var(--reading-measure);margin:0 0 var(--space-5);font-size:21px;line-height:1.5}.article-hero{aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius-md);width:100%;max-width:980px;display:block}.book-cover{border-radius:var(--radius-sm);border:1px solid var(--n-line);width:190px;display:block}.prose{font-family:var(--font-reading);font-size:var(--reading-size);line-height:var(--reading-leading);max-width:var(--reading-measure);color:var(--n-text)}.prose p{margin:0 0 var(--space-4)}.prose em{font-style:italic}.prose strong{font-weight:var(--weight-semibold)}.post{padding:var(--space-4) 0;border-bottom:1px solid var(--n-lineSoft);max-width:var(--reading-measure)}.post.reply{padding-left:var(--space-5);border-left:2px solid var(--n-line)}.post-by{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 var(--space-2);color:var(--n-textSoft)}.replies-head{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:var(--space-6) 0 var(--space-3)}.gate{gap:var(--space-4);max-width:620px;padding:var(--space-5);background:var(--n-surface);border:1px solid var(--n-line);border-radius:var(--radius-md);align-items:flex-start;display:flex}.gate-icon{color:var(--type-music);flex:none;font-size:26px;line-height:1}.gate-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}.gate-note{font-size:var(--text-sm);color:var(--n-textSoft);margin:0 0 var(--space-4);max-width:46ch}.gate .btn{margin:0}.plans{gap:var(--space-4);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.plan{gap:var(--space-2);padding:var(--space-5);background:var(--n-surface);border:1px solid var(--n-line);border-radius:var(--radius-md);flex-direction:column;display:flex;position:relative}.plan.current{border-color:var(--type-music)}.plan-flag{top:-9px;left:var(--space-4);font-size:10px;font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--n-text);color:var(--n-ground);padding:2px 9px;position:absolute}.plan-flag.now{background:var(--type-music);color:#fff;left:auto;right:var(--space-4)}.plan-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.plan-price{align-items:baseline;gap:4px;margin:0;display:flex}.plan-amount{font-family:var(--font-display);font-size:30px;font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.plan-period{font-size:var(--text-sm);color:var(--n-textSoft)}.plan-covers{font-size:var(--text-sm);color:var(--n-text);margin:0}.plan-desc{font-size:var(--text-sm);color:var(--n-textSoft);margin:0}.plan .btn{margin-top:auto}.plan-cancel{margin:var(--space-5) 0 0;font-size:var(--text-sm);color:var(--n-textSoft)}.linklike{cursor:pointer;font:inherit;color:var(--state-critical);background:0 0;border:none;padding:0;text-decoration:underline}.plan-note{margin:var(--space-6) 0 0;padding:var(--space-4);background:var(--n-surface2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--n-textSoft);max-width:64ch}.plan-note strong{color:var(--n-text)}.reader{min-height:100vh;padding-bottom:var(--space-5);flex-direction:column;display:flex}.reader-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--n-lineSoft);background:var(--n-ground);z-index:2;display:flex;position:sticky;top:0}.reader-where{font-size:var(--text-sm);color:var(--n-textSoft);text-align:center;flex:1}.reader-where strong{color:var(--n-text);font-weight:var(--weight-semibold)}.reader-count{font-family:var(--font-mono);font-size:12px}.reader-toc{padding:var(--space-3) 0;border-bottom:1px solid var(--n-lineSoft);max-height:44vh;margin:0;list-style:none;overflow-y:auto}.toc-item{gap:var(--space-3);text-align:left;cursor:pointer;width:100%;padding:8px var(--space-2);font:inherit;font-size:var(--text-sm);color:var(--n-textSoft);border-radius:var(--radius-sm);background:0 0;border:none;display:flex}.toc-item:hover{background:var(--n-surface2);color:var(--n-text)}.toc-item.on{color:var(--type-ebook);font-weight:var(--weight-semibold)}.toc-no{font-family:var(--font-mono);color:var(--n-textFaint);min-width:22px;font-size:12px}.reader-page{border:1px solid var(--n-line);border-radius:var(--radius-md);width:100%;min-height:70vh;margin:var(--space-4) 0;background:#fff;flex:1}.reader-nav{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.reader-hint{font-size:var(--text-sm);color:var(--n-textFaint)}.chat{border-top:1px solid var(--n-line);margin-top:28px;padding-top:18px}.chat-kop{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--type-community);margin:0 0 12px}.chat-draad{flex-direction:column;gap:10px;max-height:340px;padding:4px 2px 8px;display:flex;overflow-y:auto}.chat-bericht{background:var(--n-surface2);border-radius:var(--radius-md);flex-direction:column;align-self:flex-start;gap:2px;max-width:78%;padding:8px 12px;display:flex}.chat-bericht.eigen{background:var(--type-community);color:#fff;align-self:flex-end}.chat-naam{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--n-textSoft)}.chat-bericht.eigen .chat-naam{color:#ffffffd1}.chat-tekst{font-size:var(--text-sm);line-height:var(--leading-sm);white-space:pre-wrap}.chat-stil{color:var(--n-textFaint);font-size:var(--text-sm);margin:6px 2px}.chat-fout{color:var(--type-video);font-size:var(--text-sm);margin:6px 2px}.chat-invoer{gap:8px;margin-top:10px;display:flex}.chat-invoer input{border:1px solid var(--n-line);border-radius:var(--radius-pill);background:var(--n-surface);color:var(--n-text);font-size:var(--text-sm);flex:1;padding:9px 13px}.chat-invoer input:focus-visible{outline:2px solid var(--type-community);outline-offset:1px}.chat-invoer button{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);background:var(--type-community);color:#fff;cursor:pointer;border:none;padding:8px 18px}.chat-invoer button:disabled{opacity:.45;cursor:default}.shelf-rail img,.zender-rail img,.zender-scherm img,.shelf-rail a,.zender-rail a{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.zenders-kop{margin:var(--space-7) var(--rand) calc(-1 * var(--space-4));padding-bottom:var(--space-3);border-bottom:1px solid var(--n-lineSoft);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.18em;text-transform:uppercase;color:var(--n-textSoft)}.zender{--zender-bg:var(--n-surface);--zender-tekst:var(--n-text);--zender-accent:var(--type-video);background:var(--zender-bg);color:var(--zender-tekst);margin-top:var(--space-7);padding:var(--space-5) 0 var(--space-4);position:relative}.zender-kop{align-items:center;gap:var(--space-4);padding:0 var(--rand) var(--space-4);flex-wrap:wrap;display:flex}.zender-logo{width:auto;height:34px;display:block}.zender-naam{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.03em}.zender-live{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase;color:var(--zender-accent);border:1px solid var(--zender-accent);border-radius:var(--radius-pill);align-items:center;gap:7px;padding:4px 11px;text-decoration:none;display:inline-flex}.zender-live:hover{background:var(--zender-accent);color:var(--zender-bg)}.zender-stip{background:var(--zender-accent);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pols}.zender-live:hover .zender-stip{background:var(--zender-bg)}@keyframes pols{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.zender-stip{animation:none}}.zender-blok{margin-bottom:var(--space-4)}.zender-rubriek{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-2);padding:0 var(--rand);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:-.01em;display:flex}.zender-aantal{font-family:var(--font-mono);opacity:.5;font-size:11px}.zender-straks{font-family:var(--font-body);font-size:var(--text-sm);opacity:.6;font-weight:400}.zender-telling{font-family:var(--font-mono);opacity:.55;margin-left:auto;font-size:11px}.zender-scherm{margin:0 var(--rand) var(--space-4);border-radius:var(--radius-md);color:inherit;aspect-ratio:21/7;max-height:320px;text-decoration:none;display:block;position:relative;overflow:hidden}.zender-scherm img{object-fit:cover;width:100%;height:100%;display:block}.zender-scherm-tekst{padding:var(--space-5) var(--space-4) var(--space-3);color:#fff;font-family:var(--font-display);font-weight:var(--weight-semibold);background:linear-gradient(#0000,#000000db);align-items:center;gap:9px;display:flex;position:absolute;inset:auto 0 0}.zender-leeg{background:#ffffff0f;width:100%;height:100%;display:block}.zender-rail{gap:var(--space-3);padding:0 var(--rand) var(--space-3);scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-auto-columns:clamp(160px,19vw,220px);grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.zender-rail::-webkit-scrollbar{display:none}.sleept,.sleept *{cursor:grabbing!important}.zender-kaart{color:inherit;border-radius:var(--radius-sm);transition:transform var(--duration-quick) ease;background:#ffffff0d;text-decoration:none;display:block;position:relative;overflow:hidden}.zender-kaart:hover{z-index:4;transform:scale(1.06)}.zender-kaart:focus-visible{outline:2px solid var(--zender-accent);outline-offset:2px}.zender-kaart img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.zender-kaart .zender-leeg{aspect-ratio:16/9}.zender-kaart-titel{-webkit-line-clamp:2;height:2.7em;font-size:var(--text-xs);line-height:1.35;font-family:var(--font-display);font-weight:var(--weight-semibold);-webkit-box-orient:vertical;margin:8px 10px 10px;display:-webkit-box;overflow:hidden}.zender-kaart-duur{font-family:var(--font-mono);color:#fff;border-radius:var(--radius-sm);background:#000000b8;padding:2px 6px;font-size:10px;position:absolute;top:6px;right:6px}.filters{gap:var(--space-2);padding:calc(var(--kop-hoog) + var(--space-3)) var(--rand) 0;scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters{top:var(--kop-hoog);z-index:30;background:linear-gradient(var(--n-ground) 70%, #0b0b0f00);padding-bottom:var(--space-4);position:sticky}.filter{white-space:nowrap;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);cursor:pointer;color:var(--n-textSoft);transition:background var(--duration-quick) ease, color var(--duration-quick) ease;background:#ffffff0f;border:1px solid #ffffff24;align-items:center;gap:7px;padding:7px 15px;display:inline-flex}.filter:hover{color:var(--n-text);background:#ffffff24}.filter.aan{background:var(--n-text);color:var(--n-ground);border-color:var(--n-text)}.filter.aan .filter-stip{display:none}.filter:focus-visible{outline-offset:2px;outline:2px solid #fff}.filter-stip{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.zender.lijst{padding-top:calc(var(--kop-hoog) + var(--space-5));min-height:100vh;margin-top:0}.lijst-rubriek{font-size:var(--text-md);opacity:.75;padding:0}.lijst-raster{gap:var(--space-3);padding:0 var(--rand) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(170px,1fr));display:grid}.lijst-meer{padding:var(--space-3) var(--rand) var(--space-8);justify-content:center;display:flex}.zender-alles{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--zender-accent);margin-left:auto;text-decoration:none}.zender-alles:hover{text-decoration:underline}.taalkiezer{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);color:var(--n-text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;padding:7px 10px}.taalkiezer:disabled{opacity:.5}.taalkiezer:focus-visible{outline-offset:2px;outline:2px solid #fff}.inhoudstaal{margin-right:var(--space-2);border-radius:var(--radius-pill);flex:none;padding:7px 12px}.winkel{padding:calc(var(--kop-hoog) + var(--space-5)) 0 var(--space-9);min-height:100vh}.winkel-kop{align-items:center;gap:var(--space-4);padding:0 var(--rand) var(--space-5);display:flex}.winkel-titel{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;flex:1;margin:0}.winkel-filters{gap:var(--space-2);padding:0 var(--rand) var(--space-5);flex-wrap:wrap;display:flex}.winkel-aantal{font-family:var(--font-mono);opacity:.55;margin-left:4px;font-size:10px}.winkel-raster{gap:var(--space-4);padding:0 var(--rand);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.winkel-kaart{color:inherit;background:var(--n-surface);border-radius:var(--radius-md);transition:transform var(--duration-quick) ease;flex-direction:column;gap:4px;text-decoration:none;display:flex;overflow:hidden}.winkel-kaart:hover{transform:translateY(-3px)}.winkel-kaart img,.winkel-leeg{aspect-ratio:1;object-fit:cover;background:var(--n-surface2);width:100%;display:block}.winkel-naam{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);padding:10px 12px 0}.winkel-sub{font-size:var(--text-xs);color:var(--n-textSoft);padding:0 12px}.winkel-prijs{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-base);flex-wrap:wrap;align-items:baseline;gap:8px;padding:6px 12px 12px;display:flex}.winkel-was{color:var(--n-textFaint);font-size:var(--text-sm);font-weight:400}.winkel-op{color:var(--state-critical);font-size:var(--text-xs);font-style:normal}.winkel-digitaal{color:var(--type-document);font-size:var(--text-xs);font-style:normal}.product-vlak{gap:var(--space-7);padding:0 var(--rand);grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);align-items:start;display:grid}@media (width<=820px){.product-vlak{grid-template-columns:1fr}}.product-beeld img{border-radius:var(--radius-md);width:100%;display:block}.product-strook{gap:var(--space-2);margin-top:var(--space-3);display:flex}.product-strook img{object-fit:cover;width:84px;height:84px}.product-prijs{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:var(--space-3) 0;align-items:baseline;gap:10px;display:flex}.product-prijs s{font-size:var(--text-md);color:var(--n-textFaint);font-weight:400}.product-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--n-textFaint);margin-bottom:6px;display:block}.product-knoppen{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.optie{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--n-text);background:#ffffff0f;border:1px solid #ffffff29;padding:8px 16px}.optie.aan{background:var(--n-text);color:var(--n-ground);border-color:var(--n-text)}.optie.op{opacity:.4;cursor:not-allowed;text-decoration:line-through}.product-actie{gap:var(--space-3);margin:var(--space-4) 0;align-items:center;display:flex}.product-aantal{border-radius:var(--radius-sm);border:1px solid var(--n-line);background:var(--n-surface);width:74px;color:var(--n-text);font-size:var(--text-sm);text-align:center;padding:9px 12px}.product-omschrijving{margin-top:var(--space-5);font-size:var(--text-base);line-height:1.6}.wagen{margin:0 var(--rand) var(--space-5);padding:var(--space-4);background:var(--n-surface);border-radius:var(--radius-md);border:1px solid var(--n-line)}.wagen-regels{margin:0 0 var(--space-3);padding:0;list-style:none}.wagen-regel{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--n-lineSoft);display:flex}.wagen-regel.klein{font-size:var(--text-sm);padding:6px 0}.wagen-regel img{object-fit:cover;border-radius:var(--radius-sm);width:48px;height:48px}.wagen-naam{font-size:var(--text-sm);flex:1}.wagen-naam em{color:var(--n-textSoft);font-style:normal}.wagen-weg{color:var(--state-critical);font-weight:var(--weight-semibold)}.wagen-aantal{font-family:var(--font-mono);color:var(--n-textFaint);font-size:12px}.wagen-bedrag{font-family:var(--font-display);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.wagen-totaal{font-size:var(--text-sm);color:var(--n-textSoft);justify-content:space-between;padding:6px 0;display:flex}.wagen-totaal.groot{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--n-text);border-top:1px solid var(--n-line);margin-top:var(--space-2);padding-top:var(--space-3)}.wagen-acties{gap:var(--space-3);margin-top:var(--space-4);display:flex}.afreken-vlak{gap:var(--space-6);padding:0 var(--rand);grid-template-columns:minmax(300px,1fr) minmax(280px,380px);align-items:start;display:grid}@media (width<=820px){.afreken-vlak{grid-template-columns:1fr}}.afreken-velden{gap:var(--space-3);flex-direction:column;display:flex}.afreken-kop{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:var(--space-4) 0 0}.veld{border-radius:var(--radius-sm);border:1px solid var(--n-line);background:var(--n-surface);color:var(--n-text);font-family:var(--font-body);font-size:var(--text-sm);width:100%;padding:10px 13px}.veld:focus-visible{outline:2px solid var(--type-music);outline-offset:1px}.veld-rij{gap:var(--space-2);display:flex}.veld.smal{flex:0 0 34%}.verzendoptie{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--n-line);background:var(--n-surface);padding:11px 13px;display:flex}.verzendoptie.aan{border-color:var(--type-music)}.verzend-naam{font-size:var(--text-sm);flex:1}.verzend-dagen{font-size:var(--text-xs);color:var(--n-textFaint)}.verzend-prijs{font-family:var(--font-display);font-weight:var(--weight-semibold)}.afreken-samenvatting{background:var(--n-surface);border:1px solid var(--n-line);border-radius:var(--radius-md);padding:var(--space-4);flex-direction:column;gap:2px;display:flex}.afreken-samenvatting .btn{margin-top:var(--space-4);width:100%}.luisterboek{max-width:900px;margin:0 auto}.luister-kop{flex-wrap:wrap;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.luister-hoes{aspect-ratio:2/3;object-fit:cover;background:var(--n-surface2);border-radius:10px;flex:none;width:220px}.luister-nu{flex:320px;min-width:0}.luister-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--type-audiobook);margin:0 0 6px;font-size:11px;font-weight:700}.luister-hoofdstuk{text-wrap:balance;margin:0 0 6px;font-size:26px;line-height:1.2}.luister-speler{width:100%;margin-top:16px}.luister-hint{color:var(--n-textSoft);margin:10px 0 0;font-size:13px}.luister-lijstkop{text-transform:uppercase;letter-spacing:1px;color:var(--n-textSoft);margin:0 0 10px;font-size:15px}.luister-lijst{margin:0;padding:0;list-style:none}.luister-regel{width:100%;color:var(--n-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:14px;padding:11px 14px;display:flex}.luister-regel:hover{background:var(--n-surface2)}.luister-regel.aan{background:var(--n-surface2);box-shadow:inset 3px 0 0 var(--type-audiobook)}.luister-nr{text-align:right;font-variant-numeric:tabular-nums;min-width:2.4ch;color:var(--n-textFaint);flex:none;font-size:13px}.luister-titel{flex:1;min-width:0}.luister-duur{font-variant-numeric:tabular-nums;color:var(--n-textFaint);flex:none;font-size:13px}@media (width<=640px){.luister-hoes{width:140px}.luister-hoofdstuk{font-size:21px}}