*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto}h1{color:#2d3748;text-align:center;margin-bottom:30px}.pages-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px;display:grid}.page-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000001a}.page-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.page-card .page-title{color:#2d3748;margin-bottom:12px;font-size:1.2rem;font-weight:600;line-height:1.4}.page-card .page-meta{color:#718096;flex-direction:column;gap:8px;font-size:.85rem;display:flex}.page-card .page-meta span{align-items:center;gap:6px;display:flex}.pagination-controls{justify-content:center;align-items:center;gap:20px;margin:30px 0;padding:20px;display:flex}.pagination-btn{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:8px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:background-color .2s,transform .2s}.pagination-btn:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;background:#a0aec0;transform:none}.page-info{color:#2d3748;font-size:.9rem;font-weight:500}.week-header{cursor:pointer;border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;transition:background-color .2s;display:flex}.week-header:hover{background-color:#f7fafc;border-radius:8px;transform:translateZ(0)}.week-title{color:#2d3748;font-size:1.5rem;font-weight:600}.week-date{color:#718096;font-size:.9rem}.page-count{color:#fff;background:#4299e1;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}.pages-list{max-width:600px;margin:0 auto;list-style:none}.page-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px}.page-title{color:#2d3748;margin-bottom:8px;font-size:1.1rem;font-weight:600}.page-meta{color:#718096;flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.page-meta span{align-items:center;gap:4px;display:flex}.page-link{color:#4299e1;text-decoration:none}.page-link:hover{text-decoration:underline}.no-pages{text-align:center;color:#a0aec0;padding:20px;font-style:italic}.loading{text-align:center;color:#718096;padding:40px}.error{color:#c53030;background:#fed7d7;border-radius:8px;margin-bottom:20px;padding:16px}.partial-error{color:#d69e2e;background:#fef5e7;border-left:4px solid #d69e2e;border-radius:6px;margin-bottom:16px;padding:12px;font-size:.9rem}.week-content{will-change:max-height;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateZ(0)}.week-content.collapsed{max-height:0;margin-bottom:0;padding-top:0}.collapse-indicator{will-change:transform;margin-left:8px;font-size:.8rem;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.collapse-indicator.collapsed{transform:rotate(-90deg)}@media (width<=768px){.pages-grid{grid-template-columns:1fr;gap:16px}.page-card{padding:16px}.pagination-controls{flex-direction:column;gap:15px}.pagination-btn{padding:10px 20px;font-size:.85rem}}