/* Shared experience for the supplied Dutch and English artwork. */
[hidden]{display:none!important}
.pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.art-notice{position:fixed;z-index:15;left:50%;bottom:max(84px,calc(env(safe-area-inset-bottom) + 68px));transform:translateX(-50%);max-width:calc(100vw - 32px);width:max-content;padding:12px 18px;background:#f3f1eb;color:#0f0f0d;border-radius:12px;font:14px/1.45 var(--f-d);box-shadow:0 10px 50px #0008;text-align:center}
.art-saver-tools{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:20;display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100vw - 32px);opacity:1;transition:opacity .4s}
.art-saver-tools .pill{background:#1a1a17ed;color:#f3f1eb}
.art-saver-tools .pill[aria-pressed="true"]{background:#f3f1eb;color:#0f0f0d}
.art-saver-tools .pill:focus-visible{outline:2px solid #f7931a;outline-offset:3px}
body.saver-controls .art-saver-tools{top:80px}
.art-saver-tools.quiet{opacity:0;pointer-events:none}
body.screensaver:not(.saver-controls) .hud,body.screensaver .tease,body.screensaver .wish,body.screensaver .kfacts{opacity:0!important;pointer-events:none!important}
body.screensaver #c{cursor:none}
.art-copy-dialog{position:fixed;z-index:25;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 32px));margin:0;background:#1a1a17;color:#f3f1eb;padding:24px;border:1px solid #f3f1eb40;border-radius:16px;font:16px/1.5 var(--f-d)}
.art-copy-dialog::backdrop{background:#0008}
.art-copy-dialog input{display:block;margin:14px 0;width:100%;padding:12px;border:1px solid #f3f1eb40;background:#0f0f0d;color:inherit;font:16px var(--f-d)}
.panel{overscroll-behavior:contain;scroll-padding-block:80px 30px;padding-bottom:max(30px,env(safe-area-inset-bottom))}
.panel input[type=text]{font-size:16px}
.panel .qr{max-width:100%}.panel .qr img{max-width:100%;height:auto}
.card{max-width:calc(100vw - 24px)}
@media(min-width:1401px){.bar{gap:12px}.controls{gap:4px}.controls .pill{padding-inline:12px;font-size:13px}}
@media(max-width:1400px),(orientation:portrait){
 .bar{height:64px;padding-top:env(safe-area-inset-top)}.where{display:none}
 .controls{position:fixed;left:0;right:0;bottom:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:10px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:linear-gradient(transparent,#0f0f0d 15%);overflow:visible}
 .controls .pill{font-size:11px;line-height:1.2;white-space:normal;padding:6px 4px;min-width:0;min-height:44px;text-align:center}
 .controls #b-screen,.controls #b-share{border-color:#f7931a80}
 .stat{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 108px)}
 .stat .h{font-size:40px}.net{display:none}
 .ceremony{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 108px)}
 .tease{top:calc(9px + env(safe-area-inset-top));left:auto;right:12px;bottom:auto;width:min(210px,calc(100vw - 168px));padding:7px 9px}
 .tease .q{font-size:11.5px}.tease .pot{font-size:9px}
 .panel{padding-inline:18px}.panel h2{font-size:30px}.panel .close{right:16px}
 .art-notice{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 120px)}
}
@media(max-height:500px) and (orientation:landscape){
 .controls{grid-template-columns:repeat(10,minmax(0,1fr))}
 .stat,.ceremony{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 62px)}
 .stat .rows,.stat .since{display:none}.stat .h{font-size:32px}.tease .pot{display:none}
}
@media(prefers-reduced-motion:reduce){.art-saver-tools{transition:none}}
/* YouTube-stream (?stream): geen bediening, groot logo en vaste QR naar de wenspagina. */
body.stream{cursor:none}
body.stream .controls,body.stream .wish,body.stream .panel,body.stream .card,body.stream .tease,body.stream .art-saver-tools,body.stream .art-notice{display:none!important}
body.stream .stat,body.stream .ceremony{bottom:clamp(20px,3vw,48px)}
body.stream .net{display:block;bottom:clamp(20px,3vw,48px)}
body.stream .where{display:flex}
.stream-cta{display:none}
body.stream .stream-cta{display:flex;position:fixed;z-index:6;bottom:clamp(16px,2.2vw,40px);left:50%;transform:translateX(-50%);gap:18px;align-items:center;width:min(660px,36vw);padding:16px 20px 16px 16px;background:#0f0f0de6;border:1px solid #f7931a8c;border-radius:16px;box-shadow:0 12px 60px #000a}
.stream-cta img{flex:none;width:clamp(104px,7.4vw,142px);height:auto;border-radius:8px;background:#f3f1eb}
.stream-cta .k{color:#f7931a;display:block}
.stream-cta b{display:block;margin:6px 0 8px;font:700 clamp(18px,1.35vw,26px)/1.1 var(--f-d);letter-spacing:-.02em;color:#f3f1eb}
.stream-cta p{margin:0 0 8px;font:clamp(13px,.85vw,16px)/1.4 var(--f-r);color:#f3f1ebd0}
.stream-cta small{display:block;font-size:clamp(9px,.55vw,10.5px);line-height:1.5;letter-spacing:.03em;text-transform:none;color:#f3f1eb8a}
body.stream .bar{display:none}
.stream-brand{display:none}
body.stream .stream-brand{display:flex;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);left:var(--gut);gap:clamp(14px,1.1vw,20px);align-items:center;pointer-events:none}
.stream-brand img{width:clamp(88px,6.5vw,124px);height:auto;filter:drop-shadow(0 4px 24px #000)}
.stream-brand b{display:block;font:700 clamp(24px,2vw,38px)/.98 var(--f-d);letter-spacing:-.03em;color:#f3f1eb;text-shadow:0 4px 24px #000}
.stream-price{display:none}
body.stream .stream-price{display:flex;flex-direction:column;align-items:center;gap:10px;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);left:50%;transform:translateX(-50%);pointer-events:none;text-align:center}
.stream-price .row{display:flex;gap:clamp(28px,3vw,56px)}
body.stream .stream-price .where{display:flex;margin:0;padding:0;border:0}
.stream-price .k{display:block;color:#f3f1eba8}
.stream-price b{display:block;margin-top:4px;font:700 clamp(30px,2.7vw,52px)/1 var(--f-d);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#f3f1eb;text-shadow:0 4px 24px #000}
.stream-price .row div:first-child b{color:#f7931a}
.stream-live{display:none}
body.stream .stream-live{display:flex;position:fixed;z-index:6;top:clamp(14px,1.6vw,28px);right:var(--gut);align-items:center;gap:16px;pointer-events:none}
.stream-live .badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;background:#e5533d;color:#fff;font:800 clamp(18px,1.4vw,26px)/1 var(--f-d);letter-spacing:.08em;box-shadow:0 6px 30px #e5533d55}
.stream-live .badge i{width:12px;height:12px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
.stream-live .when{display:flex;flex-direction:column;gap:4px;text-align:right;color:#f3f1ebb8}
.stream-live .when b{font:700 clamp(20px,1.5vw,28px)/1 var(--f-d);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#f3f1eb;text-transform:none}

/* Stream v2 design preview. Isolated behind ?stream-v2-preview; OBS keeps using ?stream. */
body.stream-v2-preview{cursor:none;--v2-safe-x:clamp(48px,6vw,116px);--v2-safe-y:clamp(34px,5vh,58px)}
body.stream-v2-preview .bar,body.stream-v2-preview .controls,body.stream-v2-preview .wish,body.stream-v2-preview .panel,body.stream-v2-preview .card,body.stream-v2-preview .tease,body.stream-v2-preview .art-saver-tools,body.stream-v2-preview .art-notice,body.stream-v2-preview .net{display:none!important}
body.stream-v2-preview .veil{background:radial-gradient(ellipse 76% 76% at 50% 42%,transparent 35%,rgba(15,15,13,.28) 68%,rgba(15,15,13,.92) 100%)}
body.stream-v2-preview .stat{left:var(--v2-safe-x);bottom:clamp(108px,15vh,162px);max-width:250px;z-index:7;transition:opacity .7s var(--ease)}
body.stream-v2-preview .stat .k{font-size:12px;color:#f3f1eb91;margin-bottom:8px}
body.stream-v2-preview .stat .h{font-size:clamp(42px,3.7vw,66px)}
body.stream-v2-preview .stat .since{margin:9px 0 0;color:#f3f1eba8;font-size:11px}
body.stream-v2-preview .stat .rows{display:none}
body.stream-v2-preview .ceremony{left:var(--v2-safe-x);bottom:clamp(108px,15vh,162px);z-index:8}

.stream-v2-brand,.stream-v2-price,.stream-v2-live,.stream-v2-story,.stream-v2-sound,.stream-v2-metric,.stream-v2-wish{position:fixed;z-index:7;pointer-events:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}
.stream-v2-brand{top:var(--v2-safe-y);left:var(--v2-safe-x);display:flex;align-items:center;gap:15px}
.stream-v2-brand img{width:clamp(54px,4.4vw,84px);height:auto;filter:drop-shadow(0 6px 26px #000)}
.stream-v2-brand b{font:700 clamp(18px,1.45vw,28px)/.98 var(--f-d);letter-spacing:-.035em;text-shadow:0 4px 24px #000}

.stream-v2-price{top:var(--v2-safe-y);left:50%;transform:translateX(-50%);text-align:center;min-width:250px}
.stream-v2-price>span{display:block;color:#f3f1eb80;font-size:10px}
.stream-v2-price>b{display:block;margin-top:5px;font:700 clamp(32px,3vw,54px)/.94 var(--f-d);letter-spacing:-.045em;color:#f7931a;text-shadow:0 5px 30px #000;font-variant-numeric:tabular-nums}
.stream-v2-price>small{display:block;margin-top:8px;color:#f3f1eb80;font-size:9px}

.stream-v2-live{top:var(--v2-safe-y);right:var(--v2-safe-x);display:flex;align-items:center;gap:14px}
.stream-v2-live .badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:#e5533d;color:#fff;font:800 clamp(15px,1.15vw,22px)/1 var(--f-d);letter-spacing:.1em;box-shadow:0 6px 30px #e5533d44}
.stream-v2-live .badge i{width:9px;height:9px;border-radius:50%;background:#fff;animation:pulse 1.6s infinite}
.stream-v2-live .when{display:flex;flex-direction:column;gap:4px;text-align:right;color:#f3f1eb80}
.stream-v2-live .when b{font:700 clamp(18px,1.4vw,26px)/1 var(--f-d);letter-spacing:-.02em;color:#f3f1eb;text-transform:none;font-variant-numeric:tabular-nums}
.stream-v2-live .when span{font-size:9px}

.stream-v2-story{top:clamp(142px,20vh,210px);left:var(--v2-safe-x);width:min(400px,24vw);text-align:left;animation:stream-v2-story 72s linear infinite}
.stream-v2-story b{display:block;font:700 clamp(15px,1.15vw,21px)/1.1 var(--f-d);letter-spacing:.02em;color:#f3f1eb}
.stream-v2-story span{display:block;margin-top:7px;font:clamp(14px,1vw,18px)/1.35 var(--f-r);color:#f3f1eba8}
@keyframes stream-v2-story{0%,12%,96%,100%{opacity:1;transform:translateY(0)}16%,92%{opacity:0;transform:translateY(-5px)}}
@keyframes stream-v2-story-portrait{0%,12%,96%,100%{opacity:1;transform:translateX(-50%) translateY(0)}16%,92%{opacity:0;transform:translateX(-50%) translateY(-5px)}}
.stream-v2-sound{top:62.5%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #f3f1eb24;border-radius:999px;background:#0f0f0da6;color:#f3f1ebad;font-size:9.5px;box-shadow:0 6px 28px #0008}
.stream-v2-sound i{width:6px;height:6px;border-radius:50%;background:#f7931a;box-shadow:0 0 14px #f7931a}
.stream-v2-sound span{color:#f3f1eb66}

.stream-v2-metric{right:var(--v2-safe-x);bottom:clamp(108px,15vh,162px);width:210px;text-align:right}
.stream-v2-metric>span{display:block;color:#f7931a;font-size:10px}
.stream-v2-metric>b{display:block;margin:5px 0 4px;font:700 clamp(31px,3vw,52px)/.95 var(--f-d);letter-spacing:-.04em;color:#f3f1eb;font-variant-numeric:tabular-nums}
.stream-v2-metric>small{display:block;color:#f3f1eb70;font-size:9px}
.stream-v2-metric.swap{opacity:0;transform:translateY(5px)}

.stream-v2-wish{left:50%;bottom:clamp(108px,15vh,162px);transform:translateX(-50%);display:flex;align-items:center;gap:20px;width:min(780px,46vw);min-width:620px;padding:14px 20px 14px 14px;border:1px solid #f7931a80;border-radius:18px;background:linear-gradient(112deg,#171612f5,#0f0f0df0);box-shadow:0 16px 70px #000b}
.stream-v2-wish::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,#f7931a,transparent);opacity:.75}
.stream-v2-wish img{flex:none;width:clamp(138px,9vw,180px);height:auto;border-radius:9px;background:#f3f1eb;box-shadow:0 0 0 5px #f3f1eb}
.stream-v2-wish .eyebrow{display:block;color:#f7931a;font-size:10px}
.stream-v2-wish b{display:block;margin:6px 0 5px;font:700 clamp(19px,1.5vw,28px)/1.05 var(--f-d);letter-spacing:-.025em;color:#f3f1eb;white-space:nowrap}
.stream-v2-wish p{margin:0;font:clamp(13px,.9vw,16px)/1.3 var(--f-r);color:#f3f1ebc8}
.stream-v2-wish small{display:block;margin-top:7px;font-size:8px;line-height:1.35;letter-spacing:.025em;color:#f3f1eb69;text-transform:none}

body.stream-v2-block-moment .stream-v2-story,body.stream-v2-block-moment .stream-v2-price,body.stream-v2-block-moment .stream-v2-metric,body.stream-v2-block-moment .stream-v2-wish,body.stream-v2-wish-moment .stream-v2-story,body.stream-v2-wish-moment .stream-v2-price,body.stream-v2-wish-moment .stream-v2-metric{opacity:.14;animation:none}
body.stream-v2-block-moment .stream-v2-sound,body.stream-v2-wish-moment .stream-v2-sound{opacity:0}
body.stream-v2-block-moment .stat,body.stream-v2-wish-moment .stat{opacity:.2}

@media (orientation:portrait){
 body.stream-v2-preview{--v2-safe-x:clamp(24px,6vw,66px);--v2-safe-y:clamp(28px,3.6vh,68px)}
 .stream-v2-brand img{width:clamp(50px,8vw,82px)}
 .stream-v2-brand b{font-size:clamp(18px,3vw,29px)}
 .stream-v2-price{top:clamp(124px,8.2vh,160px)}
 .stream-v2-price>b{font-size:clamp(38px,7vw,64px)}
 .stream-v2-story{top:clamp(202px,12.5vh,244px);left:50%;width:min(820px,84vw);transform:translateX(-50%);text-align:center;animation-name:stream-v2-story-portrait}
 .stream-v2-story b{font-size:clamp(15px,2.2vw,22px)}
 .stream-v2-story span{font-size:clamp(14px,2vw,20px)}
 .stream-v2-sound{top:51.5%}
 body.stream-v2-preview .stat{left:var(--v2-safe-x);bottom:clamp(390px,27vh,520px)}
 body.stream-v2-preview .ceremony{left:var(--v2-safe-x);bottom:clamp(390px,27vh,520px)}
 .stream-v2-metric{right:var(--v2-safe-x);bottom:clamp(392px,27vh,522px)}
 .stream-v2-wish{bottom:clamp(130px,14vh,270px);width:calc(100vw - 2*var(--v2-safe-x));min-width:0;max-width:960px;padding:17px 22px 17px 17px;gap:22px}
 .stream-v2-wish img{width:clamp(150px,19vw,206px)}
 .stream-v2-wish b{font-size:clamp(23px,3.4vw,34px)}
 .stream-v2-wish p{font-size:clamp(15px,2.2vw,20px)}
}

@media (max-width:700px){
 body.stream-v2-preview{--v2-safe-x:12px;--v2-safe-y:18px}
 .stream-v2-brand{gap:7px}.stream-v2-brand img{width:34px}.stream-v2-brand b{font-size:13px}
 .stream-v2-live{gap:6px}.stream-v2-live .badge{padding:6px 8px;gap:5px;font-size:11px}.stream-v2-live .badge i{width:6px;height:6px}.stream-v2-live .when b{font-size:12px}.stream-v2-live .when span{font-size:6px}
 .stream-v2-price{top:78px;min-width:160px}.stream-v2-price>span{font-size:7px}.stream-v2-price>b{font-size:28px;margin-top:3px}.stream-v2-price>small{font-size:6.5px;margin-top:4px}
 .stream-v2-story{top:122px;width:calc(100vw - 24px)}.stream-v2-story b{font-size:11px}.stream-v2-story span{font-size:11px;margin-top:3px}
 .stream-v2-sound{top:50.5%;padding:6px 8px;font-size:6.5px;gap:5px}.stream-v2-sound span{display:none}
 body.stream-v2-preview .stat{bottom:205px;max-width:120px}.stream-v2-metric{bottom:207px;width:112px}
 body.stream-v2-preview .stat .k,.stream-v2-metric>span{font-size:7px}body.stream-v2-preview .stat .h,.stream-v2-metric>b{font-size:28px}body.stream-v2-preview .stat .since,.stream-v2-metric>small{font-size:6.5px}
 .stream-v2-wish{bottom:96px;width:calc(100vw - 24px);padding:8px 10px 8px 8px;gap:10px;border-radius:12px}
 .stream-v2-wish img{width:72px;border-radius:5px;box-shadow:0 0 0 3px #f3f1eb}
 .stream-v2-wish .eyebrow{font-size:6.5px}.stream-v2-wish b{font-size:13.5px;margin:4px 0 3px}.stream-v2-wish p{font-size:10px}.stream-v2-wish small{display:none}
 body.stream-v2-preview .ceremony{bottom:180px;width:calc(100vw - 24px)}body.stream-v2-preview .ceremony h2{font-size:32px}
}

@media (prefers-reduced-motion:reduce){.stream-v2-story{animation:none}.stream-v2-live .badge i{animation:none}}