:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--su-ink: #1d1a2e;--su-paneel: #fff8ee;--su-knop: 46px;--su-sys-breedte: 232px }.su-sys{position:fixed;top:calc(12px + var(--sat));right:12px;display:flex;gap:8px;z-index:80}.su-sys__btn{width:var(--su-knop);height:var(--su-knop);border-radius:14px;border:none;background:#fffffff0;color:var(--su-ink);cursor:pointer;padding:calc(var(--su-knop) * .217);box-shadow:0 3px #0000004d;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}.su-sys__btn svg{width:100%;height:100%;display:block}.su-sys__btn.is-uit{opacity:.55}.su-sys__btn:hover{background:#fff}.su-sys__btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.su-sys__btn[hidden]{display:none!important}.su-sys__btn:focus-visible{outline:3px solid #ffd24d;outline-offset:2px}.su-eind{display:flex;align-items:flex-end;gap:6px;width:min(100%,560px)}.su-eind__sint{width:clamp(90px,22vmin,170px);height:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:su-sint .6s cubic-bezier(.2,1.5,.4,1) backwards}.su-paneel{flex:1;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #1d1a2e);border-radius:26px;padding:22px 20px 28px;width:min(100%,520px);max-height:calc(100vh - 40px - var(--sat, 0px) - var(--sab, 0px));overflow-y:auto;box-shadow:0 14px 40px #00000080;box-sizing:border-box;position:relative;text-align:center}.su-paneel__acties{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px;width:100%}.su-paneel__acties>button{width:min(100%,300px);box-sizing:border-box}@keyframes su-sint{0%{transform:translateY(40px) scale(.6);opacity:0}to{transform:none;opacity:1}}@media (max-width: 480px){.su-eind{flex-direction:column;align-items:center}.su-eind__sint{width:92px;margin-bottom:-18px;z-index:1}}@media (prefers-reduced-motion: reduce){.su-eind__sint{animation:none}}:root{--font: "Nunito", system-ui, sans-serif;--titel: "Chewy", "Nunito", sans-serif;--accent: #ffd23f;--accent-dark: #6b120c;--rood: #c8201a;--rood-dark: #7a0f0a;--tekst: #fff6e5;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;width:100%;height:100%;background:#2a1030}body{overflow:hidden}.bs-root{position:fixed;top:0;right:0;bottom:0;left:0;font-family:var(--font);color:var(--tekst);-webkit-tap-highlight-color:transparent}.bs-root [hidden]{display:none!important}.bs-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a1030 center / cover no-repeat;transition:background-image .3s}.bs-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#14080a59}.bs-root[data-scherm=schrijf] .bs-bg:after{background:#14080a80}.bs-root .su-sys{z-index:50}.bs-scherm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vmin,18px);padding:calc(12px + var(--sat)) 12px calc(12px + var(--sab));box-sizing:border-box}.bs-hero{height:clamp(150px,34vmin,340px);width:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}.bs-titel{margin:0;font-family:var(--titel);font-weight:400;text-align:center;font-size:clamp(36px,9vmin,88px);line-height:1;color:var(--accent);-webkit-text-stroke:clamp(4px,1vmin,9px) var(--accent-dark);paint-order:stroke fill;text-shadow:0 5px 0 #3a0906,0 10px 22px rgba(0,0,0,.45);transform:rotate(-2deg);text-wrap:balance}.bs-knop{font-family:var(--font);font-weight:800;cursor:pointer;border:none;border-radius:18px;background:var(--rood);color:#fff;font-size:clamp(17px,3vmin,26px);padding:clamp(10px,2vmin,16px) clamp(20px,4vmin,36px);border-bottom:6px solid var(--rood-dark);box-shadow:0 6px 14px #0000004d;transition:transform .08s}.bs-knop:active{transform:translateY(3px);border-bottom-width:3px}.bs-knop--groot{background:var(--accent);color:var(--accent-dark);border-bottom-color:#a8780e;font-size:clamp(20px,3.6vmin,32px)}.bs-knop--licht{background:#ffffff38;border-bottom-color:#0000004d}.bs-schrijf{justify-content:flex-start;flex-direction:row;align-items:stretch;gap:14px;padding-top:calc(12px + var(--sat));overflow-y:auto}.bs-schrijf__kolom{flex:1 1 56%;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.bs-papier{position:relative;width:min(100%,560px);aspect-ratio:3 / 4;border-radius:10px;box-shadow:0 12px 30px #00000073;padding:clamp(14px,3.5vmin,30px);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;color:#3a1a08;overflow:hidden}.papier-1{background:#fff8e6 radial-gradient(circle at 14px 14px,rgba(200,120,40,.18) 6px,transparent 7px) 0 0 / 46px 46px}.papier-2{background:#f3f7ff radial-gradient(circle at 20px 20px,rgba(230,180,20,.35) 4px,transparent 5px) 0 0 / 60px 60px}.papier-3{background:#fff0f0 linear-gradient(135deg,transparent 46%,rgba(200,32,26,.14) 46% 54%,transparent 54%) 0 0 / 56px 56px}.bs-papier__kop{font-family:var(--titel);font-size:clamp(22px,4.6vmin,40px);color:var(--rood)}.bs-regel{font-weight:700;font-size:clamp(15px,2.6vmin,22px);display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.bs-regel--wens{flex-direction:column;align-items:stretch;flex:1}.bs-naam,.bs-wens{font-family:var(--font);font-weight:700;font-size:inherit;color:#1f5fb8;background:transparent;border:none;border-bottom:2px dashed rgba(58,26,8,.4);outline:none;padding:2px 6px}.bs-naam{flex:1;min-width:120px}.bs-naam:focus,.bs-wens:focus{border-bottom-color:var(--rood);background:#fff6}.bs-wens{resize:none;width:100%;box-sizing:border-box;line-height:1.35;background-image:repeating-linear-gradient(transparent 0 calc(1.35em - 1px),#3a1a0840 calc(1.35em - 1px),#3a1a0840 1.35em);border-bottom:none}.bs-papier__groet{font-family:var(--titel);font-size:clamp(18px,3.4vmin,30px);color:var(--rood);align-self:flex-end}.bs-stickerlaag{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bs-sticker{position:absolute;width:17%;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;touch-action:none;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3));animation:bs-pop .35s cubic-bezier(.2,1.6,.4,1)}.bs-sticker.sleept{cursor:grabbing;transform:translate(-50%,-50%) scale(1.12)}.bs-tekenlaag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none}.bs-tekenlaag.actief{pointer-events:auto;cursor:crosshair}.bs-privacy{font-size:clamp(12px,2vmin,15px);font-weight:500;opacity:.9;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.bs-gereedschap{flex:1 1 40%;display:flex;flex-direction:column;gap:10px;min-width:0;max-width:460px;padding-right:calc(var(--su-sys-breedte) + 4px)}.bs-tab-rij{display:flex;gap:6px;flex-wrap:wrap}.bs-tab{font-family:var(--font);font-weight:700;font-size:clamp(13px,2.2vmin,17px);border:none;border-radius:999px;padding:7px 14px;background:#fff3;color:var(--tekst);cursor:pointer}.bs-tab.actief{background:var(--accent);color:var(--accent-dark)}.bs-paneel{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;background:#00000047;border-radius:16px;padding:10px}.bs-wensknop{display:flex;align-items:center;gap:8px;border:none;border-radius:12px;background:#ffffffe6;color:#3a1a08;font-family:var(--font);font-weight:700;font-size:clamp(12px,2vmin,15px);padding:6px 10px 6px 6px;cursor:pointer;transition:transform .1s}.bs-wensknop img{width:34px;height:34px;object-fit:contain}.bs-wensknop.gekozen{transform:scale(.94);background:var(--accent)}.bs-stickerknop{border:none;border-radius:12px;background:#ffffffe6;width:clamp(50px,9vmin,68px);height:clamp(50px,9vmin,68px);padding:6px;cursor:pointer}.bs-stickerknop img{width:100%;height:100%;object-fit:contain}.bs-hint{width:100%;font-size:clamp(12px,2vmin,14px);font-weight:500;opacity:.85}.bs-kleuren{display:flex;gap:8px;flex-wrap:wrap}.bs-kleur{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.5);cursor:pointer}.bs-kleur.actief{border-color:#fff;transform:scale(1.15)}.bs-kleur--wisser{width:auto;border-radius:999px;padding:0 12px;background:#fff;color:#3a1a08;font-family:var(--font);font-weight:700;font-size:13px}.bs-papierknop{width:100px;height:60px;border-radius:10px;border:3px solid rgba(255,255,255,.4);color:#3a1a08;font-family:var(--font);font-weight:700;cursor:pointer}.bs-papierknop.actief{border-color:var(--accent)}.bs-knop--versturen{align-self:flex-start;margin-top:4px}.bs-reis__fase{position:absolute;top:0;right:0;bottom:0;left:0}.bs-ozosnel{position:absolute;bottom:18%;left:-40%;width:clamp(220px,40vmin,520px);animation:bs-galop 5.2s linear forwards,bs-hobbel .45s ease-in-out infinite;filter:drop-shadow(0 10px 10px rgba(0,0,0,.45))}.bs-envelop{position:absolute;bottom:22%;left:-40%;width:clamp(50px,9vmin,110px);animation:bs-galop 5.2s linear forwards;margin-left:12%;transform:rotate(-10deg);z-index:2}@keyframes bs-galop{0%{left:-40%}to{left:110%}}@keyframes bs-hobbel{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(2deg)}}.bs-reis__tekst{position:absolute;left:50%;top:18%;transform:translate(-50%);font-family:var(--titel);font-size:clamp(24px,5.5vmin,54px);color:var(--accent);-webkit-text-stroke:clamp(3px,.7vmin,6px) var(--accent-dark);paint-order:stroke fill;text-shadow:0 4px 0 #3a0906;white-space:nowrap;max-width:94vw;text-align:center}.bs-sint-leest{position:absolute;left:50%;bottom:6%;transform:translate(-50%);height:clamp(220px,56vmin,620px);animation:bs-wieg 2.4s ease-in-out infinite;filter:drop-shadow(0 10px 12px rgba(0,0,0,.45))}@keyframes bs-wieg{0%,to{transform:translate(-50%) rotate(-1.5deg)}50%{transform:translate(-50%) rotate(1.5deg)}}.bs-dots i{font-style:normal;animation:bs-dot 1.2s infinite}.bs-dots i:nth-child(2){animation-delay:.3s}.bs-dots i:nth-child(3){animation-delay:.6s}@keyframes bs-dot{0%,to{opacity:.2}50%{opacity:1}}.bs-antwoord{overflow-y:auto;justify-content:flex-start;padding-top:calc(16px + var(--sat))}.bs-boek{display:flex;align-items:center;gap:12px}.bs-boek__img{height:clamp(60px,12vmin,120px);filter:drop-shadow(0 6px 8px rgba(0,0,0,.4))}.bs-boek__kop{font-family:var(--titel);font-size:clamp(22px,5vmin,44px);color:var(--accent);-webkit-text-stroke:clamp(3px,.6vmin,5px) var(--accent-dark);paint-order:stroke fill;text-shadow:0 4px 0 #3a0906}.bs-antwoordbrief{position:relative;width:min(100%,620px);background:#fff8e6;color:#3a1a08;border-radius:10px;box-shadow:0 12px 30px #00000073;padding:clamp(18px,4vmin,36px) clamp(18px,4vmin,40px) clamp(50px,8vmin,80px);box-sizing:border-box;transform-origin:50% 0}.bs-antwoordbrief.open{animation:bs-open .7s cubic-bezier(.2,1.2,.4,1)}@keyframes bs-open{0%{transform:rotateX(-80deg) scale(.9);opacity:0}to{transform:none;opacity:1}}.bs-antwoordbrief__tekst{margin:0;white-space:pre-wrap;font-family:var(--font);font-weight:600;font-size:clamp(16px,2.8vmin,23px);line-height:1.5}.bs-zegel{position:absolute;right:clamp(14px,3vmin,30px);bottom:clamp(10px,2vmin,20px);height:clamp(44px,9vmin,90px);transform:rotate(10deg)}.bs-knoprij{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}@keyframes bs-pop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@media (max-width: 760px),(orientation: portrait){.bs-schrijf{flex-direction:column;align-items:center;padding-top:calc(60px + var(--sat))}.bs-schrijf__kolom{flex:0 0 auto;width:100%}.bs-papier{width:min(100%,460px);aspect-ratio:auto;min-height:300px}.bs-gereedschap{max-width:560px;width:100%;padding-right:0;flex:0 0 auto}.bs-knop--versturen{align-self:center;width:100%;max-width:420px}}@media print{body{overflow:visible}.bs-bg,.su-sys,.bs-start,.bs-schrijf,.bs-reis,.bs-boek,.bs-knoprij{display:none!important}.bs-root{position:static}.bs-antwoord{position:static;display:block;padding:0}.bs-antwoordbrief{box-shadow:none;width:100%;color:#000;background:#fff}}