.page-fullscreen-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:7px 10px; border:1px solid #d8dfeb; border-radius:9px; background:transparent; color:inherit; font:inherit; font-size:13px; white-space:nowrap; cursor:pointer; flex:none; }
.page-fullscreen-button:hover { background:rgba(54,79,145,.07); }
.page-fullscreen-button:focus-visible { outline:2px solid #364f91; outline-offset:3px; }
.page-fullscreen-button:disabled { opacity:.6; cursor:wait; }
.page-fullscreen-button svg { width:18px; height:18px; flex:none; }
.page-fullscreen-button [data-fullscreen-exit], .page-fullscreen-button[data-fullscreen-active="true"] [data-fullscreen-enter] { display:none; }
.page-fullscreen-button[data-fullscreen-active="true"] [data-fullscreen-exit] { display:inline; }
.page-fullscreen-notice { position:fixed; bottom:calc(82px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); z-index:100000; width:max-content; max-width:calc(100vw - 32px); padding:12px 16px; border-radius:12px; background:#263451; color:#fff; box-shadow:0 8px 32px #0003; font-size:14px; line-height:1.5; }
.page-fullscreen-notice[hidden] { display:none; }
.booktree-shelf-page .page-fullscreen-button { border-color:rgba(240,230,216,.25); color:#f0e6d8; background:rgba(255,255,255,.06); }
.booktree-shelf-page .page-fullscreen-button:hover { background:rgba(255,255,255,.12); }
.booktree-shelf-page .page-fullscreen-button:focus-visible { outline-color:#a9e4bf; }
@media(max-width:700px) {
  .site-header .header-actions { gap:10px; }
  .site-header .page-fullscreen-button { width:36px; padding:7px; }
  .site-header .page-fullscreen-button [data-fullscreen-label] { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .booktree-shelf-page .account-box { flex-wrap:wrap; min-width:0; }
}