/*
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700&display=swap');
  #storybook-preloader{--open:900ms;--flip:1200ms;--zoom:550ms;--e:cubic-bezier(.42,0,.2,1);--paper:#fafafa;--open-delay:0s}
  .sbp-overlay{position:fixed;left:0;top:0;width:100dvw;height:100dvh;background:radial-gradient(120% 80% at 50% 10%,#8b5cf6 0%,#5b21b6 40%,#2e1065 100%);display:flex;align-items:center;justify-content:center;z-index:999999;overflow:hidden;contain:layout paint;transform-origin:50% 50%;will-change:transform,opacity}
  .sbp-vignette{position:absolute;inset:-10%;background:radial-gradient(80% 60% at 50% 30%,transparent 60%,rgba(0,0,0,.35) 100%);mix-blend-mode:multiply;pointer-events:none}
  .sbp-scene{position:relative;width:100%;height:100%;animation:dolly 14s ease-in-out infinite}
  .sbp-sky{position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 60%),linear-gradient(#432371,#2e1a5f)}
  .sbp-stars{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
  .sbp-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.7;box-shadow:0 0 6px rgba(255,255,255,.7);animation:twinkle 2.6s ease-in-out infinite}
  .sbp-stars i:nth-child(odd){animation-duration:3.4s}
  .sbp-clouds{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
  .sbp-clouds .c{position:absolute;bottom:40%;width:40vw;height:18vh;filter:blur(10px);background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.35),rgba(255,255,255,.05) 60%);opacity:.6}
  .sbp-clouds .c1{left:-20vw;animation:cloud 40s linear infinite}
  .sbp-clouds .c2{right:-25vw;animation:cloud 55s linear infinite reverse}
  .sbp-layer{position:absolute;left:0;bottom:0;width:100vw;display:block}
  .sbp-forest.back{height:38%}
  .sbp-forest.front{height:45%}
  .sbp-path{height:40%;opacity:.9;mix-blend-mode:screen;animation:pathglow 5s ease-in-out infinite}
  .sbp-castle{position:absolute;left:62%;transform:translateX(-50%);bottom:30%;width:min(38vw,320px);filter:drop-shadow(0 8px 24px rgba(255,255,255,.25))}
  .sbp-forest .tree{transform-origin:bottom center;animation:sway 9s ease-in-out infinite;animation-delay:var(--d,0s)}
  .sbp-castle .flag{transform-origin:0% 50%;animation:flagwave 1.8s ease-in-out infinite}
  .sbp-fireflies{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
  .sbp-fireflies b{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 20%,rgba(255,255,0,.8) 60%,rgba(255,255,0,0) 70%);box-shadow:0 0 12px rgba(255,255,120,.8);animation:fly 6s ease-in-out infinite}
  .sbp-fireflies b:nth-child(1){left:20%;bottom:35%}
  .sbp-fireflies b:nth-child(2){left:35%;bottom:42%;animation-duration:7s}
  .sbp-fireflies b:nth-child(3){left:50%;bottom:30%;animation-duration:5.5s}
  .sbp-fireflies b:nth-child(4){left:65%;bottom:38%}
  .sbp-fireflies b:nth-child(5){left:30%;bottom:24%}
  .sbp-fireflies b:nth-child(6){left:75%;bottom:26%}
  .sbp-fireflies b:nth-child(7){left:55%;bottom:22%}
  .sbp-fireflies b:nth-child(8){left:15%;bottom:28%}
  .sbp-comet{position:absolute;left:-10vh;top:12vh;width:1px;height:1px;background:transparent;box-shadow:0 0 0 0 rgba(255,255,255,0);animation:comet 6s linear infinite}
  .sbp-comet:before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff, 0 0 16px #fff}
  .sbp-comet:after{content:"";position:absolute;left:-160px;top:-1px;width:160px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,0));transform:rotate(0.0001deg)}
  .sbp-book{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);width:min(72vw,560px);height:min(48vw,380px);perspective:1600px}
  .sbp-book-back{position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,#1e163d,#3b2a6c);box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 60px rgba(255,255,255,.08)}
  .sbp-book-pages{position:absolute;inset:12px;border-radius:14px;background:linear-gradient(135deg,#fff,#eef2ff)}
  .sbp-book-front{position:absolute;inset:0;transform-origin:left;border-radius:20px;background:linear-gradient(135deg,#5b21b6,#7c3aed);box-shadow:inset 0 0 60px rgba(255,255,255,.12),0 20px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fef3c7}
  .sbp-book-front .sbp-logo{backface-visibility:hidden;transform:translateZ(1px)}
  .sbp-aura{position:absolute;inset:auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,.6), rgba(255,255,255,0) 60%);filter:blur(12px);animation:aura 4s ease-in-out infinite;pointer-events:none}
  .sbp-logo{width:140px;height:140px;border-radius:50%;background:#fff;object-fit:contain;image-rendering:auto;box-shadow:0 6px 18px rgba(0,0,0,.25)}
    .sbp-pageflip{position:fixed;left:0;top:0;width:100dvw;height:100dvh;pointer-events:none;opacity:0;background:transparent;transform-style:preserve-3d;transform-origin:right;box-shadow:none}
  .sbp-opening .sbp-book-front{animation:open var(--open) var(--e) var(--open-delay, .6s) forwards}
  #storybook-preloader.sbp-zoom{animation:sitezoom var(--zoom) var(--e) forwards}
  @keyframes sway{0%,100%{transform:rotate(0deg)}50%{transform:rotate(1.5deg)}}
  @keyframes flagwave{0%,100%{transform:skewX(0deg)}50%{transform:skewX(10deg)}}
  @keyframes open{0%{transform:rotateY(0)}100%{transform:rotateY(-160deg)}}
  @keyframes coverfade{0%,60%{opacity:1}61%,100%{opacity:0}}
  @keyframes flip{0%{transform:rotateY(0) scale(1.02)}50%{filter:brightness(.96)}100%{transform:rotateY(180deg) scale(1)}}
  @keyframes sitezoom{0%{transform:translate(0,0) scale(1);opacity:1;filter:none}60%{transform:translate(var(--zoom-tx),var(--zoom-ty)) scale(var(--zoom-scale-over));opacity:.85;filter:blur(.4px) brightness(1.05)}100%{transform:translate(var(--zoom-tx),var(--zoom-ty)) scale(var(--zoom-scale));opacity:0;filter:blur(1px) brightness(1.08)}}
  @keyframes cloud{0%{transform:translateX(0)}100%{transform:translateX(120vw)}}
  @keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
  @keyframes pathglow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.1)}}
  @keyframes fly{0%{transform:translate(0,0)}50%{transform:translate(24px,-16px)}100%{transform:translate(0,0)}}
  @keyframes comet{0%{transform:translate(-10vh,0) rotate(10deg)}100%{transform:translate(120vw,60vh) rotate(10deg)}}
  @keyframes aura{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  @keyframes dolly{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
  @media (prefers-reduced-motion:reduce){.sbp-visible .sbp-book-front{animation:none}.sbp-clouds .c,.sbp-stars i,.sbp-fireflies b,.sbp-path,.sbp-scene,.sbp-comet,.sbp-aura{animation:none}}
  .sbp-zoomlines{position:absolute;inset:-10%;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 45%),repeating-conic-gradient(from 0deg, rgba(255,255,255,.08) 0deg, rgba(255,255,255,0) 8deg 12deg);mix-blend-mode:screen;transform:scale(1)}
  .sbp-zoom .sbp-zoomlines{animation:lines var(--zoom) ease-out forwards}
  @keyframes lines{0%{opacity:0;transform:scale(1)}40%{opacity:.6;transform:scale(1.15)}100%{opacity:0;transform:scale(1.35)}}
  .sbp-enter{position:absolute;left:50%;top:calc(50% + min(48vw,380px)/2 + 24px);transform:translateX(-50%);width:calc(min(72vw,560px) - 220px);padding:16px 24px;border:0;border-radius:16px;background:#ffcc00;color:#fff;letter-spacing:.02em;box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 -2px 0 rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease;text-shadow:0 1px 0 rgba(0,0,0,.25);z-index:10;font-family:"Inter", system-ui, Segoe UI, Roboto, Helvetica, Arial;font-weight:700;font-size:18px;line-height:1.2}
  .sbp-enter:hover{transform:translateX(-50%) translateY(-1px);box-shadow:0 14px 36px rgba(0,0,0,.4), inset 0 -2px 0 rgba(0,0,0,.12)}
  .sbp-enter:active{transform:translateX(-50%) translateY(0);box-shadow:0 10px 28px rgba(0,0,0,.35), inset 0 2px 0 rgba(255,255,255,.15)}
  .sbp-started .sbp-enter{opacity:0;pointer-events:none}

@media(min-width:1024px){
	.sbp-enter{width: calc(min(72vw, 550px) - 220px)!important;}
}
@media (max-width: 768px){.sbp-enter{width:clamp(200px,70vw,min(72vw,560px));font-size:16px;padding:14px 20px;white-space:nowrap;border-radius:14px}}
*/


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700&display=swap');
  #storybook-preloader{--open:900ms;--flip:1200ms;--zoom:550ms;--e:cubic-bezier(.42,0,.2,1);--paper:#fafafa;--open-delay:0s;--book-w:clamp(260px,38vmin,480px);--book-h:calc(var(--book-w)*1.38)}
  html.sbp-locked{overflow:hidden}
  .sbp-overlay{position:fixed;left:0;top:0;width:100dvw;height:100dvh;background:radial-gradient(120% 80% at 50% 10%,#8b5cf6 0%,#5b21b6 40%,#2e1065 100%);display:flex;align-items:center;justify-content:center;z-index:999999;overflow:hidden;contain:layout paint;transform-origin:50% 50%;will-change:transform,opacity}
  .sbp-vignette{position:absolute;inset:-10%;background:radial-gradient(80% 60% at 50% 30%,transparent 60%,rgba(0,0,0,.35) 100%);mix-blend-mode:multiply;pointer-events:none}
  .sbp-scene{position:relative;width:100%;height:100%;animation:dolly 14s ease-in-out infinite}
  .sbp-sky{position:absolute;left:0;top:0;width:100%;height:100%;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 60%),linear-gradient(#432371,#2e1a5f)}
  .sbp-stars{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
  .sbp-stars i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.7;box-shadow:0 0 6px rgba(255,255,255,.7);animation:twinkle 2.6s ease-in-out infinite}
  .sbp-stars i:nth-child(odd){animation-duration:3.4s}
  .sbp-clouds{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
  .sbp-clouds .c{position:absolute;bottom:40%;width:40vw;height:18vh;filter:blur(10px);background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.35),rgba(255,255,255,.05) 60%);opacity:.6}
  .sbp-clouds .c1{left:-20vw;animation:cloud 40s linear infinite}
  .sbp-clouds .c2{right:-25vw;animation:cloud 55s linear infinite reverse}
  .sbp-layer{position:absolute;left:0;bottom:0;width:100vw;display:block}
  .sbp-forest.back{height:38%}
  .sbp-forest.front{height:45%}
  .sbp-path{height:40%;opacity:.9;mix-blend-mode:screen;animation:pathglow 5s ease-in-out infinite}
  
  .sbp-forest .tree{transform-origin:bottom center;animation:sway 9s ease-in-out infinite;animation-delay:var(--d,0s)}
  
  .sbp-fireflies{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
  .sbp-fireflies b{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#fff 20%,rgba(255,255,0,.8) 60%,rgba(255,255,0,0) 70%);box-shadow:0 0 12px rgba(255,255,120,.8);animation:fly 6s ease-in-out infinite}
  .sbp-fireflies b:nth-child(1){left:20%;bottom:35%}
  .sbp-fireflies b:nth-child(2){left:35%;bottom:42%;animation-duration:7s}
  .sbp-fireflies b:nth-child(3){left:50%;bottom:30%;animation-duration:5.5s}
  .sbp-fireflies b:nth-child(4){left:65%;bottom:38%}
  .sbp-fireflies b:nth-child(5){left:30%;bottom:24%}
  .sbp-fireflies b:nth-child(6){left:75%;bottom:26%}
  .sbp-fireflies b:nth-child(7){left:55%;bottom:22%}
  .sbp-fireflies b:nth-child(8){left:15%;bottom:28%}
  .sbp-comet{position:absolute;left:-10vh;top:12vh;width:1px;height:1px;background:transparent;box-shadow:0 0 0 0 rgba(255,255,255,0);animation:comet 6s linear infinite}
  .sbp-comet:before{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff, 0 0 16px #fff}
  .sbp-comet:after{content:"";position:absolute;left:-160px;top:-1px;width:160px;height:3px;background:linear-gradient(90deg,rgba(255,255,255,.8),rgba(255,255,255,0));transform:rotate(0.0001deg)}
  .sbp-book{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);width:var(--book-w);height:var(--book-h);perspective:1600px}
  .sbp-book-back{position:absolute;inset:0;border-radius:20px;background:#ffffff;box-shadow:none}
  .sbp-book-pages{position:absolute;
	  /*left:12px;top:12px;bottom:12px; width:calc(100% - 18px);*/
	  left:0px;top:0px;bottom:0px;     border-bottom-right-radius: 20px!important; border-top-right-radius: 20px!important; width: 100%; overflow: hidden;
	  
	  border-radius:14px 0 0 14px;background:transparent;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .25s var(--e)}
  .sbp-book-front{position:absolute;inset:0;transform-origin:left;border-radius:20px;background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 128 128'><filter id='wr'><feTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='2' seed='15' result='n'/><feSpecularLighting in='n' surfaceScale='14' specularConstant='0.8' specularExponent='25' lighting-color='%23ffffff'><feDistantLight azimuth='230' elevation='55'/></feSpecularLighting><feComponentTransfer><feFuncA type='table' tableValues='0 0.45'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23wr)' fill='%23000'/></svg>"),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 128 128'><filter id='leath'><feTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='4' seed='4' result='n'/><feDiffuseLighting in='n' surfaceScale='11' lighting-color='%23ffffff'><feDistantLight azimuth='230' elevation='55'/></feDistantLight></feDiffuseLighting><feComponentTransfer><feFuncA type='table' tableValues='0 0.6'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23leath)' fill='%23000'/></svg>"),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'><filter id='grain'><feTurbulence type='fractalNoise' baseFrequency='0.18' numOctaves='4' seed='9'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.26'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23grain)' fill='%23000'/></svg>"),
      linear-gradient(135deg,#4c1d95 0%,#6d28d9 55%,#7c3aed 100%),
      radial-gradient(120% 120% at 20% 12%, rgba(255,255,255,.14), rgba(255,255,255,0) 60%),
      radial-gradient(120% 120% at 82% 78%, rgba(0,0,0,.22), rgba(0,0,0,0) 55%),
      repeating-conic-gradient(from 8deg at 50% 50%, rgba(0,0,0,.06) 0 10deg, rgba(255,255,255,.045) 10deg 20deg),
      conic-gradient(from 220deg at 38% 32%, rgba(255,255,255,.06), transparent 28%),
      conic-gradient(from 40deg at 70% 66%, rgba(0,0,0,.07), transparent 32%),
      repeating-linear-gradient(125deg, rgba(255,255,255,.04) 0 3px, rgba(0,0,0,.04) 3px 6px);
    background-blend-mode: overlay, overlay, multiply, normal, overlay, multiply, soft-light, overlay, overlay, overlay;
    background-size: 420px 420px, 300px 300px, 160px 160px, auto, auto, auto, auto, auto, auto, auto;
    background-repeat: repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    border:2px solid rgba(253,224,71,.18);box-shadow:inset 0 0 60px rgba(255,255,255,.12),0 24px 80px rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fef3c7;transform-style:preserve-3d}
  .sbp-book-front .sbp-logo,.sbp-logo{width:clamp(64px,16vmin,128px);height:clamp(64px,16vmin,128px);border-radius:50%;background:#fff;object-fit:contain;image-rendering:auto;box-shadow:0 6px 18px rgba(0,0,0,.25)}
  .sbp-aura{display:none}
  .sbp-pageflip{position:fixed;left:0;top:0;width:100dvw;height:100dvh;pointer-events:none;opacity:0;background:transparent;transform-style:preserve-3d;transform-origin:right;box-shadow:none}
  .sbp-opening .sbp-book-front{animation:open var(--open) var(--e) var(--open-delay, .6s) forwards}
  #storybook-preloader.sbp-zoom{animation:sitezoom var(--zoom) var(--e) forwards}
  @keyframes sway{0%,100%{transform:rotate(0deg)}50%{transform:rotate(1.5deg)}}
  @keyframes flagwave{0%,100%{transform:skewX(0deg)}50%{transform:skewX(10deg)}}
  @keyframes open{0%{transform:rotateY(0)}100%{transform:rotateY(-160deg)}}
  @keyframes coverfade{0%,60%{opacity:1}61%,100%{opacity:0}}
  @keyframes flip{0%{transform:rotateY(0) scale(1.02)}50%{filter:brightness(.96)}100%{transform:rotateY(180deg) scale(1)}}
  @keyframes sitezoom{0%{transform:translate(0,0) scale(1);opacity:1;filter:none}60%{transform:translate(var(--zoom-tx),var(--zoom-ty)) scale(var(--zoom-scale-over));opacity:.85;filter:blur(.4px) brightness(1.05)}100%{transform:translate(var(--zoom-tx),var(--zoom-ty)) scale(var(--zoom-scale));opacity:0;filter:blur(1px) brightness(1.08)}}
  @keyframes cloud{0%{transform:translateX(0)}100%{transform:translateX(120vw)}}
  @keyframes twinkle{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
  @keyframes pathglow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.1)}}
  @keyframes fly{0%{transform:translate(0,0)}50%{transform:translate(24px,-16px)}100%{transform:translate(0,0)}}
  @keyframes comet{0%{transform:translate(-10vh,0) rotate(10deg)}100%{transform:translate(120vw,60vh) rotate(10deg)}}
  @keyframes aura{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
  @keyframes dolly{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
  @media (prefers-reduced-motion:reduce){.sbp-visible .sbp-book-front{animation:none}.sbp-clouds .c,.sbp-stars i,.sbp-fireflies b,.sbp-path,.sbp-scene,.sbp-comet,.sbp-aura{animation:none}}
  .sbp-zoomlines{position:absolute;inset:-10%;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.15) 0%, rgba(255,255,255,0) 45%),repeating-conic-gradient(from 0deg, rgba(255,255,255,.08) 0deg, rgba(255,255,255,0) 8deg 12deg);mix-blend-mode:screen;transform:scale(1)}
  .sbp-zoom .sbp-zoomlines{animation:lines var(--zoom) ease-out forwards}
  @keyframes lines{0%{opacity:0;transform:scale(1)}40%{opacity:.6;transform:scale(1.15)}100%{opacity:0;transform:scale(1.35)}}
  .sbp-enter{position:absolute;left:50%;top:calc(50% + var(--book-h)/2 + 24px);transform:translateX(-50%);width:clamp(210px, calc(var(--book-w)*0.72), 400px)!important;padding:16px 10px!important;border:0;border-radius:16px;background:#ffcc00;color:#fff!important;letter-spacing:.02em;box-shadow:0 10px 30px rgba(0,0,0,.35), inset 0 -2px 0 rgba(0,0,0,.1);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .25s ease;text-shadow:0 1px 0 rgba(0,0,0,.25);z-index:10;font-family:"Inter", system-ui, Segoe UI, Roboto, Helvetica, Arial;font-weight:700!important;font-size:14px!important;line-height:1.2}
  .sbp-enter:hover{transform:translateX(-50%) translateY(-1px);box-shadow:0 14px 36px rgba(0,0,0,.4), inset 0 -2px 0 rgba(0,0,0,.12)}
  .sbp-enter:active{transform:translateX(-50%) translateY(0);box-shadow:0 10px 28px rgba(0,0,0,.35), inset 0 2px 0 rgba(255,255,255,.15)}
  .sbp-started .sbp-enter{opacity:0;pointer-events:none}
  @media (max-width: 1024px){.sbp-enter{width:clamp(220px,42vw,340px)}}
  @media (max-width: 768px){.sbp-enter{width:clamp(180px,60vw,280px);font-size:16px;padding:14px 20px;white-space:nowrap;border-radius:14px}}
  .sbp-book-front::before{content:"";position:absolute;inset:12px;border-radius:14px;transform:rotateY(180deg);box-shadow:inset 0 0 0 2px rgba(253,230,138,.9), inset 0 0 18px rgba(253,230,138,.22);background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.02));backface-visibility:hidden;pointer-events:none}
  .sbp-gilded{position:absolute;inset:18px;border-radius:16px;border:2px solid rgba(253,230,138,.9);box-shadow:0 0 12px rgba(253,230,138,.25) inset, 0 2px 0 rgba(0,0,0,.15);pointer-events:none}
  .sbp-title{margin:6px 0 0;font-family:"Inter", system-ui, Segoe UI, Roboto, Helvetica, Arial;font-weight:700;font-size:clamp(18px,5.2vmin,30px)!important;letter-spacing:.02em;color:#fde68a!important;text-shadow:0 1px 0 rgba(0,0,0,.3);   
	  
	  text-align: center;    max-width: 80%; 

}
  @media (max-width:480px){.sbp-title{font-size:clamp(18px,7.2vmin,32px)}#storybook-preloader{--book-w:clamp(220px,84vw,320px);--book-h:calc(var(--book-w)*1.38)}.sbp-book-front .sbp-logo,.sbp-logo{width:clamp(68px,17.5vmin,124px);height:clamp(68px,17.5vmin,124px)}}
  @media (min-width:481px) and (max-width:768px){.sbp-title{font-size:clamp(20px,6.4vmin,34px)}.sbp-book-front .sbp-logo,.sbp-logo{width:clamp(70px,17vmin,128px);height:clamp(70px,17vmin,128px)}}
  .sbp-book-pages::after{content:none}
  .sbp-opening .sbp-book-pages{opacity:1}
  .sbp-opening .sbp-book-pages::after{content:none}
  .sbp-book-front::after{content:"";position:absolute;inset:0;border-radius:20px;transform:rotateY(180deg);background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 128 128'><filter id='wr2'><feTurbulence type='fractalNoise' baseFrequency='0.02' numOctaves='2' seed='22' result='n'/><feSpecularLighting in='n' surfaceScale='14' specularConstant='0.8' specularExponent='25' lighting-color='%23ffffff'><feDistantLight azimuth='230' elevation='55'/></feDistantLight></feSpecularLighting><feComponentTransfer><feFuncA type='table' tableValues='0 0.45'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23wr2)' fill='%23000'/></svg>"),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 128 128'><filter id='leath2'><feTurbulence type='fractalNoise' baseFrequency='0.05' numOctaves='4' seed='5' result='n'/><feDiffuseLighting in='n' surfaceScale='11' lighting-color='%23ffffff'><feDistantLight azimuth='230' elevation='55'/></feDistantLight></feDiffuseLighting><feComponentTransfer><feFuncA type='table' tableValues='0 0.6'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23leath2)' fill='%23000'/></svg>"),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128' viewBox='0 0 128 128'><filter id='grain2'><feTurbulence type='fractalNoise' baseFrequency='0.18' numOctaves='4' seed='12'/><feComponentTransfer><feFuncA type='table' tableValues='0 0.26'/></feComponentTransfer></filter><rect width='100%' height='100%' filter='url(%23grain2)' fill='%23000'/></svg>"),
      linear-gradient(135deg,#4c1d95 0%,#6d28d9 55%,#7c3aed 100%),
      radial-gradient(140% 120% at 18% 14%, rgba(255,255,255,.12), rgba(255,255,255,0) 60%),
      radial-gradient(140% 120% at 82% 78%, rgba(0,0,0,.22), rgba(0,0,0,0) 55%),
      repeating-conic-gradient(from 10deg at 50% 50%, rgba(0,0,0,.06) 0 10deg, rgba(255,255,255,.045) 10deg 20deg),
      conic-gradient(from 230deg at 36% 34%, rgba(255,255,255,.06), transparent 28%),
      conic-gradient(from 52deg at 72% 68%, rgba(0,0,0,.07), transparent 32%),
      repeating-linear-gradient(125deg, rgba(255,255,255,.04) 0 3px, rgba(0,0,0,.04) 3px 6px);
    background-blend-mode: overlay, overlay, multiply, normal, overlay, multiply, soft-light, overlay, overlay, overlay;box-shadow:inset 0 0 0 2px rgba(253,230,138,.9), inset 0 0 12px rgba(253,230,138,.25);backface-visibility:hidden;
    background-size: 420px 420px, 300px 300px, 160px 160px, auto, auto, auto, auto, auto, auto, auto;
    background-repeat: repeat, repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat}
  .sbp-book-front > *{backface-visibility:hidden}
  .sbp-canvas{position:absolute;inset:0;pointer-events:none}
.sbp-edge{position:absolute;right:-10px;top:10px;bottom:10px;width:12px;border-radius:0 12px 12px 0;background:repeating-linear-gradient(90deg,#f7f2e3 0 2px,#ebe3cf 2px 3px);box-shadow:inset 0 0 2px rgba(0,0,0,.2)}
.sbp-corners,.sbp-corners-in{position:absolute;inset:6px;pointer-events:none}
.sbp-corners-in{transform:rotateY(180deg);backface-visibility:hidden}
.sbp-corner{position:absolute;width:clamp(22px,5.2vmin,44px);height:clamp(22px,5.2vmin,44px);opacity:.95;filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}
.sbp-corner.tl{top:0;left:0}
.sbp-corner.tr{top:0;right:0}
.sbp-corner.bl{bottom:0;left:0}
.sbp-corner.br{bottom:0;right:0}
.sbp-rimlight{position:absolute;inset:-10px;border-radius:28px;opacity:0;box-shadow:0 0 0 0 rgba(253,230,138,.0),0 0 0 0 rgba(255,255,255,0);pointer-events:none}
.sbp-opening .sbp-rimlight{animation:rim 900ms ease forwards}
@keyframes rim{0%{opacity:0;box-shadow:0 0 0 0 rgba(253,230,138,.0)}40%{opacity:.9;box-shadow:0 0 48px 8px rgba(253,230,138,.35)}100%{opacity:0;box-shadow:0 0 0 0 rgba(253,230,138,.0)}}











html.sbp-locked,
html.sbp-locked body {
  overflow: hidden !important;   /* 🚫 no scrollbars */
  height: 100% !important;       /* make sure body fills viewport */
  position: fixed;               /* prevent touch scroll on mobile */
  width: 100%;
}