.ch-cover{border:1px solid var(--line);aspect-ratio:4/3;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 40px 80px -42px #2b2a5599}.ch-cover-glow{pointer-events:none;background:radial-gradient(50% 40% at 50% 60%,#f2ce7540,#0000 70%);position:absolute;inset:0}.ch-klink{color:#3a2a1a;background:#fffaf0eb;border-radius:999px;align-items:center;gap:.5rem;max-width:calc(100% - 2rem);padding:.45rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -14px #000c}.ch-klink .dot{background:radial-gradient(circle at 35% 30%, #ffe9ad, var(--gold));border-radius:999px;flex-shrink:0;width:.7rem;height:.7rem;position:relative;box-shadow:0 0 10px 2px #f2ce75e6}.ch-klink .dot:after{content:"";border-radius:inherit;animation:1.8s ease-out infinite ringPulse;position:absolute;inset:-3px;box-shadow:0 0 0 2px #f2ce7580}@media (prefers-reduced-motion:reduce){.ch-klink .dot:after{animation:none}}.player{box-shadow:0 30px 70px -50px var(--shadow)}.scrub-fill{transition:width .25s linear;box-shadow:0 0 10px #f2ce75cc}@media (prefers-reduced-motion:reduce){.scrub-fill{transition:none}}.play-btn.is-playing:after{content:"";border-radius:inherit;pointer-events:none;animation:1.6s ease-out infinite ringPulse;position:absolute;inset:-4px;box-shadow:0 0 0 3px #f2ce7599}.play-btn{position:relative}@media (prefers-reduced-motion:reduce){.play-btn.is-playing:after{display:none}}.platform-strip{background:linear-gradient(135deg,#1ed7601a,#f2ce751a)}.notitie-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.notitie{border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 18px 40px -30px var(--shadow);border-radius:1.1rem;padding:1.15rem 1.2rem;transition:transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s;position:relative;overflow:hidden}.notitie:hover{box-shadow:0 30px 54px -30px var(--shadow);transform:rotate(0)translateY(-5px)!important}.notitie .glow{pointer-events:none;background:radial-gradient(circle, var(--notitie-glow,#8f84bd59), transparent 70%);border-radius:999px;width:10rem;height:10rem;position:absolute;top:-4rem;right:-4rem}.notitie .ico{background:var(--notitie-ico,var(--cream-2));border-radius:.8rem;place-items:center;width:2.4rem;height:2.4rem;font-size:1.15rem;display:grid}.notitie .kicker{text-transform:uppercase;letter-spacing:.06em;opacity:.85;margin-top:.7rem;font-size:.7rem;font-weight:700;display:block}.notitie p{margin-top:.35rem;line-height:1.6}.notitie-1{--notitie-glow:#8f84bd59;transform:rotate(-.6deg)}.notitie-2{color:#f8efdd;background:linear-gradient(160deg, #322f63, var(--night));--notitie-glow:#f2ce7573;--notitie-ico:#fffaf01f;border-color:#f2ce7559;transform:rotate(.7deg)}.notitie-3{color:#3a2a1a;--notitie-glow:#e6b25c8c;--notitie-ico:#fff9;background:linear-gradient(150deg,#fbf0d8,#f3dca8);border-color:#bd743059;transform:rotate(.5deg)}.notitie-4{--notitie-glow:#5b908a59;transform:rotate(-.4deg)}@media (prefers-reduced-motion:reduce){.notitie,.notitie:hover{transition:none;transform:none!important}}.markerpad{padding:1.25rem 0 .25rem;position:relative}.markerpad .rail{background:repeating-linear-gradient(90deg, var(--line) 0 8px, transparent 8px 16px);border-radius:999px;height:3px;position:absolute;top:2.15rem;left:0;right:0}.marker-rij{scrollbar-width:thin;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.marker{text-align:center;flex-direction:column;flex:7rem;align-items:center;gap:.5rem;min-width:6.5rem;max-width:11rem;display:flex;position:relative}.marker .bol{width:1.6rem;height:1.6rem;font-family:var(--font-display);color:#3a2a1a;background:radial-gradient(circle at 35% 30%, #ffe9ad, var(--gold));box-shadow:0 0 12px #f2ce75cc, 0 0 0 4px var(--cream);border-radius:999px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.marker .titel{color:var(--ink-soft);font-size:.82rem;line-height:1.3}.chapnav-cover{border:1px solid var(--line);background:var(--paper);border-radius:1rem;align-items:stretch;gap:0;transition:transform .25s cubic-bezier(.2,.8,.3,1),box-shadow .25s,border-color .25s;display:flex;overflow:hidden}.chapnav-cover:hover{border-color:var(--amber);box-shadow:0 24px 44px -30px var(--shadow);transform:translateY(-3px)}.chapnav-cover .strook{flex-shrink:0;width:5rem;position:relative;overflow:hidden}.chapnav-cover .strook img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.chapnav-cover .pijl{color:#3a2a1a;background:#fffaf0e6;border-radius:999px;place-items:center;width:2rem;height:2rem;margin:auto;font-weight:700;display:grid;position:absolute;inset:0}.chapnav-cover.is-next .pijl{color:#3a2a1a;background:radial-gradient(circle at 35% 30%, #ffe9ad, var(--gold));box-shadow:0 0 14px #f2ce75e6}.chapnav-cover .tekst{min-width:0;padding:.95rem 1.1rem}@media (prefers-reduced-motion:reduce){.chapnav-cover,.chapnav-cover:hover{transition:none;transform:none}}.char-chip:hover{border-color:var(--gold);box-shadow:0 0 0 4px #f2ce7559, 0 14px 28px -16px var(--shadow);transform:translateY(-4px)scale(1.04)}@media (prefers-reduced-motion:reduce){.char-chip,.char-chip:hover{transition:none;transform:none}}.peeker-ch{object-fit:cover;object-position:center 20%;pointer-events:none;border-radius:999px;width:9rem;height:9rem;position:absolute;bottom:1.5rem;left:-1.5rem;box-shadow:0 0 0 4px #f2ce7599,0 30px 60px -30px #000c}@media (max-width:860px){.peeker-ch{display:none}}