.bio-main{flex:1;width:100%;max-width:480px;margin-left:auto;margin-right:auto}.bio{flex-direction:column;min-height:100dvh;padding-left:16px;padding-right:16px;display:flex}.bio-bar{flex-shrink:0;align-items:center;gap:12px;height:56px;display:flex}.bio-back,.bio-back-space{flex-shrink:0;width:44px;height:44px}.bio-back{color:var(--pruim);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.bio-back svg{width:22px;height:22px}.bio-back:focus-visible{outline:3px solid var(--koraal)}.bio-progress{background:var(--lijn);border-radius:99px;flex:1;height:6px;overflow:hidden}.bio-progress i{background:var(--koraal);border-radius:99px;height:100%;transition:width .3s cubic-bezier(.23,1,.32,1);display:block}.bio-screen{flex-direction:column;flex:1;display:flex}.bio-body{flex-direction:column;flex:1;gap:14px;padding-top:8px;padding-bottom:12px;display:flex}.bio-foot{padding-top:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top, var(--blos) 75%, #f8eeea00);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.bio-kicker{font-family:var(--font-hand);font-variation-settings:"SOFT" 100;color:var(--framboos);margin:0;font-size:18px;font-style:italic;font-weight:500}.bio-h1{letter-spacing:-.01em;margin:0;font-size:clamp(38px,11vw,48px);line-height:1.02}.bio-h2{text-wrap:balance;outline:none;margin:0;font-size:30px;line-height:1.1}.bio-lead{color:#3a1e3cd9;margin:0;font-size:17px;line-height:1.5}.bio-soft{color:var(--potlood);margin:0;font-size:15px}.bio-center{text-align:center}.bio-inline{color:var(--framboos);font-weight:600;text-decoration:underline}.bio-error{color:#b3261e;margin:0;font-size:15px;font-weight:600}.bio-btn{background:var(--koraal);width:100%;min-height:56px;color:var(--pruim);font:inherit;cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;font-size:18px;font-weight:700;text-decoration:none;transition:background-color .15s ease-out,transform .1s ease-out;display:flex}.bio-btn:hover{background:var(--koraal-diep)}.bio-btn:active{transform:scale(.98)}.bio-btn:disabled{opacity:.45;cursor:default;transform:none}.bio-btn:focus-visible,.bio-link:focus-visible,.bio-choice:focus-visible,.bio-teaser:focus-visible{outline:3px solid var(--framboos);outline-offset:2px}.bio-ghost{border:1.5px solid var(--lijn);background:0 0;min-height:50px;font-size:16px;font-weight:600}.bio-ghost:hover{background:var(--bladzijde);border-color:var(--koraal)}.bio-wa{color:#08361a;background:#25d366}.bio-wa:hover{background:#1fbe5b}.bio-link{color:var(--framboos);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px;font-weight:600}.bio-link:disabled{opacity:.5}.bio-field{border:1.5px solid var(--lijn);width:100%;min-height:60px;font-family:var(--font-serif);color:var(--pruim);background:#fff;border-radius:16px;padding:14px 18px;font-size:22px;font-weight:500}.bio-field-sm{font-family:var(--font-sans);min-height:54px;font-size:18px}.bio-field:focus{border-color:var(--framboos);outline:none;box-shadow:0 0 0 4px #b2305e24}.bio-field[aria-invalid=true]{border-color:#b3261e}.bio-code{letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums;padding-left:calc(18px + .5em);font-size:28px}.bio-label{gap:6px;display:grid}.bio-label>span{letter-spacing:.08em;text-transform:uppercase;color:var(--potlood);font-size:12px;font-weight:700}.bio-choices{gap:12px;display:grid}.bio-choice{border:1.5px solid var(--lijn);background:var(--bladzijde);width:100%;min-height:76px;color:var(--pruim);font:inherit;text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:16px;padding:14px 18px;transition:border-color .15s ease-out,transform .1s ease-out;display:flex}.bio-choice:hover{border-color:var(--koraal)}.bio-choice:active{transform:scale(.985)}.bio-choice.on{border-color:var(--framboos);background:var(--blos-licht)}.bio-choice b{font-size:18px;display:block}.bio-choice small{color:var(--potlood);font-size:14px;display:block}.bio-em{text-align:center;flex-shrink:0;width:40px;font-size:30px;line-height:1}.bio-date,.bio-page{background:var(--bladzijde);border:1px solid var(--lijn);box-shadow:0 1px 0 var(--lijn), 0 12px 30px #3a1e3c1a;border-radius:6px 22px 22px 6px;position:relative}.bio-date:before,.bio-page:before{content:"";background:var(--lijn);border-radius:6px 0 0 6px;width:6px;position:absolute;top:0;bottom:0;left:0}.bio-ear{background:linear-gradient(225deg, var(--blos) 50%, var(--koraal) 50%);border-radius:0 22px 0 0;width:42px;height:42px;position:absolute;top:0;right:0}.bio-date{flex-direction:column;gap:10px;padding:26px 22px 22px;display:flex}.bio-date-em{font-size:46px;line-height:1}.bio-date h3{text-wrap:balance;margin:0;padding-right:30px;font-size:27px;line-height:1.15}.bio-date-desc{margin:0;font-size:16px;line-height:1.5}.bio-date-label{letter-spacing:.08em;text-transform:uppercase;color:var(--potlood);margin:4px 0 -6px;font-size:12px;font-weight:700}.bio-date-plan{background:var(--blos-licht);border-radius:12px;margin:0;padding:12px 14px;font-size:15px;line-height:1.5}.bio-date-steps{gap:6px;padding-left:34px;display:grid}.bio-tags{flex-wrap:wrap;gap:6px;display:flex}.bio-tags span{background:var(--blos);border-radius:99px;padding:3px 10px;font-size:13px;font-weight:600}.bio-teaser{border:1.5px dashed var(--lijn);color:var(--pruim);border-radius:16px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.bio-teaser:hover{border-color:var(--koraal)}.bio-teaser>span:nth-child(2){flex:1;gap:1px;display:grid}.bio-teaser small{color:var(--potlood);font-size:13px}.bio-teaser b{font-size:16px}.bio-teaser-price{white-space:nowrap;font-size:15px;font-weight:700}.bio-pages{height:190px;margin:8px 0 10px;position:relative}.bio-page{flex-direction:column;gap:6px;width:54%;padding:16px 16px 18px;display:flex;position:absolute}.bio-page>span:not(.bio-ear){font-size:30px;line-height:1}.bio-page b{font-family:var(--font-serif);padding-right:18px;font-size:18px;font-weight:600;line-height:1.2}.bio-page .bio-ear{width:30px;height:30px}.bio-p1{top:18px;left:8px;transform:rotate(-6deg)}.bio-p2{top:0;right:0;transform:rotate(5deg)}.bio-done-tick{background:var(--koraal);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.bio-done-tick svg{width:30px;height:30px}@media (prefers-reduced-motion:reduce){.bio-progress i,.bio-btn,.bio-choice{transition:none}}