:root{--accent: #f59e0b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}body{margin:0;font-family:-apple-system,PingFang SC,sans-serif;background:#faf7f0}.center{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem}.bookshelf{padding:12px}.level-tabs{display:flex;gap:6px;overflow-x:auto;padding:8px 4px;background:#fff;border-radius:12px;margin-bottom:12px}.pill{padding:8px 18px;border:none;border-radius:99px;background:#fef3c7;color:#92400e;font-size:1rem;font-weight:700;min-width:56px;min-height:44px;cursor:pointer}.pill.on{background:var(--accent);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.book{display:flex;flex-direction:column;gap:6px;padding:8px;background:#fff;border:none;border-radius:14px;box-shadow:0 3px 8px #0000001a;cursor:pointer}.book img{width:100%;aspect-ratio:1242/1920;object-fit:cover;border-radius:8px;background:#eee}.book-title{font-size:.85rem;color:#374151;text-align:center}.reader{display:flex;flex-direction:column;height:100vh;height:100dvh;padding:10px;gap:10px;background:#e0f2fe;overflow:hidden}.page-card{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.page-card img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 4px 14px #0000001f}.pgnum{position:absolute;bottom:8px;right:14px;color:#6b7280;font-size:.8rem}.player{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 8px 24px}.back,.pbtn{width:56px;height:56px;min-width:56px;border:none;border-radius:50%;background:#fff;font-size:1.4rem;box-shadow:0 2px 6px #00000026;cursor:pointer}.pbtn.big{width:76px;height:76px;min-width:76px;background:var(--accent);color:#fff;font-size:1.8rem}.auto{padding:10px 18px;min-height:48px;border:none;border-radius:99px;background:#fff;color:#6b7280;font-weight:700;box-shadow:0 2px 6px #00000026}.auto.on{background:#16a34a;color:#fff}