#soma-sheet-preloader{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--soma-pre-primary) 86%,#fff),var(--soma-pre-primary) 62%);opacity:1;visibility:visible;transition:opacity .48s ease,visibility .48s ease}
#soma-sheet-preloader.soma-preloader-out{opacity:0;visibility:hidden;pointer-events:none}.soma-stage{position:relative;width:min(760px,92vw);height:min(600px,90vh);display:flex;align-items:center;justify-content:center;perspective:1600px}.soma-glow{position:absolute;width:75%;height:45%;border-radius:50%;background:var(--soma-pre-accent);filter:blur(100px);opacity:.1}
.soma-book{position:relative;width:min(600px,78vw);height:min(390px,52vw);max-height:50vh;transform:rotateX(10deg);filter:drop-shadow(0 30px 28px rgba(0,0,0,.38));transform-style:preserve-3d}.soma-cover{position:absolute;inset:-8px;background:color-mix(in srgb,var(--soma-pre-primary) 70%,#000);border:1px solid color-mix(in srgb,var(--soma-pre-accent) 60%,transparent);border-radius:9px}.soma-page{position:absolute;top:0;width:50%;height:100%;box-sizing:border-box;padding:8% 6%;overflow:hidden;background:linear-gradient(90deg,var(--soma-pre-paper),color-mix(in srgb,var(--soma-pre-paper) 93%,#aaa));border:1px solid rgba(108,88,45,.2)}.soma-page-left{left:0;border-radius:6px 1px 1px 6px;box-shadow:inset -18px 0 24px -25px #000}.soma-page-right{left:50%;border-radius:1px 6px 6px 1px;box-shadow:inset 18px 0 24px -25px #000}.soma-clef{position:absolute;left:8%;top:3%;font-family:serif;font-size:clamp(22px,4vw,48px);color:var(--soma-pre-primary);opacity:.82}.soma-page-title{display:block;text-align:center;color:var(--soma-pre-primary);font-family:Georgia,serif;font-size:clamp(10px,1.5vw,19px);letter-spacing:.3em;margin-bottom:8%}
.soma-staff{position:relative;height:22%;margin:5% 0}.soma-lines,.soma-lines:before,.soma-lines:after{position:absolute;left:0;right:0;height:1px;background:rgba(21,31,39,.48);box-shadow:0 7px rgba(21,31,39,.48),0 14px rgba(21,31,39,.48),0 21px rgba(21,31,39,.48),0 28px rgba(21,31,39,.48)}.soma-lines{top:22%}.soma-staff b{position:absolute;z-index:2;color:var(--soma-pre-primary);font-family:serif;font-size:clamp(9px,1.7vw,20px);font-weight:400}
.soma-turning-page{position:absolute;left:50%;top:0;width:50%;height:100%;box-sizing:border-box;padding:9% 6%;background:linear-gradient(90deg,color-mix(in srgb,var(--soma-pre-paper) 88%,#aaa),var(--soma-pre-paper));border:1px solid rgba(108,88,45,.18);border-radius:1px 6px 6px 1px;transform-origin:left center;transform-style:preserve-3d;backface-visibility:hidden;animation:soma-page-turn var(--soma-cycle) cubic-bezier(.44,.05,.28,1) infinite;opacity:0}.soma-turning-page:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.24),transparent 32%);opacity:.25}.soma-page-number{position:absolute;right:7%;bottom:4%;font:9px Georgia,serif;color:#8b806c}.soma-spine{position:absolute;left:50%;top:-1%;bottom:-1%;width:2px;background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(255,255,255,.2),rgba(0,0,0,.38));transform:translateX(-50%);z-index:30}
.soma-brand{position:absolute;left:0;right:0;bottom:1%;text-align:center;color:#fff}.soma-brand strong{display:block;font-family:Georgia,serif;font-size:clamp(24px,4vw,42px);letter-spacing:.28em;padding-left:.28em}.soma-brand span{display:block;margin-top:8px;color:color-mix(in srgb,var(--soma-pre-accent) 88%,#fff);font-size:clamp(9px,1.4vw,13px);letter-spacing:.2em;text-transform:uppercase}.soma-brand i{display:block;width:54px;height:2px;margin:15px auto 0;background:var(--soma-pre-accent);animation:soma-pulse 1.2s ease-in-out infinite}
@keyframes soma-page-turn{0%,8%{opacity:0;transform:rotateY(0deg)}10%{opacity:1}32%{opacity:1}46%,100%{opacity:0;transform:rotateY(-178deg)}}@keyframes soma-pulse{0%,100%{transform:scaleX(.4);opacity:.4}50%{transform:scaleX(1.5);opacity:1}}
@media(max-width:600px){.soma-stage{height:82vh}.soma-book{width:90vw;height:64vw;max-height:none}.soma-brand{bottom:12%}.soma-page,.soma-turning-page{padding-top:11%}.soma-staff{height:24%;margin:3% 0}}
@media(prefers-reduced-motion:reduce){.soma-turning-page{animation-duration:2.8s}.soma-brand i{animation:none}}