body{margin:0;background:#f6f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#222}.app-container{max-width:1200px;margin:0 auto;padding:20px}.app{margin-top:20px;display:flex;gap:28px;min-height:85vh}.content,.sidebar{background:#fff;border-radius:12px;border:none;box-shadow:0 8px 30px rgba(0,0,0,.06)}.sidebar{width:240px;padding:10px 0;transition:transform .3s ease}.sidebar-header{padding:16px;font-weight:600;font-size:18px;border-bottom:1px solid #f0f0f0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{padding:12px 18px;cursor:pointer;border-radius:8px;margin:4px 10px;transition:all .2s ease}.sidebar li:hover{background:#f3f4f6}.sidebar li.active{background:#e8f0ff;color:#2563eb;font-weight:600}.content{flex:1;display:flex;flex-direction:column;padding:28px}.reader{flex:1;overflow-y:auto;padding-bottom:20px}.reader h1{font-size:28px;font-weight:600;margin-bottom:16px}.reader p{font-size:18px;line-height:1.8;color:#444;max-width:720px}.player{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0}.player audio{width:100%}.pagination{display:flex;justify-content:center;align-items:center;gap:24px;padding:14px 0}.pagination span{font-size:14px;color:#666}.pagination button{padding:8px 16px;border-radius:999px;border:none;background:#f1f3f5;cursor:pointer;transition:all .2s ease}.pagination button:hover{background:#e2e8f0}.pagination button:disabled{opacity:.4;cursor:not-allowed}.mobile-header{display:none;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:10px;margin-bottom:12px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.mobile-header button{font-size:20px;cursor:pointer;background:none;border:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);backdrop-filter:blur(2px);z-index:5}.top-bar{display:flex;justify-content:flex-end;margin-bottom:10px}.autoplay-btn{padding:8px 16px;border-radius:999px;border:none;background:#eef2ff;color:#4f46e5;font-weight:500;cursor:pointer;transition:all .2s ease}.autoplay-btn:hover{background:#e0e7ff}.autoplay-btn.active{background:#4f46e5;color:#fff}@media (max-width:768px){.app{flex-direction:column;gap:16px}.mobile-header{display:flex}.content{padding:20px}.reader h1{font-size:22px}.reader p{font-size:16px}.sidebar{position:fixed;top:0;left:0;height:100%;width:80%;max-width:280px;z-index:10;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}