.outer-layer{display:flex;flex-direction:column;width:100%}.progress-dot{width:8px;height:8px;border-radius:50%}.progress-dot.active{background-color:#f68921}.progress-dot.inactive{background-color:#d1d5db}.progress-bar{height:4px;background-color:#f3f4f6;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#f68921;transition:width .3s ease}.progress-bar-chunk{flex:1;height:100%;background-color:#ddd;margin-right:2px;border-radius:2px}.progress-bar-chunk.active{background-color:#ff8912}.chapter-button{font-size:1.125rem;font-weight:500;color:#fff;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s}.chapter-button:hover{background-color:#ffffff1a}.promote-button{padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;font-weight:500;border-radius:.375rem;transition:all .2s}.promote-button:hover{background-color:#e5e7eb}.outer-header{display:flex;justify-content:space-between;font-family:Inter,sans-serif;font-style:normal;font-weight:900;font-size:24px;gap:8px;align-items:center;flex-wrap:wrap}@media (min-width: 640px){.outer-header{font-size:32px;gap:16px;flex-wrap:nowrap}}.inner-layer{min-height:580px;margin-top:1rem;border-radius:12px;display:flex;justify-content:center;align-items:stretch}@media (min-width: 640px){.inner-layer{min-height:680px;margin-top:1.5rem;border-radius:16px}}.book-cards{display:flex;flex-wrap:wrap;gap:1rem}.inner-layer-title{font-family:Inter,sans-serif;font-style:normal;font-weight:900;font-size:28px}.empty-message{max-width:354px;text-align:center}.empty-message-text{font-family:Inter,sans-serif;font-weight:400;font-size:16px}.empty-state-container{background-color:#fff;border-radius:16px;display:flex;justify-content:center;align-items:center}.empty-state-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;width:100%}.icon{margin-bottom:2rem}.inner-layer-title,.empty-message{margin-bottom:2rem;text-align:center}