.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scroll-behavior:auto}body>.header{position:fixed;left:0;right:0;top:0;transition:opacity .45s,transform .45s}body.intro-splash>.header{opacity:0;transform:translateY(-100%);pointer-events:none}.cinematic{height:590svh;min-height:3300px}.cinema-stage{top:0;height:100svh;min-height:0;padding:0;perspective:1300px;isolation:isolate;--open:0;--light:0;--actor-x:50vw;--actor-y:50vh;--actor-scale:.3;--actor-opacity:0;--actor-jump:0px;--hello:0;--throw-copy:0;--sky:0;background:white}.door-light{position:absolute;inset:0;background:radial-gradient(ellipse 31% 76% at 50% 50%,#fff2b4 0%,#fff9e6 25%,#fffefa 48%,#fff 78%);opacity:var(--light);transform:scale(calc(.5 + var(--open)*.75));pointer-events:none}.door-frame{position:absolute;left:calc(50% - 125px);top:11%;width:250px;height:78%;border-radius:100px 100px 0 0;background:radial-gradient(ellipse at center,#fff 20%,#fff8d8 70%,#fff 100%);box-shadow:0 0 80px 24px #fadd6933,inset 0 0 40px #ffdd6920;border:1px solid #f4e5b533;opacity:calc(var(--light)*.8);transform:scaleX(calc(.06 + var(--open)*1.55));pointer-events:none}.cinema-floor{position:absolute;left:calc(var(--actor-x) - 190px);top:calc(var(--actor-y) + 290px);width:380px;height:25px;background:#6042101a;filter:blur(17px);border-radius:50%;opacity:var(--actor-opacity);transform:scale(var(--actor-scale));pointer-events:none}.cinema-actor{position:absolute;left:var(--actor-x);top:calc(var(--actor-y) - var(--actor-jump));width:480px;height:690px;transform:translate(-50%,-50%) scale(var(--actor-scale));opacity:var(--actor-opacity);pointer-events:none;z-index:4}.actor-pose{position:absolute;inset:0;object-fit:contain;width:100%;height:100%;opacity:0;transform:translateY(18px);transition:opacity .2s,transform .25s}.actor-pose.active{opacity:1;transform:none}.curtain{position:absolute;top:0;height:100%;width:calc(50% + 1px);background:white;z-index:9;overflow:hidden;will-change:transform;backface-visibility:hidden;box-shadow:0 0 calc(var(--open)*45px) #6e561e1c}.curtain-left{left:0;transform-origin:left center;transform:translateX(calc(var(--open)*-105%)) rotateY(calc(var(--open)*-8deg));border-right:1px solid #fff}.curtain-right{right:0;transform-origin:right center;transform:translateX(calc(var(--open)*105%)) rotateY(calc(var(--open)*8deg));border-left:1px solid #fff}.curtain-content{width:100vw;height:100%;position:absolute;top:0;display:grid;place-items:center}.curtain-left .curtain-content{left:0}.curtain-right .curtain-content{right:0}.opening-title{text-align:center;direction:rtl;transform:translateY(-10px);padding:25px}.opening-title .eyebrow{direction:ltr;text-transform:uppercase;letter-spacing:3px;font:700 10px Arial,sans-serif;margin-bottom:25px;color:#8e8b7b}.opening-title>div{font-size:clamp(58px,7.4vw,115px);line-height:1.55;font-weight:950;letter-spacing:-5px}.opening-title>p{font-size:12px;color:#8e8b7b;margin-top:25px;letter-spacing:0}.opening-scroll{display:flex;justify-content:center;margin-top:45px}.opening-scroll .mouse{width:22px;height:33px;border-color:#cbbf97}.opening-scroll .mouse i{background:#b3942d}.cinema-copy{position:absolute;right:7%;top:50%;width:43%;transform:translateY(calc(-50% + (1 - var(--hello))*35px));opacity:var(--hello);z-index:6;pointer-events:none}.cinema-copy h2{font-size:clamp(45px,5vw,77px);line-height:1.5;letter-spacing:-3px;font-weight:950;margin-bottom:15px}.cinema-brand{font-family:Arial,sans-serif;font-size:clamp(58px,7.5vw,110px);font-weight:900;letter-spacing:-7px;display:inline-block}.cinema-brand span{color:#e9b90c}.cinema-copy p{font-size:15px;line-height:2;color:var(--muted);margin-bottom:20px}.cinema-copy[data-cinema-copy="hello"].active{pointer-events:auto}.intro-throw{opacity:var(--throw-copy);transform:translateY(calc(-50% + (1 - var(--throw-copy))*35px))}.cinema-caption{position:absolute;bottom:28px;left:5%;right:5%;z-index:7;display:flex;align-items:center;gap:20px;font-size:10px;color:#74776e;opacity:calc(1 - var(--sky));direction:rtl}.cinema-caption>span:first-child{font-weight:800;min-width:100px}.cinema-caption>span:last-child{display:flex;align-items:center;gap:9px;margin-inline-start:auto}.cinema-caption .icon{width:13px;transform:rotate(-90deg)}.cinema-progress{height:2px;width:150px;background:#f0ede0}.cinema-progress i{display:block;background:var(--yellow);height:100%;width:var(--playback,0%)}.cinema-skip{position:absolute;right:5%;bottom:24px;z-index:10;display:flex;align-items:center;gap:7px;font-size:10px;color:#74776e;opacity:calc(1 - var(--open));transition:opacity .2s}.cinema-skip .icon{width:14px}.sky-copy{position:absolute;top:11%;left:0;right:0;text-align:center;opacity:var(--sky);z-index:3;transform:translateY(calc((1 - var(--sky))*-20px));pointer-events:none}.sky-copy .eyebrow{font-size:10px;margin-bottom:7px;color:#958644}.sky-copy p{font-size:23px;font-weight:700;line-height:1.7}.sky-copy strong{font-weight:900}.flying-books{position:fixed;inset:0;z-index:22;pointer-events:none;overflow:hidden;perspective:1400px}.flying-book{position:absolute;top:0;left:0;width:140px;height:198px;opacity:0;will-change:transform;transform-origin:50% 50%;border-radius:4px;background:white;box-shadow:3px 5px 0 #e9e4d5,7px 16px 20px #52482822;border:1px solid #f0eee7}.flying-book:before{content:'';position:absolute;right:-4px;top:2px;bottom:2px;width:4px;background:linear-gradient(90deg,#d7cba8,#fffaf0);border-radius:0 2px 2px 0;transform:translateZ(-1px)}.flying-book img{width:100%;height:100%;object-fit:fill;border-radius:3px}.flying-book.landing{box-shadow:0 4px 10px #52482812}.book-card.awaiting-arrival .cover-button img{opacity:0;transition:none}.book-card.book-arrived .cover-button img{opacity:1;transform:none}.book-card.book-arrived:hover .cover-button img{transform:translateY(-6px)}.library-section{position:relative;background:white;z-index:5}.arrival-eyebrow{font-size:12px;color:var(--teal)}.header .brand-dot{color:var(--ink)}
@media(max-width:1100px){.cinema-actor{width:420px;height:600px}.cinema-floor{top:calc(var(--actor-y) + 250px);width:320px;left:calc(var(--actor-x) - 160px)}.cinema-copy{right:6%;width:43%}.cinema-copy h2{font-size:52px}.cinema-brand{font-size:77px}.cinema-copy p{font-size:13px}.opening-title>div{font-size:85px;letter-spacing:-3px}}
@media(max-width:800px){.cinematic{height:610svh;min-height:3400px}.cinema-stage{height:100svh;min-height:0}.opening-title>div{font-size:68px;letter-spacing:-3px}.opening-title>p{font-size:11px}.cinema-actor{width:370px;height:530px}.cinema-floor{top:calc(var(--actor-y) + 225px);width:280px;left:calc(var(--actor-x) - 140px)}.cinema-copy{top:24%;right:5%;left:5%;width:auto;transform:translateY(calc(-50% + (1 - var(--hello))*20px));text-align:center}.cinema-copy h2{font-size:43px;line-height:1.4;margin-bottom:8px}.cinema-brand{font-size:65px;letter-spacing:-4px}.cinema-copy p{font-size:12px;line-height:1.8;margin-bottom:10px}.cinema-copy .eyebrow{margin-bottom:8px;font-size:10px}.cinema-copy .text-button{font-size:11px;min-height:34px}.intro-throw{transform:translateY(calc(-50% + (1 - var(--throw-copy))*20px))}.intro-throw h2{font-size:39px}.cinema-caption{left:22px;right:22px;bottom:19px;font-size:9px;gap:12px}.cinema-progress{width:100px}.cinema-caption>span:first-child{min-width:85px}.cinema-caption>span:last-child{font-size:8px;gap:4px}.cinema-skip{font-size:9px;bottom:20px}.sky-copy{top:11%}.sky-copy p{font-size:19px}.sky-copy .eyebrow{font-size:9px}.door-frame{top:14%;height:72%;width:220px;left:calc(50% - 110px)}}
@media(max-width:550px){.opening-title{padding:15px;transform:translateY(-20px)}.opening-title>div{font-size:49px;line-height:1.65;letter-spacing:-2.7px}.opening-title>p{font-size:10px;margin-top:23px}.opening-title .eyebrow{font-size:8px;letter-spacing:2.2px;margin-bottom:25px}.opening-scroll{margin-top:40px}.cinema-actor{width:305px;height:440px}.cinema-floor{top:calc(var(--actor-y) + 187px);width:235px;left:calc(var(--actor-x) - 118px);height:19px;filter:blur(14px)}.cinema-copy{top:25%;right:6%;left:6%}.cinema-copy h2{font-size:35px;letter-spacing:-1.8px}.cinema-brand{font-size:54px;letter-spacing:-3.7px}.cinema-copy p{font-size:11px;margin-bottom:4px;line-height:1.9}.cinema-copy .eyebrow{font-size:9px;margin-bottom:5px}.cinema-copy .text-button{font-size:10px;min-height:33px}.intro-throw h2{font-size:31px;line-height:1.5}.cinema-caption{left:18px;right:18px;gap:8px}.cinema-caption>span:first-child{font-size:8px;min-width:67px}.cinema-progress{width:75px}.sky-copy p{font-size:17px}.sky-copy .eyebrow{font-size:8px}.door-frame{top:20%;height:64%;width:160px;left:calc(50% - 80px)}.door-light{background:radial-gradient(ellipse 55% 65% at 50% 50%,#fff0ae 0%,#fff9e6 25%,#fffefa 48%,#fff 78%)}.flying-book{border-radius:3px}}
@media(prefers-reduced-motion:reduce){body>.header{position:sticky;opacity:1!important;transform:none!important}.cinematic{height:auto;min-height:0}.cinema-stage{height:auto;min-height:0;padding:55px 25px 30px;position:relative;top:auto;display:flex;flex-direction:column;align-items:center}.cinema-stage>.sr-only{position:static!important;clip:auto!important;overflow:visible;width:auto;height:auto;margin:0;white-space:normal;font-size:42px;text-align:center;line-height:1.6}.curtain,.door-light,.door-frame,.cinema-floor,.cinema-caption,.sky-copy{display:none!important}.cinema-actor{position:relative;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;width:280px;height:390px;margin-top:15px}.actor-pose{display:none}.pose-hello{display:block;opacity:1;transform:none}.cinema-copy{position:relative;inset:auto;width:auto;text-align:center;opacity:1!important;transform:none!important;margin:22px 0;pointer-events:auto}.intro-throw{margin-top:0}.cinema-copy h2{font-size:33px}.cinema-brand{font-size:44px}.cinema-copy p{font-size:12px}.cinema-skip{position:relative;inset:auto;opacity:1;margin-top:15px}.flying-books{display:none}.book-card.awaiting-arrival .cover-button img{opacity:1}.opening-title{display:none}}

.curtain-left,.curtain-right{border:0}

@media(max-width:550px){.button.small{min-height:44px}.favorite{min-height:44px;min-width:44px}}
.cinema-caption>span:last-child{display:none}.cinema-skip{left:5%;right:auto;opacity:1;z-index:30}
@media(max-width:550px){.cinema-skip{left:18px;right:auto;bottom:19px}}
@media(prefers-reduced-motion:reduce){.cinema-skip{left:auto;right:auto}}
/* Touch-first navigation and a focused three-step story builder. */
.mobile-dock,.wizard-progress,.wizard-actions{display:none}
.custom-step{display:grid;gap:20px}.review-extras{font-size:12px;overflow-wrap:anywhere}.review-extras:empty{display:none}
[hidden]{display:none!important}
@media(max-width:550px){
 .mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:42;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:5px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #342c0610}
 .mobile-dock>a,.mobile-dock>button{min-height:52px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:11px;font-weight:800}.mobile-dock .icon{width:20px;height:20px}.mobile-dock .dock-custom{background:var(--yellow)}
 body.dock-visible footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}body.dock-visible .toast{bottom:calc(85px + env(safe-area-inset-bottom))}
 .library-button,.close-dialog,.preview-nav button{min-width:44px;min-height:44px}.traits button,.book-action button,.cinema-copy .text-button,.cinema-skip{min-height:44px}.book-action{flex-wrap:wrap}.book-title{font-size:13px}.search-box input,.select-wrap select{font-size:16px}.select-wrap{flex:1}.search-box input{min-width:0}
 .custom-dialog{width:100%;max-width:none;max-height:calc(100svh - 12px);margin:auto 0 0;border-radius:22px 22px 0 0;padding:24px 20px calc(20px + env(safe-area-inset-bottom));overscroll-behavior:contain}
 .custom-top h2{font-size:26px}.custom-top p{font-size:11px}.custom-top{margin-bottom:16px;padding-left:35px}
 .wizard-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 22px}.wizard-progress span{border-radius:9px;background:#f5f5ef;padding:10px 5px;text-align:center;font-size:11px;font-weight:700;color:#77796d}.wizard-progress .current{background:var(--yellow-soft);color:var(--ink);box-shadow:inset 0 -2px var(--yellow)}
 .wizard-actions{display:flex;justify-content:space-between;gap:12px;position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));background:white;padding:18px 0 calc(12px + env(safe-area-inset-bottom));margin-top:12px}.wizard-actions button{min-height:50px;font-size:13px}.wizard-actions #wizard-next{flex:1}
 .form-main:has(>[hidden]:only-child){display:none}.form-main:has(>[data-custom-step="0"][hidden]):has(>[data-custom-step="1"][hidden]){display:none}
 .form-main input:not([type="checkbox"]),.form-main select,.form-main textarea{font-size:16px;min-height:50px}.form-main label{font-size:13px}.field-pair{gap:12px}.custom-step{gap:17px}.check-row{min-height:66px}.check-row strong{font-size:12px}.check-row small{font-size:10px}.upload-box{min-height:145px}.custom-summary .mini-cover{display:block;width:100px;margin:0 auto 15px}.custom-summary ul{grid-template-columns:1fr}.custom-summary li{font-size:11px}.custom-summary{background:#fffcf1}.custom-summary .button{min-height:52px}.review-extras{font-size:12px;line-height:1.9;margin:15px 0}.form-error{position:relative;font-size:12px}
}
@media(max-width:550px) and (max-height:700px){
 .cinema-actor{width:240px;height:350px}.cinema-copy{top:28%}.cinema-copy h2{font-size:28px}.cinema-brand{font-size:43px}.cinema-copy p{font-size:10px}.cinema-copy .eyebrow{font-size:8px}.intro-throw h2{font-size:26px}.cinema-floor{top:calc(var(--actor-y) + 145px)}.opening-title>div{font-size:43px}.opening-title .eyebrow{margin-bottom:15px}.opening-scroll{margin-top:25px}
}
@media(max-width:350px){.header{padding-inline:12px}.brand{font-size:22px}.brand-mark{width:23px}.header-actions{gap:3px}.button.small{padding-inline:8px}.book-grid{gap:24px 12px}.book-art{padding:15px 10px}.section{padding-inline:16px}.mobile-dock{padding-inline:10px}.mobile-dock>a,.mobile-dock>button{font-size:10px;gap:5px}.field-pair{grid-template-columns:1fr}}
.mini-cover img{width:100%;height:auto}
@media(max-width:550px){.custom-summary .mini-cover{width:75px;margin-bottom:12px}.custom-summary ul{margin:12px 0;padding-block:10px}.custom-summary .review-extras{font-size:12px}.custom-summary h3{font-size:22px}.custom-summary>p{font-size:11px}.wizard-actions:has(#wizard-next[hidden]){position:static;padding-bottom:0}}
html,body{overflow-x:clip}.flying-books{contain:paint}
@media(max-width:350px){.opening-title>div{font-size:36px;letter-spacing:-2px}.cinema-copy p{max-width:250px;margin-inline:auto}.cinema-copy .text-button{font-size:9px}.cinema-caption{bottom:14px}.cinema-skip{bottom:14px}}
