@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base:#f0f4f8;--bg-surface:#fff;--bg-surface-hover:#e2eaf2;--brand-primary:#2b6cb0;--brand-primary-hover:#2558a0;--brand-accent:#2b6cb0;--text-primary:#102a43;--text-secondary:#486581;--text-muted:#829ab1;--border-color:#102a431a;--glass-bg:#ffffffb3;--glass-border:#2b6cb026;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #102a431a;--shadow-lg:0 10px 25px -5px #102a4326;--shadow-glow:0 0 15px #2b6cb040;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg-base:#0f172a;--bg-surface:#1e293b;--bg-surface-hover:#2d3e55;--brand-primary:#38bdf8;--brand-primary-hover:#7dd3fc;--brand-accent:#38bdf8;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#f1f5f914;--glass-bg:#1e293b99;--glass-border:#38bdf81a;--shadow-sm:0 1px 2px #0006;--shadow-lg:0 10px 25px -5px #00000080;--shadow-glow:0 0 15px #38bdf840}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.5}.app-container{min-height:100vh;display:flex}.main-content{flex:1;padding:2rem;position:relative;overflow-y:auto}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);flex-direction:column;width:280px;height:100vh;padding:1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:var(--text-primary);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;margin-bottom:2.5rem;font-size:1.5rem;font-weight:700;display:flex}.nav-links{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary)}.nav-item.active{color:var(--brand-primary);background-color:#2b6cb01a;position:relative}.nav-item.active:before{content:"";background-color:var(--brand-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}h1{letter-spacing:-.025em;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}p.subtitle{color:var(--text-secondary);margin-bottom:2rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem}.btn{background-color:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn:hover{background-color:var(--border-color);transform:translateY(-1px)}.btn-primary{background-color:var(--brand-primary);color:#fff;border-color:#0000;box-shadow:0 4px 14px #2b6cb059}.btn-primary:hover{background-color:var(--brand-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #2b6cb04d}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.page-actions{align-items:center;gap:.5rem;display:flex}.segmented{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:.25rem;width:fit-content;margin-bottom:1rem;padding:.25rem;display:flex}.segmented button{color:var(--text-secondary);border-radius:calc(var(--radius-md) - .25rem);font:inherit;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:.5rem 1.25rem;font-weight:500}.segmented button.active{background:var(--brand-primary);color:#fff}.series-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.series-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.series-card:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:#2b6cb04d;transform:translateY(-4px)scale(1.01)}.series-card-header{justify-content:flex-start;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.series-title{color:var(--text-primary);font-size:1.125rem;font-weight:600}.series-meta{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.progress-container{margin-top:1.5rem}.progress-info{color:var(--text-secondary);justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.progress-bar-bg{background-color:var(--bg-surface-hover);border-radius:var(--radius-full);height:8px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--brand-primary), var(--brand-primary-hover));border-radius:var(--radius-full);height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.series-library-search{max-width:400px;margin-bottom:2rem;position:relative}.series-library-search input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:.625rem .875rem .625rem 2.25rem;font-size:.875rem}.series-library-search input:focus{border-color:var(--brand-primary)}.series-library-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.series-library-section{margin-bottom:2.5rem}.series-library-section h2{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.section-count{color:var(--text-muted);background:var(--bg-surface-hover);border-radius:var(--radius-full);padding:.125rem .5rem;font-size:.875rem;font-weight:500}.up-next-strip{scroll-snap-type:x proximity;gap:.875rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.up-next-card{color:inherit;font:inherit;text-align:left;cursor:pointer;scroll-snap-align:start;background:0 0;border:none;flex-direction:column;flex:0 0 104px;gap:.25rem;padding:0;display:flex}.up-next-cover{border-radius:var(--radius-sm);background:var(--bg-surface-hover);width:104px;height:156px;color:var(--text-muted);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.up-next-card:hover .up-next-cover,.up-next-card:focus-visible .up-next-cover{transform:translateY(-2px)}.up-next-cover img{object-fit:cover;width:100%;height:100%}.up-next-audible{border-radius:var(--radius-full);background:var(--bg-surface);color:var(--brand-primary);padding:.2rem;display:flex;position:absolute;bottom:.3rem;right:.3rem}.up-next-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.up-next-meta{color:var(--text-muted);font-size:.7rem}.compact-series-list{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);flex-direction:column;display:flex;overflow:hidden}.compact-series-card{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border-color);align-items:center;gap:.875rem;padding:.625rem 1rem;display:flex}.compact-series-card:last-child{border-bottom:none}.compact-series-card:hover{background-color:var(--bg-surface-hover)}.compact-series-thumb{border-radius:var(--radius-sm);flex-shrink:0;width:32px;height:48px;overflow:hidden}.compact-series-thumb img{object-fit:cover;width:100%;height:100%}.compact-series-thumb-deck{position:relative;overflow:visible}.compact-series-thumb-deck .compact-series-thumb-card{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--bg-surface);width:100%;height:100%;transition:transform var(--transition-fast);position:absolute;top:0;left:0;box-shadow:0 1px 3px #00000073}.compact-series-thumb-deck .compact-series-thumb-card:first-child{z-index:1;transform:translate(-3px,-2px)rotate(-7deg)}.compact-series-thumb-deck .compact-series-thumb-card:nth-child(2){z-index:2;transform:translate(1px,-1px)rotate(-2deg)}.compact-series-thumb-deck .compact-series-thumb-card:nth-child(3){z-index:3;transform:none}.compact-series-card:hover .compact-series-thumb-deck .compact-series-thumb-card:first-child{transform:translate(-6px,-3px)rotate(-10deg)}.compact-series-card:hover .compact-series-thumb-deck .compact-series-thumb-card:nth-child(2){transform:translate(2px,-1.5px)rotate(-3deg)}.compact-series-thumb-placeholder{background:var(--bg-surface-hover);width:100%;height:100%}.compact-series-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.compact-series-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.compact-series-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.compact-series-progress-bar{background:var(--bg-surface-hover);border-radius:var(--radius-full);height:3px;margin-top:.25rem;overflow:hidden}.compact-series-progress-fill{background:linear-gradient(90deg, var(--brand-primary), var(--brand-primary-hover));border-radius:var(--radius-full);height:100%}.compact-series-meta{flex-shrink:0}.compact-series-count{color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:500}.compact-series-count.muted{color:var(--text-muted)}.compact-series-card-reading{border-left:3px solid var(--brand-primary);padding-left:calc(1rem - 3px)}.compact-series-reading-badge{border-radius:var(--radius-sm);border:1.5px solid var(--brand-primary);background:var(--bg-surface-hover);z-index:4;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:28px;margin-top:20px;margin-left:-14px;display:flex;overflow:hidden;box-shadow:0 1px 4px #00000080}.compact-series-reading-badge img{object-fit:cover;width:100%;height:100%}.mobile-header{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@media (width<=768px){.mobile-header{z-index:900;background:var(--bg-surface);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;height:56px;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-hamburger{cursor:pointer;color:var(--text-primary);border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.5rem;display:flex}.mobile-hamburger:hover{background:var(--bg-surface-hover)}.mobile-brand{flex:1;margin-bottom:0;font-size:1.25rem}.mobile-header-user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100px;font-size:.8rem;font-weight:500;overflow:hidden}.mobile-nav-backdrop{z-index:999;background:#00000073;position:fixed;inset:0}.sidebar{z-index:1000;width:280px;height:100dvh;box-shadow:var(--shadow-lg);display:none;position:fixed;top:0;left:0}.sidebar.mobile-open{display:flex}.main-content{margin-top:56px;padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.page-header p.subtitle{margin-bottom:0}.page-header.page-header-inline{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:1rem}.page-header-inline h1{margin-bottom:0}.page-actions .btn{min-height:44px;padding:.5rem .875rem}.page-actions .btn-label{display:none}.segmented{width:100%}.segmented button{flex:1;min-height:40px}.series-library-search{max-width:none;margin-bottom:1.25rem}.series-library-search input{min-height:44px;font-size:1rem}.book-page{padding:0!important}.book-back{min-width:44px;min-height:44px;font-size:1rem!important}.book-action{justify-content:center;min-height:44px;padding:.5rem .9rem!important;font-size:.9rem!important}.book-hero{flex-direction:column;align-items:center!important;gap:1.25rem!important}.book-hero>div:last-child{width:100%}.series-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.glass-panel{padding:1rem}.modal-content{width:calc(100vw - 2rem)!important;max-width:100%!important;margin:1rem!important}h1{font-size:1.75rem}}@media (prefers-color-scheme:dark){.nav-item.active{background-color:#38bdf81a}.series-card:hover{border-color:#38bdf84d}.btn-primary{box-shadow:0 4px 14px #38bdf84d}.btn-primary:hover{box-shadow:0 6px 20px #38bdf833}}