#notebook-hint{position:fixed;z-index:28;pointer-events:none;padding:5px 8px;border:1px solid #d5c8ab55;border-radius:4px;background:#342d24d9;color:#f4ecda;font:12px 'Songti SC',serif;letter-spacing:.08em}
#notebook-access{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:25;display:flex;gap:6px;padding:5px;background:#342b2259;border:1px solid #d5c6a340;border-radius:6px;backdrop-filter:blur(6px)}
#notebook-access[hidden],#notebook-hint[hidden]{display:none}
#notebook-access button{background:transparent;border:0;padding:7px 10px;color:#e4d7bd;font:12px Georgia,'Songti SC',serif;cursor:pointer;border-radius:3px}
#notebook-access button[aria-pressed=true]{background:#d3bc852c;color:#fff2d2}
#notebook-access button:focus-visible{outline:1px solid #dfc18b;outline-offset:2px}
/* The actual tabs are 3D. These equivalents remain keyboard reachable without duplicating the spread UI. */
#notebook-access:not(:focus-within){clip-path:inset(100%);width:1px;height:1px;overflow:hidden;padding:0;border:0}
body.notebook-active #scene{touch-action:none}
@media(max-width:600px){#notebook-access{bottom:75px;white-space:nowrap}#notebook-access button{padding:8px;font-size:11px}}