:root{color-scheme:light;--ink:#161616;--muted:#666;--line:#ddd;--bg:#f5f2ed;--panel:#fff;--accent:#2857d9}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.topbar{position:sticky;top:0;z-index:2;background:rgba(245,242,237,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:18px 16px}.topbar h1{font-size:24px;line-height:1.1;margin:0 0 6px}.topbar p{margin:0;color:var(--muted);font-size:14px}.library{max-width:980px;margin:0 auto;padding:14px}.group{margin:0 0 14px}.group-head{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 14px;font:inherit}.group-head span{font-weight:700}.group-head small{color:var(--muted);white-space:nowrap}.items{display:none;padding:10px 0}.items.open{display:block}.pdf-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin:8px 0}.pdf-main{min-width:0}.pdf-main strong{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.pdf-main span{display:block;margin-top:3px;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-shrink:0}.button,.reader-top a,.reader-controls button{appearance:none;text-decoration:none;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:9px 11px;font-weight:650;font-size:14px}.button.primary{background:var(--accent);border-color:var(--accent);color:white}.reader-body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.reader-top{height:54px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);background:#fff}.reader-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.reader-shell{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;background:#e7e2d8}.book{max-width:100%;max-height:100%;perspective:1200px}.page-wrap{background:white;box-shadow:0 10px 32px rgba(0,0,0,.22);transform-origin:center right;transition:transform .22s ease,opacity .22s ease}.book.turn-next .page-wrap{transform:rotateY(-8deg) translateX(-5px);opacity:.92}.book.turn-prev .page-wrap{transform:rotateY(8deg) translateX(5px);opacity:.92}canvas{display:block;max-width:100%;max-height:calc(100dvh - 132px);background:white}.nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:72px;border:0;border-radius:10px;background:rgba(255,255,255,.72);font-size:42px;color:#222}.nav.left{left:8px}.nav.right{right:8px}.nav:disabled{opacity:.25}.reader-controls{height:58px;display:flex;align-items:center;justify-content:center;gap:16px;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.reader-controls span{min-width:86px;text-align:center;font-weight:700}@media(max-width:620px){.pdf-card{align-items:stretch;flex-direction:column}.actions{display:grid;grid-template-columns:1fr 1fr}.button{text-align:center}.group-head{align-items:flex-start;flex-direction:column}.group-head small{white-space:normal}.nav{display:none}.reader-top{height:52px}.reader-top a{font-size:13px;padding:8px}.reader-title{font-size:13px}.reader-shell{padding:8px}.reader-controls{height:56px}.reader-controls button{min-width:76px}}