.story-preview-panel{--story-preview-parchment:var(--color-background-elevated);--story-preview-parchment-deep:color-mix(in srgb,var(--color-background-muted) 70%,var(--color-background-elevated));--story-preview-ink:var(--color-foreground);--story-preview-ink-muted:var(--color-foreground-muted);display:flex;flex-direction:column;gap:0;width:100%;margin-inline:auto;max-width:42rem;overflow:visible;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);border-radius:1rem;background:var(--color-background-elevated);box-shadow:0 10px 30px color-mix(in srgb,var(--color-shadow) 24%,transparent)}.story-preview-panel__cover-wrap{--story-preview-spine:#3d2818;--story-preview-page-base:#fffdf8;--story-preview-page-line:#e8dfd2;display:flex;justify-content:center;width:100%;padding:clamp(1.15rem,4vw,1.85rem) clamp(1rem,4vw,1.75rem) clamp(1.25rem,3.5vw,1.65rem);overflow:visible;border-radius:1rem 1rem 0 0;background:radial-gradient(90% 70% at 50% 0,color-mix(in srgb,var(--color-primary-soft) 28%,transparent),transparent 70%),var(--color-background-elevated);border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.story-preview-panel__cover-hit{display:block;width:min(100%,34rem);max-width:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;appearance:none;-webkit-tap-highlight-color:transparent}.story-preview-panel__cover-hit:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:.2rem}.story-preview-panel__cover-hit:hover .story-preview-panel__volume{box-shadow:0 12px 26px color-mix(in srgb,var(--color-shadow) 40%,transparent),0 4px 10px color-mix(in srgb,var(--color-shadow) 26%,transparent)}.story-preview-panel__volume{position:relative;z-index:1;display:flex;align-items:stretch;width:100%;max-width:100%;box-shadow:0 10px 22px color-mix(in srgb,var(--color-shadow) 34%,transparent),0 3px 8px color-mix(in srgb,var(--color-shadow) 22%,transparent);transition:box-shadow .16s ease}.story-preview-panel__spine{position:relative;z-index:3;flex:0 0 clamp(0.55rem,2.4vw,0.85rem);align-self:stretch;margin-right:-3px;border-radius:.14rem 0 0 .12rem;background:linear-gradient(90deg,rgba(10,5,2,.92) 0,#2a1810 16%,var(--story-preview-spine) 38%,color-mix(in srgb,var(--story-preview-spine) 88%,#1a0f08) 68%,rgba(61,40,24,.45) 88%,rgba(61,40,24,.12) 100%);box-shadow:inset 2px 0 5px rgba(0,0,0,.42)}.story-preview-panel__cover-frame{position:relative;z-index:2;flex:1 1 auto;min-width:0;aspect-ratio:4/3;overflow:hidden;border:0;border-radius:0 .28rem .28rem 0;background:#1a0f08;box-shadow:inset 8px 0 16px rgba(20,10,4,.24),2px 0 0 rgba(255,252,245,.85),4px 1px 0 rgba(245,238,226,.55),5px 2px 8px rgba(20,10,4,.14)}.story-preview-panel__cover-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;z-index:8;width:.2rem;background:linear-gradient(90deg,transparent,rgba(255,252,245,.4) 40%,rgba(255,252,245,.85));box-shadow:inset 1px 0 0 rgba(255,255,255,.5);pointer-events:none}.story-preview-panel__cover-frame>.story-front-cover{position:absolute;inset:0;width:100%;height:100%}.story-preview-panel__pages-edge,.story-preview-panel__pages-edge:after,.story-preview-panel__pages-edge:before{display:none}@media (min-width:640px){.story-preview-panel__cover-hit{width:min(100%,36rem)}}.story-preview-panel__header{border-top:0;overflow:hidden}.story-preview-panel__header .story-detail-header{padding:clamp(1rem,2.2vw,1.25rem) clamp(1rem,2.2vw,1.25rem) .75rem;border:0;border-radius:0;background:var(--color-background-elevated);box-shadow:none}.story-preview-panel__header .story-detail-header__category{font-size:.6875rem;letter-spacing:.08em;color:color-mix(in srgb,var(--color-primary) 70%,var(--color-foreground-muted))}.story-preview-panel__header .story-detail-header__title{margin-top:.35rem;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.3}.story-preview-panel__header .story-detail-header__hook{margin-top:.55rem}.story-preview-panel__header .story-detail-header__hook p{font-family:var(--font-geist-sans,ui-sans-serif,system-ui,sans-serif);font-size:.9375rem;font-weight:400;font-style:normal;line-height:1.55}.story-preview-panel__buy{padding:.15rem clamp(1rem,2.2vw,1.25rem) clamp(1.05rem,2.4vw,1.35rem)}.story-preview-panel__purchase{display:flex;flex-direction:column;align-items:stretch;gap:.65rem}.story-preview-panel__purchase-price{margin:0;font-family:var(--font-serif,ui-serif,Georgia,serif);font-size:clamp(1.2rem,2.8vw,1.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-foreground);font-variant-numeric:tabular-nums}.story-preview-panel__purchase-price-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.story-preview-panel__audio{width:100%;padding:1rem;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.story-preview-panel__body{display:flex;flex-direction:column;overflow:hidden;border-radius:0;border:0;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:var(--color-background-elevated);box-shadow:none}.story-preview-panel__sheet{padding:clamp(1rem,2.2vw,1.25rem)}.story-preview-panel__eyebrow{margin:0 0 .75rem;font-size:.6875rem;font-weight:700;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--color-foreground-muted)}.story-preview-panel__prose .document-prose{font-size:1rem;line-height:1.65;color:var(--story-preview-ink)}.story-preview-panel__prose .document-prose>:first-child{margin-top:0}.story-preview-panel__prose .document-prose>:last-child{margin-bottom:0}.story-preview-panel__fallback{margin:0;padding:clamp(1.1rem,2.5vw,1.35rem);font-size:.9375rem;line-height:1.6;color:var(--color-foreground-muted)}.story-preview-panel__share{padding:clamp(.35rem,1.5vw,.55rem) clamp(.75rem,2vw,1.15rem) clamp(1.25rem,3vw,1.65rem);border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:0 0 1rem 1rem;background:var(--color-background-elevated)}.story-preview-panel__share .story-back-cover-share-strip{margin-top:0;padding-top:clamp(.95rem,2.5vw,1.2rem);box-shadow:none}.story-preview-panel__share .story-back-cover__share-block{gap:.75rem}