.library-sync-note{position:fixed;z-index:60;left:50%;bottom:max(84px,calc(env(safe-area-inset-bottom) + 72px));display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;max-width:min(520px,calc(100% - 28px));padding:11px 38px 11px 16px;color:#f8ead3;background:#39231b;border:1px solid #765342;box-shadow:0 12px 34px rgba(24,10,6,.36);font:13px/1.55 system-ui,"PingFang SC","Microsoft YaHei",sans-serif;transform:translateX(-50%)}
.library-sync-note p{margin:0;flex:1 1 220px}
.library-sync-note a,.library-sync-note button:not(.library-sync-note-close){padding:4px 10px;color:#39231b;background:#f1d9a8;border:0;text-decoration:none;font:inherit;cursor:pointer}
.library-sync-note a+a{background:transparent;color:#f1d9a8;border:1px solid #765342}
.library-sync-note-close{position:absolute;top:6px;right:8px;width:24px;height:24px;color:inherit;background:transparent;border:0;font-size:18px;line-height:1;cursor:pointer}
@media(prefers-reduced-motion:no-preference){.library-sync-note{animation:library-note-in .25s ease-out}}
@keyframes library-note-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
.shelf-toggle[aria-pressed="true"]{color:#fff;background:#4b6a55;border-color:#4b6a55}
.shelf-toggle[disabled]{opacity:.65;cursor:progress}
.shelf-main .shelf-toolbar{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#79665a;font-size:12px}
.shelf-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.shelf-item{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;padding:18px 20px;background:rgba(255,250,238,.78);border:1px solid rgba(111,77,54,.2)}
.shelf-item h3{margin:0 0 4px;font-size:18px}.shelf-item h3 a{color:#3b1f16;text-decoration:none}
.shelf-item .shelf-author{margin:0;color:#79665a;font-size:12px}
.shelf-progress{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:12px;color:#79665a}
.shelf-progress-track{flex:1;height:5px;background:rgba(111,77,54,.15)}.shelf-progress-track i{display:block;height:100%;background:#8d332b}
.shelf-actions{display:flex;gap:8px}.shelf-actions a,.shelf-actions button{padding:9px 14px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer;color:#6d493d;background:#f7eddb;border:1px solid #cdb99b}
.shelf-actions .shelf-continue{color:#fff;background:#8d332b;border-color:#8d332b}
.shelf-empty{margin-top:18px;padding:36px 20px;text-align:center;color:#79665a;background:rgba(255,250,238,.6);border:1px dashed rgba(111,77,54,.3)}
@media(max-width:700px){.shelf-item{grid-template-columns:1fr}.shelf-actions{justify-content:flex-start}}