:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#f8f2ed;background:#100d0e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,.reel-feed:focus-visible{outline:2px solid #f4cc9c;outline-offset:4px}button{color:inherit}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}[hidden]{display:none!important}.reels-header{height:90px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff12}.back-link{font-size:22px;display:flex;gap:12px;align-items:center;min-height:44px}.back-link span,.header-book{font-size:12px}.reels-brand{font-family:Georgia,serif;font-size:24px;text-align:center}.reels-brand small{font-family:Arial,sans-serif;display:block;font-size:8px;letter-spacing:2.5px;margin-top:8px;color:#beac9f}.header-book{border:1px solid #c9956b70;padding:14px 20px;border-radius:30px}.reels-layout{height:calc(100dvh - 90px);min-height:500px;display:flex;gap:4vw;justify-content:center;align-items:center;padding:24px 32px}.reels-intro{width:260px;flex-shrink:0}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#d1a27e}.reels-intro h1{font-family:Georgia,serif;font-size:76px;line-height:1.02;font-weight:400;margin:28px 0}.reels-intro>p:not(.eyebrow){color:#b9aba4;line-height:1.8;font-size:14px}.intro-line{display:block;height:1px;width:55px;background:#c9956b70;margin:30px 0}.reels-intro .swipe-note{font-size:12px!important}.intro-book{display:inline-block;color:#ecc7a7;font-size:12px;margin-top:20px;padding:12px 0}.player-shell{height:min(820px,100%);aspect-ratio:9/16;max-width:480px;position:relative;border-radius:20px;background:#050505;overflow:hidden;box-shadow:0 24px 80px #0007;border:1px solid #ffffff17}.feed-heading{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:20px 22px;background:linear-gradient(#000a,transparent);pointer-events:none}.feed-heading h2{font-size:20px;margin:0}.feed-heading>span{font-size:11px;background:#0005;padding:6px 9px;border-radius:20px}.reel-feed{height:100%;width:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y}.reel-feed::-webkit-scrollbar{display:none}.reel-card{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;background:#050505}.reel-video{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;background:#050505}.reel-tap{position:absolute;inset:65px 0 180px;width:100%;border:0;background:transparent;z-index:1;display:grid;place-items:center}.reel-play-symbol{display:grid;place-items:center;width:64px;height:64px;background:#0008;border:1px solid #ffffff50;border-radius:50%;backdrop-filter:blur(6px)}.reel-play-symbol svg{width:27px;height:27px;margin-left:4px;fill:currentColor}.reel-card[data-playing="true"] .reel-play-symbol{opacity:0}.reel-shade{position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0004 40%,#000e);pointer-events:none}.reel-copy{position:absolute;bottom:78px;left:20px;right:76px;pointer-events:none}.reel-artist{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700}.reel-artist img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #ffffff70}.reel-copy h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin:12px 0 7px;line-height:1.15}.reel-copy p{font-size:11px;line-height:1.5;color:#e1d8d1;margin:0}.reel-actions{position:absolute;bottom:103px;right:10px;display:flex;flex-direction:column;gap:15px;z-index:2}.reel-action{display:flex;flex-direction:column;gap:5px;align-items:center;background:transparent;border:0;padding:4px;min-width:48px;min-height:48px;font-size:9px;text-shadow:0 1px 4px #000}.reel-action svg{filter:drop-shadow(0 1px 3px #000a)}.reel-action[aria-pressed="true"] .heart{fill:#e9789d;stroke:#e9789d}.reel-bottom{position:absolute;bottom:0;left:0;right:0;padding:0 20px 16px;z-index:2}.reel-book{display:flex;align-items:center;justify-content:space-between;background:#fff1e6;color:#33231c;padding:11px 14px;border-radius:8px;font-size:11px;font-weight:700;min-height:39px}.reel-timeline{display:flex;align-items:center;gap:8px;margin:12px 0 0}.reel-timeline input{width:100%;height:14px;accent-color:#e9ba92;margin:0;cursor:pointer}.reel-time{font-size:9px;min-width:55px;text-align:right;font-variant-numeric:tabular-nums}.reel-status{position:absolute;top:76px;left:14px;right:14px;z-index:2;text-align:center;font-size:12px;background:#000b;border-radius:8px;padding:10px;pointer-events:none}.reel-retry{position:absolute;top:120px;left:50%;transform:translateX(-50%);z-index:3;background:#fff1e6;color:#33231c;border:0;border-radius:20px;padding:12px 22px}.reel-stepper{display:flex;flex-direction:column;gap:12px;align-items:center;align-self:center}.reel-stepper button{border:1px solid #ffffff25;background:#211b1d;border-radius:50%;width:48px;height:48px;font-size:23px}.reel-stepper>span{writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#9c8d85;margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.reel-toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:max-content;background:#fff1e6;color:#33231c;padding:14px 20px;font-size:12px;border-radius:12px;box-shadow:0 8px 28px #0009;z-index:10}.no-script{padding:90px 20px}.no-script a{text-decoration:underline}
@media(max-width:900px){.reels-intro{width:180px}.reels-intro h1{font-size:56px}.reels-layout{gap:24px;padding:20px}.reels-header{height:74px}.reels-layout{height:calc(100dvh - 74px)}}
@media(max-width:640px){.reels-header{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0}.reels-brand{font-size:17px}.reels-brand small{font-size:6px;letter-spacing:1.5px;margin-top:4px}.header-book{font-size:10px;padding:10px 12px}.back-link{font-size:24px}.back-link span{display:none}.reels-layout{height:calc(100dvh - 60px - env(safe-area-inset-top));min-height:0;padding:0;gap:0}.reels-intro,.reel-stepper{display:none}.player-shell{height:100%;width:100%;max-width:none;border:0;border-radius:0;aspect-ratio:auto}.feed-heading{padding:16px 18px}.reel-copy{left:18px;bottom:calc(85px + env(safe-area-inset-bottom));right:74px}.reel-copy h3{font-size:25px}.reel-bottom{padding:0 18px calc(12px + env(safe-area-inset-bottom))}.reel-actions{bottom:calc(110px + env(safe-area-inset-bottom))}.reel-tap{bottom:190px}.reel-toast{bottom:calc(22px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.reel-copy{bottom:90px}
@media(max-width:640px){.reel-copy{bottom:calc(92px + env(safe-area-inset-bottom))}}
/* Short landscape screens need the entire player and its controls above the fold. */
.sr-only{top:0;left:0;margin:0}
@media(orientation:landscape) and (max-height:600px){
 .reels-header{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left))}.reels-brand{font-size:17px}.reels-brand small{font-size:6px;letter-spacing:1.5px;margin-top:4px}.header-book{padding:10px 12px}.back-link span{display:none}
 .reels-layout{height:calc(100dvh - 56px - env(safe-area-inset-top));min-height:0;padding:0;gap:0}.reels-intro,.reel-stepper{display:none}.player-shell{height:100%;width:100%;max-width:none;aspect-ratio:auto;border:0;border-radius:0}
 .feed-heading{padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.feed-heading h2{font-size:18px}.reel-tap{inset:48px calc(180px + env(safe-area-inset-right)) calc(76px + env(safe-area-inset-bottom)) env(safe-area-inset-left);width:auto}.reel-play-symbol{width:48px;height:48px}
 .reel-copy{left:max(18px,env(safe-area-inset-left));right:auto;width:40%;bottom:calc(82px + env(safe-area-inset-bottom))}.reel-artist{display:none}.reel-copy h3{font-size:20px;margin:0 0 6px}.reel-copy p{font-size:10px;line-height:1.4}
 .reel-actions{right:max(12px,env(safe-area-inset-right));top:50%;bottom:auto;transform:translateY(-50%);flex-direction:row;gap:4px}.reel-bottom{padding:0 max(18px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.reel-timeline{margin-top:8px}.reel-toast{bottom:calc(12px + env(safe-area-inset-bottom))}
}