/* 20261015-between-book1 — the book note (thin), the book page (overlay inside Between), Thunder's note zone. */
#view-between .book-note{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin:0 0 14px;padding:8px 68px 8px 12px;border:1px solid rgba(232,190,60,.28);border-radius:10px;background:#0f0f11;color:#f4efe2;font:600 15px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em;text-align:left;cursor:pointer;overflow:hidden;-webkit-tap-highlight-color:transparent}
#view-between .book-note::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#e8be3c;transform-origin:50% 50%;animation:bookEdge 520ms cubic-bezier(.3,1.4,.5,1) 1 both}
@keyframes bookEdge{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
.book-cover{flex:0 0 auto;border-radius:3px;background:linear-gradient(160deg,#2a2210 0%,#15120a 60%,#0b0a07 100%) center/cover no-repeat;box-shadow:inset 0 0 0 1px rgba(232,190,60,.45)}
#view-between .book-note .book-cover{width:28px;height:40px;margin-left:4px}
.book-note-line{flex:1 1 auto;min-width:0}
#view-between .book-note:focus-visible{outline:2px solid #e8be3c;outline-offset:2px}
html.fab-book #fab{translate:var(--bk-dx,0px) var(--bk-dy,0px);transition:translate 900ms cubic-bezier(.45,0,.25,1)}
html:not(.fab-book):not(.fab-roam) #fab{transition:translate 700ms cubic-bezier(.45,0,.25,1)}
html.fab-book-track #fab{transition:none}
#fab.fab-book-pass{animation:fabBookPass 900ms ease-out 1 !important}
@keyframes fabBookPass{0%{filter:none}40%{filter:drop-shadow(0 0 10px rgba(232,190,60,.9)) brightness(1.25)}70%{filter:drop-shadow(-14px 0 6px rgba(232,190,60,.5))}100%{filter:none}}
#book-page{position:fixed;inset:0;z-index:80;background:#070708;color:#f4efe2;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px))}
#book-page[hidden]{display:none}
#book-page .book-close{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:12px;min-width:44px;min-height:44px;border:0;background:transparent;color:#f4efe2;font:600 15px system-ui,sans-serif;cursor:pointer}
#book-page .book-cover{width:132px;height:196px;margin:40px auto 18px;border-radius:4px}
#book-page .book-title{margin:0 0 6px;text-align:center;font-family:"Bebas Neue",Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:34px;letter-spacing:.05em}
#book-page .book-line{margin:0 0 22px;text-align:center;font:500 16px/1.4 system-ui,sans-serif;color:#d9d2c0}
#book-page h3{margin:18px 0 4px;font:700 12px system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e8be3c}
#book-page p.book-about,#book-page p.book-author{margin:0;font:400 15px/1.5 system-ui,sans-serif;color:#e9e3d3}
#book-page .book-buy{display:block;margin:28px auto 0;max-width:320px;padding:14px 18px;border-radius:10px;background:#e8be3c;color:#0b0a07;text-align:center;font:800 16px system-ui,sans-serif;letter-spacing:.04em;text-decoration:none}
#book-page .book-buy[aria-disabled="true"]{opacity:.45;pointer-events:none}
@media (prefers-reduced-motion:reduce){#view-between .book-note::before{animation:none}html.fab-book #fab,html:not(.fab-book):not(.fab-roam) #fab{transition:none}#fab.fab-book-pass{animation:none !important}}