.book-sheet{z-index:100;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.book-sheet__scrim{background:color-mix(in oklab, var(--ink) 58%, transparent);-webkit-backdrop-filter:blur(4px);animation:book-scrim-in var(--dur-2) var(--ease-out-quart) both;position:absolute;inset:0}.book-sheet__panel{z-index:1;background:var(--cream);width:100%;max-width:480px;padding:clamp(24px,6vw,36px);padding-bottom:calc(clamp(24px, 6vw, 36px) + env(safe-area-inset-bottom));box-shadow:0 -20px 60px -30px color-mix(in oklab, var(--ink) 60%, transparent);animation:book-sheet-up var(--dur-2) var(--ease-out-expo) both;border-top-left-radius:20px;border-top-right-radius:20px;outline:none;max-height:90vh;position:relative;overflow-y:auto}.book-sheet__close{width:40px;height:40px;color:var(--ink-soft);transition:background-color var(--dur-1) var(--ease-out-quart), color var(--dur-1) var(--ease-out-quart);border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.book-sheet__close:hover,.book-sheet__close:focus-visible{background:color-mix(in oklab, var(--clay) 12%, transparent);color:var(--ink)}.book-sheet__eyebrow{margin-bottom:12px}.book-sheet__title{font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--ink);line-height:1.05}.book-sheet__lede{color:var(--text-muted);max-width:42ch;margin-top:10px;font-size:.95rem;line-height:1.5}.book-sheet__lede em{font-family:var(--serif);color:var(--clay);font-style:italic}.book-sheet__channels{flex-direction:column;gap:10px;margin-top:clamp(18px,4vw,24px);display:flex}.book-sheet__channel{border:1px solid var(--rule);background:var(--cream-warm);transition:border-color var(--dur-1) var(--ease-out-quart), background-color var(--dur-1) var(--ease-out-quart), transform var(--dur-1) var(--ease-out-quart);border-radius:14px;align-items:center;gap:16px;padding:14px 16px;display:flex}.book-sheet__channel:hover,.book-sheet__channel:focus-visible{border-color:var(--clay);background:var(--oat);transform:translateY(-1px)}.book-sheet__channel-icon{background:var(--cream);border:1px solid var(--rule);width:42px;height:42px;color:var(--clay-deep);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.book-sheet__channel-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.book-sheet__channel-label{letter-spacing:.01em;color:var(--ink);font-size:.98rem;font-weight:500}.book-sheet__channel-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.book-sheet__channel-arrow{color:var(--clay);transition:transform var(--dur-2) var(--ease-out-expo);flex:none;font-size:1.1rem}.book-sheet__channel:hover .book-sheet__channel-arrow{transform:translate(2px,-2px)}.book-sheet__foot{letter-spacing:.04em;color:var(--text-muted);text-align:center;margin-top:20px;font-size:.78rem}@keyframes book-scrim-in{0%{opacity:0}to{opacity:1}}@keyframes book-sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (width>=600px){.book-sheet{padding:var(--gutter);align-items:center}.book-sheet__panel{box-shadow:0 30px 80px -40px color-mix(in oklab, var(--ink) 70%, transparent);border-radius:20px;padding-bottom:clamp(24px,6vw,36px);animation-name:book-modal-in}}@keyframes book-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.book-sheet__scrim,.book-sheet__panel{animation:none}}