.md3-navigation-rail{--_container-color: var(--md-sys-color-surface);--_container-width: 80px;--_container-elevation: var(--md-sys-elevation-level0);position:relative;display:flex;flex-direction:column;width:var(--_container-width);height:100vh;background-color:rgb(var(--_container-color));box-shadow:var(--_container-elevation);overflow:hidden;transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md3-navigation-rail--expanded{--_container-width: 256px}.md3-navigation-rail__header{display:flex;align-items:center;justify-content:center;min-height:64px;padding:16px;border-bottom:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-navigation-rail__fab{display:flex;align-items:center;justify-content:center;padding:16px}.md3-navigation-rail__destinations{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 0;overflow-y:auto}.md3-navigation-drawer__scrim{position:fixed;inset:0;background-color:rgb(var(--md-sys-color-scrim) / .32);z-index:var(--md-sys-z-index-modal);opacity:0;animation:md3-scrim-fade-in var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.md3-navigation-drawer{--_container-color: var(--md-sys-color-surface-container-low);--_container-width: 360px;--_container-elevation: var(--md-sys-elevation-level1);position:fixed;top:0;left:0;width:var(--_container-width);height:100vh;background-color:rgb(var(--_container-color));box-shadow:var(--_container-elevation);z-index:calc(var(--md-sys-z-index-modal) + 1);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized)}.md3-navigation-drawer--open{transform:translate(0)}.md3-navigation-drawer--permanent{position:relative;transform:none;z-index:auto}.md3-navigation-drawer__header{display:flex;align-items:center;min-height:64px;padding:16px 24px;border-bottom:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-navigation-drawer__content{flex:1;overflow-y:auto;padding:8px 0}.md3-navigation-drawer__destinations{display:flex;flex-direction:column;gap:4px;padding:0 12px}.md3-navigation-drawer__footer{padding:16px 24px;border-top:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-navigation-bar{--_container-color: var(--md-sys-color-surface-container);--_container-elevation: var(--md-sys-elevation-level2);--_container-height: 80px;position:fixed;bottom:0;left:0;right:0;height:var(--_container-height);background-color:rgb(var(--_container-color));box-shadow:var(--_container-elevation);z-index:var(--md-sys-z-index-fixed)}.md3-navigation-bar__destinations{display:flex;height:100%;align-items:center;justify-content:space-around;padding:0 8px}.md3-navigation-item{--_item-container-color: transparent;--_item-icon-color: var(--md-sys-color-on-surface-variant);--_item-label-text-color: var(--md-sys-color-on-surface-variant);--_item-selected-container-color: var(--md-sys-color-primary-container);--_item-selected-icon-color: var(--md-sys-color-on-primary-container);--_item-selected-label-text-color: var(--md-sys-color-on-primary-container);position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;padding:4px 12px;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:rgb(var(--_item-container-color));cursor:pointer;outline:none;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none;overflow:hidden}.md3-navigation-item--rail{margin:0 8px;flex-direction:column;gap:4px;min-height:72px}.md3-navigation-item--drawer{margin:0;border-radius:var(--md-sys-shape-corner-full);justify-content:flex-start;padding:8px 12px}.md3-navigation-item--bar{flex:1;flex-direction:column;gap:4px;min-height:64px;margin:0 4px;border-radius:var(--md-sys-shape-corner-medium)}.md3-navigation-item--expanded{justify-content:flex-start;padding:8px 16px}.md3-navigation-item__container{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.md3-navigation-item--rail .md3-navigation-item__container,.md3-navigation-item--bar .md3-navigation-item__container{flex-direction:column;gap:4px}.md3-navigation-item--expanded .md3-navigation-item__container{flex-direction:row}.md3-navigation-item__icon-container{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.md3-navigation-item__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:rgb(var(--_item-icon-color));font-size:24px;line-height:1;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md3-navigation-item__label{font:var(--md-sys-typescale-label-medium-font);color:rgb(var(--_item-label-text-color));line-height:var(--md-sys-typescale-label-medium-line-height);text-align:center;transition:color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.md3-navigation-item--drawer .md3-navigation-item__label{font:var(--md-sys-typescale-label-large-font);line-height:var(--md-sys-typescale-label-large-line-height);text-align:left}.md3-navigation-item__badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background-color:rgb(var(--md-sys-color-error));color:rgb(var(--md-sys-color-on-error));font:var(--md-sys-typescale-label-small-font);line-height:var(--md-sys-typescale-label-small-line-height);border-radius:var(--md-sys-shape-corner-full);display:flex;align-items:center;justify-content:center;font-weight:500}.md3-navigation-item__ripple{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgb(var(--_item-icon-color) / .12) 0%,transparent 50%);opacity:0;transform:scale(0);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);pointer-events:none}.md3-navigation-item--selected{--_item-container-color: var(--md-sys-color-primary-container);--_item-icon-color: var(--md-sys-color-on-primary-container);--_item-label-text-color: var(--md-sys-color-on-primary-container)}.md3-navigation-item:hover:not(.md3-navigation-item--disabled){background-color:rgb(var(--_item-icon-color) / .08)}.md3-navigation-item:focus-visible{background-color:rgb(var(--_item-icon-color) / .12);outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}.md3-navigation-item:active:not(.md3-navigation-item--disabled) .md3-navigation-item__ripple{opacity:1;transform:scale(1)}.md3-navigation-item--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.md3-navigation-layout{display:flex;min-height:100vh}.md3-navigation-layout--drawer,.md3-navigation-layout--bar{flex-direction:column}.md3-navigation-layout__header{display:flex;align-items:center;height:64px;padding:0 16px;background-color:rgb(var(--md-sys-color-surface));border-bottom:1px solid rgb(var(--md-sys-color-outline-variant));z-index:var(--md-sys-z-index-sticky)}.md3-navigation-layout__menu-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:none;border-radius:var(--md-sys-shape-corner-full);background-color:transparent;color:rgb(var(--md-sys-color-on-surface));cursor:pointer;margin-right:16px;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md3-navigation-layout__menu-button:hover{background-color:rgb(var(--md-sys-color-on-surface) / .08)}.md3-navigation-layout__content{flex:1;overflow:auto}.md3-navigation-layout--bar .md3-navigation-layout__content{margin-bottom:80px}@media(max-width:599px){.md3-navigation-drawer{--_container-width: 100vw;max-width:320px}.md3-navigation-bar__destinations{padding:0 4px}.md3-navigation-item--bar{margin:0 2px}.md3-navigation-item__label{font-size:12px}}@media(max-width:480px){.md3-navigation-bar{--_container-height: 72px}.md3-navigation-item--bar{min-height:56px}.md3-navigation-item__icon{width:20px;height:20px;font-size:20px}.md3-navigation-item__label{font-size:11px}.md3-navigation-layout--bar .md3-navigation-layout__content{margin-bottom:72px}}@keyframes md3-drawer-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes md3-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.md3-navigation-rail,.md3-navigation-drawer,.md3-navigation-item,.md3-navigation-item__ripple,.md3-navigation-layout__menu-button{transition:none}.md3-navigation-drawer__scrim{animation:none}}@media(prefers-contrast:high){.md3-navigation-rail,.md3-navigation-drawer,.md3-navigation-bar{border:2px solid rgb(var(--md-sys-color-outline))}.md3-navigation-item--selected{border:2px solid rgb(var(--md-sys-color-primary))}.md3-navigation-item:focus-visible{outline-width:3px}}@media(prefers-color-scheme:dark){.md3-navigation-drawer__scrim{background-color:rgb(var(--md-sys-color-scrim) / .48)}.md3-navigation-rail{--_container-color: var(--md-sys-color-surface-container)}.md3-navigation-bar{--_container-color: var(--md-sys-color-surface-container-high)}}@media print{.md3-navigation-rail,.md3-navigation-drawer,.md3-navigation-bar,.md3-navigation-layout__header{display:none}.md3-navigation-layout__content{margin:0}}@supports (padding: env(safe-area-inset-bottom)){.md3-navigation-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--_container-height) + env(safe-area-inset-bottom))}.md3-navigation-layout--bar .md3-navigation-layout__content{margin-bottom:calc(80px + env(safe-area-inset-bottom))}}.md3-library-page{padding:0 24px 24px;max-width:1200px;margin:80px auto 0;background:var(--md-sys-color-background);min-height:calc(100vh - 128px);color:var(--md-sys-color-on-background);position:relative;z-index:1}.md3-library-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:24px}.md3-loading-spinner{position:relative;width:48px;height:48px}.md3-circular-progress{width:48px;height:48px;border:4px solid var(--md-sys-color-outline);border-top:4px solid var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}.md3-loading-text{font-size:16px;color:var(--md-sys-color-on-surface-variant);margin:0}.md3-library-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;max-width:400px;margin:0 auto}.md3-error-icon{font-size:64px;color:var(--md-sys-color-error)}.md3-error-title{font-size:24px;font-weight:400;color:var(--md-sys-color-on-surface);margin:0}.md3-error-message{font-size:16px;color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.md3-recent-books-section{background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-secondary-container));border-radius:var(--md-sys-shape-corner-medium);padding:var(--md-sys-spacing-5);margin-bottom:var(--md-sys-spacing-6);box-shadow:var(--md-sys-elevation-level2)}.md3-recent-books-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.md3-recent-books-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:var(--md-sys-color-on-primary-container);margin:0}.md3-recent-books-count{font-size:14px;color:var(--md-sys-color-on-primary-container);opacity:.8}.md3-library-page.dark .md3-recent-books-title,.md3-library-page.dark .md3-recent-books-count{color:#e5e9f0}.md3-recent-books-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent;justify-content:flex-start}.md3-recent-books-scroll::-webkit-scrollbar{height:6px}.md3-recent-books-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.md3-recent-books-scroll::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.md3-recent-books-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff80}.md3-recent-book-item{flex:1;min-width:160px;max-width:180px;flex-shrink:0}.md3-recent-book-card{height:160px;background:#fffffff2;border-radius:8px;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;padding:12px;position:relative;overflow:hidden}.md3-recent-book-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.md3-recent-book-card.highlighted{animation:bookHighlight 2s ease-in-out;transform:scale(1.02);box-shadow:0 8px 24px #24a8e04d}@keyframes bookHighlight{0%,to{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}50%{box-shadow:0 12px 32px #24a8e066;transform:translateY(-4px) scale(1.02)}}.md3-recent-book-cover{width:100%;height:100px;border-radius:6px;overflow:hidden;margin-bottom:8px;background:var(--md-sys-color-surface-variant);display:flex;align-items:center;justify-content:center}.md3-recent-book-cover img{width:100%;height:100%;object-fit:contain}.md3-recent-book-cover .book-placeholder{color:var(--md-sys-color-on-surface-variant);font-size:24px}.md3-recent-book-info{flex:1;display:flex;flex-direction:column;gap:2px}.md3-recent-book-title{font-size:11px;font-weight:500;color:var(--md-sys-color-on-surface);line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.md3-recent-book-author{font-size:10px;color:var(--md-sys-color-on-surface-variant);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.md3-library-page.dark .md3-recent-book-card{background:#2e3440e6;border-color:#4c566a4d}.md3-library-page.dark .md3-recent-book-card:hover,.md3-library-page.dark .md3-recent-book-cover{background:#3b4252}.md3-library-page.dark .md3-recent-book-title{color:#e5e9f0}.md3-library-page.dark .md3-recent-book-author{color:#d8dee9}.md3-library-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;gap:24px;flex-wrap:wrap}.md3-filter-chips{display:flex;gap:8px;flex-wrap:wrap}.md3-filter-chip{padding:8px 16px;border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface-variant);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.md3-filter-chip:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.md3-filter-chip.selected{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:var(--md-sys-color-secondary)}.md3-library-page.dark .md3-filter-chip{background:#1e293b;border-color:#334155;color:#94a3b8}.md3-library-page.dark .md3-filter-chip:hover{background:#334155;color:#f1f5f9}.md3-library-page.dark .md3-filter-chip.selected{background:#3b4252;color:#88c0d0;border-color:#5e81ac}.md3-view-controls{display:flex;gap:4px;background:var(--md-sys-color-surface-container);border-radius:8px;padding:4px}.md3-view-controls .md3-icon-button{width:40px;height:40px;border-radius:6px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.md3-view-controls .md3-icon-button:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.md3-view-controls .md3-icon-button.selected{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-library-page.dark .md3-view-controls{background:#1e293b}.md3-library-page.dark .md3-view-controls .md3-icon-button{color:#94a3b8}.md3-library-page.dark .md3-view-controls .md3-icon-button:hover{background:#334155;color:#f1f5f9}.md3-library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;text-align:center;max-width:400px;margin:0 auto}.md3-empty-icon{font-size:64px;color:var(--md-sys-color-outline)}.md3-empty-title{font-size:20px;font-weight:400;color:var(--md-sys-color-on-surface);margin:0}.md3-empty-message{font-size:14px;color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.md3-books-container{display:grid;gap:8px}.md3-books-container.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.md3-books-container.list{grid-template-columns:1fr}.md3-book-card{background:var(--md-sys-color-surface-container);border-radius:12px;padding:10px;cursor:pointer;transition:all .2s;position:relative;display:flex;gap:16px}.md3-books-container.grid .md3-book-card{flex-direction:column;text-align:center}.md3-books-container.list .md3-book-card{flex-direction:row;text-align:left}.md3-book-card:hover{background:var(--md-sys-color-surface-container-highest);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.md3-book-card.highlighted{animation:mainBookHighlight 2s ease-in-out;background:var(--md-sys-color-primary-container)!important;transform:scale(1.02);box-shadow:0 8px 24px #24a8e04d}@keyframes mainBookHighlight{0%,to{background:var(--md-sys-color-surface-container);box-shadow:0 4px 12px #0000001a;transform:translateY(0)}50%{background:var(--md-sys-color-primary-container);box-shadow:0 12px 32px #24a8e066;transform:translateY(-4px) scale(1.02)}}.md3-library-page.dark .md3-book-card{background:#1e293b}.md3-library-page.dark .md3-book-card:hover{background:#334155;box-shadow:0 4px 12px #0000004d}.md3-book-cover{position:relative;flex-shrink:0;overflow:hidden;border-radius:var(--md-sys-shape-corner-medium, 8px)}.md3-books-container.grid .md3-book-cover{width:100%;height:200px;margin-top:6px;margin-bottom:2px;display:flex;align-items:center;justify-content:center}.md3-books-container.list .md3-book-cover{width:140px;height:120px}.md3-book-cover img{width:100%;height:100%;object-fit:contain;border-radius:8px}.md3-book-cover .library-book-cover-manager{width:100%;height:100%;max-height:200px;display:flex;align-items:center;justify-content:center}.md3-book-cover .library-book-cover-manager .book-cover-container{width:100%;height:100%;max-height:200px;display:flex;align-items:center}.md3-book-placeholder{width:100%;height:100%;background:var(--md-sys-color-surface-variant);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--md-sys-color-on-surface-variant)}.md3-book-placeholder .material-symbols-outlined{font-size:32px}.md3-library-page.dark .md3-book-placeholder{background:#334155;color:#94a3b8}.md3-book-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.md3-book-badge.reading{background:var(--md-sys-color-primary)}.md3-book-badge.completed{background:var(--md-sys-color-secondary)}.md3-book-info{flex:1;min-width:0;background:var(--md-sys-color-primary);border-radius:8px;padding:8px 12px}.md3-book-title{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface);margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.md3-book-author{font-size:14px;color:var(--md-sys-color-on-surface-variant);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.md3-book-genre{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin:0 0 8px;opacity:.8;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md3-library-page.dark .md3-book-title,.md3-library-page.dark .md3-book-author,.md3-library-page.dark .md3-book-genre{color:#000}.md3-progress-bar{width:100%;height:4px;background:var(--md-sys-color-outline-variant);border-radius:2px;overflow:hidden;margin-top:8px}.md3-progress-fill{height:100%;background:var(--md-sys-color-primary);transition:width .3s ease}.md3-library-page.dark .md3-progress-bar{background:#334155}.md3-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:16px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #0000001f;transition:all .2s;z-index:50}.md3-fab:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000029}.md3-fab .material-symbols-outlined{font-size:24px}.md3-library-page.dark .md3-fab{background:#3b4252;color:#88c0d0}.md3-button{padding:10px 24px;border-radius:20px;border:none;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.md3-button-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-button-filled:hover{background:var(--md-sys-color-primary);box-shadow:0 2px 8px #0000001f;transform:translateY(-1px)}.md3-library-page.dark .md3-button-filled{background:#5e81ac;color:#fff}.md3-library-page.dark .md3-button-filled:hover{background:#81a1c1}@media(max-width:768px){.md3-library-page{padding:16px}.md3-library-controls{flex-direction:column;align-items:stretch;gap:16px}.md3-filter-chips{justify-content:center}.md3-view-controls{align-self:center}.md3-books-container.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.md3-books-container.list .md3-book-card{padding:12px}.md3-books-container.list .md3-book-cover{width:60px;height:90px}.md3-fab{bottom:16px;right:16px;width:48px;height:48px;border-radius:12px}.md3-fab .material-symbols-outlined{font-size:20px}}.btn,.card,.chip,.dialog,.snackbar{will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.btn{contain:layout style}.card{contain:layout style paint}.list-item{contain:layout}.btn{transition:transform .15s cubic-bezier(.2,0,0,1),box-shadow .15s cubic-bezier(.2,0,0,1),background-color .15s cubic-bezier(.2,0,0,1)}.btn:hover{transform:translateY(-1px) scale(1.02);transition-duration:.1s}.btn:active{transform:translateY(0) scale(.98);transition-duration:50ms}.btn:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;transition:opacity 75ms ease-out;pointer-events:none;border-radius:inherit}.btn:hover:before{opacity:.08}.btn:focus-visible:before{opacity:.12}.btn:active:before{opacity:.16;transition-duration:25ms}.text-field{transition:border-color .15s ease-out,box-shadow .15s ease-out;will-change:border-color,box-shadow}.text-field:focus{transition-duration:.1s}.text-field-label{transition:transform .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1),font-size .15s cubic-bezier(.2,0,0,1);will-change:transform}.card{transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1)}.card:hover{transform:translateY(-2px);transition-duration:.15s}.scroll-container{contain:layout style;overflow-anchor:auto;scroll-behavior:smooth}.scroll-indicator{transform:translate(var(--scroll-position, 0));transition:transform .1s ease-out;will-change:transform}.virtual-list-container{contain:strict;overflow-anchor:none}.virtual-list-item{contain:layout style;will-change:transform}:root{--motion-duration-short1: 50ms;--motion-duration-short2: .1s;--motion-duration-short3: .15s;--motion-duration-short4: .2s;--motion-duration-medium1: .25s;--motion-duration-medium2: .3s;--motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1)}.slide-enter{transform:translate(100%)}.slide-enter-active{transform:translate(0);transition:transform .2s var(--motion-easing-emphasized)}.slide-exit{transform:translate(0)}.slide-exit-active{transform:translate(-100%);transition:transform .2s var(--motion-easing-emphasized)}.ripple-container{position:relative;overflow:hidden;contain:layout style paint}.ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.24;transform:scale(0);animation:ripple .6s cubic-bezier(.2,0,0,1);pointer-events:none}@keyframes ripple{to{transform:scale(2);opacity:0}}.focus-ring{transition:box-shadow .1s ease-out,outline .1s ease-out}.loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;will-change:transform}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;will-change:background-position}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.book-card{min-height:200px}.user-avatar{width:40px;height:40px}.surface{background-color:var(--md-sys-color-surface)}.on-surface{color:var(--md-sys-color-on-surface)}.primary{background-color:var(--md-sys-color-primary)}.on-primary{color:var(--md-sys-color-on-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(hover:none){.btn:hover{transform:none}}@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){.btn,.card{transition-duration:.12s}}:root{--md-ref-palette-primary0: #000000;--md-ref-palette-primary10: #001848;--md-ref-palette-primary20: #002f66;--md-ref-palette-primary25: #003a7a;--md-ref-palette-primary30: #00458f;--md-ref-palette-primary35: #0050a4;--md-ref-palette-primary40: #005cba;--md-ref-palette-primary50: #2474e5;--md-ref-palette-primary60: #4f8dff;--md-ref-palette-primary70: #7aa7ff;--md-ref-palette-primary80: #a5c2ff;--md-ref-palette-primary90: #d1ddff;--md-ref-palette-primary95: #e8eeff;--md-ref-palette-primary98: #f8f9ff;--md-ref-palette-primary99: #fdfcff;--md-ref-palette-primary100: #ffffff;--md-ref-palette-secondary0: #000000;--md-ref-palette-secondary10: #0d1f12;--md-ref-palette-secondary20: #223526;--md-ref-palette-secondary25: #2d4030;--md-ref-palette-secondary30: #384c3b;--md-ref-palette-secondary35: #445847;--md-ref-palette-secondary40: #506453;--md-ref-palette-secondary50: #697d6c;--md-ref-palette-secondary60: #839786;--md-ref-palette-secondary70: #9eb2a1;--md-ref-palette-secondary80: #b9cebc;--md-ref-palette-secondary90: #d5ead8;--md-ref-palette-secondary95: #e3f8e6;--md-ref-palette-secondary98: #f0fff2;--md-ref-palette-secondary99: #f7fff8;--md-ref-palette-secondary100: #ffffff;--md-ref-palette-tertiary0: #000000;--md-ref-palette-tertiary10: #2d1600;--md-ref-palette-tertiary20: #4a2800;--md-ref-palette-tertiary25: #573000;--md-ref-palette-tertiary30: #653900;--md-ref-palette-tertiary35: #734200;--md-ref-palette-tertiary40: #814c00;--md-ref-palette-tertiary50: #9f6100;--md-ref-palette-tertiary60: #c07700;--md-ref-palette-tertiary70: #e28e00;--md-ref-palette-tertiary80: #ffb95a;--md-ref-palette-tertiary90: #ffddb3;--md-ref-palette-tertiary95: #ffeedb;--md-ref-palette-tertiary98: #fff8f2;--md-ref-palette-tertiary99: #fffbff;--md-ref-palette-tertiary100: #ffffff;--md-ref-palette-neutral0: #000000;--md-ref-palette-neutral4: #0f0f11;--md-ref-palette-neutral6: #141416;--md-ref-palette-neutral10: #1a1a1c;--md-ref-palette-neutral12: #1e1e20;--md-ref-palette-neutral17: #272729;--md-ref-palette-neutral20: #2f2f31;--md-ref-palette-neutral22: #333335;--md-ref-palette-neutral24: #373739;--md-ref-palette-neutral25: #3a3a3c;--md-ref-palette-neutral30: #46464a;--md-ref-palette-neutral35: #525256;--md-ref-palette-neutral40: #5e5e62;--md-ref-palette-neutral50: #77777a;--md-ref-palette-neutral60: #919094;--md-ref-palette-neutral70: #ababaf;--md-ref-palette-neutral80: #c7c6ca;--md-ref-palette-neutral87: #dddde1;--md-ref-palette-neutral90: #e3e2e6;--md-ref-palette-neutral92: #e9e8ec;--md-ref-palette-neutral94: #efefef;--md-ref-palette-neutral95: #f2f1f5;--md-ref-palette-neutral96: #f5f4f8;--md-ref-palette-neutral98: #faf9fd;--md-ref-palette-neutral99: #fdfcff;--md-ref-palette-neutral100: #ffffff;--md-ref-palette-neutralvariant0: #000000;--md-ref-palette-neutralvariant10: #16161d;--md-ref-palette-neutralvariant20: #2b2b32;--md-ref-palette-neutralvariant25: #36363d;--md-ref-palette-neutralvariant30: #414148;--md-ref-palette-neutralvariant35: #4d4d54;--md-ref-palette-neutralvariant40: #595960;--md-ref-palette-neutralvariant50: #727279;--md-ref-palette-neutralvariant60: #8c8c93;--md-ref-palette-neutralvariant70: #a6a6ad;--md-ref-palette-neutralvariant80: #c2c1c9;--md-ref-palette-neutralvariant90: #dedde5;--md-ref-palette-neutralvariant95: #eceaf3;--md-ref-palette-neutralvariant98: #f9f7ff;--md-ref-palette-neutralvariant99: #fdfcff;--md-ref-palette-neutralvariant100: #ffffff;--md-ref-palette-error0: #000000;--md-ref-palette-error10: #410e0b;--md-ref-palette-error20: #601410;--md-ref-palette-error25: #6f1913;--md-ref-palette-error30: #7e1f16;--md-ref-palette-error35: #8d251a;--md-ref-palette-error40: #9c2b1e;--md-ref-palette-error50: #bb3b2a;--md-ref-palette-error60: #dc4d38;--md-ref-palette-error70: #ff6750;--md-ref-palette-error80: #ff897d;--md-ref-palette-error90: #ffdad6;--md-ref-palette-error95: #ffedea;--md-ref-palette-error98: #fff8f7;--md-ref-palette-error99: #fffbff;--md-ref-palette-error100: #ffffff}:root,[data-theme=light],.light{--brand-gradient-start: #24A8E0;--brand-gradient-end: #177199;--md-sys-color-primary: #24A8E0;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #d6e3ff;--md-sys-color-on-primary-container: #001d36;--md-sys-color-secondary: #43c5a6;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #c4f3e4;--md-sys-color-on-secondary-container: #002018;--md-sys-color-tertiary: #ad89c6;--md-sys-color-on-tertiary: #ffffff;--md-sys-color-tertiary-container: #f3daff;--md-sys-color-on-tertiary-container: #2b0042;--md-sys-color-error: #ba1a1a;--md-sys-color-on-error: #ffffff;--md-sys-color-error-container: #ffdad6;--md-sys-color-on-error-container: #410002;--md-sys-color-background: #fefbff;--md-sys-color-on-background: #1a1c1e;--md-sys-color-surface: #fefbff;--md-sys-color-on-surface: #1a1c1e;--md-sys-color-surface-variant: #dfe2eb;--md-sys-color-on-surface-variant: #43474e;--md-sys-color-surface-dim: #d8dade;--md-sys-color-surface-bright: #fefbff;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #f8f7fc;--md-sys-color-surface-container: #f2f1f6;--md-sys-color-surface-container-high: #ecebf1;--md-sys-color-surface-container-highest: #e6e6eb;--md-sys-color-outline: #73777f;--md-sys-color-outline-variant: #c3c7cf;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #2f3033;--md-sys-color-inverse-on-surface: #f1f0f4;--md-sys-color-inverse-primary: #9fdcf1}[data-theme=dark],.dark{--brand-gradient-start: #24A8E0;--brand-gradient-end: #1b90c5;--md-sys-color-primary: #7fd5f0;--md-sys-color-on-primary: #003258;--md-sys-color-primary-container: #31496a;--md-sys-color-on-primary-container: #d6e3ff;--md-sys-color-secondary: #a8d6c8;--md-sys-color-on-secondary: #11382c;--md-sys-color-secondary-container: #2a4f42;--md-sys-color-on-secondary-container: #c4f3e4;--md-sys-color-tertiary: #e0b8f3;--md-sys-color-on-tertiary: #432158;--md-sys-color-tertiary-container: #5b3870;--md-sys-color-on-tertiary-container: #f3daff;--md-sys-color-error: #ffb4ab;--md-sys-color-on-error: #690005;--md-sys-color-error-container: #93000a;--md-sys-color-on-error-container: #ffdad6;--md-sys-color-background: #1a1c1e;--md-sys-color-on-background: #e2e2e6;--md-sys-color-surface: #1a1c1e;--md-sys-color-on-surface: #e2e2e6;--md-sys-color-surface-variant: #43474e;--md-sys-color-on-surface-variant: #c3c7cf;--md-sys-color-surface-dim: #1a1c1e;--md-sys-color-surface-bright: #36383a;--md-sys-color-surface-container-lowest: #1f2123;--md-sys-color-surface-container-low: #282a2c;--md-sys-color-surface-container: #2d2f31;--md-sys-color-surface-container-high: #383a3c;--md-sys-color-surface-container-highest: #434547;--md-sys-color-outline: #8d9199;--md-sys-color-outline-variant: #43474e;--md-sys-color-shadow: #000000;--md-sys-color-scrim: #000000;--md-sys-color-inverse-surface: #e2e2e6;--md-sys-color-inverse-on-surface: #1a1c1e;--md-sys-color-inverse-primary: #4b9cd3}:root{--md-sys-typescale-display-large-font-family: "Inter", "Google Sans", system-ui, sans-serif;--md-sys-typescale-display-large-font-weight: 400;--md-sys-typescale-display-large-font-size: 3.5rem;--md-sys-typescale-display-large-line-height: 4rem;--md-sys-typescale-headline-large-font-family: "Inter", "Google Sans", system-ui, sans-serif;--md-sys-typescale-headline-large-font-weight: 400;--md-sys-typescale-headline-large-font-size: 2rem;--md-sys-typescale-headline-large-line-height: 2.5rem;--md-sys-typescale-title-large-font-family: "Inter", "Google Sans", system-ui, sans-serif;--md-sys-typescale-title-large-font-weight: 400;--md-sys-typescale-title-large-font-size: 1.375rem;--md-sys-typescale-title-large-line-height: 1.75rem;--md-sys-typescale-title-medium-font-family: "Inter", "Google Sans", system-ui, sans-serif;--md-sys-typescale-title-medium-font-weight: 500;--md-sys-typescale-title-medium-font-size: 1rem;--md-sys-typescale-title-medium-line-height: 1.5rem;--md-sys-typescale-body-large-font-family: "Inter", system-ui, sans-serif;--md-sys-typescale-body-large-font-weight: 400;--md-sys-typescale-body-large-font-size: 1rem;--md-sys-typescale-body-large-line-height: 1.5rem;--md-sys-typescale-body-medium-font-family: "Inter", system-ui, sans-serif;--md-sys-typescale-body-medium-font-weight: 400;--md-sys-typescale-body-medium-font-size: .875rem;--md-sys-typescale-body-medium-line-height: 1.25rem;--md-sys-typescale-label-large-font-family: "Inter", system-ui, sans-serif;--md-sys-typescale-label-large-font-weight: 500;--md-sys-typescale-label-large-font-size: .875rem;--md-sys-typescale-label-large-line-height: 1.25rem;--md-sys-shape-corner-extra-small: 4px;--md-sys-shape-corner-small: 8px;--md-sys-shape-corner-medium: 12px;--md-sys-shape-corner-large: 16px;--md-sys-shape-corner-extra-large: 28px;--md-sys-elevation-level0: none;--md-sys-elevation-level1: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15);--md-sys-elevation-level2: 0px 1px 2px 0px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--md-sys-elevation-level3: 0px 1px 3px 0px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15);--md-sys-elevation-level4: 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15);--md-sys-elevation-level5: 0px 4px 4px 0px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15);--md-sys-spacing-1: 4px;--md-sys-spacing-2: 8px;--md-sys-spacing-3: 12px;--md-sys-spacing-4: 16px;--md-sys-spacing-5: 20px;--md-sys-spacing-6: 24px;--md-sys-spacing-8: 32px;--md-sys-spacing-10: 40px;--md-sys-spacing-12: 48px}.md3-surface{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.md3-surface-container{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.md3-surface-container-high{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.md3-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.md3-primary-container{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md3-secondary-container{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.md3-error-container{background-color:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.md3-display-large{font-family:var(--md-sys-typescale-display-large-font-family);font-weight:var(--md-sys-typescale-display-large-font-weight);font-size:var(--md-sys-typescale-display-large-font-size);line-height:var(--md-sys-typescale-display-large-line-height)}.md3-headline-large{font-family:var(--md-sys-typescale-headline-large-font-family);font-weight:var(--md-sys-typescale-headline-large-font-weight);font-size:var(--md-sys-typescale-headline-large-font-size);line-height:var(--md-sys-typescale-headline-large-line-height)}.md3-title-large{font-family:var(--md-sys-typescale-title-large-font-family);font-weight:var(--md-sys-typescale-title-large-font-weight);font-size:var(--md-sys-typescale-title-large-font-size);line-height:var(--md-sys-typescale-title-large-line-height)}.md3-title-medium{font-family:var(--md-sys-typescale-title-medium-font-family);font-weight:var(--md-sys-typescale-title-medium-font-weight);font-size:var(--md-sys-typescale-title-medium-font-size);line-height:var(--md-sys-typescale-title-medium-line-height)}.md3-body-large{font-family:var(--md-sys-typescale-body-large-font-family);font-weight:var(--md-sys-typescale-body-large-font-weight);font-size:var(--md-sys-typescale-body-large-font-size);line-height:var(--md-sys-typescale-body-large-line-height)}.md3-body-medium{font-family:var(--md-sys-typescale-body-medium-font-family);font-weight:var(--md-sys-typescale-body-medium-font-weight);font-size:var(--md-sys-typescale-body-medium-font-size);line-height:var(--md-sys-typescale-body-medium-line-height)}.md3-label-large{font-family:var(--md-sys-typescale-label-large-font-family);font-weight:var(--md-sys-typescale-label-large-font-weight);font-size:var(--md-sys-typescale-label-large-font-size);line-height:var(--md-sys-typescale-label-large-line-height)}.md3-on-surface{color:var(--md-sys-color-on-surface)}.md3-on-surface-variant{color:var(--md-sys-color-on-surface-variant)}.md3-primary-text{color:var(--md-sys-color-primary)}.md3-error-text{color:var(--md-sys-color-error)}.md3-rounded-small{border-radius:var(--md-sys-shape-corner-small)}.md3-rounded-medium{border-radius:var(--md-sys-shape-corner-medium)}.md3-rounded-large{border-radius:var(--md-sys-shape-corner-large)}.md3-rounded-extra-large{border-radius:var(--md-sys-shape-corner-extra-large)}.md3-elevation-1{box-shadow:var(--md-sys-elevation-level1)}.md3-elevation-2{box-shadow:var(--md-sys-elevation-level2)}.md3-elevation-3{box-shadow:var(--md-sys-elevation-level3)}.dashboard-content{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:1400px;margin:0 auto;background:var(--md-sys-color-surface);overflow:visible;width:100%}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:var(--md-sys-color-on-surface);text-decoration:none;font-weight:500;transition:all .3s ease}.nav-item:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:translate(4px)}.nav-item.active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.nav-icon{font-size:20px;width:20px;height:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}.stat-card{background:var(--md-sys-color-surface-container);border-radius:16px;padding:24px;text-align:center;border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface);transition:all .3s ease;box-shadow:var(--md-sys-elevation-level2);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #00000026;border-color:var(--md-sys-color-primary)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--md-sys-color-primary),var(--md-sys-color-secondary));transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{font-size:2.5rem;margin-bottom:12px;display:block;color:var(--md-sys-color-primary)}.stat-value{font-size:2.5rem;font-weight:700;margin-bottom:4px;color:var(--md-sys-color-on-surface)}.stat-label{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);font-weight:500;opacity:.8}.stat-card.books-read .stat-icon{color:var(--md-sys-color-primary)}.stat-card.pages-read .stat-icon{color:var(--md-sys-color-secondary)}.stat-card.check-in-streak .stat-icon{color:var(--md-sys-color-tertiary)}.stat-card.reading-streak .stat-icon{color:var(--md-sys-color-error)}.stat-card.total-points .stat-icon{color:#eab308}.stat-card.notes-created .stat-icon{color:#14b8a6}.welcome-header{border-radius:16px;padding:24px 32px;color:#fff;position:relative;overflow:visible;box-shadow:var(--md-sys-elevation-level3);margin-bottom:32px;width:100%;box-sizing:border-box;z-index:1}.welcome-header.theme-light{background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end))}.welcome-header.theme-dark{background:linear-gradient(135deg,#1e3a8a,#312e81)}.welcome-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.welcome-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px}.welcome-subtitle{font-size:16px;opacity:.9;color:#fff;margin:0 0 16px}.level-progress-bar{background:#ffffff4d;border-radius:8px;height:8px;overflow:hidden;margin-bottom:20px}.level-progress-fill{background:linear-gradient(90deg,#fff,#f0f9ff);height:100%;border-radius:8px;transition:width .8s ease-out;box-shadow:0 0 10px #fff9;position:relative}.level-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s infinite}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap}.welcome-action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.welcome-action-button.primary{background:#ffffff40;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcome-action-button.secondary{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.welcome-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.achievement-card{background:var(--md-sys-color-surface);border-radius:12px;padding:20px;border:1px solid var(--md-sys-color-outline-variant);transition:all .3s ease;position:relative;text-align:center}.achievement-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.achievement-card.unlocked{background:var(--md-sys-color-tertiary-container);border-color:var(--md-sys-color-tertiary);box-shadow:0 4px 15px #0000001a}.achievement-card.locked{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);opacity:.7}.achievement-icon{font-size:40px;margin-bottom:8px;transition:all .3s ease}.achievement-card.unlocked .achievement-icon{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.achievement-card.locked .achievement-icon{filter:grayscale(100%) opacity(.4)}.achievement-title{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--md-sys-color-on-surface)}.achievement-description{font-size:14px;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px;line-height:1.4}.achievement-card.locked .achievement-title,.achievement-card.locked .achievement-description{color:var(--md-sys-color-outline)}.goal-card{background:var(--md-sys-color-surface);border-radius:12px;padding:24px;border:1px solid var(--md-sys-color-outline-variant);transition:all .3s ease}.goal-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px);border-color:var(--md-sys-color-primary)}.goal-card.completed{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-primary)}.goal-progress-bar{width:100%;height:8px;background:var(--md-sys-color-surface-variant);border-radius:8px;overflow:hidden;margin:12px 0}.goal-progress-fill{height:100%;background:linear-gradient(90deg,var(--md-sys-color-primary),var(--md-sys-color-secondary));border-radius:8px;transition:width .8s ease-out;position:relative}.goal-progress-fill.completed{background:linear-gradient(90deg,var(--md-sys-color-tertiary),var(--md-sys-color-secondary))}.goal-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.quick-action-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:12px;border:none;color:var(--md-sys-color-on-primary);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;background:var(--md-sys-color-primary)}.quick-action-button.secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.quick-action-button.tertiary{background:var(--md-sys-color-tertiary);color:var(--md-sys-color-on-tertiary)}.quick-action-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.achievement-notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;background:linear-gradient(135deg,var(--md-sys-color-tertiary),var(--md-sys-color-secondary));color:var(--md-sys-color-on-tertiary);border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000004d;animation:slide-in .5s ease-out}.achievement-notification-content{display:flex;align-items:center;gap:16px}.achievement-notification-icon{font-size:48px;animation:bounce-in .6s ease-out}.achievement-notification-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--md-sys-color-on-tertiary);font-size:20px;cursor:pointer;opacity:.7;transition:opacity .2s}.achievement-notification-close:hover{opacity:1}.section-card{background:var(--md-sys-color-surface-container-low);border-radius:16px;padding:24px;border:1px solid var(--md-sys-color-outline);margin-bottom:32px;box-shadow:var(--md-sys-elevation-level1)}.section-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);padding-bottom:8px}.reading-tip-card{background:var(--md-sys-color-tertiary-container);border:1px solid var(--md-sys-color-tertiary);border-radius:16px;padding:24px;margin:24px 0}.reading-tip-title{color:var(--md-sys-color-on-tertiary-container);font-size:18px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px}.reading-tip-content{color:var(--md-sys-color-on-tertiary-container);line-height:1.6}.loading-container{display:flex;justify-content:center;align-items:center;padding:60px 20px;flex-direction:column;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--md-sys-color-outline-variant);border-top:4px solid var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:var(--md-sys-color-on-surface-variant);font-size:16px;font-weight:500}.empty-state{text-align:center;padding:40px 20px;background:var(--md-sys-color-surface);border-radius:12px;border:1px solid var(--md-sys-color-outline-variant)}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.7;color:var(--md-sys-color-outline)}.empty-state-title{font-size:20px;font-weight:700;color:var(--md-sys-color-on-surface-variant);margin-bottom:8px}.empty-state-description{color:var(--md-sys-color-outline);margin-bottom:20px;line-height:1.5}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--md-sys-color-primary)}50%{box-shadow:0 0 20px var(--md-sys-color-primary)}}.animate-slide-in{animation:slide-in .5s ease-out}.animate-bounce-in{animation:bounce-in .6s ease-out}.animate-pulse-glow{animation:pulse-glow 2s infinite}@media(max-width:768px){.dashboard-content{padding:16px;gap:16px}.welcome-header{padding:24px 16px}.welcome-title{font-size:24px}.welcome-actions{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.stat-card{padding:16px}.stat-value{font-size:2rem}.quick-actions-grid{grid-template-columns:1fr}.achievement-notification{top:10px;right:10px;left:10px;max-width:none}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.welcome-header{padding:20px 12px}.welcome-title{font-size:20px}.section-card,.achievement-card,.goal-card{padding:16px}}.welcome-header{position:relative!important;z-index:999!important;overflow:visible!important;margin-top:20px!important}.text-on-primary-container{color:var(--md-sys-color-on-primary-container)}.text-on-secondary-container{color:var(--md-sys-color-on-secondary-container)}.text-on-tertiary-container{color:var(--md-sys-color-on-tertiary-container)}.text-on-background{color:var(--md-sys-color-on-background)}.border-outline{border-color:var(--md-sys-color-outline)}.border-outline-variant{border-color:var(--md-sys-color-outline-variant)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease-out forwards}.animate-slide-up{animation:slide-up .5s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-container-high);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}::selection{background:color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent);color:var(--md-sys-color-on-surface)}@keyframes skeleton-pulse{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,color-mix(in srgb,var(--md-sys-color-surface-variant) 30%,transparent) 25%,color-mix(in srgb,var(--md-sys-color-surface-variant) 50%,transparent),color-mix(in srgb,var(--md-sys-color-surface-variant) 30%,transparent) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.z-dropdown{z-index:1000}.z-sticky{z-index:1020}.z-fixed{z-index:1030}.z-modal-scrim{z-index:1040}.z-modal-content{z-index:1050}.z-snackbar{z-index:1060}.z-tooltip{z-index:1070}*,*:before,*:after{box-sizing:border-box!important}html{overflow-x:hidden!important;max-width:100vw!important;width:100%!important;position:relative!important}body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important;margin:0!important;padding:0!important;position:relative!important}#root,#app,.app,.App{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}div:not(.login-background):not(.login-container):not(.login-content-wrapper):not([class*=login-]):not(.md3-dialog):not(.md3-dialog__scrim):not(.md3-dialog__container),section:not([class*=login-]),article:not([class*=login-]),main:not([class*=login-]),header:not([class*=login-]),footer:not(.login-footer):not([class*=login-]):not(.md3-dialog),nav:not([class*=login-]),aside:not([class*=login-]){max-width:100vw!important;overflow-wrap:break-word!important;word-wrap:break-word!important}img:not([class*=logo]):not([class*=Logo]),video,iframe,embed,object,svg:not([class*=logo]):not([class*=Logo]),canvas{max-width:100%!important;height:auto!important}p,span,a,li,td,th,h1,h2,h3,h4,h5,h6,div{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}a,code,pre{overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-all!important}[class*=grid],[class*=Grid],.grid,.Grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}[class*=flex],[class*=Flex],.flex,.Flex{flex-wrap:wrap!important;max-width:100%!important}.container:not(.login-container),.Container:not(.login-container),[class*=container]:not(.simple-scroll-container):not([class*=login]):not(.login-container),[class*=Container]:not([class*=login]):not(.login-container){max-width:100vw!important;overflow-x:hidden!important;padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.simple-scroll-container{overflow-x:auto!important;max-width:none!important}.wrapper:not(.login-content-wrapper),.Wrapper:not(.login-content-wrapper),[class*=wrapper]:not([class*=login]):not(.login-content-wrapper),[class*=Wrapper]:not([class*=login]):not(.login-content-wrapper){max-width:100vw!important;overflow-x:hidden!important}nav,.nav,.Nav,[class*=nav],[class*=Nav],[class*=navigation],[class*=Navigation]{max-width:100vw!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}nav ul,nav ol,.nav ul,.nav ol{display:flex!important;flex-wrap:wrap!important;max-width:100%!important}[class*=card]:not([class*=login-card]):not(.login-card):not(.login-card-enhanced),[class*=Card]:not([class*=login-card]):not(.login-card):not(.login-card-enhanced),.card:not(.login-card):not(.login-card-enhanced),.Card:not(.login-card):not(.login-card-enhanced){max-width:100%!important;overflow-x:hidden!important}[class*=modal]:not(.md3-dialog),[class*=Modal]:not(.md3-dialog),[class*=dialog]:not(.md3-dialog),[class*=Dialog]:not(.md3-dialog),.modal:not(.md3-dialog),.Modal:not(.md3-dialog),.dialog:not(.md3-dialog),.Dialog:not(.md3-dialog){max-width:calc(100vw - 40px)!important;overflow-x:hidden!important}.md3-dialog{max-width:none!important}table{max-width:100%!important;overflow-x:auto!important;display:block!important;border-collapse:collapse!important}.table-wrapper,[class*=table-wrapper],[class*=tableWrapper]{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}form{max-width:100%!important;overflow-x:hidden!important}input,textarea,select,button{max-width:100%!important}[class*=input-group],[class*=inputGroup],[class*=form-group],[class*=formGroup]{max-width:100%!important;overflow-x:hidden!important}@media(max-width:767px){[class*=col-],[class*=Col-],.row>div,.Row>div{width:100%!important;max-width:100%!important;flex:0 0 100%!important}.container,.Container,[class*=container],[class*=Container]{padding-left:16px!important;padding-right:16px!important}[class*=flex],[class*=Flex],.flex,.Flex{flex-direction:column!important}button,.button,.Button,[class*=button],[class*=Button],.btn,.Btn,[class*=btn],[class*=Btn]{width:100%!important;max-width:100%!important}h1{font-size:28px!important}h2{font-size:24px!important}h3{font-size:20px!important}h4{font-size:18px!important}h5,h6{font-size:16px!important}[class*=padding],[class*=Padding]{padding-left:16px!important;padding-right:16px!important}[class*=margin],[class*=Margin]{margin-left:16px!important;margin-right:16px!important}}@media(max-width:374px){.container,.Container,[class*=container],[class*=Container]{padding-left:12px!important;padding-right:12px!important}body{font-size:14px!important}h1{font-size:24px!important}h2{font-size:20px!important}h3{font-size:18px!important}}@supports (padding: env(safe-area-inset-left)){body{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;padding-bottom:env(safe-area-inset-bottom)!important}[style*="position: fixed"],.fixed,.Fixed{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}}.md3-card,.MD3Card,[class*=md3-card],[class*=MD3Card]{max-width:100%!important;overflow-x:hidden!important}.md3-button,.MD3Button,[class*=md3-button],[class*=MD3Button]{max-width:100%!important}[class*=gamification],[class*=Gamification]{max-width:100%!important;overflow-x:hidden!important}[class*=landing],[class*=Landing],[class*=hero],[class*=Hero]{max-width:100vw!important;overflow-x:hidden!important}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}*::-webkit-scrollbar{height:6px;width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background-color:#0000004d}@media print{html,body,*{overflow:visible!important;max-width:none!important}}@media(max-width:767px)and (orientation:landscape){.container,.Container{padding-left:24px!important;padding-right:24px!important}}@media(max-width:767px){a,button,input[type=button],input[type=submit],[role=button],[onclick]{min-height:44px!important;min-width:44px!important}}*{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.loading-spinner{border:3px solid #e0e0e0;border-top:3px solid var(--md-sys-color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.border-primary{border-top-color:var(--md-sys-color-primary)}.loading-spinner.border-secondary{border-top-color:var(--md-sys-color-secondary)}.loading-spinner.border-accent{border-top-color:var(--md-sys-color-tertiary)}.loading-message{color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:500;margin:0;text-align:center}.book-card-skeleton{background:var(--md-sys-color-surface-container);border-radius:12px;padding:16px;width:100%;max-width:200px;animation:pulse 1.5s ease-in-out infinite}.skeleton-cover{width:100%;height:250px;background:var(--md-sys-color-surface-container-high);border-radius:8px;margin-bottom:12px}.skeleton-content{display:flex;flex-direction:column;gap:8px}.skeleton-title{height:16px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:90%}.skeleton-author{height:14px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:70%}.skeleton-progress{height:6px;background:var(--md-sys-color-surface-container-high);border-radius:3px;width:100%;margin-top:8px}.book-grid-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;padding:24px}.stats-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card-skeleton{background:var(--md-sys-color-surface-container);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;animation:pulse 1.5s ease-in-out infinite}.skeleton-stat-icon{width:48px;height:48px;background:var(--md-sys-color-surface-container-high);border-radius:50%}.skeleton-stat-number{height:24px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:60px}.skeleton-stat-label{height:14px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:80px}.notes-list-skeleton{display:flex;flex-direction:column;gap:16px}.note-item-skeleton{background:var(--md-sys-color-surface-container);border-radius:12px;padding:16px;animation:pulse 1.5s ease-in-out infinite}.skeleton-note-title{height:18px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:60%;margin-bottom:8px}.skeleton-note-content{height:14px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:100%;margin-bottom:8px}.skeleton-note-meta{height:12px;background:var(--md-sys-color-surface-container-high);border-radius:4px;width:40%}.upload-progress-container{background:var(--md-sys-color-surface-container);border-radius:12px;padding:16px;margin:8px 0;border:1px solid var(--md-sys-color-outline-variant)}.upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upload-filename{font-weight:500;color:var(--md-sys-color-on-surface);font-size:14px;truncate:ellipsis;max-width:70%}.upload-percentage{font-weight:600;color:var(--md-sys-color-primary);font-size:14px}.upload-progress-bar{width:100%;height:6px;background:var(--md-sys-color-surface-container-high);border-radius:3px;overflow:hidden;margin-bottom:8px}.upload-progress-fill{height:100%;transition:width .3s ease;border-radius:3px}.upload-progress-fill.uploading{background:linear-gradient(90deg,var(--md-sys-color-primary) 0%,var(--md-sys-color-primary-container) 100%)}.upload-progress-fill.processing,.upload-progress-fill.success{background:linear-gradient(90deg,var(--md-sys-color-tertiary) 0%,var(--md-sys-color-tertiary-container) 100%)}.upload-progress-fill.error{background:linear-gradient(90deg,var(--md-sys-color-error) 0%,var(--md-sys-color-error-container) 100%)}.upload-status{font-size:12px;margin:4px 0 0;font-weight:500}.upload-status.uploading{color:var(--md-sys-color-primary)}.upload-status.processing,.upload-status.success{color:var(--md-sys-color-tertiary)}.upload-status.error{color:var(--md-sys-color-error)}.retry-upload-btn{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border:none;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:500;cursor:pointer;margin-top:8px;transition:all .2s ease}.retry-upload-btn:hover{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.reading-session-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:24px}.reading-loader-animation{position:relative;width:80px;height:100px}.book-pages{position:relative;width:100%;height:100%}.loader-page{position:absolute;width:60px;height:80px;background:var(--md-sys-color-surface);border:2px solid var(--md-sys-color-outline);border-radius:4px;transform-origin:left center}.loader-page-1{animation:flipPage 1.5s ease-in-out infinite;background:var(--md-sys-color-primary-container)}.loader-page-2{animation:flipPage 1.5s ease-in-out infinite .5s;background:var(--md-sys-color-secondary-container)}.loader-page-3{animation:flipPage 1.5s ease-in-out infinite 1s;background:var(--md-sys-color-tertiary-container)}@keyframes flipPage{0%,20%{transform:rotateY(0)}50%{transform:rotateY(-180deg)}80%,to{transform:rotateY(0)}}.reading-session-loader h3{color:var(--md-sys-color-on-surface);font-size:18px;font-weight:500;margin:0}.reading-session-loader p{color:var(--md-sys-color-on-surface-variant);font-size:14px;margin:0}.network-status{position:fixed;top:0;left:0;right:0;z-index:1000;padding:12px 16px;text-align:center;animation:slideDown .3s ease-out}.network-status.offline{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.network-status.reconnecting{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.network-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.offline-icon,.reconnecting-icon{width:16px;height:16px;border-radius:50%}.offline-icon{background:var(--md-sys-color-error)}.reconnecting-icon{background:var(--md-sys-color-tertiary);animation:pulse 1s ease-in-out infinite}.offline-message{font-size:12px;margin:4px 0 0;opacity:.8}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.loading-button{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;overflow:hidden}.loading-button.loading{pointer-events:none}.button-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loading-text{opacity:.7}.page-transition-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.book-grid-skeleton{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:16px}.stats-skeleton{grid-template-columns:1fr}.upload-progress-container{padding:12px}.upload-filename{max-width:60%}}.error-boundary-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:24px;background:var(--md-sys-color-surface)}.error-boundary-content{max-width:500px;text-align:center;background:var(--md-sys-color-surface-container);border-radius:16px;padding:32px;border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 4px 12px #0000001a}.error-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);margin:0 auto 24px}.error-title{font-size:24px;font-weight:600;color:var(--md-sys-color-on-surface);margin:0 0 12px;line-height:1.3}.error-message{font-size:16px;color:var(--md-sys-color-on-surface-variant);margin:0 0 8px;line-height:1.5}.error-suggestion{font-size:14px;color:var(--md-sys-color-on-surface-variant);margin:0 0 24px;opacity:.8;font-style:italic}.error-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.error-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:160px;justify-content:center}.error-button:disabled{opacity:.5;cursor:not-allowed}.error-button.primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.error-button.primary:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.error-button.secondary{background:var(--md-sys-color-secondary);color:var(--md-sys-color-on-secondary)}.error-button.secondary:hover:not(:disabled){background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.error-button.tertiary{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline)}.error-button.tertiary:hover:not(:disabled){background:var(--md-sys-color-surface-container-highest);transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.retry-counter{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin:16px 0 0;opacity:.7}.error-boundary-compact{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:8px;font-size:14px;margin:8px 0;border:1px solid var(--md-sys-color-error)}.error-icon-small{display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-message-small{flex:1;font-weight:500}.retry-button-small{background:transparent;border:1px solid var(--md-sys-color-on-error-container);color:var(--md-sys-color-on-error-container);border-radius:4px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.retry-button-small:hover:not(:disabled){background:var(--md-sys-color-on-error-container);color:var(--md-sys-color-error-container)}.retry-button-small:disabled{opacity:.5;cursor:not-allowed}.error-details{margin-top:24px;text-align:left;background:var(--md-sys-color-surface-container-high);border-radius:8px;padding:16px;border:1px solid var(--md-sys-color-outline-variant)}.error-details summary{font-weight:500;color:var(--md-sys-color-on-surface);cursor:pointer;margin-bottom:12px}.error-details summary:hover{color:var(--md-sys-color-primary)}.error-stack{font-family:Courier New,monospace;font-size:12px;color:var(--md-sys-color-on-surface-variant);line-height:1.4}.error-stack pre{background:var(--md-sys-color-surface-container);padding:8px;border-radius:4px;overflow-x:auto;margin:8px 0;border:1px solid var(--md-sys-color-outline-variant)}.error-stack strong{color:var(--md-sys-color-on-surface);font-weight:600}@media(max-width:768px){.error-boundary-content{padding:24px;margin:16px}.error-title{font-size:20px}.error-message{font-size:14px}.error-actions{width:100%}.error-button{width:100%;max-width:none}.error-boundary-compact{flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.error-message-small{width:100%}}@media(prefers-color-scheme:dark){.error-boundary-content{box-shadow:0 4px 12px #0000004d}.error-button.primary:hover:not(:disabled){box-shadow:0 4px 8px #0006}.error-button.secondary:hover:not(:disabled){box-shadow:0 4px 8px #0006}.error-button.tertiary:hover:not(:disabled){box-shadow:0 2px 6px #0000004d}}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-boundary-container,.error-boundary-compact{animation:errorFadeIn .3s ease-out}@media(prefers-contrast:high){.error-boundary-content{border:2px solid var(--md-sys-color-outline)}.error-button{border:2px solid currentColor}.error-boundary-compact{border:2px solid var(--md-sys-color-error)}}@media(prefers-reduced-motion:reduce){.error-boundary-container,.error-boundary-compact,.error-button{animation:none;transition:none}.error-button:hover:not(:disabled){transform:none}}:root{--md-sys-motion-duration-short1: 50ms;--md-sys-motion-duration-short2: .1s;--md-sys-motion-duration-short3: .15s;--md-sys-motion-duration-short4: .2s;--md-sys-motion-duration-medium1: .25s;--md-sys-motion-duration-medium2: .3s;--md-sys-motion-duration-medium3: .35s;--md-sys-motion-duration-medium4: .4s;--md-sys-motion-duration-long1: .45s;--md-sys-motion-duration-long2: .5s;--md-sys-motion-duration-long3: .55s;--md-sys-motion-duration-long4: .6s;--md-sys-motion-easing-linear: cubic-bezier(0, 0, 1, 1);--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-standard-accelerate: cubic-bezier(.3, 0, 1, 1);--md-sys-motion-easing-standard-decelerate: cubic-bezier(0, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--md-sys-z-index-dropdown: 1000;--md-sys-z-index-sticky: 1020;--md-sys-z-index-fixed: 1030;--md-sys-z-index-modal: 1040;--md-sys-z-index-snackbar: 1050;--md-sys-z-index-tooltip: 1060}@keyframes md3-shared-axis-x-enter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes md3-shared-axis-x-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes md3-shared-axis-y-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes md3-shared-axis-y-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes md3-shared-axis-z-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes md3-shared-axis-z-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes md3-container-transform-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes md3-container-transform-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes md3-fade-through-enter{0%{opacity:0;transform:scale(.92)}35%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes md3-fade-through-exit{0%{opacity:1;transform:scale(1)}35%{opacity:0;transform:scale(.92)}to{opacity:0;transform:scale(.92)}}@keyframes md3-elevation-rise{0%{box-shadow:var(--md-sys-elevation-level0)}to{box-shadow:var(--md-sys-elevation-level2)}}@keyframes md3-elevation-lower{0%{box-shadow:var(--md-sys-elevation-level2)}to{box-shadow:var(--md-sys-elevation-level0)}}@keyframes md3-ripple-expand{0%{opacity:.12;transform:scale(0)}to{opacity:0;transform:scale(1)}}@keyframes md3-ripple-fade-in{0%{opacity:0}to{opacity:.12}}@keyframes md3-ripple-fade-out{0%{opacity:.12}to{opacity:0}}@keyframes md3-focus-ring-enter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes md3-focus-ring-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes md3-scale-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes md3-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes md3-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes md3-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes md3-slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes md3-slide-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes md3-book-flip{0%{transform:rotateY(0)}50%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}@keyframes md3-page-turn{0%{transform:rotateY(0);box-shadow:0 0 #0000}50%{transform:rotateY(90deg);box-shadow:-10px 0 20px #0003}to{transform:rotateY(180deg);box-shadow:0 0 #0000}}@keyframes md3-bookmark-flutter{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-2px) rotate(1deg)}75%{transform:translateY(1px) rotate(-1deg)}}@keyframes md3-reading-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.md3-animate-fade-in{animation:md3-fade-through-enter var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.md3-animate-fade-out{animation:md3-fade-through-exit var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.md3-animate-scale-in{animation:md3-scale-in var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized) forwards}.md3-animate-scale-out{animation:md3-scale-out var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized) forwards}.md3-animate-slide-up{animation:md3-slide-up var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-decelerate) forwards}.md3-animate-slide-down{animation:md3-slide-down var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized-accelerate) forwards}.md3-animate-shared-axis-x{animation:md3-shared-axis-x-enter var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.md3-animate-shared-axis-y{animation:md3-shared-axis-y-enter var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.md3-animate-container-transform{animation:md3-container-transform-enter var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized) forwards}.md3-hover-lift{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md3-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level3)}.md3-hover-scale{transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md3-hover-scale:hover{transform:scale(1.02)}.md3-press-scale{transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.md3-press-scale:active{transform:scale(.98)}@keyframes md3-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes md3-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.md3-loading-pulse{animation:md3-pulse var(--md-sys-motion-duration-long2) ease-in-out infinite}.md3-loading-shimmer{background:linear-gradient(90deg,rgb(var(--md-sys-color-surface-variant) / .1) 25%,rgb(var(--md-sys-color-surface-variant) / .3),rgb(var(--md-sys-color-surface-variant) / .1) 75%);background-size:200% 100%;animation:md3-shimmer 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.md3-animate-fade-in,.md3-animate-fade-out,.md3-animate-scale-in,.md3-animate-scale-out,.md3-animate-slide-up,.md3-animate-slide-down,.md3-animate-shared-axis-x,.md3-animate-shared-axis-y,.md3-animate-container-transform{animation:none}.md3-hover-lift,.md3-hover-scale,.md3-press-scale{transition:none}}.md3-will-change-transform{will-change:transform}.md3-will-change-opacity{will-change:opacity}.md3-will-change-auto{will-change:auto}.md3-hardware-accelerated{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;background-color:rgb(var(--md-sys-color-background, 255 251 255));color:rgb(var(--md-sys-color-on-background, 28 27 31));font-family:var(--md-sys-typescale-body-large-font-family, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:var(--md-sys-typescale-body-large-line-height, 1.5);letter-spacing:var(--md-sys-typescale-body-large-tracking, .5px);transition:background-color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.app{width:100%;min-height:100vh;display:flex;flex-direction:column}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background-color:rgb(var(--md-sys-color-surface-container, 243 237 247));color:rgb(var(--md-sys-color-on-surface, 28 27 31));border-bottom:1px solid rgb(var(--md-sys-color-outline-variant, 202 196 208));box-shadow:var(--md-sys-elevation-level1, 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15) );transition:background-color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),box-shadow var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.app-main{flex:1;display:flex;flex-direction:column;padding:var(--md-sys-spacing-4, 16px);gap:var(--md-sys-spacing-6, 24px);max-width:1200px;margin:0 auto;width:100%}.app-footer{background-color:rgb(var(--md-sys-color-surface-container-low, 247 243 249));color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79));padding:var(--md-sys-spacing-6, 24px);text-align:center;border-top:1px solid rgb(var(--md-sys-color-outline-variant, 202 196 208));font-size:var(--md-sys-typescale-body-small-size, .75rem);transition:background-color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--md-sys-spacing-6, 24px);padding:var(--md-sys-spacing-4, 16px) 0}.library-list{display:flex;flex-direction:column;gap:var(--md-sys-spacing-4, 16px);padding:var(--md-sys-spacing-4, 16px) 0}.book-card{background-color:rgb(var(--md-sys-color-surface-container, 243 237 247));border-radius:var(--md-sys-shape-corner-large, 16px);padding:var(--md-sys-spacing-4, 2px);box-shadow:var(--md-sys-elevation-level1, 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15) );transition:all var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));cursor:pointer}.book-card:hover{background-color:rgb(var(--md-sys-color-surface-container-high, 236 230 240));box-shadow:var(--md-sys-elevation-level2, 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15) )}.book-card:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary, 103 80 164));outline-offset:2px}.navigation-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--md-sys-spacing-4, 16px) var(--md-sys-spacing-6, 24px);background-color:rgb(var(--md-sys-color-surface-container, 243 237 247))}.navigation-rail{width:80px;min-height:100vh;background-color:rgb(var(--md-sys-color-surface-container, 243 237 247));display:flex;flex-direction:column;align-items:center;padding:var(--md-sys-spacing-4, 16px) 0;gap:var(--md-sys-spacing-4, 16px)}.navigation-drawer{width:280px;min-height:100vh;background-color:rgb(var(--md-sys-color-surface-container-low, 247 243 249));display:flex;flex-direction:column;padding:var(--md-sys-spacing-6, 24px);gap:var(--md-sys-spacing-2, 8px)}.content-section{background-color:rgb(var(--md-sys-color-surface, 255 251 255));border-radius:var(--md-sys-shape-corner-large, 16px);padding:var(--md-sys-spacing-6, 24px);margin-bottom:var(--md-sys-spacing-6, 24px);box-shadow:var(--md-sys-elevation-level1, 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15) )}.hero-section{background:linear-gradient(135deg,rgb(var(--md-sys-color-primary-container, 234 221 255)),rgb(var(--md-sys-color-tertiary-container, 255 216 228)));color:rgb(var(--md-sys-color-on-primary-container, 33 0 93));border-radius:var(--md-sys-shape-corner-extra-large, 24px);padding:var(--md-sys-spacing-8, 32px);text-align:center;margin-bottom:var(--md-sys-spacing-8, 32px)}.headline-large{font-family:var(--md-sys-typescale-headline-large-font-family, "Google Sans", "Inter", system-ui, sans-serif);font-size:var(--md-sys-typescale-headline-large-size, 2rem);font-weight:var(--md-sys-typescale-headline-large-weight, 400);line-height:var(--md-sys-typescale-headline-large-line-height, 2.5rem);letter-spacing:var(--md-sys-typescale-headline-large-tracking, 0)}.headline-medium{font-family:var(--md-sys-typescale-headline-medium-font-family, "Google Sans", "Inter", system-ui, sans-serif);font-size:var(--md-sys-typescale-headline-medium-size, 1.75rem);font-weight:var(--md-sys-typescale-headline-medium-weight, 400);line-height:var(--md-sys-typescale-headline-medium-line-height, 2.25rem);letter-spacing:var(--md-sys-typescale-headline-medium-tracking, 0)}.title-large{font-family:var(--md-sys-typescale-title-large-font-family, "Google Sans", "Inter", system-ui, sans-serif);font-size:var(--md-sys-typescale-title-large-size, 1.375rem);font-weight:var(--md-sys-typescale-title-large-weight, 400);line-height:var(--md-sys-typescale-title-large-line-height, 1.75rem);letter-spacing:var(--md-sys-typescale-title-large-tracking, 0)}.body-large{font-family:var(--md-sys-typescale-body-large-font-family, "Inter", system-ui, sans-serif);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var(--md-sys-typescale-body-large-tracking, .5px)}.body-medium{font-family:var(--md-sys-typescale-body-medium-font-family, "Inter", system-ui, sans-serif);font-size:var(--md-sys-typescale-body-medium-size, .875rem);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem);letter-spacing:var(--md-sys-typescale-body-medium-tracking, .25px)}.label-large{font-family:var(--md-sys-typescale-label-large-font-family, "Inter", system-ui, sans-serif);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:var(--md-sys-typescale-label-large-line-height, 1.25rem);letter-spacing:var(--md-sys-typescale-label-large-tracking, .1px)}@media(max-width:599px){.app-main{padding:var(--md-sys-spacing-3, 12px);gap:var(--md-sys-spacing-4, 16px)}.library-grid{grid-template-columns:1fr;gap:var(--md-sys-spacing-4, 16px)}.content-section{padding:var(--md-sys-spacing-4, 16px);margin-bottom:var(--md-sys-spacing-4, 16px)}.hero-section{padding:var(--md-sys-spacing-6, 24px);margin-bottom:var(--md-sys-spacing-6, 24px)}.navigation-bar{padding:var(--md-sys-spacing-3, 12px) var(--md-sys-spacing-4, 16px)}}@media(min-width:600px)and (max-width:1024px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.app-main{padding:var(--md-sys-spacing-5, 20px)}}@media(min-width:1025px){.app-main{padding:var(--md-sys-spacing-6, 24px)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.focusable:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary, 103 80 164));outline-offset:2px;border-radius:var(--md-sys-shape-corner-small, 8px)}@media(prefers-contrast:high){.app-header,.app-footer,.book-card,.content-section{border:1px solid rgb(var(--md-sys-color-outline, 121 116 126))}}@media(prefers-reduced-motion:reduce){#root,.app-header,.app-footer,.book-card,.content-section,.hero-section{transition:none}}@media(prefers-color-scheme:dark){#root{background-color:rgb(var(--md-sys-color-background, 16 14 19));color:rgb(var(--md-sys-color-on-background, 230 225 229))}.app-header{background-color:rgb(var(--md-sys-color-surface-container, 37 35 42));color:rgb(var(--md-sys-color-on-surface, 230 225 229))}.app-footer{background-color:rgb(var(--md-sys-color-surface-container-low, 28 27 31));color:rgb(var(--md-sys-color-on-surface-variant, 202 196 208))}.book-card{background-color:rgb(var(--md-sys-color-surface-container, 37 35 42))}.book-card:hover{background-color:rgb(var(--md-sys-color-surface-container-high, 54 52 59))}}@media print{.app-header,.app-footer,.navigation-bar,.navigation-rail,.navigation-drawer{display:none}.app-main{padding:0;max-width:none}.book-card,.content-section{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}.notepad-widget{position:fixed;bottom:20px;right:20px;background-color:#fff;border:1px solid #ccc;padding:10px;box-shadow:0 0 10px #0003;z-index:1000;width:300px;height:200px;resize:both;overflow:auto}.notepad-widget textarea{width:100%;height:100%;border:none;outline:none;resize:none}[data-theme=light] .upload-main-text,.light .upload-main-text,:root:not([data-theme=dark]) .upload-main-text,.upload-main-text{color:#1a202c!important}[data-theme=dark] .upload-main-text,.dark .upload-main-text{color:var(--md-sys-color-on-surface-container)!important}.md3-rail-destination:before,.md3-rail-destination:after,.md3-rail-destination:hover:before,.md3-rail-destination:hover:after,.md3-rail-destination:active:before,.md3-rail-destination:active:after,.md3-rail-destination.active:before,.md3-rail-destination.active:after{display:none!important;content:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.md3-navigation-rail *[title],.premium-header *[title],.md3-top-app-bar *[title]{position:relative!important}.md3-navigation-rail *[title]:hover:after,.md3-navigation-rail *[title]:hover:before,.premium-header *[title]:hover:after,.premium-header *[title]:hover:before,.md3-top-app-bar *[title]:hover:after,.md3-top-app-bar *[title]:hover:before{display:none!important;content:none!important;visibility:hidden!important}.md3-navigation-rail .md3-tooltip,.md3-navigation-rail [role=tooltip],.premium-header .md3-tooltip,.premium-header [role=tooltip],.md3-top-app-bar .md3-tooltip,.md3-top-app-bar [role=tooltip]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:-9999!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus,.sr-only-focusable:active{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:normal!important}:root:not([data-theme=dark]) button:focus-visible,:root:not([data-theme=dark]) a:focus-visible,:root:not([data-theme=dark]) input:focus-visible,:root:not([data-theme=dark]) select:focus-visible,:root:not([data-theme=dark]) textarea:focus-visible,:root:not([data-theme=dark]) [tabindex]:focus-visible{outline:3px solid var(--md-sys-color-primary, #4f46e5);outline-offset:2px;box-shadow:0 0 0 4px #4f46e526}[data-theme=dark] button:focus-visible,[data-theme=dark] a:focus-visible,[data-theme=dark] input:focus-visible,[data-theme=dark] select:focus-visible,[data-theme=dark] textarea:focus-visible,[data-theme=dark] [tabindex]:focus-visible{outline:3px solid var(--md-sys-color-primary, #a5c2ff);outline-offset:2px;box-shadow:0 0 0 4px #a5c2ff40}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:none}@supports not selector(:focus-visible){button:focus,a:focus,input:focus,select:focus,textarea:focus,[tabindex]:focus{outline:3px solid var(--md-sys-color-primary, #4f46e5);outline-offset:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.spinning,.sync-icon.spinning,.loading-spinner,.rotating,.pulsing,[class*=animate],[class*=transition]{animation:none!important;transition:none!important}}@media(prefers-contrast:high){button,a,input,select,textarea{border:2px solid currentColor}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid currentColor;outline-offset:2px}}.skip-link{position:absolute;top:-40px;left:0;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:12px 24px;text-decoration:none;font-weight:600;z-index:10000;border-radius:0 0 8px}.skip-link:focus{top:0;outline:3px solid var(--md-sys-color-on-primary);outline-offset:2px}[aria-live=polite],[aria-live=assertive],[role=status],[role=alert]{position:relative}.aria-live-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-error{color:var(--md-sys-color-error);font-weight:500}.text-warning{color:var(--md-sys-color-tertiary);font-weight:500}.text-success{color:var(--md-sys-color-secondary);font-weight:500}@media(pointer:coarse){button,a,input[type=checkbox],input[type=radio],[role=button],[role=link]{min-height:44px;min-width:44px}button.small,a.small{min-height:32px;min-width:32px}}.required:after{content:" *";color:var(--md-sys-color-error);font-weight:700;margin-left:2px}.error-message{color:var(--md-sys-color-error);font-size:.875rem;margin-top:4px;display:flex;align-items:center;gap:4px}input:invalid:not(:focus),select:invalid:not(:focus),textarea:invalid:not(:focus){border-color:var(--md-sys-color-error)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--md-sys-color-error);border-width:2px}.js-focus-visible :focus:not(.focus-visible){outline:none}.js-focus-visible .focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}@media(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi){body{font-size:106.25%}}@media(orientation:landscape)and (max-height:500px){.modal,.dialog{max-height:90vh;overflow-y:auto}}@media(max-width:320px){body{overflow-x:hidden}*{max-width:100%;word-wrap:break-word}table{display:block;overflow-x:auto}}.interactive{cursor:pointer;-webkit-user-select:none;user-select:none}[disabled],[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-busy=true]{cursor:wait;position:relative}[aria-current=page]{font-weight:700;border-left:4px solid var(--md-sys-color-primary);padding-left:12px}@media print{a[href]:after{content:" (" attr(href) ")"}nav,.no-print,[aria-hidden=true]{display:none!important}*{color:#000!important;background:#fff!important}}[data-theme=dark] .currently-reading-section,.dark .currently-reading-section,.premium-app-layout.dark .currently-reading-section{background:linear-gradient(135deg,rgb(var(--md-sys-color-surface-container-low)),rgb(var(--md-sys-color-surface-container)));border:1px solid rgb(var(--md-sys-color-outline-variant))}[data-theme=dark] .currently-reading-section h3,.dark .currently-reading-section h3,.premium-app-layout.dark .currently-reading-section h3{color:rgb(var(--md-sys-color-on-surface))!important}[data-theme=dark] .currently-reading-section .book-card,[data-theme=dark] .currently-reading-section .book-card-compact,.dark .currently-reading-section .book-card,.dark .currently-reading-section .book-card-compact,.premium-app-layout.dark .currently-reading-section .book-card,.premium-app-layout.dark .currently-reading-section .book-card-compact{background:rgb(var(--md-sys-color-surface-container-high));border:1px solid rgb(var(--md-sys-color-outline))}[data-theme=dark] .currently-reading-section .book-title,[data-theme=dark] .currently-reading-section .book-title-compact,.dark .currently-reading-section .book-title,.dark .currently-reading-section .book-title-compact,.premium-app-layout.dark .currently-reading-section .book-title,.premium-app-layout.dark .currently-reading-section .book-title-compact{color:rgb(var(--md-sys-color-on-surface))!important;font-weight:600}[data-theme=dark] .currently-reading-section .book-author,[data-theme=dark] .currently-reading-section .book-author-compact,.dark .currently-reading-section .book-author,.dark .currently-reading-section .book-author-compact,.premium-app-layout.dark .currently-reading-section .book-author,.premium-app-layout.dark .currently-reading-section .book-author-compact,[data-theme=dark] .currently-reading-section .progress-text,[data-theme=dark] .currently-reading-section .book-progress,.dark .currently-reading-section .progress-text,.dark .currently-reading-section .book-progress,.premium-app-layout.dark .currently-reading-section .progress-text,.premium-app-layout.dark .currently-reading-section .book-progress{color:rgb(var(--md-sys-color-on-surface-variant))!important}[data-theme=dark] div[style*="fontSize: '14px'"],[data-theme=dark] div[style*="fontSize: '12px'"],.dark div[style*="fontSize: '14px'"],.dark div[style*="fontSize: '12px'"],.premium-app-layout.dark div[style*="fontSize: '14px'"],.premium-app-layout.dark div[style*="fontSize: '12px'"]{color:rgb(var(--md-sys-color-on-surface))!important}[data-theme=dark] [style*="color: '#cbd5e1'"],[data-theme=dark] [style*="color: '#334155'"],[data-theme=dark] [style*="color: '#94a3b8'"],.dark [style*="color: '#cbd5e1'"],.dark [style*="color: '#334155'"],.dark [style*="color: '#94a3b8'"],.premium-app-layout.dark [style*="color: '#cbd5e1'"],.premium-app-layout.dark [style*="color: '#334155'"],.premium-app-layout.dark [style*="color: '#94a3b8'"]{color:rgb(var(--md-sys-color-on-surface-variant))!important}[data-theme=dark] [style*="color: '#e2e8f0'"],[data-theme=dark] [style*="color: '#0f172a'"],.dark [style*="color: '#e2e8f0'"],.dark [style*="color: '#0f172a'"],.premium-app-layout.dark [style*="color: '#e2e8f0'"],.premium-app-layout.dark [style*="color: '#0f172a'"],[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .stat-card .stat-label,[data-theme=dark] .stat-card .stat-icon,.dark .stat-card .stat-value,.dark .stat-card .stat-label,.dark .stat-card .stat-icon,.premium-app-layout.dark .stat-card .stat-value,.premium-app-layout.dark .stat-card .stat-label,.premium-app-layout.dark .stat-card .stat-icon{color:rgb(var(--md-sys-color-on-surface))!important}[data-theme=dark] .section-card,[data-theme=dark] .section-card-compact,.dark .section-card,.dark .section-card-compact,.premium-app-layout.dark .section-card,.premium-app-layout.dark .section-card-compact{background:linear-gradient(135deg,rgb(var(--md-sys-color-surface-container-low)),rgb(var(--md-sys-color-surface-container)));border:1px solid rgb(var(--md-sys-color-outline-variant));box-shadow:0 2px 8px #00000040}[data-theme=dark] .section-title,[data-theme=dark] .section-title-compact,.dark .section-title,.dark .section-title-compact,.premium-app-layout.dark .section-title,.premium-app-layout.dark .section-title-compact{color:rgb(var(--md-sys-color-on-surface))!important}[data-theme=dark] .recently-added-section,.dark .recently-added-section,.premium-app-layout.dark .recently-added-section{background:linear-gradient(135deg,rgb(var(--md-sys-color-surface-container-low)),rgb(var(--md-sys-color-surface-container)))}[data-theme=dark] .progress-section,.dark .progress-section,.premium-app-layout.dark .progress-section{background:linear-gradient(135deg,#4f46e526,#05966926);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .cta-section,.dark .cta-section,.premium-app-layout.dark .cta-section{background:linear-gradient(135deg,rgb(var(--md-sys-color-surface-container)),rgb(var(--md-sys-color-surface-container-high)));border:1px solid rgb(var(--md-sys-color-primary))}[data-theme=dark] .cta-title,.dark .cta-title,.premium-app-layout.dark .cta-title{color:rgb(var(--md-sys-color-on-surface))!important}[data-theme=dark] .cta-subtitle,.dark .cta-subtitle,.premium-app-layout.dark .cta-subtitle{color:rgb(var(--md-sys-color-on-surface-variant))!important}@media(max-width:768px){[data-theme=dark] .currently-reading-section,.dark .currently-reading-section,.premium-app-layout.dark .currently-reading-section{padding:16px}[data-theme=dark] .book-card,[data-theme=dark] .book-card-compact,.dark .book-card,.dark .book-card-compact,.premium-app-layout.dark .book-card,.premium-app-layout.dark .book-card-compact{padding:12px}}.md3-tooltip{--_container-color: var(--md-sys-color-inverse-surface);--_container-shape: var(--md-sys-shape-corner-extra-small);--_container-elevation: var(--md-sys-elevation-level2);--_label-text-color: var(--md-sys-color-inverse-on-surface);--_label-text-font: var(--md-sys-typescale-body-small-font);position:fixed;z-index:var(--md-sys-z-index-tooltip);max-width:320px;padding:8px 12px;background-color:rgb(var(--_container-color));border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);opacity:0;transform:scale(.8);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized);pointer-events:none}.md3-tooltip--entering{opacity:1;transform:scale(1)}.md3-tooltip--exiting{opacity:0;transform:scale(.8)}.md3-tooltip__content{font:var(--_label-text-font);color:rgb(var(--_label-text-color));line-height:var(--md-sys-typescale-body-small-line-height);text-align:center;word-wrap:break-word}.md3-tooltip--rich{--_container-color: var(--md-sys-color-surface-container-high);--_label-text-color: var(--md-sys-color-on-surface);max-width:400px;padding:16px}.md3-tooltip--top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgb(var(--_container-color))}.md3-tooltip--bottom:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgb(var(--_container-color))}.md3-tooltip--left:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid rgb(var(--_container-color))}.md3-tooltip--right:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgb(var(--_container-color))}.md3-rich-tooltip__content{text-align:left}.md3-rich-tooltip__title{font:var(--md-sys-typescale-title-small-font);color:rgb(var(--md-sys-color-on-surface));line-height:var(--md-sys-typescale-title-small-line-height);margin-bottom:8px;font-weight:500}.md3-rich-tooltip__description{font:var(--md-sys-typescale-body-medium-font);color:rgb(var(--md-sys-color-on-surface-variant));line-height:var(--md-sys-typescale-body-medium-line-height);margin-bottom:12px}.md3-rich-tooltip__actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.book-tooltip-details{display:flex;flex-direction:column;gap:4px}.book-tooltip-details p{margin:0;font:var(--md-sys-typescale-body-small-font);line-height:var(--md-sys-typescale-body-small-line-height)}.book-tooltip-details strong{color:rgb(var(--md-sys-color-on-surface));font-weight:500}@media(max-width:600px){.md3-tooltip{max-width:calc(100vw - 32px);font-size:14px}.md3-tooltip--rich{max-width:calc(100vw - 32px);padding:12px}.md3-rich-tooltip__title{font-size:16px}.md3-rich-tooltip__description{font-size:14px}.md3-rich-tooltip__actions{flex-direction:column;gap:8px}}@media(max-width:480px){.md3-tooltip{max-width:calc(100vw - 16px);padding:6px 10px;font-size:13px}.md3-tooltip--rich{padding:10px}.md3-tooltip:after{display:none}}@media(prefers-reduced-motion:reduce){.md3-tooltip,.md3-tooltip--entering,.md3-tooltip--exiting{transition:none}}@media(prefers-contrast:high){.md3-tooltip,.md3-tooltip--rich{border:2px solid rgb(var(--md-sys-color-outline))}}@media(prefers-color-scheme:dark){.md3-tooltip--rich{--_container-color: var(--md-sys-color-surface-container-highest)}}@keyframes md3-tooltip-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes md3-tooltip-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.md3-tooltip{-webkit-user-select:none;user-select:none}.md3-tooltip__content{max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.md3-tooltip--top.md3-tooltip--edge-left:after{left:16px;transform:none}.md3-tooltip--top.md3-tooltip--edge-right:after{left:auto;right:16px;transform:none}.md3-tooltip--bottom.md3-tooltip--edge-left:after{left:16px;transform:none}.md3-tooltip--bottom.md3-tooltip--edge-right:after{left:auto;right:16px;transform:none}.md3-tooltip[role=tooltip]{outline:none}.md3-tooltip{isolation:isolate}.md3-menu{--_container-color: var(--md-sys-color-surface-container);--_container-shape: var(--md-sys-shape-corner-extra-small);--_container-elevation: var(--md-sys-elevation-level2);position:fixed;z-index:var(--md-sys-z-index-dropdown);min-width:112px;max-width:280px;padding:8px 0;background-color:rgb(var(--_container-color));border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);overflow:hidden;transform-origin:top left;opacity:0;transform:scale(.8);transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized)}.md3-menu--open{opacity:1;transform:scale(1)}.md3-menu--closing{opacity:0;transform:scale(.8)}.md3-menu--elevation-1{--_container-elevation: var(--md-sys-elevation-level1)}.md3-menu--elevation-2{--_container-elevation: var(--md-sys-elevation-level2)}.md3-menu--elevation-3{--_container-elevation: var(--md-sys-elevation-level3)}.md3-menu-item{--_list-item-container-color: transparent;--_list-item-label-text-color: var(--md-sys-color-on-surface);--_list-item-supporting-text-color: var(--md-sys-color-on-surface-variant);--_list-item-leading-icon-color: var(--md-sys-color-on-surface-variant);--_list-item-trailing-icon-color: var(--md-sys-color-on-surface-variant);--_list-item-container-height: 48px;position:relative;display:flex;align-items:center;min-height:var(--_list-item-container-height);padding:12px 16px;background-color:rgb(var(--_list-item-container-color));cursor:pointer;outline:none;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none}.md3-menu-item__text{flex:1;min-width:0;font:var(--md-sys-typescale-body-large-font);color:rgb(var(--_list-item-label-text-color));line-height:var(--md-sys-typescale-body-large-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md3-menu-item__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:rgb(var(--_list-item-leading-icon-color));flex-shrink:0}.md3-menu-item__icon--leading{margin-right:12px}.md3-menu-item__icon--trailing{margin-left:12px;color:rgb(var(--_list-item-trailing-icon-color))}.md3-menu-item__ripple{position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgb(var(--md-sys-color-on-surface) / .12) 0%,transparent 50%);opacity:0;transform:scale(0);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);pointer-events:none}.md3-menu-item:hover:not(.md3-menu-item--disabled){background-color:rgb(var(--md-sys-color-on-surface) / .08)}.md3-menu-item:focus-visible{background-color:rgb(var(--md-sys-color-on-surface) / .12);outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:-2px}.md3-menu-item:active:not(.md3-menu-item--disabled) .md3-menu-item__ripple{opacity:1;transform:scale(1)}.md3-menu-item--selected{background-color:rgb(var(--md-sys-color-secondary-container));--_list-item-label-text-color: var(--md-sys-color-on-secondary-container);--_list-item-leading-icon-color: var(--md-sys-color-on-secondary-container);--_list-item-trailing-icon-color: var(--md-sys-color-on-secondary-container)}.md3-menu-item--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.md3-menu-item--destructive{--_list-item-label-text-color: var(--md-sys-color-error);--_list-item-leading-icon-color: var(--md-sys-color-error)}.md3-menu-item--destructive:hover:not(.md3-menu-item--disabled){background-color:rgb(var(--md-sys-color-error) / .08)}.md3-menu-divider{height:1px;margin:8px 0;background-color:rgb(var(--md-sys-color-outline-variant))}.md3-menu-group{padding:8px 0}.md3-menu-group:not(:first-child){border-top:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-menu-group__label{padding:8px 16px 4px;font:var(--md-sys-typescale-label-small-font);color:rgb(var(--md-sys-color-on-surface-variant));line-height:var(--md-sys-typescale-label-small-line-height);text-transform:uppercase;letter-spacing:.1em}.md3-dropdown-button{--_button-container-color: transparent;--_button-label-text-color: var(--md-sys-color-on-surface);--_button-outline-color: var(--md-sys-color-outline);--_button-container-shape: var(--md-sys-shape-corner-extra-small);--_button-container-height: 40px;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:var(--_button-container-height);padding:0 16px;border:1px solid rgb(var(--_button-outline-color));border-radius:var(--_button-container-shape);background-color:rgb(var(--_button-container-color));cursor:pointer;outline:none;transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),box-shadow var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none;overflow:hidden}.md3-dropdown-button--filled{--_button-container-color: var(--md-sys-color-primary);--_button-label-text-color: var(--md-sys-color-on-primary);border:none}.md3-dropdown-button--tonal{--_button-container-color: var(--md-sys-color-secondary-container);--_button-label-text-color: var(--md-sys-color-on-secondary-container);border:none}.md3-dropdown-button--outlined{--_button-container-color: transparent;--_button-label-text-color: var(--md-sys-color-primary);--_button-outline-color: var(--md-sys-color-outline)}.md3-dropdown-button--text{--_button-container-color: transparent;--_button-label-text-color: var(--md-sys-color-primary);border:none}.md3-dropdown-button__ripple{position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgb(var(--_button-label-text-color) / .12) 0%,transparent 50%);opacity:0;transform:scale(0);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);pointer-events:none}.md3-dropdown-button__icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:rgb(var(--_button-label-text-color));margin-right:8px}.md3-dropdown-button__text{font:var(--md-sys-typescale-label-large-font);color:rgb(var(--_button-label-text-color));line-height:var(--md-sys-typescale-label-large-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.md3-dropdown-button__arrow{display:flex;align-items:center;justify-content:center;width:18px;height:18px;color:rgb(var(--_button-label-text-color));margin-left:8px;font-size:12px;transition:transform var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md3-dropdown-button__arrow--up{transform:rotate(180deg)}.md3-dropdown-button:hover:not(.md3-dropdown-button--disabled){background-color:rgb(var(--_button-label-text-color) / .08)}.md3-dropdown-button--outlined:hover:not(.md3-dropdown-button--disabled){border-color:rgb(var(--md-sys-color-outline));background-color:rgb(var(--md-sys-color-primary) / .08)}.md3-dropdown-button:focus-visible{box-shadow:0 0 0 2px rgb(var(--md-sys-color-primary))}.md3-dropdown-button:active:not(.md3-dropdown-button--disabled) .md3-dropdown-button__ripple{opacity:1;transform:scale(1)}.md3-dropdown-button--open{background-color:rgb(var(--_button-label-text-color) / .12)}.md3-dropdown-button--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}@media(max-width:600px){.md3-menu{max-width:calc(100vw - 32px)}.md3-menu-item{min-height:56px;padding:16px}.md3-menu-item__text{font-size:16px}.md3-dropdown-button{height:48px;padding:0 12px}.md3-dropdown-button__text{font-size:16px}}@media(max-width:480px){.md3-menu{min-width:160px}.md3-menu-item__icon--leading{margin-right:16px}.md3-menu-item__icon--trailing{margin-left:16px}.md3-dropdown-button__icon{margin-right:4px}.md3-dropdown-button__arrow{margin-left:4px}}@media(prefers-reduced-motion:reduce){.md3-menu,.md3-menu-item__ripple,.md3-dropdown-button,.md3-dropdown-button__ripple,.md3-dropdown-button__arrow{transition:none}}@media(prefers-contrast:high){.md3-menu{border:2px solid rgb(var(--md-sys-color-outline))}.md3-menu-divider{height:2px;background-color:rgb(var(--md-sys-color-outline))}.md3-dropdown-button--outlined{border-width:2px}.md3-menu-item:focus-visible{outline-width:3px}.md3-dropdown-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--md-sys-color-primary))}}@media(prefers-color-scheme:dark){.md3-menu{--_container-color: var(--md-sys-color-surface-container-high)}.md3-menu-item--selected{background-color:rgb(var(--md-sys-color-secondary-container))}}@keyframes md3-menu-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes md3-menu-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.md3-menu[data-anchor-origin=top-left]{transform-origin:bottom left}.md3-menu[data-anchor-origin=top-right]{transform-origin:bottom right}.md3-menu[data-anchor-origin=bottom-left]{transform-origin:top left}.md3-menu[data-anchor-origin=bottom-right]{transform-origin:top right}.md3-menu[data-anchor-origin=center]{transform-origin:center}.md3-menu-item--has-submenu .md3-menu-item__icon--trailing:after{content:"▶";font-size:12px}.md3-menu--nested{margin-left:4px}@media(pointer:coarse){.md3-menu-item{min-height:56px}.md3-dropdown-button{min-height:48px}}.md3-snackbar__container{position:fixed;z-index:var(--md-sys-z-index-snackbar);pointer-events:none}.md3-snackbar{--_container-color: var(--md-sys-color-inverse-surface);--_container-elevation: var(--md-sys-elevation-level3);--_container-shape: var(--md-sys-shape-corner-extra-small);--_supporting-text-color: var(--md-sys-color-inverse-on-surface);--_action-label-text-color: var(--md-sys-color-inverse-primary);position:relative;display:flex;align-items:center;min-width:344px;max-width:672px;min-height:48px;background-color:rgb(var(--_container-color));border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);pointer-events:auto;overflow:hidden}.md3-snackbar__content{display:flex;align-items:center;gap:12px;padding:14px 16px;flex:1;min-width:0}.md3-snackbar__message{font:var(--md-sys-typescale-body-medium-font);color:rgb(var(--_supporting-text-color));line-height:var(--md-sys-typescale-body-medium-line-height);flex:1;min-width:0;word-wrap:break-word}.md3-snackbar__action{display:flex;align-items:center;gap:8px;flex-shrink:0}.md3-snackbar__action .md3-button{--md-sys-color-primary: var(--md-sys-color-inverse-primary);--md-sys-color-on-primary: var(--md-sys-color-inverse-on-surface);min-width:auto;padding:8px 12px;font-size:.875rem}.md3-snackbar__close-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:rgb(var(--_supporting-text-color));transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);flex-shrink:0}.md3-snackbar__close-button:hover{background-color:rgb(var(--md-sys-color-inverse-on-surface) / .08)}.md3-snackbar__close-button:active{background-color:rgb(var(--md-sys-color-inverse-on-surface) / .12)}.md3-snackbar__close-icon{width:18px;height:18px;fill:currentColor}.md3-snackbar--success{--_container-color: var(--md-sys-color-tertiary-container);--_supporting-text-color: var(--md-sys-color-on-tertiary-container);--_action-label-text-color: var(--md-sys-color-tertiary)}.md3-snackbar--error{--_container-color: var(--md-sys-color-error-container);--_supporting-text-color: var(--md-sys-color-on-error-container);--_action-label-text-color: var(--md-sys-color-error)}.md3-snackbar--warning{--_container-color: var(--md-sys-color-secondary-container);--_supporting-text-color: var(--md-sys-color-on-secondary-container);--_action-label-text-color: var(--md-sys-color-secondary)}.md3-snackbar--info{--_container-color: var(--md-sys-color-primary-container);--_supporting-text-color: var(--md-sys-color-on-primary-container);--_action-label-text-color: var(--md-sys-color-primary)}.md3-snackbar--bottom-center{bottom:16px;left:50%;transform:translate(-50%)}.md3-snackbar--bottom-left{bottom:16px;left:16px}.md3-snackbar--bottom-right{bottom:16px;right:16px}.md3-snackbar--top-center{top:16px;left:50%;transform:translate(-50%)}.md3-snackbar--top-left{top:16px;left:16px}.md3-snackbar--top-right{top:16px;right:16px}.md3-snackbar--entering{animation:md3-snackbar-enter var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized) forwards}.md3-snackbar--exiting{animation:md3-snackbar-exit var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized) forwards}@keyframes md3-snackbar-enter{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes md3-snackbar-exit{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100%)}}@keyframes md3-snackbar-enter-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes md3-snackbar-exit-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes md3-snackbar-enter-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes md3-snackbar-exit-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes md3-snackbar-enter-top{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes md3-snackbar-exit-top{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-100%)}}.md3-snackbar--bottom-left.md3-snackbar--entering{animation:md3-snackbar-enter-left var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized) forwards}.md3-snackbar--bottom-left.md3-snackbar--exiting{animation:md3-snackbar-exit-left var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized) forwards}.md3-snackbar--bottom-right.md3-snackbar--entering{animation:md3-snackbar-enter-right var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized) forwards}.md3-snackbar--bottom-right.md3-snackbar--exiting{animation:md3-snackbar-exit-right var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized) forwards}.md3-snackbar--top-center.md3-snackbar--entering,.md3-snackbar--top-left.md3-snackbar--entering,.md3-snackbar--top-right.md3-snackbar--entering{animation:md3-snackbar-enter-top var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized) forwards}.md3-snackbar--top-center.md3-snackbar--exiting,.md3-snackbar--top-left.md3-snackbar--exiting,.md3-snackbar--top-right.md3-snackbar--exiting{animation:md3-snackbar-exit-top var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized) forwards}.md3-progress-snackbar__content{display:flex;flex-direction:column;gap:8px;width:100%}.md3-progress-snackbar__message{font:var(--md-sys-typescale-body-medium-font);color:rgb(var(--_supporting-text-color));line-height:var(--md-sys-typescale-body-medium-line-height)}.md3-progress-snackbar__progress{position:relative;width:100%;height:4px;background-color:rgb(var(--md-sys-color-inverse-on-surface) / .24);border-radius:2px;overflow:hidden}.md3-progress-snackbar__progress-bar{position:absolute;top:0;left:0;height:100%;background-color:rgb(var(--_action-label-text-color));border-radius:inherit;transition:width var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.md3-progress-snackbar__percentage{font:var(--md-sys-typescale-label-small-font);color:rgb(var(--_supporting-text-color));line-height:var(--md-sys-typescale-label-small-line-height);text-align:right;opacity:.8}@media(max-width:600px){.md3-snackbar{min-width:280px;max-width:calc(100vw - 32px);margin:0 16px}.md3-snackbar--bottom-center,.md3-snackbar--top-center{left:16px;right:16px;transform:none;width:auto}.md3-snackbar__content{padding:12px 14px;gap:8px}.md3-snackbar__message{font-size:.875rem}.md3-snackbar__action .md3-button{padding:6px 8px;font-size:.75rem}}@media(max-width:480px){.md3-snackbar{min-width:240px}.md3-snackbar__content{flex-direction:column;align-items:stretch;gap:8px}.md3-snackbar__action{justify-content:flex-end;margin-top:4px}.md3-snackbar__close-button{align-self:flex-end;margin-top:-4px}}.md3-snackbar:nth-of-type(1){z-index:calc(var(--md-sys-z-index-snackbar) + 3)}.md3-snackbar:nth-of-type(2){z-index:calc(var(--md-sys-z-index-snackbar) + 2);bottom:80px;opacity:.9;transform:translate(-50%) scale(.98)}.md3-snackbar:nth-of-type(3){z-index:calc(var(--md-sys-z-index-snackbar) + 1);bottom:144px;opacity:.8;transform:translate(-50%) scale(.96)}.md3-snackbar:nth-of-type(n+4){display:none}@media(prefers-reduced-motion:reduce){.md3-snackbar--entering,.md3-snackbar--exiting{animation:none}.md3-progress-snackbar__progress-bar{transition:none}}@media(prefers-contrast:high){.md3-snackbar{border:2px solid rgb(var(--md-sys-color-outline))}.md3-snackbar__close-button:focus-visible{outline:2px solid rgb(var(--_supporting-text-color));outline-offset:2px}}@media(prefers-color-scheme:dark){.md3-snackbar--success{--_container-color: var(--md-sys-color-tertiary);--_supporting-text-color: var(--md-sys-color-on-tertiary)}.md3-snackbar--error{--_container-color: var(--md-sys-color-error);--_supporting-text-color: var(--md-sys-color-on-error)}.md3-snackbar--warning{--_container-color: var(--md-sys-color-secondary);--_supporting-text-color: var(--md-sys-color-on-secondary)}.md3-snackbar--info{--_container-color: var(--md-sys-color-primary);--_supporting-text-color: var(--md-sys-color-on-primary)}}.md3-checkbox{--_selected-container-color: var(--md-sys-color-primary);--_selected-icon-color: var(--md-sys-color-on-primary);--_unselected-outline-color: var(--md-sys-color-on-surface-variant);--_unselected-container-color: transparent;--_label-text-color: var(--md-sys-color-on-surface);--_supporting-text-color: var(--md-sys-color-on-surface-variant);--_container-size: 18px;--_icon-size: 18px;--_outline-width: 2px;display:flex;align-items:flex-start;position:relative}.md3-checkbox__container{display:flex;align-items:flex-start;gap:16px;cursor:pointer;position:relative;min-height:40px}.md3-checkbox__control{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px}.md3-checkbox__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2;top:0;left:0}.md3-checkbox__box{position:relative;width:var(--_container-size);height:var(--_container-size);border-radius:2px;border:var(--_outline-width) solid rgb(var(--_unselected-outline-color));background-color:rgb(var(--_unselected-container-color));transition:border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);overflow:hidden;z-index:1;pointer-events:none}.md3-checkbox__box--checked{border-color:rgb(var(--_selected-container-color));background-color:rgb(var(--_selected-container-color))}.md3-checkbox__background{position:absolute;inset:0;border-radius:inherit;background-color:inherit}.md3-checkbox__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--_selected-icon-color));width:var(--_icon-size);height:var(--_icon-size);transform:scale(0);transition:transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-emphasized)}.md3-checkbox__box--checked .md3-checkbox__icon{transform:scale(1)}.md3-checkbox__icon--checkmark{width:16px;height:16px}.md3-checkbox__icon--indeterminate{width:10px;height:2px;background-color:currentColor;border-radius:1px}.md3-checkbox__ripple{position:absolute;inset:-11px;border-radius:50%;background-color:rgb(var(--md-sys-color-on-surface) / .12);opacity:0;transform:scale(0);transition:opacity var(--md-sys-motion-duration-short1) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.md3-checkbox__label-container{display:flex;flex-direction:column;gap:4px;flex:1;padding-top:10px}.md3-checkbox__label{font:var(--md-sys-typescale-body-medium-font);color:rgb(var(--_label-text-color));line-height:var(--md-sys-typescale-body-medium-line-height);-webkit-user-select:none;user-select:none}.md3-checkbox__supporting-text{font:var(--md-sys-typescale-body-small-font);color:rgb(var(--_supporting-text-color));line-height:var(--md-sys-typescale-body-small-line-height)}.md3-checkbox__asterisk{color:rgb(var(--md-sys-color-error))}.md3-checkbox__input:hover+.md3-checkbox__box{border-color:rgb(var(--md-sys-color-on-surface))}.md3-checkbox__input:hover:checked+.md3-checkbox__box,.md3-checkbox__input:hover:indeterminate+.md3-checkbox__box{border-color:rgb(var(--md-sys-color-primary));background-color:rgb(var(--md-sys-color-primary))}.md3-checkbox__input:active~.md3-checkbox__ripple{opacity:1;transform:scale(1)}.md3-checkbox__input:focus-visible+.md3-checkbox__box{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px;box-shadow:0 0 0 3px rgb(var(--md-sys-color-primary) / .35)}.md3-checkbox--disabled{opacity:.38}.md3-checkbox--disabled .md3-checkbox__container,.md3-checkbox--disabled .md3-checkbox__input{cursor:not-allowed}.md3-checkbox--error .md3-checkbox__box{border-color:rgb(var(--md-sys-color-error))}.md3-checkbox--error.md3-checkbox__box--checked{background-color:rgb(var(--md-sys-color-error))}.md3-checkbox--error .md3-checkbox__supporting-text{color:rgb(var(--md-sys-color-error))}.md3-checkbox-group{display:flex;flex-direction:column;gap:8px}.md3-checkbox-group__label-container{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.md3-checkbox-group__label{font:var(--md-sys-typescale-body-large-font);color:rgb(var(--md-sys-color-on-surface));line-height:var(--md-sys-typescale-body-large-line-height)}.md3-checkbox-group__supporting-text{font:var(--md-sys-typescale-body-small-font);color:rgb(var(--md-sys-color-on-surface-variant));line-height:var(--md-sys-typescale-body-small-line-height)}.md3-checkbox-group__asterisk{color:rgb(var(--md-sys-color-error))}.md3-checkbox-group__options{display:flex;flex-direction:column;gap:12px}.md3-checkbox-group--disabled{opacity:.38}.md3-checkbox-group--error .md3-checkbox-group__label,.md3-checkbox-group--error .md3-checkbox-group__supporting-text{color:rgb(var(--md-sys-color-error))}@media(max-width:600px){.md3-checkbox__container{gap:12px}.md3-checkbox-group__options{gap:8px}}@media(prefers-reduced-motion:reduce){.md3-checkbox__box,.md3-checkbox__icon,.md3-checkbox__ripple{transition:none}}@media(prefers-contrast:high){.md3-checkbox__box{border-width:3px}.md3-checkbox__input:focus-visible+.md3-checkbox__box{outline-width:3px}}.md3-surface{position:relative;display:block;background-color:rgb(var(--md-sys-color-surface, 255 255 255));color:rgb(var(--md-sys-color-on-surface, 28 27 31));border-radius:var(--md-sys-shape-corner-medium, 12px);transition:background-color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),color var(--md-sys-motion-duration-medium2, .3s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),box-shadow var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-surface--surface{background-color:rgb(var(--md-sys-color-surface, 255 255 255));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-dim{background-color:rgb(var(--md-sys-color-surface-dim, 222 216 225));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-bright{background-color:rgb(var(--md-sys-color-surface-bright, 255 251 255));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-container-lowest{background-color:rgb(var(--md-sys-color-surface-container-lowest, 255 255 255));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-container-low{background-color:rgb(var(--md-sys-color-surface-container-low, 247 243 249));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-container{background-color:rgb(var(--md-sys-color-surface-container, 243 237 247));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-container-high{background-color:rgb(var(--md-sys-color-surface-container-high, 236 230 240));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-container-highest{background-color:rgb(var(--md-sys-color-surface-container-highest, 230 224 233));color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-surface--surface-variant{background-color:rgb(var(--md-sys-color-surface-variant, 231 224 236));color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79))}.md3-surface--primary{background-color:rgb(var(--md-sys-color-primary, 103 80 164));color:rgb(var(--md-sys-color-on-primary, 255 255 255))}.md3-surface--primary-container{background-color:rgb(var(--md-sys-color-primary-container, 234 221 255));color:rgb(var(--md-sys-color-on-primary-container, 33 0 93))}.md3-surface--secondary{background-color:rgb(var(--md-sys-color-secondary, 98 91 113));color:rgb(var(--md-sys-color-on-secondary, 255 255 255))}.md3-surface--secondary-container{background-color:rgb(var(--md-sys-color-secondary-container, 232 222 248));color:rgb(var(--md-sys-color-on-secondary-container, 29 25 43))}.md3-surface--tertiary{background-color:rgb(var(--md-sys-color-tertiary, 125 82 96));color:rgb(var(--md-sys-color-on-tertiary, 255 255 255))}.md3-surface--tertiary-container{background-color:rgb(var(--md-sys-color-tertiary-container, 255 216 228));color:rgb(var(--md-sys-color-on-tertiary-container, 55 11 30))}.md3-surface--error{background-color:rgb(var(--md-sys-color-error, 186 26 26));color:rgb(var(--md-sys-color-on-error, 255 255 255))}.md3-surface--error-container{background-color:rgb(var(--md-sys-color-error-container, 249 222 220));color:rgb(var(--md-sys-color-on-error-container, 65 14 11))}.md3-surface--elevation-0{box-shadow:none}.md3-surface--elevation-1{box-shadow:var(--md-sys-elevation-level1, 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15) )}.md3-surface--elevation-2{box-shadow:var(--md-sys-elevation-level2, 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15) )}.md3-surface--elevation-3{box-shadow:var(--md-sys-elevation-level3, 0px 1px 3px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15) )}.md3-surface--elevation-4{box-shadow:var(--md-sys-elevation-level4, 0px 2px 3px rgba(0, 0, 0, .3), 0px 6px 10px 4px rgba(0, 0, 0, .15) )}.md3-surface--elevation-5{box-shadow:var(--md-sys-elevation-level5, 0px 4px 4px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15) )}.md3-surface--rounded-none{border-radius:0}.md3-surface--rounded-xs{border-radius:var(--md-sys-shape-corner-extra-small, 4px)}.md3-surface--rounded-sm{border-radius:var(--md-sys-shape-corner-small, 8px)}.md3-surface--rounded-md{border-radius:var(--md-sys-shape-corner-medium, 12px)}.md3-surface--rounded-lg{border-radius:var(--md-sys-shape-corner-large, 16px)}.md3-surface--rounded-xl{border-radius:var(--md-sys-shape-corner-extra-large, 24px)}.md3-surface--rounded-full{border-radius:var(--md-sys-shape-corner-full, 9999px)}.md3-surface--book-card{background-color:rgb(var(--md-sys-color-surface-container, 243 237 247));border-radius:var(--md-sys-shape-corner-large, 16px);padding:var(--md-sys-spacing-4, 16px);transition:all var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-surface--book-card:hover{background-color:rgb(var(--md-sys-color-surface-container-high, 236 230 240));box-shadow:var(--md-sys-elevation-level2, 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15) )}.md3-surface--navigation{background-color:rgb(var(--md-sys-color-surface-container, 243 237 247));border-radius:0}.md3-surface--dialog{background-color:rgb(var(--md-sys-color-surface-container-high, 236 230 240));border-radius:var(--md-sys-shape-corner-extra-large, 24px);box-shadow:var(--md-sys-elevation-level5, 0px 4px 4px rgba(0, 0, 0, .3), 0px 8px 12px 6px rgba(0, 0, 0, .15) )}.md3-surface--floating{background-color:rgb(var(--md-sys-color-surface-container-low, 247 243 249));border-radius:var(--md-sys-shape-corner-medium, 12px);box-shadow:var(--md-sys-elevation-level3, 0px 1px 3px rgba(0, 0, 0, .3), 0px 4px 8px 3px rgba(0, 0, 0, .15) )}.md3-surface--interactive{cursor:pointer;transition:all var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-surface--interactive:hover{box-shadow:var(--md-sys-elevation-level2, 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15) )}.md3-surface--interactive:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary, 103 80 164));outline-offset:2px}.md3-surface--interactive:active{box-shadow:var(--md-sys-elevation-level1, 0px 1px 2px rgba(0, 0, 0, .3), 0px 1px 3px 1px rgba(0, 0, 0, .15) )}@media(prefers-color-scheme:dark){.md3-surface{background-color:rgb(var(--md-sys-color-surface, 28 27 31));color:rgb(var(--md-sys-color-on-surface, 230 225 229))}.md3-surface--surface-dim{background-color:rgb(var(--md-sys-color-surface-dim, 17 16 20))}.md3-surface--surface-bright{background-color:rgb(var(--md-sys-color-surface-bright, 67 66 70))}}@media(prefers-contrast:high){.md3-surface{border:1px solid rgb(var(--md-sys-color-outline, 121 116 126))}.md3-surface--interactive:focus-visible{outline-width:3px;outline-offset:1px}}@media(prefers-reduced-motion:reduce){.md3-surface,.md3-surface--interactive,.md3-surface--book-card{transition:none}}@media(max-width:600px){.md3-surface--book-card{padding:var(--md-sys-spacing-3, 12px);border-radius:var(--md-sys-shape-corner-medium, 12px)}}.md3-surface--full-width{width:100%}.md3-surface--full-height{height:100%}.md3-surface--flex{display:flex}.md3-surface--grid{display:grid}.md3-surface--overflow-hidden{overflow:hidden}.md3-surface--overflow-auto{overflow:auto}.md3-fab{--_container-color: var(--md-sys-color-primary-container);--_container-elevation: var(--md-sys-elevation-level3);--_container-shadow-color: var(--md-sys-color-shadow);--_container-shape: var(--md-sys-shape-corner-large);--_container-width: 56px;--_container-height: 56px;--_icon-color: var(--md-sys-color-on-primary-container);--_icon-size: 24px;--_label-text-color: var(--md-sys-color-on-primary-container);--_label-text-font: var(--md-sys-typescale-label-large-font);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--_container-width);height:var(--_container-height);border:none;border-radius:var(--_container-shape);background-color:rgb(var(--_container-color));box-shadow:var(--_container-elevation);cursor:pointer;overflow:hidden;transition:box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none;outline:none}.md3-fab--primary{--_container-color: var(--md-sys-color-primary-container);--_icon-color: var(--md-sys-color-on-primary-container);--_label-text-color: var(--md-sys-color-on-primary-container)}.md3-fab--secondary{--_container-color: var(--md-sys-color-secondary-container);--_icon-color: var(--md-sys-color-on-secondary-container);--_label-text-color: var(--md-sys-color-on-secondary-container)}.md3-fab--tertiary{--_container-color: var(--md-sys-color-tertiary-container);--_icon-color: var(--md-sys-color-on-tertiary-container);--_label-text-color: var(--md-sys-color-on-tertiary-container)}.md3-fab--surface{--_container-color: var(--md-sys-color-surface-container-high);--_icon-color: var(--md-sys-color-primary);--_label-text-color: var(--md-sys-color-primary)}.md3-fab--small{--_container-width: 40px;--_container-height: 40px;--_icon-size: 20px;--_container-shape: var(--md-sys-shape-corner-medium)}.md3-fab--medium{--_container-width: 56px;--_container-height: 56px;--_icon-size: 24px}.md3-fab--large{--_container-width: 96px;--_container-height: 96px;--_icon-size: 36px;--_container-shape: var(--md-sys-shape-corner-extra-large)}.md3-fab--extended{width:auto;min-width:80px;padding:0 16px;height:var(--_container-height)}.md3-fab--extended.md3-fab--small{height:40px;padding:0 12px}.md3-fab--extended.md3-fab--large{height:96px;padding:0 24px}.md3-fab__content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:1}.md3-fab__icon{display:flex;align-items:center;justify-content:center;width:var(--_icon-size);height:var(--_icon-size);color:rgb(var(--_icon-color));font-size:var(--_icon-size);line-height:1}.md3-fab__label{font:var(--_label-text-font);color:rgb(var(--_label-text-color));line-height:var(--md-sys-typescale-label-large-line-height);white-space:nowrap}.md3-fab__ripple{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--ripple-x, 50%) var(--ripple-y, 50%),rgb(var(--_icon-color) / .12) 0%,transparent 50%);opacity:0;transform:scale(0);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-emphasized);pointer-events:none}.md3-fab__focus-ring{position:absolute;inset:-3px;border:2px solid rgb(var(--md-sys-color-primary));border-radius:calc(var(--_container-shape) + 3px);opacity:0;transform:scale(.8);transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard),transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);pointer-events:none}.md3-fab__loading{display:flex;align-items:center;justify-content:center;width:var(--_icon-size);height:var(--_icon-size)}.md3-fab__spinner{width:var(--_icon-size);height:var(--_icon-size);animation:md3-fab-spin 1s linear infinite}.md3-fab__spinner circle{fill:none;stroke:rgb(var(--_icon-color));stroke-width:2;stroke-linecap:round;stroke-dasharray:31.416;stroke-dashoffset:31.416;animation:md3-fab-stroke 1.5s ease-in-out infinite}@keyframes md3-fab-spin{to{transform:rotate(360deg)}}@keyframes md3-fab-stroke{0%{stroke-dashoffset:31.416}50%{stroke-dashoffset:7.854}to{stroke-dashoffset:31.416}}.md3-fab:hover:not(.md3-fab--disabled){box-shadow:var(--md-sys-elevation-level4)}.md3-fab:active:not(.md3-fab--disabled) .md3-fab__ripple,.md3-fab--pressed .md3-fab__ripple{opacity:1;transform:scale(1)}.md3-fab:focus-visible .md3-fab__focus-ring{opacity:1;transform:scale(1)}.md3-fab--disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.md3-fab--bottom-right{position:fixed;bottom:16px;right:16px;z-index:var(--md-sys-z-index-fixed)}.md3-fab--bottom-left{position:fixed;bottom:16px;left:16px;z-index:var(--md-sys-z-index-fixed)}.md3-fab--bottom-center{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:var(--md-sys-z-index-fixed)}.md3-fab--top-right{position:fixed;top:16px;right:16px;z-index:var(--md-sys-z-index-fixed)}.md3-fab--top-left{position:fixed;top:16px;left:16px;z-index:var(--md-sys-z-index-fixed)}.md3-fab--top-center{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:var(--md-sys-z-index-fixed)}.md3-fab-group{position:fixed;z-index:var(--md-sys-z-index-fixed);display:flex;flex-direction:column;align-items:flex-end}.md3-fab-group--bottom-right{bottom:16px;right:16px}.md3-fab-group--bottom-left{bottom:16px;left:16px;align-items:flex-start}.md3-fab-group--bottom-center{bottom:16px;left:50%;transform:translate(-50%);align-items:center}.md3-fab-group--top-right{top:16px;right:16px}.md3-fab-group--top-left{top:16px;left:16px;align-items:flex-start}.md3-fab-group--top-center{top:16px;left:50%;transform:translate(-50%);align-items:center}.md3-fab-group--up{flex-direction:column-reverse}.md3-fab-group--down{flex-direction:column}.md3-fab-group--left{flex-direction:row-reverse}.md3-fab-group--right{flex-direction:row}.md3-fab-group__backdrop{position:fixed;inset:0;background-color:rgb(var(--md-sys-color-scrim) / .32);z-index:-1;opacity:0;animation:md3-fab-backdrop-fade-in var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}@keyframes md3-fab-backdrop-fade-in{to{opacity:1}}.md3-fab-group__actions{display:flex;flex-direction:inherit;gap:16px;margin-bottom:16px}.md3-fab-group--up .md3-fab-group__actions{margin-bottom:16px;margin-top:0}.md3-fab-group--down .md3-fab-group__actions{margin-top:16px;margin-bottom:0}.md3-fab-group--left .md3-fab-group__actions,.md3-fab-group--right .md3-fab-group__actions{margin:0 16px}.md3-fab-group__action{display:flex;align-items:center;gap:8px;opacity:0;transform:scale(0);transition:opacity var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.md3-fab-group--open .md3-fab-group__action{opacity:1;transform:scale(1)}.md3-fab-group__action-label{padding:8px 12px;background-color:rgb(var(--md-sys-color-inverse-surface));color:rgb(var(--md-sys-color-inverse-on-surface));font:var(--md-sys-typescale-body-small-font);line-height:var(--md-sys-typescale-body-small-line-height);border-radius:var(--md-sys-shape-corner-small);white-space:nowrap;box-shadow:var(--md-sys-elevation-level2)}.md3-fab-group__main{position:relative;transition:transform var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized),box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}.md3-fab-group__main--open{transform:rotate(45deg)}.md3-book-library-fab .md3-fab-group__action-label{background-color:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container))}.md3-reading-fab .md3-fab-group__actions{flex-direction:row;gap:12px}.md3-reading-fab .md3-fab-group__action-label{background-color:rgb(var(--md-sys-color-tertiary-container));color:rgb(var(--md-sys-color-on-tertiary-container))}@media(max-width:600px){.md3-fab--bottom-right,.md3-fab-group--bottom-right{bottom:24px;right:16px}.md3-fab--bottom-left,.md3-fab-group--bottom-left{bottom:24px;left:16px}.md3-fab--bottom-center,.md3-fab-group--bottom-center{bottom:24px}.md3-fab-group__actions{gap:12px;margin-bottom:12px}.md3-fab--large{--_container-width: 80px;--_container-height: 80px;--_icon-size: 32px}.md3-reading-fab .md3-fab-group__actions{gap:8px}}@media(max-width:480px){.md3-fab--extended{min-width:60px;padding:0 12px}.md3-fab__label,.md3-fab-group__action-label{display:none}.md3-fab--large{--_container-width: 64px;--_container-height: 64px;--_icon-size: 28px}}@media(prefers-reduced-motion:reduce){.md3-fab,.md3-fab__ripple,.md3-fab__focus-ring,.md3-fab-group__action,.md3-fab-group__main,.md3-fab-group__backdrop{transition:none;animation:none}.md3-fab__spinner{animation:none}.md3-fab-group__main--open{transform:none}}@media(prefers-contrast:high){.md3-fab{border:2px solid rgb(var(--md-sys-color-outline))}.md3-fab__focus-ring{border-width:3px}.md3-fab-group__action-label{border:1px solid rgb(var(--md-sys-color-outline))}}@media(prefers-color-scheme:dark){.md3-fab-group__backdrop{background-color:rgb(var(--md-sys-color-scrim) / .48)}}.md3-fab-group{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:center;gap:16px}.md3-fab-group--disabled{opacity:.5;pointer-events:none}.md3-fab-group__actions{display:flex;flex-direction:column;gap:12px;animation:fabActionsSlideIn .2s ease-out}@keyframes fabActionsSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.md3-fab{border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 5px #0003;background:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container));position:relative;overflow:hidden}.md3-fab:hover{box-shadow:0 5px 10px #0000004d;transform:translateY(-2px)}.md3-fab:active{transform:translateY(0)}.md3-fab--small{width:48px;height:48px;font-size:20px}.md3-fab--large{width:64px;height:64px;font-size:24px;background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary))}.md3-fab__icon{transition:transform .2s ease}.md3-fab__icon.rotated{transform:rotate(45deg)}.md3-fab:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.md3-chip-group{display:flex;flex-direction:column;gap:8px}.md3-chip-group__label{font-size:14px;font-weight:500;color:rgb(var(--md-sys-color-on-surface-variant))}.md3-chip-group__chips{display:flex;flex-wrap:wrap;gap:8px}.md3-card--interactive{cursor:pointer;transition:all .2s ease}.md3-card--interactive:hover{box-shadow:var(--md-sys-elevation-level2);transform:translateY(-2px)}.md3-card--interactive:active{transform:translateY(0)}.md3-card--interactive.md3-card--disabled{cursor:not-allowed;opacity:.5;transform:none!important}.md3-card__ripple{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.md3-card__content{position:relative;z-index:1}.search-filter-bar{display:flex;flex-direction:column;gap:16px;padding:16px;background:rgb(var(--md-sys-color-surface));border-radius:12px;margin-bottom:24px}.search-input{flex:1}.view-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.view-mode-toggle{display:flex;gap:8px}@media(min-width:768px){.search-filter-bar{flex-direction:row;align-items:center}}.md3-navigation-rail{position:relative;top:0;height:100vh;width:100%;background:var(--md-sys-color-surface-container-low);border-right:1px solid var(--md-sys-color-outline-variant);display:flex;flex-direction:column;transition:padding .3s cubic-bezier(.4,0,.2,1),background-color .3s ease;z-index:1;overflow:visible;color:var(--md-sys-color-on-surface)}.md3-rail-header{display:flex;align-items:center;padding:16px;gap:16px;border-bottom:1px solid var(--md-sys-color-outline-variant);min-height:64px;background:var(--md-sys-color-surface-container-low);transition:background-color .3s ease}.md3-rail-title{font-size:20px;font-weight:600;color:var(--md-sys-color-primary);letter-spacing:.15px;white-space:nowrap}.md3-icon-button{width:48px;height:48px;border-radius:50%;border:none;background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease;flex-shrink:0}.md3-icon-button:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);transform:scale(1.1);box-shadow:0 6px 16px #0003}.md3-rail-destinations{flex:1;padding:12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:visible}.md3-rail-destination{display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;border-radius:28px;text-decoration:none;color:var(--md-sys-color-on-surface-variant);background:transparent;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;width:100%;font-size:14px;font-weight:500;letter-spacing:.1px;transform:translate(0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.md3-rail-destination:nth-child(1){animation-delay:.1s}.md3-rail-destination:nth-child(2){animation-delay:.2s}.md3-rail-destination:nth-child(3){animation-delay:.3s}.md3-rail-destination:nth-child(4){animation-delay:.4s}.md3-rail-destination:nth-child(5){animation-delay:.5s}.md3-rail-destination:nth-child(6){animation-delay:.6s}.md3-rail-destination:nth-child(7){animation-delay:.7s}@keyframes railItemEntrance{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.md3-navigation-rail.collapsed .md3-rail-destination{padding:0;justify-content:center}.md3-navigation-rail.expanded .md3-rail-destination-label,.md3-navigation-rail:not(.collapsed) .md3-rail-destination-label{display:block;visibility:visible;opacity:1}.md3-navigation-rail.collapsed .md3-rail-destination-label{display:none}.md3-rail-destination:hover{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);transform:translate(8px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.md3-rail-destination.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.md3-rail-destination-icon{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.md3-rail-destination-icon .material-symbols-outlined{font-size:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.md3-rail-destination:hover .md3-rail-destination-icon{transform:scale(1.15) rotate(5deg)}.md3-rail-destination:hover .md3-rail-destination-icon .material-symbols-outlined{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.md3-rail-destination:active .md3-rail-destination-icon{transform:scale(.95) rotate(-2deg)}.md3-navigation-rail.collapsed .md3-rail-destination:hover{transform:scale(1.1);border-radius:50%}.md3-navigation-rail.collapsed .md3-rail-destination:hover .md3-rail-destination-icon{transform:scale(1.2) rotate(10deg)}.md3-rail-destination-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:left center;position:relative;z-index:2;display:block;visibility:visible;opacity:1}.md3-rail-destination:hover .md3-rail-destination-label{font-weight:600;letter-spacing:.5px;transform:scale(1.05);text-shadow:0 1px 2px rgba(0,0,0,.1)}.md3-badge{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 4px;background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.md3-rail-destination-logout{margin-top:8px;color:var(--md-sys-color-error);border-top:1px solid var(--md-sys-color-outline-variant);padding-top:12px;text-align:left;justify-content:flex-start}.md3-rail-destination-logout:hover{background:rgba(var(--md-sys-color-error-rgb, 179, 38, 30),.08);color:var(--md-sys-color-error)}.md3-rail-destination-logout .md3-rail-destination-label{color:var(--md-sys-color-error)}.md3-rail-destination-logout:hover .md3-rail-destination-label{font-weight:700}:root:not([data-theme=dark]) .md3-rail-destination-logout{color:#dc2626}:root:not([data-theme=dark]) .md3-rail-destination-logout:hover{background:#dc26261a;color:#dc2626}:root:not([data-theme=dark]) .md3-rail-destination-logout .md3-rail-destination-label{color:#dc2626}.md3-rail-footer{padding:12px;border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);transition:background-color .3s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.md3-navigation-rail{animation:slideIn .3s cubic-bezier(.4,0,.2,1)}@media(min-width:769px){.md3-navigation-rail{display:flex}}@media(max-width:768px){.md3-navigation-rail{display:none}}.md3-rail-destination:before{content:"";position:absolute;inset:0;border-radius:28px;background:var(--md-sys-color-surface-container-high);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:-1}.md3-rail-destination:after{content:"";position:absolute;inset:0;border-radius:28px;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:-1}.md3-rail-destination:hover:before{opacity:.8}.md3-rail-destination:hover:after{opacity:.6}.md3-rail-destination:active:before{opacity:.16;transform:scale(.95);transition:all .1s ease}.md3-rail-destination.active:before{opacity:.2;transform:scale(1);background:var(--md-sys-color-primary)}.md3-rail-destination.active:after{opacity:0}@keyframes ripple-pulse{0%,to{transform:scale(1.2);opacity:.3}50%{transform:scale(1.4);opacity:.1}}.md3-rail-destination:focus-visible,.md3-icon-button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}:root:not([data-theme=dark]) .md3-navigation-rail{background:#d1d5db;border-right:1px solid #9ca3af}:root:not([data-theme=dark]) .md3-rail-destination,:root:not([data-theme=dark]) .md3-rail-destination-label,:root:not([data-theme=dark]) .md3-rail-title{color:#1f2937}.md3-rail-destinations::-webkit-scrollbar{width:4px}.md3-rail-destinations::-webkit-scrollbar-track{background:transparent}.md3-rail-destinations::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:2px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.md3-rail-destinations::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}.premium-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline)}.premium-header-left{display:flex;align-items:center;flex-wrap:nowrap}.premium-header-logo-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:none;color:inherit;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.premium-header-logo-btn:hover,.premium-header-logo-btn:focus{background-color:var(--md-sys-color-surface-container-highest)}.premium-header-title{margin:0 0 0 .75rem;font-size:1.25rem;font-weight:500;line-height:1.2;color:var(--md-sys-color-on-surface)}.premium-header-breadcrumbs{margin-left:1rem}.premium-header-breadcrumbs ol{display:flex;list-style:none;padding:0;margin:0;gap:.5rem}.premium-header-crumb{display:flex;align-items:center;gap:.5rem}.premium-header-crumb a{color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-size:.875rem;transition:color .2s ease}.premium-header-crumb a:hover{color:var(--md-sys-color-primary)}.premium-header-crumb span{font-size:.875rem;color:var(--md-sys-color-on-surface)}.premium-header-crumb-separator{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.premium-header-right{display:flex;align-items:center}.premium-header-search{display:flex;align-items:center;padding:.25rem .5rem;border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-surface-container-lowest);box-shadow:none;transition:background-color .2s ease}.premium-header-search:focus-within{background-color:var(--md-sys-color-surface-container-highest)}.premium-header-search .search-icon{font-size:1.25rem;margin-right:.25rem;color:var(--md-sys-color-on-surface-variant)}.premium-header-search-input{border:none;background:transparent;color:inherit;font-size:.875rem;line-height:1.5;outline:none;min-width:8rem}.premium-header-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.8}.premium-header-actions{display:flex;align-items:center;gap:.5rem;margin-left:1rem}.premium-header-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:none;color:inherit;border-radius:50%;cursor:pointer;transition:background-color .2s ease}.premium-header-action-btn:hover,.premium-header-action-btn:focus{background-color:var(--md-sys-color-surface-container-highest)}.premium-header-user-menu{position:relative}.premium-header-user-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border:none;background:none;color:inherit;border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;transition:background-color .2s ease}.premium-header-user-btn:hover,.premium-header-user-btn:focus{background-color:var(--md-sys-color-surface-container-highest)}.user-avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-initials{font-size:.875rem;font-weight:500;line-height:1}.dropdown-icon{font-size:1.25rem;transition:transform .2s ease}.premium-header-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-2);z-index:1000;overflow:hidden;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;background-color:var(--md-sys-color-surface-container-low)}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-name{font-weight:500;font-size:.875rem;color:var(--md-sys-color-on-surface)}.user-email{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.dropdown-divider{height:1px;background-color:var(--md-sys-color-outline);margin:.5rem 0}.dropdown-nav{padding:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;color:var(--md-sys-color-on-surface);font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .2s ease}.dropdown-item:hover,.dropdown-item:focus{background-color:var(--md-sys-color-surface-container-highest)}.dropdown-item .material-symbols-outlined{font-size:1.25rem;color:var(--md-sys-color-on-surface-variant)}.logout-item,.logout-item .material-symbols-outlined{color:var(--md-sys-color-error)}@media(max-width:768px){.premium-header-search{display:none}.premium-header-actions{margin-left:.5rem}}.premium-app-layout{position:relative;display:grid;grid-template-columns:var(--app-nav-width, 280px) minmax(0,1fr);min-height:100vh;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}.premium-app-layout.nav-expanded{--app-nav-width: 280px}.premium-app-layout.nav-collapsed{--app-nav-width: 92px}.premium-app-layout.dark{background:#0f172a}.premium-app-layout:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.15) 0%,transparent 50%);pointer-events:none;z-index:0}.premium-app-layout.reader-mode{grid-template-columns:minmax(0,1fr)}.premium-app-layout.reader-mode .navigation-pane{display:none}.navigation-pane{position:relative;width:var(--app-nav-width, 280px);min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a,inset 1px 0 #ffffff80;padding:24px 20px;overflow:visible;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:10}.navigation-pane[data-collapsed=true]{width:var(--app-nav-width, 92px)}.navigation-pane:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#677eea0d,#24a8e00d);pointer-events:none;z-index:0}.nav-brand{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding:16px;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));border-radius:16px;color:#fff;position:relative;overflow:hidden}.nav-brand:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none}.brand-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand-name{font-size:20px;font-weight:700;line-height:1}.brand-tagline{font-size:12px;opacity:.9;font-weight:500}.nav-items{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:16px 20px;border-radius:14px;text-decoration:none;color:var(--md-sys-color-on-surface);transition:all .3s ease;position:relative;overflow:hidden;border:1px solid transparent}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.nav-item:hover:before{left:100%}.nav-item:hover{background:var(--md-sys-color-primary-container);border-color:var(--md-sys-color-outline-variant);transform:translate(4px);color:var(--md-sys-color-on-primary-container)}.nav-item.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:translate(8px);box-shadow:var(--md-sys-elevation-level3)}.nav-item-content{display:flex;align-items:center;gap:16px;flex:1}.nav-icon{font-size:24px;min-width:32px;text-align:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.nav-text{display:flex;flex-direction:column}.nav-label{font-size:16px;font-weight:600;line-height:1.2}.nav-description{font-size:12px;opacity:.8;font-weight:400;animation:fadeInDown .3s ease}.nav-indicator{position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:4px;height:32px;background:linear-gradient(180deg,#fff,#fffc);border-radius:2px 0 0 2px;box-shadow:0 0 8px #fff9}.nav-quick-actions{margin-top:24px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1);display:flex;gap:12px}.quick-action-btn{flex:1;height:48px;border:none;border-radius:12px;font-size:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.quick-action-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 15px #3b82f666}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f699}.quick-action-btn.secondary{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#64748b;border:1px solid #cbd5e1}.quick-action-btn.secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.premium-header{background:linear-gradient(135deg,#ffffffe6,#f8fafce6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.premium-header-content{max-width:none;padding:20px 32px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:20px}.page-info{display:flex;flex-direction:column}.page-title{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:14px;color:#64748b;margin:2px 0 0;font-weight:500}.header-right{display:flex;align-items:center;gap:20px}.header-quick-stats{display:flex;gap:16px;align-items:center}.quick-stat{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffffb3;border-radius:20px;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-icon{font-size:16px}.stat-value{font-size:14px;font-weight:600;color:#1e293b}.header-action-btn{width:44px;height:44px;border:none;border-radius:12px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.header-action-btn:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.action-icon{font-size:18px}.user-menu-container{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:24px;cursor:pointer;transition:all .3s ease}.user-avatar-btn:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 8px #667eea4d}.user-avatar.large{width:48px;height:48px;font-size:18px}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1.2}.user-status{font-size:12px;color:#64748b;font-weight:500}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;width:280px;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(0,0,0,.05);overflow:hidden;z-index:1000;animation:dropdownFadeIn .2s ease}.dropdown-header{padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;gap:16px}.user-name-full{font-size:16px;font-weight:600;color:#1e293b}.user-email{font-size:14px;color:#64748b}.dropdown-divider{height:1px;background:#e2e8f0;margin:0}.dropdown-actions{padding:8px}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#475569;transition:all .2s ease}.dropdown-item:hover{background:#f1f5f9;color:#1e293b}.dropdown-item.logout{color:#dc2626}.dropdown-item.logout:hover{background:#fef2f2;color:#dc2626}.content-area{grid-column:2;display:flex;flex-direction:column;min-height:100vh;background:var(--md-sys-color-surface);overflow:visible}.mobile-only{display:none}@media(min-width:769px){.mobile-only,.md3-navigation-bar{display:none}}.page-content{flex:1;padding:24px 16px 16px;overflow:visible;background:var(--md-sys-color-surface);min-height:0}.mobile-navigation{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);padding:8px;z-index:1000}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:12px;text-decoration:none;color:#64748b;transition:all .3s ease}.mobile-nav-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#24a8e0}.mobile-nav-icon{font-size:20px}.mobile-nav-label{font-size:12px;font-weight:600}.navigation-pane[data-collapsed=true] .md3-rail-title,.navigation-pane[data-collapsed=true] .md3-rail-destination-label{display:none}.navigation-pane[data-collapsed=true] .md3-rail-destination{justify-content:center;padding:0}.navigation-pane[data-collapsed=true] .md3-navigation-rail{padding:16px 12px}.library-filters-section{padding:16px 0 0;margin-top:auto}.filters-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);margin-bottom:16px}.filter-group{margin-bottom:12px}.md3-search-input:focus{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:-2px}.filters-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.md3-chip-button:hover{transform:translateY(-1px);box-shadow:0 1px 4px #0000001a}.expanded-filters{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.premium-app-layout{grid-template-columns:minmax(0,1fr)}.premium-app-layout:not(.reader-mode) .navigation-pane{display:none}.library-filters-section{display:none}.mobile-navigation{display:flex}.premium-header-content{padding:12px 16px}.page-content{padding:16px 16px 120px;min-height:calc(100vh - 144px)}.page-title{font-size:20px}.user-info{display:none}.user-dropdown{width:240px}.content-area{margin:0 0 80px}.mobile-only{display:block}.md3-navigation-bar{display:flex;visibility:visible;opacity:1;z-index:1000;position:fixed;bottom:0;left:0;right:0;height:80px;background-color:rgb(var(--md-sys-color-surface-container));border-top:1px solid rgb(var(--md-sys-color-outline-variant));box-shadow:0 -2px 8px #0000001a}.md3-navigation-bar .md3-navigation-bar__destinations{display:flex;width:100%;height:100%;align-items:center;justify-content:space-around;padding:0 8px}.md3-navigation-bar .md3-navigation-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:100%}div.mobile-only[style*="position: fixed"]{bottom:100px}.md3-navigation-item--bar{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:64px;color:var(--md-sys-color-on-surface-variant);text-decoration:none}.md3-navigation-item--bar.md3-navigation-item--selected{color:var(--md-sys-color-primary)}.md3-navigation-rail{display:none}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.page-content{padding:12px 12px 120px}.md3-navigation-bar{height:72px}}.premium-app-layout.dark .mobile-navigation{background:#121212f2;border-top-color:#ffffff1a}.premium-app-layout.dark .mobile-nav-item{color:rgb(var(--md-sys-color-on-surface-variant))}.premium-app-layout.dark .mobile-nav-item.active{background:linear-gradient(135deg,#24a8e033,#4f46e533);color:rgb(var(--md-sys-color-primary))}.premium-app-layout.dark .navigation-pane{background:linear-gradient(180deg,#1e293bf2,#0f172ae6);border-right-color:#ffffff1a}.premium-app-layout.dark .premium-header{background:linear-gradient(135deg,#1e293be6,#0f172ae6);border-bottom-color:#ffffff1a}.premium-app-layout.dark .nav-item{color:#cbd5e1}.premium-app-layout.dark .nav-item:hover{color:#e2e8f0}.premium-app-layout.dark .page-title{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.premium-app-layout.dark .page-subtitle{color:#94a3b8}.dropdown-about{padding:20px;background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-bottom:1px solid #e2e8f0}.literati-definition{text-align:center}.definition-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 4px;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.definition-pronunciation{font-size:12px;color:#64748b;margin:0 0 8px;font-style:italic}.definition-text{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 4px;font-style:italic}.definition-subtext{font-size:12px;color:#64748b;margin:0;line-height:1.4}.user-status{font-size:12px;color:#24a8e0;font-weight:600;font-style:italic}.header-brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.brand-text{display:flex;flex-direction:column}.brand-name{font-size:24px;font-weight:700;margin:0;line-height:1.2;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:12px;color:#64748b;font-weight:500;margin:0;line-height:1}.header-action-btn.settings .action-icon{font-size:18px}.page-title-section{display:flex;flex-direction:column;gap:.25rem}.page-title{font-size:1.5rem;font-weight:600;margin:0;color:var(--md-sys-color-on-surface)}.page-subtitle{font-size:.875rem;color:var(--md-sys-color-on-surface);opacity:.7;font-weight:400}.app-logo{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border-bottom:1px solid var(--md-sys-color-outline);margin-bottom:1rem}.logo-icon{font-size:2rem;margin-bottom:.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--md-sys-color-primary);margin-bottom:.25rem}.logo-tagline{font-size:.75rem;color:var(--md-sys-color-on-surface);opacity:.6;text-align:center}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--md-sys-color-surface)}.loading-spinner{font-size:3rem;animation:spin 2s linear infinite;margin-bottom:1rem}.md3-footer{background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);margin-top:auto;width:100%;grid-column:1 / -1}.md3-footer-container{max-width:1200px;margin:0 auto;padding:48px 24px 24px;display:flex;flex-direction:column;gap:40px}.md3-footer-brand{display:flex;flex-direction:column;gap:8px}.md3-footer-logo{color:var(--md-sys-color-on-surface);margin:0;font-family:var(--md-sys-typescale-title-medium-font-family-name);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.md3-footer-tagline{color:var(--md-sys-color-on-surface-variant);margin:0;font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md3-footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.md3-footer-column{display:flex;flex-direction:column;gap:16px}.md3-footer-column-title{color:var(--md-sys-color-on-surface);margin:0;font-family:var(--md-sys-typescale-title-small-font-family-name);font-size:var(--md-sys-typescale-title-small-font-size);font-weight:var(--md-sys-typescale-title-small-font-weight);line-height:var(--md-sys-typescale-title-small-line-height);letter-spacing:var(--md-sys-typescale-title-small-tracking)}.md3-footer-nav{display:flex;flex-direction:column;gap:12px}.md3-footer-link{color:var(--md-sys-color-on-surface-variant);text-decoration:none;font-family:var(--md-sys-typescale-label-large-font-family-name);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-tracking);transition:color .2s ease;width:-webkit-fit-content;width:fit-content;position:relative}.md3-footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--md-sys-color-primary);transition:width .3s ease}.md3-footer-link:hover{color:var(--md-sys-color-primary)}.md3-footer-link:hover:after{width:100%}.md3-footer-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:4px;border-radius:var(--md-sys-shape-corner-extra-small)}.md3-footer-button{background:none;border:none;padding:0;cursor:pointer;text-align:left}.md3-footer-bottom{padding-top:24px;border-top:1px solid var(--md-sys-color-outline-variant)}.md3-footer-bottom-content{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.md3-footer-copyright{color:var(--md-sys-color-on-surface-variant);margin:0;font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.md3-footer-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.md3-footer-location,.md3-footer-separator,.md3-footer-email{color:var(--md-sys-color-on-surface-variant);margin:0}.md3-footer-email{color:var(--md-sys-color-primary);text-decoration:none;transition:color .2s ease}.md3-footer-email:hover{color:var(--md-sys-color-primary-container);text-decoration:underline}@media(min-width:768px){.md3-footer-bottom-content{flex-direction:row;justify-content:space-between;text-align:left}}@media(max-width:767px){.md3-footer-container{padding:32px 16px 16px;gap:32px}.md3-footer-links{grid-template-columns:1fr;gap:24px}.md3-footer-column{gap:12px}.md3-footer-nav{gap:8px}.md3-footer-meta{flex-direction:column;gap:4px}.md3-footer-separator{display:none}}@media(max-width:480px){.md3-footer-container{padding:24px 16px 16px}}@media(prefers-contrast:high){.md3-footer,.md3-footer-bottom{border-top-width:2px}.md3-footer-link:focus-visible{outline-width:3px}}@media(prefers-reduced-motion:reduce){.md3-footer-link,.md3-footer-link:after,.md3-footer-email{transition:none}}@media(prefers-color-scheme:dark){.md3-footer{background:var(--md-sys-color-surface-container-low)}}@media print{.md3-footer{border-top:1px solid #000;background:#fff}.md3-footer-link:after{display:none}.md3-footer-button{display:none}}.md3-footer-link:focus,.md3-footer-button:focus,.md3-footer-email:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:4px;border-radius:var(--md-sys-shape-corner-extra-small)}.md3-footer-wrapper{display:flex;flex-direction:column;min-height:100vh}.md3-footer-content{flex:1}.gamification-onboarding-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}.gamification-onboarding-card{background:rgb(var(--md-sys-color-surface-container));border-radius:24px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003,0 0 0 1px rgb(var(--md-sys-color-outline-variant));position:relative;animation:slideUp .3s ease;color:rgb(var(--md-sys-color-on-surface))}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.gamification-onboarding-close{position:absolute;top:16px;right:16px;background:transparent;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgb(var(--md-sys-color-on-surface));transition:all .2s ease;z-index:10}.gamification-onboarding-close:hover{background:rgb(var(--md-sys-color-surface-variant))}.gamification-onboarding-close:active{transform:scale(.95)}.gamification-onboarding-close:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}.gamification-onboarding-progress{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.gamification-onboarding-progress-dot{width:32px;height:4px;border-radius:2px;background:rgb(var(--md-sys-color-outline-variant));transition:background .3s ease}.gamification-onboarding-progress-dot.active{background:rgb(var(--md-sys-color-primary))}.gamification-onboarding-content{margin-bottom:32px;min-height:300px}.gamification-onboarding-title{margin:0 0 8px;font-size:24px;font-weight:600;text-align:center;color:rgb(var(--md-sys-color-on-surface));line-height:1.3}.gamification-onboarding-subtitle{margin:0 0 24px;font-size:16px;text-align:center;color:rgb(var(--md-sys-color-on-surface-variant));line-height:1.5}.gamification-overview-container{display:flex;flex-direction:column;gap:20px}.gamification-feature-item{display:flex;align-items:start;gap:16px;padding:16px;background:rgb(var(--md-sys-color-surface-container-high));border-radius:12px;transition:all .2s ease}.gamification-feature-item:hover{background:rgb(var(--md-sys-color-surface-container-highest));transform:translate(4px)}.gamification-feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container));border-radius:12px;flex-shrink:0;font-size:24px}.gamification-feature-text h4{margin:0 0 4px;font-size:16px;font-weight:600;color:rgb(var(--md-sys-color-on-surface))}.gamification-feature-text p{margin:0;font-size:14px;color:rgb(var(--md-sys-color-on-surface-variant));line-height:1.4}.gamification-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.gamification-level-card{background:rgb(var(--md-sys-color-surface-container-high));border-radius:16px;padding:20px;text-align:center;transition:all .2s ease;border:2px solid transparent}.gamification-level-card:hover{border-color:rgb(var(--md-sys-color-primary));transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.gamification-level-emoji{font-size:40px;margin-bottom:12px;display:block}.gamification-level-title{font-size:18px;font-weight:600;margin-bottom:4px;color:rgb(var(--md-sys-color-on-surface))}.gamification-level-subtitle{font-size:14px;color:rgb(var(--md-sys-color-on-surface-variant));margin-bottom:8px}.gamification-level-points{font-size:12px;font-weight:500;color:rgb(var(--md-sys-color-on-surface-variant));opacity:.8}.gamification-points-list{display:flex;flex-direction:column;gap:12px}.gamification-point-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:rgb(var(--md-sys-color-surface-container-high));border-radius:12px;border-left:4px solid rgb(var(--md-sys-color-primary));transition:all .2s ease}.gamification-point-item:hover{background:rgb(var(--md-sys-color-surface-container-highest));transform:translate(4px)}.gamification-point-label{font-size:14px;font-weight:500;color:rgb(var(--md-sys-color-on-surface))}.gamification-point-value{font-size:16px;font-weight:600;color:rgb(var(--md-sys-color-primary));padding:4px 12px;background:rgb(var(--md-sys-color-primary-container));border-radius:12px}.gamification-achievements-container{display:flex;flex-direction:column;gap:16px}.gamification-achievement-card{display:flex;align-items:center;gap:16px;padding:16px;background:rgb(var(--md-sys-color-surface-container-high));border-radius:12px;border:2px solid transparent;transition:all .2s ease}.gamification-achievement-card:hover{border-color:rgb(var(--md-sys-color-tertiary));transform:scale(1.02)}.gamification-achievement-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:32px;background:rgb(var(--md-sys-color-tertiary-container));border-radius:50%;flex-shrink:0}.gamification-achievement-content h4{margin:0 0 4px;font-size:16px;font-weight:600;color:rgb(var(--md-sys-color-on-surface))}.gamification-achievement-content p{margin:0;font-size:14px;color:rgb(var(--md-sys-color-on-surface-variant));line-height:1.4}.gamification-get-started-container{text-align:center}.gamification-celebration-icon{font-size:80px;margin-bottom:20px;display:block;animation:bounce .6s ease}.gamification-get-started-text{font-size:16px;color:rgb(var(--md-sys-color-on-surface-variant));line-height:1.6;margin-bottom:24px}.gamification-tips-list{display:flex;flex-direction:column;gap:12px;margin-top:20px;text-align:left}.gamification-tip-item{display:flex;align-items:start;gap:12px;padding:12px;background:rgb(var(--md-sys-color-secondary-container));color:rgb(var(--md-sys-color-on-secondary-container));border-radius:8px}.gamification-tip-icon{font-size:20px;flex-shrink:0;margin-top:2px}.gamification-tip-text{font-size:14px;line-height:1.4}.gamification-onboarding-navigation{display:flex;justify-content:space-between;align-items:center;gap:16px}.gamification-nav-left,.gamification-nav-right{display:flex;gap:8px}.gamification-step-counter{font-size:14px;color:rgb(var(--md-sys-color-on-surface-variant));font-weight:500}.gamification-onboarding-navigation .md3-button{min-height:40px;padding:0 20px}@media(max-width:640px){.gamification-onboarding-card{padding:24px 20px;max-height:95vh}.gamification-onboarding-title{font-size:20px}.gamification-onboarding-subtitle{font-size:14px}.gamification-levels-grid{grid-template-columns:1fr}.gamification-feature-item,.gamification-achievement-card{flex-direction:column;text-align:center}.gamification-onboarding-navigation{flex-direction:column-reverse;gap:12px}.gamification-nav-left,.gamification-nav-right{width:100%}.gamification-nav-right{flex-direction:column}.gamification-onboarding-navigation .md3-button{width:100%;justify-content:center}.gamification-celebration-icon{font-size:60px}}@media(max-width:480px){.gamification-onboarding-overlay{padding:10px}.gamification-onboarding-card{padding:20px 16px;border-radius:16px}.gamification-onboarding-content{min-height:250px}}@media(prefers-color-scheme:dark){.gamification-onboarding-overlay{background:#000000e6}.gamification-onboarding-card{background:rgb(var(--md-sys-color-surface-container-high))}.gamification-feature-item,.gamification-level-card,.gamification-point-item,.gamification-achievement-card{background:rgb(var(--md-sys-color-surface-container-highest))}}@media(prefers-contrast:high){.gamification-onboarding-card{border:2px solid rgb(var(--md-sys-color-outline))}.gamification-feature-item,.gamification-level-card,.gamification-point-item,.gamification-achievement-card{border:1px solid rgb(var(--md-sys-color-outline))}.gamification-onboarding-title,.gamification-feature-text h4,.gamification-level-title,.gamification-point-label,.gamification-achievement-content h4{font-weight:700}}@media(prefers-reduced-motion:reduce){.gamification-onboarding-overlay,.gamification-onboarding-card,.gamification-feature-item,.gamification-level-card,.gamification-point-item,.gamification-achievement-card,.gamification-celebration-icon{animation:none;transition:none}.gamification-feature-item:hover,.gamification-level-card:hover,.gamification-point-item:hover,.gamification-achievement-card:hover{transform:none}}.gamification-feature-item:focus-visible,.gamification-level-card:focus-visible,.gamification-point-item:focus-visible,.gamification-achievement-card:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}.gamification-onboarding-card::-webkit-scrollbar{width:8px}.gamification-onboarding-card::-webkit-scrollbar-track{background:rgb(var(--md-sys-color-surface-variant));border-radius:4px}.gamification-onboarding-card::-webkit-scrollbar-thumb{background:rgb(var(--md-sys-color-outline-variant));border-radius:4px}.gamification-onboarding-card::-webkit-scrollbar-thumb:hover{background:rgb(var(--md-sys-color-outline))}@media print{.gamification-onboarding-overlay{position:relative;background:#fff;padding:0}.gamification-onboarding-card{box-shadow:none;max-height:none;page-break-inside:avoid}.gamification-onboarding-close,.gamification-onboarding-navigation{display:none}}.cookie-consent-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:9999;padding:16px}@media(min-width:768px){.cookie-consent-overlay{align-items:center;padding:24px}}.cookie-consent-container{width:100%;max-width:600px;animation:slideUp .3s ease-out}@media(min-width:768px){.cookie-consent-container{animation:fadeInScale .3s ease-out}}.cookie-consent-card{background:#a5c2ff;border-radius:var(--md-sys-shape-corner-extra-large);padding:24px;box-shadow:var(--md-sys-elevation-5);border:1px solid var(--md-sys-color-outline-variant)}.cookie-consent-content,.cookie-preferences-content{display:flex;flex-direction:column;gap:20px}.cookie-consent-header{display:flex;align-items:center;gap:12px}.cookie-consent-icon{font-size:24px;line-height:1}.cookie-consent-header h3{color:#001848;margin:0;font-family:var(--md-sys-typescale-title-large-font-family-name);font-size:var(--md-sys-typescale-title-large-font-size);font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.cookie-consent-text{color:#005cba;margin:0;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.cookie-consent-links{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0}.cookie-link{color:#005cba;text-decoration:none;background:none;border:none;padding:0;font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking);cursor:pointer;transition:color .2s ease}.cookie-link:hover{color:var(--md-sys-color-primary-container);text-decoration:underline}.cookie-consent-actions{display:flex;flex-direction:column;gap:12px}@media(min-width:480px){.cookie-consent-actions{flex-direction:row;justify-content:flex-end}}.cookie-btn-primary,.cookie-btn-secondary{min-height:40px;padding:0 24px;border-radius:var(--md-sys-shape-corner-full);font-family:var(--md-sys-typescale-label-large-font-family-name);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-tracking);transition:all .2s ease}.cookie-back-btn{background:none;border:none;color:#005cba;font-size:20px;font-weight:700;cursor:pointer;padding:8px;border-radius:var(--md-sys-shape-corner-small);transition:background-color .2s ease;margin-left:-8px}.cookie-back-btn:hover{background-color:var(--md-sys-color-surface-variant)}.cookie-categories{display:flex;flex-direction:column;gap:16px}.cookie-category{padding:16px;border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container)}.cookie-category-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px}.cookie-category-info{flex:1}.cookie-category-info h4{color:var(--md-sys-color-on-surface);margin:0 0 4px;font-family:var(--md-sys-typescale-title-medium-font-family-name);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.cookie-category-info p{color:var(--md-sys-color-on-surface-variant);margin:0;font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.cookie-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0}.cookie-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;position:relative}.cookie-checkbox:checked{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.cookie-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--md-sys-color-on-primary);font-size:12px;font-weight:700}.cookie-checkbox:disabled{opacity:.6;cursor:not-allowed;background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline-variant)}.cookie-toggle-label{color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking)}.cookie-category-description{color:var(--md-sys-color-on-surface-variant);margin:8px 0 0;font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight);line-height:var(--md-sys-typescale-body-small-line-height);letter-spacing:var(--md-sys-typescale-body-small-tracking)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-color-scheme:dark){.cookie-consent-overlay{background-color:#000000b3}}@media(prefers-contrast:high){.cookie-consent-card{border-width:2px;border-color:var(--md-sys-color-outline)}.cookie-category{border-width:2px}.cookie-checkbox{border-width:3px}}@media(prefers-reduced-motion:reduce){.cookie-consent-container{animation:none}.cookie-btn-primary,.cookie-btn-secondary,.cookie-back-btn,.cookie-link,.cookie-checkbox{transition:none}}.cookie-link:focus,.cookie-back-btn:focus,.cookie-checkbox:focus{outline:2px solid #005cba;outline-offset:2px}@media print{.cookie-consent-overlay{display:none}}.new-landing-container{min-height:100vh;background:linear-gradient(180deg,rgb(var(--md-sys-color-surface)),rgb(var(--md-sys-color-surface-container-low)));overflow-x:hidden;width:100%;max-width:100vw}.hero-compact{min-height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;position:relative;overflow:hidden;max-width:100%}.hero-compact.fade-in{animation:fadeInUp .8s ease-out}.hero-content{max-width:600px;text-align:center;z-index:2;width:100%;padding:0 1rem}.logo-display{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.logo-circle{width:64px;height:64px;background:linear-gradient(135deg,rgb(var(--md-sys-color-primary)),rgb(var(--md-sys-color-secondary)));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #0000001a;animation:pulse 2s ease-in-out infinite}.logo-icon{font-size:2rem!important;color:rgb(var(--md-sys-color-on-primary))}.brand-identity{text-align:left}.brand-title{font-size:2rem;font-weight:600;color:rgb(var(--md-sys-color-on-surface));margin:0;font-family:Google Sans,Inter,system-ui,sans-serif}.brand-tagline{font-size:.875rem;color:rgb(var(--md-sys-color-on-surface-variant));margin:.25rem 0 0}.hero-headline{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;color:rgb(var(--md-sys-color-on-surface));margin:1.5rem 0 1rem;line-height:1.2;background:linear-gradient(135deg,rgb(var(--md-sys-color-primary)),rgb(var(--md-sys-color-tertiary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:100%;word-wrap:break-word}.hero-subtext{font-size:clamp(.875rem,2.5vw,1.125rem);color:rgb(var(--md-sys-color-on-surface-variant));margin:0 auto 2rem;max-width:480px;line-height:1.6}.cta-group{display:flex;gap:1rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.md3-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:20px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;font-family:Roboto,sans-serif;white-space:nowrap;min-width:-webkit-fit-content;min-width:fit-content}.md3-button-filled{background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary))}.md3-button-filled:hover{background:rgb(var(--md-sys-color-primary-container));box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.md3-button-outlined{background:transparent;color:rgb(var(--md-sys-color-primary));border:1.5px solid rgb(var(--md-sys-color-outline))}.md3-button-outlined:hover{background:rgb(var(--md-sys-color-surface-container-highest));border-color:rgb(var(--md-sys-color-primary))}.md3-button-large{padding:1rem 2rem;font-size:1rem}.stats-strip{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:2rem 0 1rem;padding:1rem;background:rgba(var(--md-sys-color-surface-container),.5);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;max-width:100%}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:60px}.stat-icon{font-size:2rem;line-height:1;display:block;margin-bottom:.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:rgb(var(--md-sys-color-primary));line-height:1}.stat-label{font-size:.75rem;color:rgb(var(--md-sys-color-on-surface-variant));margin-top:.25rem}.stat-divider{width:1px;height:32px;background:rgb(var(--md-sys-color-outline-variant));display:block}.hero-visual{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.15}.floating-book{position:absolute;font-size:4rem;color:rgb(var(--md-sys-color-primary));animation:float 6s ease-in-out infinite}.book-1{top:10%;left:10%;animation-delay:0s}.book-2{top:60%;right:15%;animation-delay:2s}.book-3{bottom:15%;left:20%;animation-delay:4s}.features-compact{padding:3rem 1rem;max-width:1000px;margin:0 auto;width:100%}.section-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:600;text-align:center;color:rgb(var(--md-sys-color-on-surface));margin-bottom:2.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;align-items:start}.feature-card{background:rgb(var(--md-sys-color-surface-container-low));border-radius:var(--md-sys-shape-corner-large, 16px);padding:2rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both;border:1px solid rgb(var(--md-sys-color-outline-variant));max-width:100%;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,rgb(var(--md-sys-color-primary)),rgb(var(--md-sys-color-tertiary)));transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;background:rgb(var(--md-sys-color-surface-container));border-color:rgb(var(--md-sys-color-primary))}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;margin:0 auto 1.25rem;background:linear-gradient(135deg,rgb(var(--md-sys-color-primary-container)),rgb(var(--md-sys-color-secondary-container)));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotateY(10deg);box-shadow:0 6px 16px #0000001f}.feature-icon .material-symbols-outlined{font-size:2rem;color:rgb(var(--md-sys-color-on-primary-container));font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48}.feature-title{font-size:1.25rem;font-weight:600;color:rgb(var(--md-sys-color-on-surface));margin:0 0 .75rem;line-height:1.3}.feature-description{font-size:.9375rem;color:rgb(var(--md-sys-color-on-surface-variant));line-height:1.6;margin:0;min-height:3em}.cta-final{padding:4rem 1rem;background:linear-gradient(135deg,rgb(var(--md-sys-color-primary-container)),rgb(var(--md-sys-color-tertiary-container)));width:100%;max-width:100vw}.cta-final-content{max-width:600px;margin:0 auto;text-align:center}.cta-final-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:rgb(var(--md-sys-color-on-primary-container));margin:0 0 1rem}.cta-final-text{font-size:1rem;color:rgb(var(--md-sys-color-on-primary-container));opacity:.9;margin:0 0 2rem}.landing-footer{padding:2rem 1rem;text-align:center;background:rgb(var(--md-sys-color-surface));border-top:1px solid rgb(var(--md-sys-color-outline-variant));width:100%}.footer-text{font-size:.875rem;color:rgb(var(--md-sys-color-on-surface-variant));margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:374px){.hero-compact{padding:1.5rem .75rem;min-height:auto}.logo-display{flex-direction:column;gap:.5rem}.brand-identity{text-align:center}.cta-group{flex-direction:column;width:100%}.md3-button{width:100%;justify-content:center}.stats-strip{gap:.75rem;padding:.75rem}.stat-divider{display:none}.features-grid{grid-template-columns:1fr}.hero-visual{display:none}}@media(min-width:375px)and (max-width:767px){.hero-compact{padding:2rem 1rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-card{padding:1.5rem 1rem}.cta-group{flex-direction:column;gap:.75rem}.md3-button{width:100%;justify-content:center}}@media(min-width:768px)and (max-width:1023px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-compact{padding:3rem 2rem}}@media(min-width:1024px)and (max-width:1279px){.features-grid{grid-template-columns:repeat(2,1fr)}.hero-compact{padding:4rem 2rem}}@media(min-width:1280px){.features-grid{grid-template-columns:repeat(3,1fr)}.hero-compact{padding:4rem 2rem}}*{word-wrap:break-word;overflow-wrap:break-word}.cta-group,.md3-button{max-width:100%}body,html{overflow-x:hidden;max-width:100vw}[data-theme=dark] .md3-text-field__container,.dark .md3-text-field__container{background-color:#3c3c3e}[data-theme=dark] .md3-text-field__input,.dark .md3-text-field__input,[data-theme=dark] .md3-text-field input,.dark .md3-text-field input,[data-theme=dark] .md3-text-field textarea,.dark .md3-text-field textarea{color:#e0e0e0;background:transparent}[data-theme=dark] .md3-text-field__label,.dark .md3-text-field__label{color:#b0b0b0}.md3-text-field{position:relative;display:flex;flex-direction:column;width:100%;font-family:var(--md-sys-typescale-body-large-font-family, "Inter", system-ui, sans-serif);transition:all var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-text-field__container{position:relative;display:flex;align-items:center;min-height:56px;background-color:rgb(var(--md-sys-color-surface-container-highest, 230 224 233));transition:background-color var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),border-color var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-text-field--filled .md3-text-field__container{border-radius:var(--md-sys-shape-corner-small, 8px) var(--md-sys-shape-corner-small, 8px) 0 0;border-bottom:1px solid rgb(var(--md-sys-color-on-surface-variant, 73 69 79));padding:0 16px}.md3-text-field--filled:hover:not(.md3-text-field--disabled) .md3-text-field__container{background-color:color-mix(in srgb,rgb(var(--md-sys-color-surface-container-highest)) 92%,rgb(var(--md-sys-color-on-surface)) 8%)}.md3-text-field--filled.md3-text-field--focused .md3-text-field__container{border-bottom-width:2px;border-bottom-color:rgb(var(--md-sys-color-primary, 103 80 164))}.md3-text-field--filled.md3-text-field--error .md3-text-field__container{border-bottom-color:rgb(var(--md-sys-color-error, 186 26 26))}.md3-text-field--outlined .md3-text-field__container{background-color:transparent;border:1px solid rgb(var(--md-sys-color-outline, 121 116 126));border-radius:var(--md-sys-shape-corner-small, 8px);padding:0 16px}.md3-text-field--outlined:hover:not(.md3-text-field--disabled) .md3-text-field__container{border-color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-text-field--outlined.md3-text-field--focused .md3-text-field__container{border-width:2px;border-color:rgb(var(--md-sys-color-primary, 103 80 164));padding:0 15px}.md3-text-field--outlined.md3-text-field--error .md3-text-field__container{border-color:rgb(var(--md-sys-color-error, 186 26 26))}.md3-text-field__input-container{position:relative;flex:1;display:flex;align-items:center}.md3-text-field__input{border:none;outline:none;background:transparent;margin:0;padding:0;width:100%;height:32px;font-family:inherit;font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var(--md-sys-typescale-body-large-tracking, .5px);color:rgb(var(--md-sys-color-on-surface, 28 27 31));caret-color:rgb(var(--md-sys-color-primary, 103 80 164));-webkit-appearance:none;appearance:none}.md3-text-field__input::placeholder{color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79));opacity:1}.md3-text-field__input::-webkit-autofill,.md3-text-field__input::-webkit-autofill:hover,.md3-text-field__input::-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgb(var(--md-sys-color-surface-container-highest, 230 224 233)) inset;-webkit-text-fill-color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-text-field__label{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var(--md-sys-typescale-body-large-tracking, .5px);color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79));transition:transform var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),font-size var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1)),color var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1));pointer-events:none;-webkit-user-select:none;user-select:none}.md3-text-field--focused .md3-text-field__label,.md3-text-field--populated .md3-text-field__label{transform:translateY(-28px);font-size:var(--md-sys-typescale-body-small-size, .75rem);font-weight:var(--md-sys-typescale-body-small-weight, 400);line-height:var(--md-sys-typescale-body-small-line-height, 1rem);letter-spacing:var(--md-sys-typescale-body-small-tracking, .4px)}.md3-text-field--focused .md3-text-field__label{color:rgb(var(--md-sys-color-primary, 103 80 164))}.md3-text-field--error .md3-text-field__label{color:rgb(var(--md-sys-color-error, 186 26 26))}.md3-text-field--outlined .md3-text-field__label{background-color:rgb(var(--md-sys-color-surface, 255 255 255));padding:0 4px;margin-left:-4px}.md3-text-field--outlined.md3-text-field--focused .md3-text-field__label,.md3-text-field--outlined.md3-text-field--populated .md3-text-field__label{transform:translateY(-32px)}.md3-text-field__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79));transition:color var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-text-field__icon--leading{margin-right:12px}.md3-text-field__icon--trailing{margin-left:12px;cursor:pointer}.md3-text-field__icon--trailing:hover{color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-text-field--focused .md3-text-field__icon--leading{color:rgb(var(--md-sys-color-primary, 103 80 164))}.md3-text-field--error .md3-text-field__icon{color:rgb(var(--md-sys-color-error, 186 26 26))}.md3-text-field__supporting-text{margin-top:4px;padding:0 16px;font-size:var(--md-sys-typescale-body-small-size, .75rem);font-weight:var(--md-sys-typescale-body-small-weight, 400);line-height:var(--md-sys-typescale-body-small-line-height, 1rem);letter-spacing:var(--md-sys-typescale-body-small-tracking, .4px);color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79));transition:color var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-standard, cubic-bezier(.2, 0, 0, 1))}.md3-text-field--error .md3-text-field__supporting-text{color:rgb(var(--md-sys-color-error, 186 26 26))}.md3-text-field__asterisk{color:rgb(var(--md-sys-color-error, 186 26 26));margin-left:2px}.md3-text-field--disabled{opacity:.38;pointer-events:none}.md3-text-field--disabled .md3-text-field__container{background-color:color-mix(in srgb,rgb(var(--md-sys-color-on-surface)) 4%,transparent)}.md3-text-field--disabled .md3-text-field__input,.md3-text-field--disabled .md3-text-field__label{color:rgb(var(--md-sys-color-on-surface, 28 27 31))}.md3-text-field--error .md3-text-field__input{caret-color:rgb(var(--md-sys-color-error, 186 26 26))}.md3-text-field--small .md3-text-field__container{min-height:48px}.md3-text-field--small .md3-text-field__input{height:24px;font-size:var(--md-sys-typescale-body-medium-size, .875rem)}.md3-text-field--large .md3-text-field__container{min-height:64px}.md3-text-field--large .md3-text-field__input{height:40px;font-size:var(--md-sys-typescale-body-large-size, 1rem)}.md3-text-field--textarea .md3-text-field__input{resize:vertical;min-height:80px;height:auto;padding:8px 0;line-height:1.5}.md3-text-field--textarea .md3-text-field__container{min-height:96px;align-items:flex-start;padding-top:16px;padding-bottom:16px}.md3-text-field--textarea .md3-text-field__label{top:16px}.md3-text-field--textarea.md3-text-field--focused .md3-text-field__label,.md3-text-field--textarea.md3-text-field--populated .md3-text-field__label{transform:translateY(-20px)}@media(max-width:600px){.md3-text-field__container{min-height:52px}.md3-text-field__input{font-size:16px}@media(prefers-color-scheme:dark){.md3-text-field__container{background-color:#3c3c3e}.md3-text-field__input,.md3-text-field input{color:#e0e0e0}.md3-text-field__label{color:#b0b0b0}}[data-theme=dark] .md3-text-field__container,.dark .md3-text-field__container{background-color:#3c3c3e}[data-theme=dark] .md3-text-field__input,[data-theme=dark] .md3-text-field input,.dark .md3-text-field__input,.dark .md3-text-field input{color:#e0e0e0}[data-theme=dark] .md3-text-field__label,.dark .md3-text-field__label{color:#b0b0b0}}@media(prefers-contrast:high){.md3-text-field--outlined .md3-text-field__container{border-width:2px}.md3-text-field--outlined.md3-text-field--focused .md3-text-field__container{border-width:3px;padding:0 14px}}@media(prefers-reduced-motion:reduce){.md3-text-field,.md3-text-field__container,.md3-text-field__label,.md3-text-field__icon,.md3-text-field__supporting-text{transition:none}}@media(prefers-color-scheme:dark){.md3-text-field--filled .md3-text-field__container,.md3-text-field__container{background-color:#3c3c3e}.md3-text-field__input,.md3-text-field input,.md3-text-field textarea{color:#e0e0e0}.md3-text-field__label{color:#b0b0b0}.md3-text-field__input::-webkit-autofill,.md3-text-field__input::-webkit-autofill:hover,.md3-text-field__input::-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #3c3c3e inset;-webkit-text-fill-color:#e0e0e0}.md3-text-field--outlined .md3-text-field__label{background-color:#1c1b1f}}.login-background{min-height:100vh;background-color:#fafafa;position:relative;overflow:hidden}[data-theme=dark] .login-background{background-color:#1c1b1f}@media(prefers-color-scheme:dark){.login-background{background-color:#1c1b1f}}.login-background>div:first-of-type{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-element{animation:float 6s ease-in-out infinite;pointer-events:none}.floating-element:nth-child(2){animation-delay:-2s}.floating-element:nth-child(3){animation-delay:-4s}.login-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:3rem 2rem;animation:slideInUp .6s cubic-bezier(.2,0,0,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-content-wrapper{width:100%;max-width:26rem!important;margin:0 auto;padding:0 1rem}.login-card,.login-card-enhanced{max-width:100%;width:100%}@media(min-width:768px){.login-content-wrapper{max-width:24rem!important}}@media(min-width:1024px){.login-content-wrapper{max-width:22rem!important}}@media(min-width:1440px){.login-content-wrapper{max-width:20rem!important}}.login-logo{text-align:center;margin-bottom:2rem;animation:fadeInScale 1s cubic-bezier(.2,0,0,1) .1s both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.logo-container{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;margin-bottom:1.5rem;border-radius:1.5rem;background:linear-gradient(135deg,#24a8e026,#24a8e00d);border:1px solid rgba(36,168,224,.1);transition:all .3s cubic-bezier(.2,0,0,1)}.logo-container:hover{transform:scale(1.05) rotate(2deg);background:linear-gradient(135deg,#24a8e033,#24a8e01a)}.logo-svg{color:#24a8e0}[data-theme=dark] .logo-svg{color:#d0bcff}@media(prefers-color-scheme:dark){.logo-svg{color:#d0bcff}}.brand-title{font-size:2.25rem;font-weight:700;color:#1c1b1f;margin-bottom:.5rem;letter-spacing:-.025em}[data-theme=dark] .brand-title{color:#e6e1e5}@media(prefers-color-scheme:dark){.brand-title{color:#e6e1e5}}.brand-subtitle{font-size:1.125rem;color:#49454f;font-weight:500}[data-theme=dark] .brand-subtitle{color:#b0b0b0}@media(prefers-color-scheme:dark){.brand-subtitle{color:#b0b0b0}}.login-card{animation:fadeInScale .8s cubic-bezier(.2,0,0,1) .2s both}.login-card-enhanced{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#fffc;border:1px solid rgba(121,116,126,.2);box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.2,0,0,1)}[data-theme=dark] .login-card-enhanced{background:#1c1b1fe6;border:1px solid rgba(147,144,153,.2);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff0d}@media(prefers-color-scheme:dark){.login-card-enhanced{background:#1c1b1fe6;border:1px solid rgba(147,144,153,.2);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff0d}}.login-card-enhanced:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 8px 24px #0000001a,inset 0 1px #ffffff1a}[data-theme=dark] .login-card-enhanced:hover{box-shadow:0 12px 40px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff0d}@media(prefers-color-scheme:dark){.login-card-enhanced:hover{box-shadow:0 12px 40px #0006,0 8px 24px #0000004d,inset 0 1px #ffffff0d}}.login-card-content{padding:2rem}.login-form-header{text-align:center;margin-bottom:2rem}.login-form-title{font-size:1.5rem;font-weight:600;color:#1c1b1f;margin-bottom:.5rem}[data-theme=dark] .login-form-title{color:#e6e1e5}@media(prefers-color-scheme:dark){.login-form-title{color:#e6e1e5}}.login-form-subtitle{color:#49454f}[data-theme=dark] .login-form-subtitle{color:#b0b0b0}@media(prefers-color-scheme:dark){.login-form-subtitle{color:#b0b0b0}}.error-message{margin-bottom:1.5rem;padding:1rem;border-radius:.75rem;animation:slideInUp .3s cubic-bezier(.2,0,0,1);background:linear-gradient(135deg,#ba1a1a33,#ba1a1a1a);border-left:4px solid #ba1a1a}.error-text{font-size:.875rem;color:#ba1a1a;text-align:center;font-weight:500}[data-theme=dark] .error-text{color:#ffb4ab}@media(prefers-color-scheme:dark){.error-text{color:#ffb4ab}}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-field{display:flex;flex-direction:column;gap:.5rem;transition:all .2s cubic-bezier(.2,0,0,1)}.login-field:focus-within{transform:translateY(-1px)}.login-button-primary{width:100%;height:3.5rem;font-size:1.125rem;font-weight:600;background:linear-gradient(135deg,#24a8e0,#24a8e0e6);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.2,0,0,1)}.login-button-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button-primary:hover:before{left:100%}.login-button-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #24a8e066,0 4px 12px #24a8e033}.login-button-primary:active{transform:translateY(0)}.loading-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.loading-spinner{border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.login-divider{margin-top:2rem;margin-bottom:2rem}.divider-enhanced{position:relative}.divider-enhanced:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(121,116,126,.5),transparent)}[data-theme=dark] .divider-enhanced:before{background:linear-gradient(90deg,transparent,rgba(147,144,153,.5),transparent)}@media(prefers-color-scheme:dark){.divider-enhanced:before{background:linear-gradient(90deg,transparent,rgba(147,144,153,.5),transparent)}}.divider-content{position:relative;display:flex;justify-content:center;font-size:.875rem}.divider-text{padding:0 1rem;background-color:#fffc;color:#49454f;font-weight:500}[data-theme=dark] .divider-text{background-color:#1c1b1fe6;color:#b0b0b0}@media(prefers-color-scheme:dark){.divider-text{background-color:#1c1b1fe6;color:#b0b0b0}}.secondary-actions{display:flex;flex-direction:column;gap:1rem}.secondary-button{width:100%;height:3rem;font-weight:500}.demo-button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.demo-icon{width:20px;height:20px;fill:currentColor}.login-footer{text-align:center;margin-top:2rem}.login-footer-text{font-size:.875rem;color:#49454f}[data-theme=dark] .login-footer-text{color:#b0b0b0}@media(prefers-color-scheme:dark){.login-footer-text{color:#b0b0b0}}.footer-link{color:#24a8e0;font-weight:500;position:relative;transition:all .2s cubic-bezier(.2,0,0,1);text-decoration:none}[data-theme=dark] .footer-link{color:#d0bcff}@media(prefers-color-scheme:dark){.footer-link{color:#d0bcff}}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#24a8e0;transition:width .3s cubic-bezier(.2,0,0,1)}[data-theme=dark] .footer-link:after{background:#d0bcff}@media(prefers-color-scheme:dark){.footer-link:after{background:#d0bcff}}.footer-link:hover:after{width:100%}.w-full{width:100%}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}@media(max-width:640px){.login-container{padding:1.5rem 1rem}.login-content-wrapper{max-width:100%!important;padding:0 .5rem}.login-card-content{padding:1.5rem 1.25rem}.login-card-enhanced{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo-container{width:4rem;height:4rem}.login-button-primary{height:3rem;font-size:1rem}.brand-title{font-size:2rem}.brand-subtitle{font-size:1rem}}@media(min-width:641px)and (max-width:768px){.login-container{padding:2rem 1.5rem}.login-content-wrapper{max-width:480px!important;padding:0 1rem}}@media(prefers-reduced-motion:reduce){.login-container,.login-card,.login-logo,.floating-element,.login-field,.login-button-primary,.error-message{animation:none}.logo-container:hover,.login-card-enhanced:hover,.login-button-primary:hover,.login-field:focus-within{transform:none}}@media(prefers-contrast:high){.login-card-enhanced{border:2px solid #79747e;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=dark] .login-card-enhanced{border:2px solid #938f99;background:#1c1b1f}.logo-container{border:2px solid #24A8E0}}.enhanced-book-card{--card-transition: all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);overflow:visible!important;position:relative;transition:var(--card-transition)}.book-menu-button{position:absolute!important;z-index:100!important;pointer-events:auto!important}.enhanced-book-card:hover .book-menu-button,.enhanced-book-card:focus-within .book-menu-button{opacity:1!important;visibility:visible!important;transform:scale(1.05)}@media(hover:none){.book-menu-button{opacity:1!important;visibility:visible!important}}.enhanced-book-card:hover:not(.selected){--_container-elevation: var(--md-sys-elevation-level3);transform:translateY(-4px)}.enhanced-book-card.selected{--_container-elevation: var(--md-sys-elevation-level4);transform:translateY(-2px)}.book-cover-container,.md3-book-cover .library-book-cover-manager,.md3-book-cover .library-book-cover-manager .book-cover-container{overflow:visible!important}.book-cover-container:hover .progress-tooltip{opacity:1!important}.book-menu-button{display:flex!important;opacity:1!important;visibility:visible!important;z-index:10;position:absolute;outline:none;-webkit-tap-highlight-color:transparent}.book-menu-button:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}.menu-backdrop{position:fixed;inset:0;background-color:#0000004d;z-index:105}.book-actions-menu{position:fixed;min-width:200px;background-color:#f5f5f5;border-radius:16px;box-shadow:0 8px 32px #00000026;border:1px solid rgba(0,0,0,.12);overflow:hidden;z-index:110;isolation:isolate;will-change:transform;transform:translateZ(0);opacity:1;transform-origin:top right}@media(prefers-color-scheme:dark){.book-actions-menu{background-color:#2c2c2e;box-shadow:0 8px 32px #0009;border:1px solid rgba(255,255,255,.15)}}.book-menu-item{width:100%;padding:12px 16px;border:none;background-color:#f5f5f5;color:#000;text-align:left;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:12px;transition:background-color .2s ease;border-radius:0}.book-menu-item:hover{background-color:#e8e8e8}@media(prefers-color-scheme:dark){.book-menu-item{background-color:#2c2c2e;color:#fff}.book-menu-item:hover{background-color:#3c3c3e}}.book-menu-item--primary{color:#6200ee}.book-menu-item--primary:hover{color:#24a8e0}@media(prefers-color-scheme:dark){.book-menu-item--primary{color:#bb86fc}.book-menu-item--primary:hover{color:#d0a9ff}}.book-menu-item--error{color:#b00020}.book-menu-item--error:hover{color:#cf6679}@media(prefers-color-scheme:dark){.book-menu-item--error{color:#cf6679}.book-menu-item--error:hover{color:#ff8a80}}.book-menu-divider{height:1px;background-color:#00000014;margin:4px 0}@media(prefers-color-scheme:dark){.book-menu-divider{background-color:#ffffff1a}}.book-menu-item__icon{font-size:18px}.book-progress-container{z-index:5}.book-progress-bar{transition:width var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard)}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.book-metadata{min-height:28px}.enhanced-book-card.list-view{max-width:none;width:100%;display:flex;flex-direction:row;position:relative}.enhanced-book-card.list-view .book-menu-button{position:absolute!important;top:8px!important;right:8px!important;z-index:200!important}.enhanced-book-card.list-view .book-cover-container{aspect-ratio:3/4;width:120px;flex-shrink:0}.enhanced-book-card.list-view .book-info-container{flex:1;border-radius:0 var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0}.enhanced-book-card.grid-view{flex-direction:column}.book-metadata .md3-chip{margin-right:var(--md-sys-spacing-1);margin-bottom:var(--md-sys-spacing-1)}.book-menu-button:hover{transition:var(--card-transition)}.enhanced-book-card:focus-within{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}@media(max-width:600px){.enhanced-book-card{max-width:none;width:100%}.book-menu-button{width:36px;height:36px;top:6px;right:6px}.book-actions-menu{right:6px;top:44px;min-width:180px}}@media(prefers-color-scheme:dark){.book-menu-button{background-color:#ffffffe6;color:rgb(var(--md-sys-color-on-surface));border-color:#0003}.book-menu-button:hover{background-color:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container))}}@media(prefers-contrast:high){.book-menu-button{border-width:3px;font-weight:700}.enhanced-book-card.selected{border-width:3px}}@media(prefers-reduced-motion:reduce){.enhanced-book-card,.book-menu-button,.book-progress-bar,.book-actions-menu{transition:none;animation:none}.enhanced-book-card:hover{transform:none}}@media print{.book-menu-button,.book-actions-menu{display:none}}.md3-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-weight:500;font-size:12px;line-height:1;white-space:nowrap;transition:all .2s ease}.md3-status-badge--small{padding:2px 6px;font-size:10px;border-radius:8px}.md3-status-badge--medium{padding:4px 8px;font-size:12px}.md3-status-badge--large{padding:6px 12px;font-size:14px;border-radius:16px}.md3-status-badge--reading{background-color:#e3f2fd;color:#1976d2}.md3-status-badge--completed{background-color:#e8f5e8;color:#2e7d32}.md3-status-badge--paused{background-color:#fff3e0;color:#f57c00}.md3-status-badge--default{background-color:#f5f5f5;color:#616161}.md3-status-badge--outlined{background-color:transparent;border:1px solid currentColor}.md3-status-badge--outlined.md3-status-badge--reading{border-color:#1976d2}.md3-status-badge--outlined.md3-status-badge--completed{border-color:#2e7d32}.md3-status-badge--outlined.md3-status-badge--paused{border-color:#f57c00}.md3-status-badge--outlined.md3-status-badge--default{border-color:#616161}.book-cover-container{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--md-sys-shape-corner-medium, 8px);background-color:rgb(var(--md-sys-color-surface-container-highest));cursor:pointer;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized)}.book-cover-image{width:100%;height:75%;object-fit:cover;transition:opacity .3s ease}.book-cover-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(var(--md-sys-color-primary-container)),rgb(var(--md-sys-color-secondary-container)));color:rgb(var(--md-sys-color-on-primary-container));cursor:pointer;position:relative;overflow:hidden}.book-cover-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;display:flex;align-items:center;justify-content:center}.book-icon{font-size:2rem;color:#ffffffe6}.book-cover-text{position:absolute;bottom:20%;left:50%;transform:translate(-50%);text-align:center;width:80%}.book-title{font-size:.9rem;font-weight:700;margin-bottom:4px;line-height:1.2;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-author{font-size:.75rem;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-cover-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgb(var(--md-sys-color-surface-container-highest));position:relative;overflow:hidden}.loading-shimmer{width:100%;height:100%;background:linear-gradient(90deg,rgba(var(--md-sys-color-surface-variant),.4),rgba(var(--md-sys-color-surface-variant),.1),rgba(var(--md-sys-color-surface-variant),.4));animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.cover-badge{position:absolute;top:8px;right:8px;padding:4px 6px;border-radius:var(--md-sys-shape-corner-small, 4px);font-size:.75rem;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0003;z-index:5}.cover-badge.generated{background:rgba(var(--md-sys-color-tertiary),.9)}.book-cover-container.small{min-width:96px;min-height:144px}.book-cover-container.medium{min-width:192px;min-height:175px}.book-cover-container.large{min-width:256px;min-height:325px}.book-cover-container.thumbnail{min-width:64px;min-height:96px}.batch-cover-processor{margin:16px 0;padding:16px;background:rgb(var(--md-sys-color-surface-container-low));border-radius:var(--md-sys-shape-corner-large, 12px);border:1px solid rgb(var(--md-sys-color-outline-variant))}.cover-status h3{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:rgb(var(--md-sys-color-on-surface))}.status-stats{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:1.5rem;font-weight:700;color:rgb(var(--md-sys-color-primary));line-height:1}.stat-label{font-size:.75rem;color:rgb(var(--md-sys-color-on-surface-variant));margin-top:2px;text-transform:uppercase;letter-spacing:.5px}.processing-status{margin-top:16px}.progress-bar{width:100%;height:6px;background:rgb(var(--md-sys-color-surface-variant));border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:rgb(var(--md-sys-color-primary));transition:width .3s ease;border-radius:3px}.processing-status p{margin:0;font-size:.875rem;color:rgb(var(--md-sys-color-on-surface-variant));text-align:center}.recent-book-cover-manager .book-cover-container{aspect-ratio:2/3;border-radius:var(--md-sys-shape-corner-small, 6px);width:100%;height:100%;position:relative}.library-book-cover-manager .book-cover-container{aspect-ratio:2/3;border-radius:var(--md-sys-shape-corner-medium, 8px);width:100%;height:100%;position:relative;max-height:100%}.library-book-cover-manager .book-cover-image{object-fit:contain}.enhanced-book-cover .book-cover-container{width:100%;height:100%;border-radius:inherit;position:relative;display:flex;align-items:center;justify-content:center}.collections-book-cover .book-cover-container{aspect-ratio:3/4;border-radius:inherit;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.book-cover-fallback{transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);border-radius:var(--md-sys-shape-corner-medium, 8px);box-shadow:0 2px 8px #0000001a}.book-cover-fallback:hover{transform:scale(1.02);box-shadow:0 4px 16px #00000026}.book-cover-fallback.geometric{background-size:20px 20px,cover}.book-cover-fallback.abstract{background-blend-mode:multiply}.book-cover-fallback.minimal{position:relative}.book-cover-fallback.textured{background-blend-mode:overlay}.book-icon-large{display:flex;align-items:center;justify-content:center;transition:transform var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.book-cover-fallback:hover .book-icon-large{transform:scale(1.05)}.book-cover-container:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}@media(prefers-color-scheme:dark){.book-cover-fallback{background:linear-gradient(135deg,hsl(var(--md-sys-color-primary-container-hue),var(--md-sys-color-primary-container-saturation),calc(var(--md-sys-color-primary-container-lightness) * .8)),hsl(var(--md-sys-color-secondary-container-hue),var(--md-sys-color-secondary-container-saturation),calc(var(--md-sys-color-secondary-container-lightness) * .8)))}}@keyframes md3-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes md3-scale-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lazy-image-container{position:relative;overflow:hidden;background:var(--md3-surface-variant);border-radius:8px}.lazy-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s cubic-bezier(.2,0,0,1)}.lazy-image.loading{opacity:0}.lazy-image.loaded{opacity:1}.lazy-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--md3-surface-variant);color:var(--md3-on-surface-variant)}.lazy-image-skeleton{position:relative;width:100%;height:100%;background:linear-gradient(90deg,var(--md3-surface-variant) 0%,var(--md3-surface-container) 50%,var(--md3-surface-variant) 100%);background-size:200% 100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 2s infinite ease-in-out}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-content{position:relative;z-index:1;opacity:.3}.skeleton-content .material-symbols-outlined{font-size:2rem;color:var(--md3-on-surface-variant)}.lazy-image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--md3-error-container);color:var(--md3-on-error-container)}.lazy-image-fallback-img{width:100%;height:100%;object-fit:cover}.lazy-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.loading-spinner{width:24px;height:24px;border:2px solid var(--md3-outline-variant);border-top:2px solid var(--md3-primary);border-radius:50%;animation:spin 1s linear infinite}.lazy-book-cover{border-radius:var(--md3-shape-corner-medium);box-shadow:var(--md3-elevation-1);transition:all .2s cubic-bezier(.2,0,0,1);cursor:pointer}.lazy-book-cover:hover{box-shadow:var(--md3-elevation-2);transform:translateY(-1px)}.book-cover-fallback{width:100%;height:100%;background:linear-gradient(135deg,var(--md3-primary-container) 0%,var(--md3-secondary-container) 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.book-spine{text-align:center;padding:16px 8px;color:var(--md3-on-primary-container);position:relative;z-index:1;max-width:90%}.book-spine:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);border-radius:4px}.book-title{font-size:12px;font-weight:600;line-height:1.2;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.book-author{font-size:10px;opacity:.8;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.lazy-book-cover.small .book-title{font-size:10px;-webkit-line-clamp:2;margin-bottom:4px}.lazy-book-cover.small .book-author{font-size:8px;-webkit-line-clamp:1}.lazy-book-cover.small .book-spine{padding:8px 4px}.lazy-book-cover.large .book-title{font-size:14px;-webkit-line-clamp:4;margin-bottom:12px}.lazy-book-cover.large .book-author{font-size:12px;-webkit-line-clamp:3}.lazy-book-cover.large .book-spine{padding:24px 12px}.lazy-image-container.progressive{background:var(--md3-surface-container)}.lazy-image-container.progressive .lazy-image{transition:opacity .5s ease,filter .3s ease}.lazy-image-container.progressive .lazy-image.loading{opacity:.6;filter:blur(2px)}.lazy-image-container.progressive .lazy-image.loaded{opacity:1;filter:blur(0px)}@media(prefers-reduced-motion:reduce){.lazy-image,.skeleton-shimmer,.loading-spinner,.lazy-book-cover{animation:none!important;transition:none!important}}@media(prefers-contrast:high){.lazy-image-placeholder{border:2px solid currentColor}.book-cover-fallback{border:2px solid var(--md3-outline)}}@media(prefers-color-scheme:dark){.skeleton-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%)}.book-cover-fallback{background:linear-gradient(135deg,var(--md3-primary-container) 0%,var(--md3-tertiary-container) 100%)}}.lazy-image-container{contain:layout style paint;will-change:transform}.lazy-image{will-change:opacity}.lazy-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--md3-error);padding:16px;text-align:center}.lazy-image-error .material-symbols-outlined{font-size:2rem;opacity:.6}.lazy-image-error-message{font-size:12px;opacity:.8}.virtualized-book-grid{width:100%;height:100%;min-height:400px;position:relative}.virtual-grid{outline:none!important}.virtualized-book-card{position:relative;background:var(--md3-surface-container);border-radius:var(--md3-shape-corner-large);overflow:hidden;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);box-shadow:var(--md3-elevation-1);height:100%;display:flex;flex-direction:column;border:2px solid transparent}.virtualized-book-card:hover{transform:translateY(-2px);box-shadow:var(--md3-elevation-3);border-color:var(--md3-outline-variant)}.virtualized-book-card.highlighted{border-color:var(--md3-primary);box-shadow:var(--md3-elevation-3),0 0 0 1px var(--md3-primary);animation:highlightPulse 2s ease-in-out}@keyframes highlightPulse{0%,to{box-shadow:var(--md3-elevation-3),0 0 0 1px var(--md3-primary)}50%{box-shadow:var(--md3-elevation-4),0 0 0 2px var(--md3-primary)}}.book-cover-container{position:relative;flex:1;overflow:hidden;background:var(--md3-surface-variant);display:flex;align-items:center;justify-content:center}.virtualized-book-cover{width:100%;height:100%;object-fit:cover}.book-badge{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:var(--md3-elevation-2);z-index:10}.book-badge.reading{background:var(--md3-primary);color:var(--md3-on-primary)}.book-badge.completed{background:var(--md3-tertiary);color:var(--md3-on-tertiary)}.book-menu-button{position:absolute;top:8px;left:8px;right:auto;width:32px;height:32px;border-radius:50%;background:#000c;border:2px solid rgba(255,255,255,.9);color:#fff;font-size:16px;font-weight:700;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--md3-elevation-2);opacity:0;transform:scale(.8)}.virtualized-book-card:hover .book-menu-button{opacity:1;transform:scale(1)}.book-menu-button:hover{background:#000000e6;transform:scale(1.1)}.menu-backdrop{position:fixed;inset:0;background:#0000001a;z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.book-menu-dropdown{position:absolute;top:42px;right:8px;min-width:200px;background:var(--md3-surface-container);border-radius:var(--md3-shape-corner-large);box-shadow:var(--md3-elevation-3);border:1px solid var(--md3-outline-variant);overflow:hidden;z-index:100;animation:menuSlideIn .2s cubic-bezier(.2,0,0,1)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{width:100%;padding:12px 16px;border:none;background:transparent;color:var(--md3-on-surface);text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;transition:background-color .15s ease}.menu-item:hover{background:var(--md3-surface-variant)}.menu-item.danger{color:var(--md3-error)}.menu-item.danger:hover{background:var(--md3-error-container);color:var(--md3-on-error-container)}.menu-divider{height:1px;background:var(--md3-outline-variant);margin:4px 0}.book-info{padding:12px 16px;background:var(--md3-surface-container);border-top:1px solid var(--md3-outline-variant)}.book-title{font-size:14px;font-weight:600;color:var(--md3-on-surface);margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:12px;color:var(--md3-on-surface-variant);margin:0 0 8px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-progress{display:flex;align-items:center;gap:8px;margin:8px 0 4px}.progress-bar{flex:1;height:4px;background:var(--md3-outline-variant);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--md3-primary);border-radius:2px;transition:width .3s ease}.progress-text{font-size:11px;color:var(--md3-on-surface-variant);font-weight:500;min-width:32px}.book-genre{display:inline-block;font-size:11px;color:var(--md3-primary);background:var(--md3-primary-container);padding:2px 6px;border-radius:8px;font-weight:500}.virtualized-book-card.compact .book-info{padding:8px 12px}.virtualized-book-card.compact .book-title{font-size:13px;-webkit-line-clamp:1}.virtualized-book-card.compact .book-author{font-size:11px}.virtualized-book-card.list{flex-direction:row;height:120px!important}.virtualized-book-card.list .book-cover-container{width:80px;flex:none}.virtualized-book-card.list .book-info{flex:1;border-top:none;border-left:1px solid var(--md3-outline-variant);display:flex;flex-direction:column;justify-content:center}.virtualized-book-card.list .book-title{font-size:16px;-webkit-line-clamp:2}.virtualized-book-card.list .book-author{font-size:14px}.virtualized-empty-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:400px;color:var(--md3-on-surface-variant)}.empty-state-content{text-align:center;max-width:300px}.empty-state-content .material-symbols-outlined{font-size:64px;color:var(--md3-outline);margin-bottom:16px;display:block}.empty-state-content h3{font-size:18px;color:var(--md3-on-surface);margin:0 0 8px}.empty-state-content p{font-size:14px;line-height:1.4;margin:0}@media(max-width:768px){.book-menu-button{width:28px;height:28px;font-size:14px}.book-menu-dropdown{min-width:180px;right:4px}.menu-item{padding:10px 14px;font-size:13px}.book-info{padding:10px 12px}.book-title{font-size:13px}.book-author{font-size:11px}}.virtualized-book-card{will-change:transform;contain:layout style paint}.book-cover-container img{will-change:transform}@media(prefers-color-scheme:dark){.book-menu-button{background:#ffffff26;border-color:#ffffff4d}.book-menu-button:hover{background:#ffffff40}}._readingPage_1dvse_7{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--md-sys-color-surface)}._readingHeader_1dvse_16{display:flex;justify-content:space-between;align-items:center;margin:-24px -24px 32px;padding:32px 24px;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-surface-container));border-bottom:1px solid var(--md-sys-color-outline-variant);box-shadow:0 2px 8px #0000000d}._pageTitle_1dvse_31{font-size:32px;font-weight:700;color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;gap:12px;margin:0}._titleIcon_1dvse_41{font-size:32px}._headerNav_1dvse_45{display:flex;gap:8px;flex-wrap:wrap;align-items:center}._navButton_1dvse_52{font-size:14px!important;padding:8px 16px!important;color:var(--md-sys-color-on-primary-container)!important;background:#ffffff1a!important;border-radius:12px!important;transition:all .2s ease!important}._navButton_1dvse_52:hover{background:#fff3!important;transform:translateY(-2px)}._sectionTitle_1dvse_70{font-size:20px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:16px}._activeSessionCard_1dvse_81{padding:24px!important;margin-bottom:24px;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:transform .2s ease,box-shadow .2s ease}._activeSessionCard_1dvse_81:hover{transform:translateY(-2px);box-shadow:var(--md3-elevation-2)}:root:not([data-theme=dark]) ._activeSessionCard_1dvse_81{background-image:linear-gradient(135deg,rgba(79,70,229,.08),rgba(99,102,241,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(79,70,229,.4)!important}._sessionHeader_1dvse_108{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}._sessionInfo_1dvse_115{display:flex;align-items:center;gap:12px}._sessionIcon_1dvse_121{font-size:32px}._sessionTitle_1dvse_125{font-size:20px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:4px}._sessionBookTitle_1dvse_132{font-size:14px;color:var(--md-sys-color-on-surface-variant)}._sessionStatsGrid_1dvse_137{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:20px}._sessionStat_1dvse_137{padding:12px;background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md3-shape-corner-medium);text-align:center}._sessionStatIcon_1dvse_151{font-size:24px;margin-bottom:4px}._sessionStatValue_1dvse_156{font-size:18px;font-weight:500;color:var(--md-sys-color-primary)}._sessionStatLabel_1dvse_162{font-size:11px;color:var(--md-sys-color-on-surface-variant);margin-top:4px}._sessionActions_1dvse_168{display:flex;gap:12px}._sessionActions_1dvse_168 button{flex:1}._sessionActions_1dvse_168 button:last-child{flex:0}._todayStatsCard_1dvse_185{padding:24px!important;margin-bottom:24px;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:transform .2s ease,box-shadow .2s ease}._todayStatsCard_1dvse_185:hover{transform:translateY(-2px);box-shadow:var(--md3-elevation-2)}:root:not([data-theme=dark]) ._todayStatsCard_1dvse_185{background-image:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(16,185,129,.4)!important}._todayStatsTitle_1dvse_212{font-size:18px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:16px;display:flex;align-items:center;gap:8px}._todayStatsGrid_1dvse_222{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}._todayStatItem_1dvse_228{padding:12px;background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md3-shape-corner-medium);text-align:center}._todayStatIcon_1dvse_235{font-size:20px;margin-bottom:4px}._todayStatValue_1dvse_240{font-size:16px;font-weight:500;color:var(--md-sys-color-secondary)}._todayStatLabel_1dvse_246{font-size:10px;color:var(--md-sys-color-on-surface-variant);margin-top:2px}._bookCardsGrid_1dvse_256{display:grid;gap:20px;margin-bottom:32px}._bookCard_1dvse_256{padding:20px!important;cursor:pointer;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:transform .2s ease,box-shadow .2s ease}._bookCard_1dvse_256:hover{transform:translateY(-4px);box-shadow:var(--md3-elevation-3)}._bookCardContent_1dvse_278{display:flex;gap:16px}._bookCover_1dvse_283{width:100px;height:150px;border-radius:8px;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0000001a}._bookCoverImage_1dvse_295{width:100%;height:100%;object-fit:cover;border-radius:8px}._bookCoverPlaceholder_1dvse_302{font-size:40px}._bookDetails_1dvse_306{flex:1;display:flex;flex-direction:column;gap:8px}._bookTitle_1dvse_313{font-size:18px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:4px}._bookAuthor_1dvse_320{font-size:14px;color:var(--md-sys-color-on-surface-variant)}._bookProgressSection_1dvse_325{margin-top:auto}._bookProgressHeader_1dvse_329{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:var(--md-sys-color-on-surface-variant)}._bookProgressFooter_1dvse_337{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--md-sys-color-on-surface-variant)}._continueButton_1dvse_345{margin-top:12px;width:-webkit-fit-content;width:fit-content}._sessionHistoryCard_1dvse_354{padding:24px!important;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}:root:not([data-theme=dark]) ._sessionHistoryCard_1dvse_354{background-image:linear-gradient(135deg,rgba(234,88,12,.08),rgba(249,115,22,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(234,88,12,.4)!important}._sessionHistoryTitle_1dvse_374{font-size:20px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:20px}._sessionHistoryList_1dvse_381{display:grid;gap:12px}._sessionHistoryItem_1dvse_386{padding:16px;background-color:var(--md-sys-color-surface-container-low);border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--md-sys-color-outline-variant)}._sessionHistoryItemInfo_1dvse_396{flex:1}._sessionHistoryItemTitle_1dvse_400{font-size:14px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:4px}._sessionHistoryItemDate_1dvse_407{font-size:12px;color:var(--md-sys-color-on-surface-variant)}._sessionHistoryItemStats_1dvse_412{text-align:right}._sessionHistoryItemDuration_1dvse_416{font-size:14px;font-weight:600;color:var(--md-sys-color-primary)}._sessionHistoryItemPages_1dvse_422{font-size:12px;color:var(--md-sys-color-on-surface-variant)}._emptyState_1dvse_431{padding:48px!important;text-align:center;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}._emptyStateIcon_1dvse_441{font-size:64px;margin-bottom:16px}._emptyStateTitle_1dvse_446{font-size:20px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:8px}._emptyStateMessage_1dvse_453{font-size:14px;color:var(--md-sys-color-on-surface-variant);margin-bottom:24px}._quickStatsCard_1dvse_463{padding:24px!important;margin-top:32px;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;transition:transform .2s ease,box-shadow .2s ease}._quickStatsCard_1dvse_463:hover{transform:translateY(-2px);box-shadow:var(--md3-elevation-2)}:root:not([data-theme=dark]) ._quickStatsCard_1dvse_463{background-image:linear-gradient(135deg,rgba(59,130,246,.08),rgba(37,99,235,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(59,130,246,.4)!important}._quickStatsTitle_1dvse_490{font-size:20px;font-weight:500;color:var(--md-sys-color-on-surface);margin-bottom:20px}._quickStatsGrid_1dvse_497{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}._quickStatItem_1dvse_503{padding:16px;background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md3-shape-corner-medium);text-align:center}._quickStatIcon_1dvse_510{font-size:24px;margin-bottom:8px}._quickStatValue_1dvse_515{font-size:20px;font-weight:500;color:var(--md-sys-color-primary)}._quickStatLabel_1dvse_521{font-size:12px;color:var(--md-sys-color-on-surface-variant);margin-top:4px}[role=region]{outline:none}[role=region]:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:4px;border-radius:8px}@media(max-width:599px){._readingPage_1dvse_7{padding:16px}._readingHeader_1dvse_16{margin:-16px -16px 24px;padding:24px 16px}._pageTitle_1dvse_31,._titleIcon_1dvse_41{font-size:24px}._sessionStatsGrid_1dvse_137,._todayStatsGrid_1dvse_222{grid-template-columns:1fr}._bookCardContent_1dvse_278{flex-direction:column}._bookCover_1dvse_283{width:100%;height:200px}._sessionActions_1dvse_168{flex-direction:column}._sessionActions_1dvse_168 button{width:100%}}@media(min-width:600px)and (max-width:839px){._readingPage_1dvse_7{padding:24px}._sessionStatsGrid_1dvse_137{grid-template-columns:repeat(2,1fr)}._todayStatsGrid_1dvse_222{grid-template-columns:repeat(3,1fr)}}@media(min-width:840px){._readingPage_1dvse_7{padding:32px;max-width:1200px;margin:0 auto}._sessionStatsGrid_1dvse_137{grid-template-columns:repeat(2,1fr)}._bookCardsGrid_1dvse_256{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}:root[data-theme=dark] ._bookCover_1dvse_283{background:linear-gradient(135deg,#4a5568,#2d3748)}:root[data-theme=dark] ._sessionHistoryItem_1dvse_386{background-color:var(--md-sys-color-surface-container)}._bookCard_1dvse_256{position:relative;overflow:hidden}._bookCard_1dvse_256:before{content:"";position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity .2s ease;pointer-events:none;border-radius:inherit}._bookCard_1dvse_256:hover:before{opacity:.08}._bookCard_1dvse_256:active:before{opacity:.12}._sessionHistoryItem_1dvse_386{position:relative;overflow:hidden;cursor:pointer;transition:transform .15s ease}._sessionHistoryItem_1dvse_386:before{content:"";position:absolute;inset:0;background:var(--md-sys-color-on-surface);opacity:0;transition:opacity .15s ease;pointer-events:none;border-radius:inherit}._sessionHistoryItem_1dvse_386:hover:before{opacity:.08}._sessionHistoryItem_1dvse_386:hover{transform:translate(4px)}@media print{._sessionActions_1dvse_168,._continueButton_1dvse_345{display:none}._readingPage_1dvse_7{padding:0}._activeSessionCard_1dvse_81,._todayStatsCard_1dvse_185,._sessionHistoryCard_1dvse_354{page-break-inside:avoid}}.enhanced-statistics-page{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh;background:var(--md-sys-color-surface)}.statistics-header{display:flex;justify-content:space-between;align-items:center;margin:-24px -24px 32px;padding:32px 24px;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-surface-container));border-bottom:1px solid var(--md-sys-color-outline-variant);box-shadow:0 2px 8px #0000000d}.header-main{display:flex;gap:16px;align-items:center;flex-wrap:wrap;flex:1}.header-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-button{font-size:14px!important;padding:8px 16px!important;color:var(--md-sys-color-on-primary-container)!important;background:#ffffff1a!important;border-radius:12px!important;transition:all .2s ease!important}.nav-button:hover{background:#fff3!important;transform:translateY(-2px)}.page-title{font-size:32px;font-weight:700;color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;gap:12px;margin:0}.title-icon{font-size:32px}.time-range-selector{display:flex;gap:8px;background:var(--md-sys-color-surface-container);padding:4px;border-radius:var(--md3-shape-corner-full)}.tab-navigation{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--md-sys-color-outline-variant);overflow-x:auto}.tab-button{padding:12px 24px;background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);font-size:var(--md3-typography-label-large-size);font-weight:var(--md3-typography-label-large-weight);cursor:pointer;display:flex;align-items:center;gap:8px;position:relative;transition:all .2s cubic-bezier(.2,0,0,1);white-space:nowrap}.tab-button:hover{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.tab-button.active{color:var(--md-sys-color-primary)}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--md-sys-color-primary);border-radius:3px 3px 0 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.metric-card{padding:24px!important;display:flex;gap:20px;align-items:flex-start;transition:transform .2s ease,box-shadow .2s ease;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--md3-elevation-3)}:root:not([data-theme=dark]) .metric-card-1{background-image:linear-gradient(135deg,rgba(79,70,229,.08),rgba(99,102,241,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(79,70,229,.4)!important}:root:not([data-theme=dark]) .metric-card-2{background-image:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(16,185,129,.4)!important}:root:not([data-theme=dark]) .metric-card-3{background-image:linear-gradient(135deg,rgba(234,88,12,.08),rgba(249,115,22,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(234,88,12,.4)!important}:root:not([data-theme=dark]) .metric-card-4{background-image:linear-gradient(135deg,rgba(59,130,246,.08),rgba(37,99,235,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(59,130,246,.4)!important}.metric-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md3-shape-corner-medium)}.metric-content{flex:1}.metric-value{font-size:var(--md3-typography-headline-medium-size);font-weight:var(--md3-typography-headline-medium-weight);color:var(--md-sys-color-on-surface);margin-bottom:4px}.metric-label{font-size:var(--md3-typography-body-large-size);color:var(--md-sys-color-on-surface);margin-bottom:8px}.metric-sublabel{font-size:var(--md3-typography-body-small-size);color:var(--md-sys-color-on-surface-variant)}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:32px}.chart-card{padding:24px!important;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:12px!important;display:block!important;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}:root:not([data-theme=dark]) .chart-card-1{background-image:linear-gradient(135deg,rgba(124,58,237,.08),rgba(139,92,246,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(124,58,237,.4)!important}:root:not([data-theme=dark]) .chart-card-2{background-image:linear-gradient(135deg,rgba(239,68,68,.08),rgba(220,38,38,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(239,68,68,.4)!important}:root:not([data-theme=dark]) .chart-card-3{background-image:linear-gradient(135deg,rgba(124,58,237,.08),rgba(139,92,246,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(124,58,237,.4)!important}:root:not([data-theme=dark]) .year-progress-card-1{background-image:linear-gradient(135deg,rgba(79,70,229,.12),rgba(99,102,241,.08),transparent)!important;background-color:var(--md-sys-color-primary-container)!important;border-left:4px solid rgba(79,70,229,.6)!important}.chart-card h3{font-size:var(--md3-typography-title-medium-size);font-weight:var(--md3-typography-title-medium-weight);color:var(--md-sys-color-on-surface);margin:0 0 20px}.mini-chart{height:150px;display:flex;flex-direction:column}.chart-bars{flex:1;display:flex;align-items:flex-end;gap:4px;padding:0 8px}.chart-bar-container{flex:1;height:100%;display:flex;align-items:flex-end}.chart-bar{width:100%;background:var(--md-sys-color-primary);border-radius:4px 4px 0 0;transition:height .3s ease}.chart-label{text-align:center;font-size:var(--md3-typography-label-small-size);color:var(--md-sys-color-on-surface-variant);margin-top:8px}.genre-list{display:flex;flex-direction:column;gap:12px}.genre-item{display:flex;align-items:center;gap:12px}.genre-name{flex:0 0 100px;font-size:var(--md3-typography-body-medium-size);color:var(--md-sys-color-on-surface)}.genre-bar{flex:1;height:20px;background:var(--md-sys-color-surface-container-highest);border-radius:var(--md3-shape-corner-full);overflow:hidden}.genre-fill{height:100%;background:var(--md-sys-color-primary);border-radius:var(--md3-shape-corner-full);transition:width .5s ease}.genre-count{flex:0 0 30px;text-align:right;font-size:var(--md3-typography-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.pattern-info{display:flex;flex-direction:column;gap:16px}.pattern-item{display:flex;justify-content:space-between;align-items:center}.pattern-label{font-size:var(--md3-typography-body-medium-size);color:var(--md-sys-color-on-surface-variant)}.pattern-value{font-size:var(--md3-typography-body-large-size);font-weight:var(--md3-typography-body-large-weight);color:var(--md-sys-color-on-surface)}.progress-bar{margin-top:8px}.year-progress-card{padding:32px!important;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-surface-container))!important;border:1px solid var(--md-sys-color-outline-variant)!important;display:block!important}.year-progress-card h3{font-size:var(--md3-typography-title-large-size);font-weight:var(--md3-typography-title-large-weight);color:var(--md-sys-color-on-primary-container);margin:0 0 24px}.goal-progress{display:flex;flex-direction:column;gap:16px}.goal-info{display:flex;align-items:baseline;gap:8px;font-size:var(--md3-typography-headline-large-size);color:var(--md-sys-color-on-primary-container)}.goal-current{font-weight:var(--md3-typography-headline-large-weight)}.goal-separator{color:var(--md-sys-color-on-primary-container);opacity:.5}.goal-target{font-size:var(--md3-typography-title-large-size);opacity:.7}.goal-progress-bar{height:12px!important}.goal-status{font-size:var(--md3-typography-body-large-size);color:var(--md-sys-color-on-primary-container);text-align:center}.achievements-content{display:flex;flex-direction:column;gap:24px}.achievements-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.achievements-header h2{font-size:var(--md3-typography-headline-medium-size);font-weight:var(--md3-typography-headline-medium-weight);color:var(--md-sys-color-on-surface);margin:0}.achievement-stats{display:flex;gap:24px}.unlocked-count,.total-points{font-size:var(--md3-typography-body-large-size);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;gap:8px}.goals-content{display:flex;flex-direction:column;gap:24px}.goals-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.goals-header h2{font-size:var(--md3-typography-headline-medium-size);font-weight:var(--md3-typography-headline-medium-weight);color:var(--md-sys-color-on-surface);margin:0}.goals-stats{display:flex;gap:24px}.active-goals,.completed-goals{font-size:var(--md3-typography-body-large-size);color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;gap:8px}.insights-content{display:flex;flex-direction:column;gap:24px}.insights-content h2{font-size:var(--md3-typography-headline-medium-size);font-weight:var(--md3-typography-headline-medium-weight);color:var(--md-sys-color-on-surface);margin:0}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.insight-card{padding:20px 24px!important;background:var(--md-sys-color-surface-container)!important;border:2px solid var(--md-sys-color-outline-variant)!important;border-radius:16px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:visible;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f;display:block!important}:root:not([data-theme=dark]) .insight-card-1{background-image:linear-gradient(135deg,rgba(79,70,229,.08),rgba(99,102,241,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(79,70,229,.4)!important}:root:not([data-theme=dark]) .insight-card-2{background-image:linear-gradient(135deg,rgba(124,58,237,.08),rgba(139,92,246,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(124,58,237,.4)!important}:root:not([data-theme=dark]) .insight-card-3{background-image:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(16,185,129,.4)!important}:root:not([data-theme=dark]) .insight-card-4{background-image:linear-gradient(135deg,rgba(234,88,12,.08),rgba(249,115,22,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(234,88,12,.4)!important}:root:not([data-theme=dark]) .insight-card-5{background-image:linear-gradient(135deg,rgba(239,68,68,.08),rgba(220,38,38,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(239,68,68,.4)!important}:root:not([data-theme=dark]) .insight-card-6{background-image:linear-gradient(135deg,rgba(59,130,246,.08),rgba(37,99,235,.05),transparent)!important;background-color:var(--md-sys-color-surface-container)!important;border-left:4px solid rgba(59,130,246,.4)!important}.insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f,0 4px 8px #00000014}.insight-card h3{font-size:18px;font-weight:600;color:var(--md-sys-color-on-surface);margin:0 0 12px;display:flex;align-items:center;gap:10px;line-height:1.3}.insight-card p{font-size:15px;line-height:1.6;color:var(--md-sys-color-on-surface-variant);margin:0}:root:not([data-theme=dark]) .insight-card p{color:#495057!important;font-size:15px!important}:root:not([data-theme=dark]) .insight-card h3{color:#1a1d20!important;font-size:18px!important}:root:not([data-theme=dark]) .insight-card strong{color:#1a1d20!important;font-weight:600}.insight-card strong{color:var(--md-sys-color-on-surface);font-weight:600}.dark .enhanced-statistics-page{background:var(--md-sys-color-surface)}.dark .metric-card{background:var(--md-sys-color-surface-container-high)!important}.dark .chart-card,.dark .insight-card{background:var(--md-sys-color-surface-container-highest)!important}@media(max-width:768px){.enhanced-statistics-page{padding:16px}.statistics-header{flex-direction:column;align-items:flex-start}.metrics-grid,.charts-row,.insights-grid{grid-template-columns:1fr}.tab-button span{display:none}.tab-button{padding:12px 16px;font-size:20px}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.statistics-content>*{animation:slideIn .4s ease forwards}.achievements-content>*,.goals-content>*,.insights-content>*{animation:slideIn .4s ease forwards}.near-completion-card{padding:32px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 8%,var(--md-sys-color-surface-container)),var(--md-sys-color-surface-container))!important;border:2px solid var(--md-sys-color-primary)!important;border-radius:16px!important;margin-bottom:32px;box-shadow:var(--md3-elevation-3)}.near-completion-card h3{color:var(--md-sys-color-primary);font-size:var(--md3-typography-headline-medium-size);font-weight:var(--md3-typography-headline-medium-weight);margin:0 0 8px;text-align:center}.motivation-text{text-align:center;color:var(--md-sys-color-on-surface-variant);font-size:var(--md3-typography-body-large-size);margin:0 0 24px}.near-completion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.near-completion-item{display:flex;gap:20px;padding:24px;background:var(--md-sys-color-surface-container-highest);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--md-sys-color-outline-variant)}.near-completion-item:hover{transform:translateY(-4px);box-shadow:var(--md3-elevation-2)}.achievement-visual{display:flex;flex-direction:column;align-items:center;gap:12px}.achievement-icon-large{font-size:48px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.progress-ring{position:relative;display:flex;align-items:center;justify-content:center}.progress-circle{transition:stroke-dasharray .5s ease}.progress-percentage{position:absolute;font-size:var(--md3-typography-label-large-size);font-weight:var(--md3-typography-label-large-weight);color:var(--md-sys-color-primary)}.achievement-details{flex:1;display:flex;flex-direction:column;gap:8px}.achievement-details h4{font-size:var(--md3-typography-title-medium-size);font-weight:var(--md3-typography-title-medium-weight);color:var(--md-sys-color-on-surface);margin:0}.achievement-details p{font-size:var(--md3-typography-body-medium-size);color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.4}.achievement-progress-text{display:flex;align-items:baseline;gap:4px;font-size:var(--md3-typography-title-small-size);margin:8px 0}.progress-current{font-weight:var(--md3-typography-title-small-weight);color:var(--md-sys-color-primary)}.progress-separator{color:var(--md-sys-color-on-surface-variant)}.progress-target{color:var(--md-sys-color-on-surface)}.progress-unit{font-size:var(--md3-typography-body-small-size);color:var(--md-sys-color-on-surface-variant);margin-left:8px}.motivational-card{padding:24px!important;background:linear-gradient(135deg,color-mix(in srgb,#4caf50 8%,var(--md-sys-color-surface-container)),var(--md-sys-color-surface-container))!important;border:1px solid color-mix(in srgb,#4caf50 30%,var(--md-sys-color-outline-variant))!important;border-radius:12px!important;margin-bottom:24px}.motivational-card h3{color:#2e7d32;font-size:var(--md3-typography-title-large-size);font-weight:var(--md3-typography-title-large-weight);margin:0 0 8px;text-align:center}.motivational-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.motivational-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--md-sys-color-surface-container-highest);border-radius:8px;transition:transform .2s ease}.motivational-item:hover{transform:translateY(-2px)}.motivational-icon{font-size:32px;flex-shrink:0}.motivational-content{flex:1;display:flex;flex-direction:column;gap:4px}.motivational-content h5{font-size:var(--md3-typography-body-large-size);font-weight:var(--md3-typography-body-large-weight);color:var(--md-sys-color-on-surface);margin:0}.motivational-progress{display:flex;align-items:center;gap:8px}.small-progress{height:4px!important;flex:1}.motivational-percentage{font-size:var(--md3-typography-label-small-size);color:var(--md-sys-color-primary);font-weight:500;min-width:35px}.motivational-remaining{font-size:var(--md3-typography-body-small-size);color:var(--md-sys-color-on-surface-variant)}@media(max-width:1024px){.near-completion-grid{grid-template-columns:1fr}.near-completion-item{flex-direction:column;align-items:center;text-align:center}.achievement-visual{flex-direction:row}.motivational-grid{grid-template-columns:1fr}}@media(max-width:640px){.near-completion-card,.motivational-card{padding:20px!important;margin:0 -8px 24px}.near-completion-item{padding:16px}.achievement-icon-large{font-size:36px}.motivational-item{padding:12px}.motivational-icon{font-size:24px}}.dark .near-completion-card{background:linear-gradient(135deg,color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-high)),var(--md-sys-color-surface-container-high))!important;border-color:var(--md-sys-color-primary)}.dark .motivational-card{background:linear-gradient(135deg,color-mix(in srgb,#4caf50 12%,var(--md-sys-color-surface-container-high)),var(--md-sys-color-surface-container-high))!important;border-color:color-mix(in srgb,#4caf50 50%,var(--md-sys-color-outline-variant))}.dark .near-completion-item,.dark .motivational-item{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-outline)}@keyframes pulse-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--md-sys-color-primary) 30%,transparent)}50%{box-shadow:0 0 20px 5px color-mix(in srgb,var(--md-sys-color-primary) 15%,transparent)}}.near-completion-item:hover{animation:pulse-glow 2s infinite}.book-carousel-container{position:relative;padding:20px;background:rgb(var(--md-sys-color-surface-container-lowest, 255, 255, 255));border-radius:16px;box-shadow:0 2px 8px #00000014;transition:background .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}[data-theme=dark] .book-carousel-container,.dark .book-carousel-container{background:rgb(var(--md-sys-color-surface-container-low, 28, 27, 31));box-shadow:0 2px 8px #0000004d}.book-carousel-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(var(--md-sys-color-outline-variant, 202, 196, 208),.3);flex-shrink:0}[data-theme=dark] .book-carousel-header,.dark .book-carousel-header{border-bottom:1px solid rgba(var(--md-sys-color-outline-variant, 73, 69, 79),.3)}.book-carousel-title{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px;color:rgb(var(--md-sys-color-on-surface, 28, 27, 31))}[data-theme=dark] .book-carousel-title,.dark .book-carousel-title{color:rgb(var(--md-sys-color-on-surface, 230, 225, 229))}.book-carousel-subtitle{margin:4px 0 0;font-size:.875rem;color:rgb(var(--md-sys-color-on-surface-variant, 73, 69, 79))}[data-theme=dark] .book-carousel-subtitle,.dark .book-carousel-subtitle{color:rgb(var(--md-sys-color-on-surface-variant, 202, 196, 208))}.book-grid-scrollable{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;overflow-y:auto;overflow-x:hidden;flex:1;padding:4px;max-height:calc(80vh - 100px)}.book-grid-scrollable::-webkit-scrollbar{width:8px}.book-grid-scrollable::-webkit-scrollbar-track{background:rgba(var(--md-sys-color-surface-variant, 231, 224, 236),.3);border-radius:4px}.book-grid-scrollable::-webkit-scrollbar-thumb{background:#24a8e080;border-radius:4px;-webkit-transition:background .3s;transition:background .3s}.book-grid-scrollable::-webkit-scrollbar-thumb:hover{background:#24a8e0cc}[data-theme=dark] .book-grid-scrollable::-webkit-scrollbar-track,.dark .book-grid-scrollable::-webkit-scrollbar-track{background:rgba(var(--md-sys-color-surface-variant, 73, 69, 79),.3)}.book-grid-item{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;cursor:grab;box-shadow:0 2px 8px #0000001f;border:2px solid transparent;transition:all .25s cubic-bezier(.4,0,.2,1);background:rgb(var(--md-sys-color-surface-container, 243, 237, 247))}[data-theme=dark] .book-grid-item,.dark .book-grid-item{background:rgb(var(--md-sys-color-surface-container, 46, 43, 50));box-shadow:0 2px 8px #0000004d}.book-grid-item:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 16px #24a8e040;border-color:#24a8e066;z-index:10}.book-grid-item:active{cursor:grabbing;transform:scale(.98);box-shadow:0 2px 6px #00000026}.book-grid-cover{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.book-grid-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--brand-gradient-start) 0%,var(--brand-gradient-end) 100%);display:flex;align-items:center;justify-content:center;padding:12px}.book-grid-placeholder-text{color:#fff;font-size:.7rem;font-weight:500;text-align:center;word-break:break-word;line-height:1.3}.book-grid-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 60%,transparent 100%);padding:12px 8px 8px;transform:translateY(100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.book-grid-item:hover .book-grid-overlay{transform:translateY(0)}.book-grid-title{margin:0 0 4px;font-size:.7rem;font-weight:600;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.book-grid-author{margin:0;font-size:.6rem;color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-carousel-empty{text-align:center;padding:48px 16px;color:rgb(var(--md-sys-color-on-surface-variant, 73, 69, 79))}[data-theme=dark] .book-carousel-empty,.dark .book-carousel-empty{color:rgb(var(--md-sys-color-on-surface-variant, 202, 196, 208))}.book-carousel-empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.book-carousel-empty-text{margin:0;font-size:.875rem;opacity:.8}.book-grid-item.dragging{opacity:.5;transform:rotate(3deg) scale(.95);cursor:grabbing}@media(max-width:768px){.book-grid-scrollable{grid-template-columns:repeat(3,1fr);gap:10px}}@media(max-width:480px){.book-grid-scrollable{grid-template-columns:repeat(2,1fr);gap:8px}.book-carousel-container{padding:16px}.book-carousel-title{font-size:1rem}.book-carousel-subtitle{font-size:.75rem}}@media(min-width:1200px){.book-grid-scrollable{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.book-grid-item,.book-grid-overlay{transition:none;animation:none}.book-grid-item:hover{transform:none}}@media(prefers-contrast:high){.book-grid-item{border:2px solid var(--md-sys-color-outline)}.book-grid-item:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}}.book-grid-item:focus-visible{outline:2px solid rgba(36,168,224,.8);outline-offset:2px;border-color:#24a8e099}.enhanced-collections-page{min-height:100vh;position:relative}.collections-page-content{max-width:1200px;margin:0 auto;padding:var(--spacing-lg, 24px);background:var(--md-sys-color-background)}.collections-header-section{margin-bottom:var(--spacing-xl, 32px);padding:var(--spacing-xl, 32px) var(--spacing-lg, 24px);border-radius:var(--radius-lg, 16px);box-shadow:0 4px 12px #00000014;background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db);border:1px solid #9ca3af}[data-theme=dark] .collections-header-section,.dark .collections-header-section{background:linear-gradient(135deg,var(--md-sys-color-surface-container) 0%,var(--md-sys-color-surface-container-high) 50%,var(--md-sys-color-surface-container) 100%);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 4px 12px #0000004d,0 1px 3px #0006}.collections-header-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:var(--spacing-md, 16px);flex-wrap:wrap}.collections-header-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.collections-nav-button{font-size:14px!important;padding:8px 16px!important;color:var(--md-sys-color-on-surface)!important;background:var(--md-sys-color-surface-container-highest)!important;border-radius:12px!important;transition:all .2s ease!important}.collections-nav-button:hover{background:var(--md-sys-color-surface-container-high)!important;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.collections-header-section h1{font-size:var(--text-3xl, 1.875rem);font-weight:700;margin:0 0 var(--spacing-sm, 8px) 0;color:rgb(var(--md-sys-color-on-surface, 28, 28, 28))}.collections-header-section p{font-size:var(--text-base, 1rem);margin:0;color:rgb(var(--md-sys-color-on-surface-variant, 115, 115, 115));opacity:.8}.collections-search-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.collections-search-field{flex:1;min-width:240px}.collections-header-button{white-space:nowrap}.batch-mode-active{background-color:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important}.collections-main-content{padding:0}.collections-grid-container{flex:1}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.collection-card{--collection-color: #24A8E0;background:linear-gradient(135deg,color-mix(in srgb,var(--collection-color) 8%,transparent),color-mix(in srgb,var(--collection-color) 3%,transparent));border:2px solid color-mix(in srgb,var(--collection-color) 12%,transparent)}.collection-card-header{background:linear-gradient(135deg,color-mix(in srgb,var(--collection-color) 15%,transparent),color-mix(in srgb,var(--collection-color) 6%,transparent));border-bottom:1px solid color-mix(in srgb,var(--collection-color) 12%,transparent);padding:16px 20px}.collection-card-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.collection-card-info{display:flex;gap:12px;align-items:flex-start}.collection-card-icon{font-size:24px;line-height:1}.collection-card-title{font-size:1.25rem;font-weight:600;margin:0 0 4px;color:var(--md-sys-color-on-surface)}.collection-card-description{font-size:.875rem;margin:0;color:var(--md-sys-color-on-surface-variant);opacity:.8}.collection-card-batch-button{background-color:var(--collection-color)!important}.collection-card-edit-button{color:var(--collection-color)!important}.collection-card-stats{display:flex;justify-content:space-between;align-items:center}.collection-card-updated{font-size:.75rem;color:var(--md-sys-color-on-surface-variant);opacity:.6}.collection-card-chip{background-color:color-mix(in srgb,var(--collection-color) 12%,transparent)!important;color:var(--collection-color)!important;border:1px solid color-mix(in srgb,var(--collection-color) 18%,transparent)!important}.collection-book-preview-area{padding:20px}.collection-book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.collection-book-item{aspect-ratio:3/4;border-radius:4px;overflow:hidden;cursor:grab;transition:transform .2s ease}.collection-book-item:hover{transform:scale(1.05)}.collection-book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--collection-color);color:#fff;font-size:.75rem;font-weight:500;text-align:center;padding:4px;word-break:break-word}.collection-book-more{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;border-radius:4px;background-color:color-mix(in srgb,var(--collection-color) 12%,transparent);color:var(--collection-color);font-weight:600}.collection-empty-state{text-align:center;padding:40px 20px;color:var(--md-sys-color-on-surface-variant)}.collection-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.collection-empty-text{font-size:.875rem;margin:0;opacity:.8}.collection-card{position:relative;overflow:hidden;transition:all var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized);cursor:pointer;transform-origin:center;will-change:transform,box-shadow}.collection-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 24px #24a8e026,0 4px 8px #24a8e01a}.collection-card:active{transform:translateY(-4px) scale(1.01);transition-duration:var(--md-sys-motion-duration-short2)}.collection-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.6),transparent);transition:left var(--md-sys-motion-duration-long2) var(--md-sys-motion-easing-emphasized)}.collection-card:hover:before{left:100%}.collection-book-preview{position:relative;transition:all var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard)}.collection-book-preview:hover{transform:translateY(-4px) rotate(2deg);z-index:10;box-shadow:0 8px 16px #0003}.collection-card.drag-over{transform:scale(1.05);box-shadow:0 12px 32px #24a8e040,0 0 0 3px #24a8e04d;background:linear-gradient(135deg,#24a8e01a,#7c4dff0d)}.book-dragging{opacity:.6;transform:rotate(5deg) scale(.95);z-index:1000;pointer-events:none}.collections-search-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.collections-search-field{min-width:300px;background-color:#ffffff1a!important;border-radius:12px!important;color:#fff!important}.collections-search-section{background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));position:relative;overflow:hidden}.collections-search-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.empty-collections-state{animation:fadeInUp .6s var(--md-sys-motion-easing-emphasized) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.empty-state-icon{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.collection-stats{display:flex;align-items:center;gap:12px;opacity:0;animation:slideInRight .4s ease-out .2s forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.color-picker-button{position:relative;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.color-picker-button:hover{transform:scale(1.2)}.color-picker-button.selected{transform:scale(1.3);animation:pulse .6s ease-in-out}@keyframes pulse{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 8px transparent}}.icon-picker-button{position:relative;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.icon-picker-button:hover{transform:scale(1.1) rotate(5deg)}.icon-picker-button.selected{transform:scale(1.15);animation:bounce .5s ease-in-out}@keyframes bounce{0%,to{transform:scale(1.15)}50%{transform:scale(1.25) rotate(10deg)}}.collections-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:24px}.collections-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.batch-mode-active{background:linear-gradient(135deg,#24a8e01a,#7c4dff0d);border:2px dashed rgba(36,168,224,.3)}.batch-mode-active .collection-card{position:relative}.batch-mode-active .collection-card:after{content:"";position:absolute;top:8px;right:8px;width:24px;height:24px;border:2px solid #24A8E0;border-radius:50%;background:#fff;z-index:10}.batch-mode-active .collection-card.selected:after{background:#24a8e0;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>')}@media(max-width:768px){.collections-grid{grid-template-columns:1fr!important;gap:16px!important}.collection-card{margin:0 16px}.collections-search-section{padding:24px 16px}.collections-search-controls{flex-direction:column;align-items:stretch;gap:12px}.collections-search-controls .md3-textfield{min-width:auto}}@media(max-width:480px){.collection-preview-grid{grid-template-columns:repeat(3,1fr)!important}.collection-header h3{font-size:1.1rem!important}.collection-description{font-size:.8rem!important}}@media(prefers-contrast:high){.collection-card{border:2px solid var(--md-sys-color-outline)}.collection-card:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}}@media(prefers-reduced-motion:reduce){.collection-card,.collection-book-preview,.color-picker-button,.icon-picker-button{transition:none;animation:none}.collection-card:hover{transform:none}.empty-state-icon{animation:none}}@media(prefers-color-scheme:dark){.collections-search-section{background:linear-gradient(135deg,#4a4458,#5a4e6b)}.collection-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.collections-skeleton{background:linear-gradient(90deg,#2d2a32 25%,#3d3a42,#2d2a32 75%)}}.collections-main-content{padding:0 24px 24px;max-width:1200px;margin:0 auto}.collections-content-wrapper{display:flex;gap:24px}.collections-grid-container{flex:2}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.collection-card-header{padding:20px;border-bottom:1px solid transparent}.collection-card-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.collection-card-info{display:flex;align-items:center;gap:12px}.collection-card-icon{font-size:28px}.collection-card-title{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:#1c1b1f}.collection-card-description{margin:0;font-size:.875rem;color:#49454f;opacity:.8}.collection-card-actions{display:flex;gap:8px;align-items:center}.collection-card-batch-button{background-color:#24a8e0!important;color:#fff!important;font-size:12px!important}.collection-card-edit-button{color:#24a8e0!important}.collection-card-stats{display:flex;align-items:center;justify-content:space-between}.collection-card-updated{font-size:.75rem;color:#49454f;opacity:.7}.collection-book-preview-area{padding:16px;background:rgb(var(--md-sys-color-surface-container-lowest, 255, 255, 255))}[data-theme=dark] .collection-book-preview-area,.dark .collection-book-preview-area{background:rgb(var(--md-sys-color-surface-container-low, 28, 27, 31))}.collection-book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;max-height:120px;overflow:hidden}.collection-book-item{position:relative;aspect-ratio:2/3;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #00000026;transition:transform .3s ease}.collection-book-item:nth-child(2n){transform:translateY(8px)}.collection-book-cover{width:100%;height:100%;object-fit:cover}.collection-book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;text-align:center;padding:4px}.collection-book-more{aspect-ratio:2/3;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.collection-empty-state{text-align:center;padding:32px 16px;color:rgb(var(--md-sys-color-on-surface-variant, 73, 69, 79))}[data-theme=dark] .collection-empty-state,.dark .collection-empty-state{color:rgb(var(--md-sys-color-on-surface-variant, 202, 196, 208))}.collection-empty-icon{font-size:48px;margin-bottom:8px}.collection-empty-text{margin:0;font-size:.875rem}.operation-loading-overlay{position:absolute;inset:0;background-color:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px}.operation-loading-content{display:flex;flex-direction:column;align-items:center;gap:8px}.operation-loading-text{font-size:.8rem;color:#49454f;font-weight:500}.empty-collections-container{text-align:center;padding:64px 24px;color:#49454f}.empty-collections-icon{font-size:64px;margin-bottom:16px}.empty-collections-title{margin:0 0 8px;font-size:1.5rem}.empty-collections-description{margin:0 0 24px;font-size:1rem;opacity:.7}.book-library-sidebar{flex:1;min-width:300px;position:-webkit-sticky;position:sticky;top:20px;max-height:80vh;overflow:hidden}.book-library-card{padding:20px;position:-webkit-sticky;position:sticky;top:20px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.book-library-header{margin-bottom:16px;padding-bottom:12px}.book-library-title{margin:0;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:8px}.book-library-subtitle{margin:4px 0 0;font-size:.875rem}.book-library-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:4px}.draggable-book{position:relative;aspect-ratio:2/3;border-radius:6px;overflow:hidden;cursor:grab;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .2s ease}.draggable-book:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.draggable-book-cover{width:100%;height:100%;object-fit:cover;pointer-events:none}.draggable-book-placeholder{width:100%;height:100%;background-color:#24a8e0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;text-align:center;padding:4px;font-weight:500}.book-library-empty{text-align:center;padding:32px 16px}.book-library-empty-icon{font-size:48px;margin-bottom:8px}.book-library-empty-text{margin:0;font-size:.875rem}.batch-mode-panel{position:fixed;bottom:24px;right:24px;width:400px;max-height:70vh;border-radius:16px;box-shadow:0 20px 40px #0000004d;z-index:1000;display:flex;flex-direction:column}.batch-mode-header{padding:20px}.batch-mode-header-row{display:flex;justify-content:space-between;align-items:center}.batch-mode-title{margin:0;font-size:16px;font-weight:700}.batch-mode-close{min-width:auto!important;padding:4px 8px!important}.batch-mode-subtitle{margin:4px 0 0;font-size:12px}.batch-mode-content{flex:1;padding:16px;overflow-y:auto}.batch-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.batch-mode-book{position:relative;aspect-ratio:2/3;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.batch-mode-book.selected{border-color:#24a8e0;transform:scale(1.05)}.batch-mode-book-cover{width:100%;height:100%;object-fit:cover}.batch-mode-book-placeholder{width:100%;height:100%;background-color:#24a8e0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;text-align:center;padding:4px}.batch-mode-book-check{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background-color:#24a8e0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 6px #0000004d}.batch-mode-bottom-panel{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:24px;box-shadow:0 8px 32px #00000026;color:#fff;display:flex;align-items:center;gap:16px;z-index:1000;transition:all .3s ease}.batch-mode-bottom-panel.loading{background-color:#24a8e0cc}.batch-mode-bottom-panel.normal{background-color:#24a8e0}.batch-mode-loading-content,.batch-mode-normal-content{display:flex;align-items:center;gap:16px}.batch-mode-select{padding:8px 12px;border-radius:8px;border:none;background-color:#fff3;color:#fff;cursor:pointer}.batch-mode-cancel{color:#fff!important;min-width:auto!important;padding:8px!important}.batch-mode-cancel.disabled{opacity:.5!important}.collections-loading-container{padding:32px;text-align:center}.collections-loading-text{margin-top:16px;color:#49454f}.collections-fab{position:fixed;bottom:24px;right:24px;background-color:#24a8e0!important}.dialog-content{padding:20px}.dialog-collection-info{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;border-radius:12px;border:1px solid transparent}.dialog-collection-icon{font-size:32px}.dialog-collection-details h3{margin:0 0 4px;font-size:1.5rem;font-weight:600}.dialog-collection-details p{margin:0;color:#49454f;font-size:.9rem}.dialog-collection-count{margin:4px 0 0;font-size:.8rem;color:#6b7280}.dialog-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;max-height:400px;overflow-y:auto}.dialog-book-item{position:relative;aspect-ratio:2/3;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;cursor:pointer}.dialog-book-cover{width:100%;height:100%;object-fit:cover}.dialog-book-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;text-align:center;padding:8px}.dialog-book-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background-color:#f44336e6;color:#fff;border:none;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.dialog-empty-state{text-align:center;padding:32px;color:#6b7280}.dialog-empty-icon{font-size:48px;margin-bottom:12px}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.dialog-actions-split{display:flex;gap:12px;justify-content:space-between;margin-top:24px}.dialog-actions-right{display:flex;gap:12px}.dialog-delete-button{color:#f44336!important}.dialog-edit-button{color:#24a8e0!important}.collection-form{padding:20px;display:flex;flex-direction:column;gap:20px}.collection-form-section{display:flex;flex-direction:column}.collection-form-label{font-size:.875rem;font-weight:600;color:#49454f;margin-bottom:8px;display:block}.icon-picker-grid{display:flex;gap:8px;flex-wrap:wrap}.icon-picker-item{width:48px;height:48px;border:2px solid #E7E0EC;border-radius:12px;background-color:transparent;font-size:20px;cursor:pointer;transition:all .2s ease}.icon-picker-item.selected{border-color:#24a8e0;background-color:#24a8e020}.color-picker-grid{display:flex;gap:8px;flex-wrap:wrap}.color-picker-item{width:32px;height:32px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease}.color-picker-item.selected{border-color:#1c1b1f}.collection-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.collection-create-button{position:relative;min-width:140px}.collection-create-loading{display:flex;align-items:center}.collection-create-spinner{margin-right:8px;color:#fff}.collection-card:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:4px}.color-picker-button:focus-visible,.icon-picker-button:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.collection-card,.collection-book-preview{contain:layout style paint}.collections-grid{contain:layout}.collection-card[aria-selected=true]{background:#24a8e01a;border-color:var(--md-sys-color-primary)}.book-library-card{background:#fff}[data-theme=dark] .book-library-card,.dark .book-library-card{background:#1e293b}.book-library-header{border-bottom:1px solid #e5e7eb}[data-theme=dark] .book-library-header,.dark .book-library-header{border-bottom:1px solid #334155}.book-library-title{color:#1f2937}[data-theme=dark] .book-library-title,.dark .book-library-title{color:#f1f5f9}.book-library-subtitle{color:#64748b}[data-theme=dark] .book-library-subtitle,.dark .book-library-subtitle{color:#94a3b8}.book-library-empty{color:#64748b}[data-theme=dark] .book-library-empty,.dark .book-library-empty{color:#94a3b8}.batch-mode-panel{background:#fff;border:1px solid #e5e7eb}[data-theme=dark] .batch-mode-panel,.dark .batch-mode-panel{background:#1e293b;border:1px solid #334155}.batch-mode-header{border-bottom:1px solid #e5e7eb}[data-theme=dark] .batch-mode-header,.dark .batch-mode-header{border-bottom:1px solid #334155}.batch-mode-title{color:#1f2937}[data-theme=dark] .batch-mode-title,.dark .batch-mode-title{color:#f1f5f9}.batch-mode-subtitle{color:#64748b}[data-theme=dark] .batch-mode-subtitle,.dark .batch-mode-subtitle{color:#94a3b8}.batch-mode-loading-content .md3-progress{color:#fff}.batch-mode-select{opacity:1;cursor:pointer}.batch-mode-select:disabled{opacity:.5;cursor:not-allowed}.batch-mode-select option{color:#333}.md3-signup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--md-sys-color-surface);position:relative;overflow:hidden;max-width:1200px;margin:0 auto}.signup-background{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.signup-gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;animation:float-orb 20s ease-in-out infinite}.orb-1{width:500px;height:500px;background:var(--md-sys-color-primary);top:-10%;left:-10%;animation-delay:0s}.orb-2{width:400px;height:400px;background:var(--md-sys-color-tertiary);bottom:-10%;right:-10%;animation-delay:7s}.orb-3{width:350px;height:350px;background:var(--md-sys-color-secondary);top:50%;right:10%;animation-delay:14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.md3-signup-content{position:relative;z-index:1;width:100%;max-width:560px;background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-extra-large, 28px);padding:3rem 2.5rem;box-shadow:var(--md-sys-elevation-level2, 0 2px 4px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .08) );border:1px solid var(--md-sys-color-outline-variant);animation:slideUpFadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.md3-signup-header{text-align:center;margin-bottom:2rem}.md3-signup-logo{height:48px;width:auto;margin-bottom:1.5rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));animation:fadeIn .8s ease-out .2s both}.md3-signup-title{font-size:clamp(1.75rem,4vw,2rem);font-weight:500;color:var(--md-sys-color-on-surface);margin:0 0 .5rem;line-height:1.2;letter-spacing:-.01em}.md3-signup-subtitle{font-size:.9375rem;color:var(--md-sys-color-on-surface-variant);margin:0;line-height:1.5}.md3-alert{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:var(--md-sys-shape-corner-medium, 12px);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5;animation:alertSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes alertSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.md3-alert-icon{font-size:1.25rem;flex-shrink:0}.md3-alert-message{flex:1}.md3-alert-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:1px solid color-mix(in srgb,var(--md-sys-color-error) 30%,transparent)}.md3-alert-error .md3-alert-icon{color:var(--md-sys-color-error)}.md3-alert-success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border:1px solid color-mix(in srgb,var(--md-sys-color-tertiary) 30%,transparent)}.md3-alert-success .md3-alert-icon{color:var(--md-sys-color-tertiary)}.md3-signup-form{display:flex;flex-direction:column;gap:1.25rem;background:var(--md-sys-color-on-surface-container-high);padding:1.5rem;border-radius:var(--md-sys-shape-corner-medium, 12px);box-shadow:var(--md-sys-elevation-level2, 0 2px 3px rgba(0, 0, 0, .06), 0 2px 2px rgba(0, 0, 0, .09) );border:4px solid var(--md-sys-color-outline-variant)}.md3-form-row{display:flex;flex-direction:column;gap:1.25rem;width:100%}.md3-signup-field{width:100%}.md3-password-requirements{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-small, 8px);font-size:.9125rem;line-height:1.4;margin-top:-.5rem}.requirements-icon{font-size:1rem;color:var(--md-sys-color-secondary);flex-shrink:0}.requirements-text{flex:1}.md3-checkbox-field{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0}.md3-checkbox-label{font-size:.875rem;line-height:1.6;color:var(--md-sys-color-on-surface-variant);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1}.md3-checkbox-label:hover{color:var(--md-sys-color-on-surface)}.md3-link{color:var(--md-sys-color-primary);text-decoration:none;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.md3-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--md-sys-color-primary);transition:width .2s cubic-bezier(.4,0,.2,1)}.md3-link:hover:after{width:100%}.md3-link:hover{color:var(--md-sys-color-primary);text-decoration:none}.md3-link:active{transform:scale(.98)}.md3-link-bold{font-weight:600}.md3-signup-submit{width:100%;margin-top:.5rem;height:48px;font-size:.9375rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.md3-signup-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.md3-signup-submit:active:not(:disabled){transform:translateY(0)}.md3-signup-submit .material-symbols-outlined{font-size:1.25rem}.md3-button-spinner{width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.md3-signup-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--md-sys-color-outline-variant)}.md3-signup-footer-text{font-size:.875rem;color:var(--md-sys-color-on-surface-variant);line-height:1.5}@media(max-width:639px){.md3-signup-container{padding:1rem .75rem}.md3-signup-content{padding:2rem 1.5rem;border-radius:var(--md-sys-shape-corner-large, 20px)}.md3-signup-logo{height:48px}.md3-password-requirements{font-size:.75rem;padding:.625rem .875rem}.md3-checkbox-label{font-size:.8125rem}.md3-signup-submit{height:44px}}@media(min-width:640px)and (max-width:1023px){.md3-signup-content{max-width:520px;padding:2.5rem 2rem}}@media(min-width:1024px){.md3-signup-content{max-width:560px}}.md3-checkbox-label:focus-visible,.md3-link:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){.md3-signup-content,.md3-alert,.md3-signup-logo,.signup-gradient-orb{animation:none}.md3-link:after{transition:none}.md3-signup-submit{transition:none}}@media(prefers-contrast:high){.md3-signup-content{border:2px solid var(--md-sys-color-outline)}.md3-alert{border-width:2px}.md3-link{text-decoration:underline}}.md3-signup-container[data-theme=dark] .signup-gradient-orb{opacity:.08}.md3-signup-container[data-theme=dark] .md3-signup-content{box-shadow:0 4px 8px #0000004d,0 8px 24px #0003}.md3-signup-container[data-theme=dark] .md3-alert-error{background:color-mix(in srgb,var(--md-sys-color-error) 15%,var(--md-sys-color-surface))}.md3-signup-container[data-theme=dark] .md3-alert-success{background:color-mix(in srgb,var(--md-sys-color-tertiary) 15%,var(--md-sys-color-surface))}.driver-active .driver-overlay,.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;box-sizing:border-box;color:#2d2d2d;margin:0;padding:15px;border-radius:5px;min-width:250px;max-width:300px;box-shadow:0 1px 10px #0006;z-index:1000000000;position:fixed;top:0;right:0;background-color:#fff}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,"Apple Color Emoji",Helvetica,Arial,sans-serif}.driver-popover-title{font:19px/normal sans-serif;font-weight:700;display:block;position:relative;line-height:1.5;zoom:1;margin:0}.driver-popover-close-btn{all:unset;position:absolute;top:0;right:0;width:32px;height:28px;cursor:pointer;font-size:18px;font-weight:500;color:#d2d2d2;z-index:1;text-align:center;transition:color;transition-duration:.2s}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{margin-bottom:0;font:14px/normal sans-serif;line-height:1.5;font-weight:400;zoom:1}.driver-popover-footer{margin-top:15px;text-align:right;zoom:1;display:flex;align-items:center;justify-content:space-between}.driver-popover-progress-text{font-size:13px;font-weight:400;color:#727272;zoom:1}.driver-popover-footer button{all:unset;display:inline-block;box-sizing:border-box;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff;background-color:#fff;color:#2d2d2d;font:12px/normal sans-serif;cursor:pointer;outline:0;zoom:1;line-height:1.3;border:1px solid #ccc;border-radius:3px}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:hover,.driver-popover-footer button:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";position:absolute;border:5px solid #fff}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{left:100%;border-right-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-right{right:100%;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent}.driver-popover-arrow-side-top{top:100%;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.driver-popover-arrow-side-bottom{bottom:100%;border-left-color:transparent;border-top-color:transparent;border-right-color:transparent}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-start,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-top.driver-popover-arrow-align-end,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{top:50%;margin-top:-5px}.driver-popover-arrow-side-top.driver-popover-arrow-align-center,.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.points-history-container{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.points-history-container.dark{background:#1e293b;border-color:#334155}.points-history-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.points-history-container.dark .points-history-header{border-bottom-color:#334155}.points-history-title{margin:0;font-size:18px;font-weight:600;color:#1a1d20}.points-history-container.dark .points-history-title{color:#f1f5f9}.refresh-button{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;opacity:.6}.refresh-button:hover{opacity:1;background:#f3f4f6}.points-history-container.dark .refresh-button:hover{background:#334155}.points-history-loading,.points-history-error,.points-history-empty{padding:24px 20px;text-align:center}.points-history-error{color:#ef4444}.points-history-container.dark .points-history-error{color:#fca5a5}.retry-button{margin-top:12px;padding:8px 16px;background:#24a8e0;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.retry-button:hover{background:#4f46e5;transform:translateY(-1px)}.points-history-empty{color:#6b7280}.points-history-container.dark .points-history-empty{color:#94a3b8}.points-history-list{max-height:400px;overflow-y:auto;padding:12px 20px}.points-history-list::-webkit-scrollbar{width:6px}.points-history-list::-webkit-scrollbar-track{background:transparent}.points-history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.points-history-container.dark .points-history-list::-webkit-scrollbar-thumb{background:#475569}.points-history-date-group{margin-bottom:20px}.points-history-date-group:last-child{margin-bottom:0}.points-history-date-header{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:4px}.points-history-container.dark .points-history-date-header{color:#94a3b8}.points-history-items{display:flex;flex-direction:column;gap:6px}.points-history-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:12px;transition:all .2s ease;cursor:default}.points-history-container.dark .points-history-item{background:#0f172a}.points-history-item:hover{background:#f3f4f6;transform:translate(2px)}.points-history-container.dark .points-history-item:hover{background:#1e293b}.points-history-item-icon{font-size:24px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.points-history-container.dark .points-history-item-icon{background:#334155}.points-history-item-content{flex:1;min-width:0}.points-history-item-label{font-size:14px;font-weight:500;color:#1a1d20;margin-bottom:2px}.points-history-container.dark .points-history-item-label{color:#f1f5f9}.points-history-item-time{font-size:12px;color:#6b7280}.points-history-container.dark .points-history-item-time{color:#94a3b8}.points-history-item-points{flex-shrink:0}.points-badge{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,var(--brand-gradient-start) 0%,var(--brand-gradient-end) 100%);color:#fff;font-size:13px;font-weight:600;border-radius:12px;box-shadow:0 2px 4px #6366f133}.points-history-footer{padding:12px 20px;border-top:1px solid #e5e7eb;text-align:right;background:#f9fafb}.points-history-container.dark .points-history-footer{border-top-color:#334155;background:#0f172a}.points-history-total{font-size:14px;font-weight:600;color:#24a8e0}.points-history-container.dark .points-history-total{color:#818cf8}.loading-shimmer{background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.points-history-container.dark .loading-shimmer{background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.points-history-list{max-height:300px}.points-history-item{padding:10px}.points-history-item-icon{font-size:20px;width:28px;height:28px}.points-history-item-label{font-size:13px}.points-badge{font-size:12px;padding:3px 8px}}.mentor-preview-card{position:relative;background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-secondary-container) 100%);border-radius:24px;padding:24px;margin-top:20px;box-shadow:0 4px 16px #00000014,0 2px 4px #0000000a;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--md-sys-color-outline-variant);overflow:hidden}.mentor-preview-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease;pointer-events:none}.mentor-preview-card:hover:before{left:100%}.mentor-preview-card:hover{box-shadow:0 8px 24px #0000001f,0 4px 8px #0000000f;transform:translateY(-4px);border-color:var(--md-sys-color-primary)}.mentor-preview-card.dark{background:linear-gradient(135deg,#24a8e033,#8b5cf626);border:1px solid rgba(187,134,252,.3);box-shadow:0 4px 16px #0006,0 2px 4px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mentor-preview-card.dark:before{background:linear-gradient(90deg,transparent 0%,rgba(187,134,252,.15) 50%,transparent 100%)}.mentor-preview-card.dark:hover{box-shadow:0 8px 24px #bb86fc4d,0 4px 8px #0000004d;border-color:#bb86fc80}.mentor-preview-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;z-index:1}.mentor-preview-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;color:var(--md-sys-color-on-primary-container);letter-spacing:-.02em}.mentor-icon{color:var(--md-sys-color-primary);filter:drop-shadow(0 2px 4px rgba(99,102,241,.3));animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sparkle-icon{color:var(--md-sys-color-tertiary);filter:drop-shadow(0 2px 4px rgba(168,85,247,.4));animation:sparkle 4s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1);opacity:.7}25%{transform:rotate(90deg) scale(1.15);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:.9}75%{transform:rotate(270deg) scale(1.15);opacity:1}}.mentor-preview-content{position:relative;display:flex;flex-direction:column;gap:16px;z-index:1}.insight-badge{display:inline-flex;align-items:center;gap:8px;background:var(--md-sys-color-surface);padding:8px 16px;border-radius:24px;width:-webkit-fit-content;width:fit-content;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000d;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.insight-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014}.mentor-preview-card.dark .insight-badge{background:#ffffff1f;box-shadow:0 2px 8px #0000004d,0 1px 2px #0003}.mentor-preview-card.dark .insight-badge:hover{background:#ffffff29;box-shadow:0 4px 12px #bb86fc33,0 2px 4px #0000004d}.insight-icon{font-size:1.3rem;line-height:1;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.insight-label{font-size:.875rem;font-weight:600;color:var(--md-sys-color-on-surface);text-transform:uppercase;letter-spacing:.05em}.insight-message{font-size:1rem;line-height:1.6;color:var(--md-sys-color-on-primary-container);margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.05)}.mentor-preview-card.dark .insight-message{color:var(--md-sys-color-on-surface);text-shadow:0 1px 3px rgba(0,0,0,.3)}.current-book-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;background:var(--md-sys-color-surface);border-radius:16px;font-size:.925rem;color:var(--md-sys-color-on-surface);box-shadow:0 1px 4px #0000000f;transition:all .3s ease;border:1px solid transparent}.current-book-info:hover{border-color:var(--md-sys-color-outline);box-shadow:0 2px 8px #0000001a}.mentor-preview-card.dark .current-book-info{background:#ffffff1a;box-shadow:0 1px 4px #0003;border:1px solid rgba(255,255,255,.08)}.mentor-preview-card.dark .current-book-info:hover{background:#ffffff1f;border-color:#bb86fc4d;box-shadow:0 2px 8px #bb86fc26}.book-icon{font-size:1.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.book-title{flex:1;min-width:200px;font-weight:500}.book-title strong{color:var(--md-sys-color-primary);font-weight:700;background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.book-progress{padding:4px 12px;background:linear-gradient(135deg,var(--md-sys-color-tertiary-container),var(--md-sys-color-primary-container));color:var(--md-sys-color-on-tertiary-container);border-radius:16px;font-size:.8rem;font-weight:600;box-shadow:0 2px 4px #00000014;white-space:nowrap}.mentor-preview-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.action-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.action-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-button:hover:before{width:300px;height:300px}.action-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #0003}.action-button:active{transform:translateY(0) scale(.98)}.action-button>*{position:relative;z-index:1}.action-button.primary{background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary));color:var(--md-sys-color-on-primary)}.action-button.primary:hover{filter:brightness(1.15) saturate(1.1)}.action-button.secondary{background:linear-gradient(135deg,var(--md-sys-color-secondary-container),var(--md-sys-color-tertiary-container));color:var(--md-sys-color-on-secondary-container);border:1px solid var(--md-sys-color-outline-variant)}.action-button.secondary:hover{background:linear-gradient(135deg,var(--md-sys-color-secondary),var(--md-sys-color-tertiary));color:var(--md-sys-color-on-secondary);border-color:transparent}.quick-access-row{display:flex;gap:10px;width:100%;margin-top:6px}.action-button.quick-access{flex:1;background:linear-gradient(135deg,var(--md-sys-color-surface-container-high) 0%,var(--md-sys-color-surface-container) 100%);color:var(--md-sys-color-on-surface);border:1.5px solid var(--md-sys-color-outline-variant);font-size:.85rem;padding:10px 14px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mentor-preview-card.dark .action-button.quick-access{background:linear-gradient(135deg,#6366f12e,#8b5cf61f);border-color:#6366f159;box-shadow:0 2px 8px #0000004d}.action-button.quick-access:hover{background:linear-gradient(135deg,var(--md-sys-color-primary-container) 0%,var(--md-sys-color-tertiary-container) 100%);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary-container);transform:translateY(-2px) scale(1.03)}.mentor-preview-card.dark .action-button.quick-access:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf640);border-color:#bb86fc99;box-shadow:0 4px 16px #bb86fc40}.action-button.view-full{background:linear-gradient(135deg,var(--md-sys-color-tertiary),var(--md-sys-color-primary));color:var(--md-sys-color-on-tertiary);margin-left:auto;font-weight:700;box-shadow:0 4px 12px #a855f74d;position:relative;overflow:hidden}.action-button.view-full:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.action-button.view-full:hover:after{left:100%}.action-button.view-full:hover{filter:brightness(1.2) saturate(1.15);gap:10px;box-shadow:0 6px 20px #a855f766}.mentor-preview-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 20px;color:var(--md-sys-color-on-primary-container);font-weight:600;font-size:.95rem}.loading-icon{animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;filter:drop-shadow(0 2px 4px rgba(99,102,241,.4))}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@media(max-width:768px){.mentor-preview-card{padding:20px;border-radius:20px}.mentor-preview-title{font-size:1rem}.insight-message{font-size:.95rem}.current-book-info{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.book-title{min-width:auto}.mentor-preview-actions{flex-direction:column}.quick-access-row{flex-direction:row;gap:8px}.action-button{width:100%;justify-content:center;padding:11px 18px}.action-button.quick-access{flex:1;min-width:0}.action-button.view-full{margin-left:0;width:100%}}@media(max-width:480px){.mentor-preview-card{padding:16px;margin-top:16px;border-radius:18px}.mentor-preview-header{margin-bottom:16px}.mentor-preview-title{font-size:.95rem}.insight-badge{padding:6px 12px}.insight-label{font-size:.8rem}.insight-message{font-size:.9rem}.action-button{padding:10px 16px;font-size:.85rem}.quick-access-row{flex-direction:column}.action-button.quick-access{width:100%}}.dashboard-container{background:var(--md-sys-color-surface);min-height:calc(100vh - 80px);transition:background .3s ease;position:relative;z-index:1}.dashboard-content{max-width:1200px;margin:0 auto;padding:24px}.welcome-section{margin-bottom:32px;position:relative;padding:32px;border-radius:16px}:root:not([data-theme=dark]) .welcome-section{background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db);border:1px solid #9ca3af;box-shadow:0 4px 12px #00000014}[data-theme=dark] .welcome-section{background:linear-gradient(135deg,var(--md-sys-color-surface-container) 0%,var(--md-sys-color-surface-container-high) 50%,var(--md-sys-color-surface-container) 100%);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 4px 12px #0000004d,0 1px 3px #0006}:root:not([data-theme=dark]) .welcome-header{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563);color:#fff}:root:not([data-theme=dark]) .welcome-title,:root:not([data-theme=dark]) .welcome-subtitle{color:#fff}:root:not([data-theme=dark]) .progress-section{background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db);border:1px solid #9ca3af;box-shadow:0 4px 12px #00000014}[data-theme=dark] .progress-section{background:linear-gradient(135deg,var(--md-sys-color-surface-container-low) 0%,var(--md-sys-color-surface-container) 50%,var(--md-sys-color-surface-container-low) 100%);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 2px 8px #00000040,0 1px 2px #0000004d}:root:not([data-theme=dark]) .stat-card,:root:not([data-theme=dark]) .progress-section .stats-grid .stat-card{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563)!important;border:1px solid #374151!important;color:#fff!important}:root:not([data-theme=dark]) .stat-card .stat-value,:root:not([data-theme=dark]) .stat-card .stat-label,:root:not([data-theme=dark]) .stat-card .stat-icon{color:#fff!important}[data-theme=dark] .stat-card .stat-value,[data-theme=dark] .stat-card .stat-label,[data-theme=dark] .stat-card .stat-icon{color:var(--md-sys-color-on-surface)!important}[data-theme=dark] .section-card,[data-theme=dark] .section-card-compact{background:linear-gradient(135deg,var(--md-sys-color-surface-container-low) 0%,var(--md-sys-color-surface-container) 100%);border:1px solid var(--md-sys-color-outline-variant);box-shadow:0 2px 8px #00000040,0 1px 2px #0000004d}#dashboard-currently-reading .books-grid{gap:10px 12px}#dashboard-currently-reading .book-card{border-radius:12px;overflow:hidden;position:relative}#dashboard-currently-reading .book-title,#dashboard-currently-reading .book-author{position:absolute;left:0;right:0;color:#fff;padding:0 12px;text-shadow:0 2px 8px rgba(0,0,0,.35)}#dashboard-currently-reading .book-title{bottom:28px;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dashboard-currently-reading .book-author{bottom:8px;font-size:.8rem;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#dashboard-currently-reading .book-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,#0000,#000000a6 95%);pointer-events:none}#dashboard-currently-reading .progress-bar-container,#dashboard-currently-reading .progress-text{display:none}.welcome-header{padding:40px;border-radius:24px;background:linear-gradient(135deg,var(--md-sys-color-primary-container),var(--md-sys-color-secondary-container));color:var(--md-sys-color-on-primary-container);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.welcome-title{font-size:28px;font-weight:700;margin-bottom:12px;color:var(--md-sys-color-on-primary-container)}.welcome-subtitle{font-size:16px;margin-bottom:24px;color:var(--md-sys-color-on-primary-container);opacity:.9}.level-progress-container{margin-bottom:20px}.level-progress-text{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--md-sys-color-on-primary-container);opacity:.9}.level-progress-bar{height:8px;background:var(--md-sys-color-surface-variant);border-radius:4px;overflow:hidden}.level-progress-fill{height:100%;background:var(--md-sys-color-secondary);border-radius:4px;transition:width .8s ease}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.action-button-primary{padding:12px 24px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:1px solid var(--md-sys-color-primary);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.action-button-primary:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-button-secondary{padding:12px 24px;background:#ffffff1a;color:var(--md-sys-color-on-primary-container);border:1px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button-secondary:hover{background:#fff3;transform:translateY(-2px)}.checkin-button{padding:10px 20px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:1px solid var(--md-sys-color-primary);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;position:relative}.checkin-button:hover:not(:disabled){background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.checkin-button:disabled{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed;text-decoration:line-through}.checkin-streak-badge{position:absolute;top:-8px;right:-8px;background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:var(--md-sys-elevation-level1)}.section-header{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--md-sys-color-on-surface)}.progress-section{margin-bottom:32px;background:linear-gradient(135deg,#4f46e514,#05966914);border-radius:16px;border:1px solid rgba(79,70,229,.2);padding:24px;box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px}.stats-arc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-bottom:32px;padding:16px 0}.stat-arc-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:#ffffffb3;border:2px solid rgba(99,102,241,.15);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:280px;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80}.stat-arc-card:hover{transform:translateY(-4px) scale(1.02);background:#ffffffe6;border-color:#6366f14d;box-shadow:0 8px 24px #0000001f,inset 0 1px #ffffffb3}[data-theme=dark] .stat-arc-card{background:#1e1e23e6;border:2px solid rgba(99,102,241,.25);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .stat-arc-card:hover{background:#282832f2;border-color:#6366f166;box-shadow:0 8px 24px #0006,inset 0 1px #ffffff1a}.stat-arc-info{display:flex;flex-direction:column;align-items:center;margin-top:16px;text-align:center;gap:4px}.stat-arc-icon{font-size:2rem;margin-bottom:8px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-arc-value{font-size:1.5rem;font-weight:700;color:var(--md-sys-color-primary);text-shadow:0 2px 8px rgba(36,168,224,.2)}.stat-arc-label{font-size:.875rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .stat-arc-value{color:var(--md-sys-color-primary);text-shadow:0 2px 8px rgba(36,168,224,.4)}[data-theme=dark] .stat-arc-label{color:var(--md-sys-color-on-surface-variant)}.progress-section .stats-grid .stat-card{background:var(--md-sys-color-primary-container)!important;border:1px solid var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary-container)!important}.progress-section .stats-grid .stat-card:hover{background:var(--md-sys-color-primary)!important;color:var(--md-sys-color-on-primary)!important}.stat-card{background:var(--md-sys-color-primary-container);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;border:1px solid var(--md-sys-color-primary);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--md-sys-color-primary),var(--md-sys-color-tertiary))}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.stat-icon{font-size:24px;margin-bottom:8px;display:block}.stat-value{font-size:24px;font-weight:700;color:var(--md-sys-color-on-primary-container);margin-bottom:4px}.stat-label{font-size:14px;color:var(--md-sys-color-on-primary-container);font-weight:500}.stat-icon{color:var(--md-sys-color-on-primary-container)}.loading-shimmer{background:linear-gradient(90deg,var(--md-sys-color-surface-variant) 25%,var(--md-sys-color-surface-container-high) 50%,var(--md-sys-color-surface-variant) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.section-card{background:var(--md-sys-color-surface-container);border-radius:12px;padding:24px;border:1px solid var(--md-sys-color-outline-variant);margin-bottom:32px}.section-card-compact{background:var(--md-sys-color-surface-container);border-radius:12px;padding:20px;border:1px solid var(--md-sys-color-outline-variant);margin-bottom:32px}.section-title{font-size:20px;font-weight:700;margin-bottom:16px;color:var(--md-sys-color-on-surface)}.section-title-compact{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--md-sys-color-on-surface)}.achievements-grid{display:flex;gap:12px;flex-wrap:wrap}.achievement-tag{padding:8px 16px;background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.books-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.book-card{padding:12px;background:var(--md-sys-color-surface-container-low);border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid var(--md-sys-color-outline-variant)}.book-card:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level2);background:var(--md-sys-color-surface-container)}.book-card-compact{padding:10px;background:var(--md-sys-color-surface-container-low);border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid var(--md-sys-color-outline-variant)}.book-card-compact:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level2);background:var(--md-sys-color-surface-container)}.book-title{font-size:14px;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-title-compact{font-size:13px;font-weight:600;color:var(--md-sys-color-on-surface);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-author{font-size:12px;color:var(--md-sys-color-on-surface-variant);font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-author-compact{font-size:11px;color:var(--md-sys-color-on-surface-variant);font-weight:500;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-date{font-size:10px;color:var(--md-sys-color-on-surface-variant);display:flex;align-items:center;gap:4px}.progress-bar-container{margin-bottom:4px}.progress-bar{height:4px;background:var(--md-sys-color-surface-variant);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--md-sys-color-primary);border-radius:2px;transition:width .3s ease}.progress-text{font-size:11px;color:var(--md-sys-color-on-surface-variant)}.view-all-button{margin-top:16px;padding:8px 16px;background:transparent;color:var(--md-sys-color-primary);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-button:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:4px}.view-all-centered{margin-top:16px;text-align:center}.view-all-link{background:transparent;border:none;color:var(--md-sys-color-primary);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline}.view-all-link:hover{color:var(--md-sys-color-primary-container)}.cta-section{background:linear-gradient(135deg,var(--md-sys-color-tertiary-container),var(--md-sys-color-primary-container));border:1px solid var(--md-sys-color-primary);border-radius:24px;padding:40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 6s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-30%,-30%) rotate(180deg)}}.cta-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--md-sys-color-on-primary-container)}.cta-subtitle{font-size:16px;color:var(--md-sys-color-on-primary-container);opacity:.8;margin-bottom:24px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button-primary{padding:12px 32px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:var(--md-sys-elevation-level2)}.cta-button-primary:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level3);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.cta-button-secondary{padding:12px 32px;background:transparent;color:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-primary);border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease}.cta-button-secondary:hover{background:var(--md-sys-color-surface-container);transform:translateY(-2px)}@media(max-width:768px){.dashboard-content{padding:16px}.welcome-header{padding:24px}.welcome-title{font-size:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stats-arc-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat-arc-card{min-height:220px;padding:16px}.stat-arc-icon{font-size:1.5rem}.stat-arc-value{font-size:1.25rem}.stat-arc-label{font-size:.75rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cta-buttons{flex-direction:column;align-items:center}.cta-button-primary,.cta-button-secondary{width:100%;max-width:300px}}:root:not([data-theme=dark]) .section-card{background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db);color:var(--md-sys-color-on-primary);border:1px solid #9ca3af;box-shadow:0 4px 12px #00000014}:root:not([data-theme=dark]) .section-card-compact{background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db);border:1px solid #9ca3af;box-shadow:0 4px 12px #00000014}:root:not([data-theme=dark]) .cta-section{background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db);border:1px solid #9ca3af;box-shadow:0 4px 12px #00000014}:root:not([data-theme=dark]) .book-card,:root:not([data-theme=dark]) .book-card-compact{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563);border:1px solid #374151;color:#fff}:root:not([data-theme=dark]) .achievement-tag{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563);border:1px solid #374151;color:#fff}:root:not([data-theme=dark]) .cta-button-primary,:root:not([data-theme=dark]) .cta-button-secondary{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563);border:1px solid #374151;color:#fff}:root:not([data-theme=dark]) .section-title,:root:not([data-theme=dark]) .section-title-compact,:root:not([data-theme=dark]) .cta-title,:root:not([data-theme=dark]) .cta-subtitle{color:#1f2937}:root:not([data-theme=dark]) .book-title,:root:not([data-theme=dark]) .book-title-compact,:root:not([data-theme=dark]) .book-author,:root:not([data-theme=dark]) .book-author-compact,:root:not([data-theme=dark]) .book-date,:root:not([data-theme=dark]) .progress-text{color:#fff}[data-theme=dark] .progress-section,.dark .progress-section,.dashboard-container.dark .progress-section{background:linear-gradient(135deg,#4f46e526,#05966926);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dashboard-main-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;margin-top:24px}.dashboard-left-column,.dashboard-right-column{display:flex;flex-direction:column;gap:24px}.welcome-section-compact{position:relative;padding:24px 32px;border-radius:16px;margin-bottom:24px;background:linear-gradient(135deg,#6366f11a,#8b5cf60d,#6366f11a);border:2px solid rgba(99,102,241,.2);box-shadow:0 4px 16px #00000014}[data-theme=dark] .welcome-section-compact{background:linear-gradient(135deg,#6366f126,#8b5cf61a,#6366f126);border-color:#6366f14d;box-shadow:0 4px 16px #0000004d}.welcome-content{width:100%}.welcome-info{display:flex;flex-direction:column;gap:12px}.welcome-title-compact{font-size:1.75rem;font-weight:700;margin:0;color:var(--md-sys-color-on-surface);line-height:1.2}.welcome-subtitle-compact{font-size:1rem;margin:0;color:var(--md-sys-color-on-surface-variant);font-weight:500}.welcome-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.welcome-inline-buttons{display:flex;gap:8px;align-items:center}.checkin-button-inline{width:36px;height:36px;padding:0;border-radius:50%;border:2px solid rgba(99,102,241,.3);background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));color:#fff;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #6366f14d;display:inline-flex;align-items:center;justify-content:center}.checkin-button-inline:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #6366f180;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end))}.checkin-button-inline:active:not(:disabled){transform:translateY(0) scale(.95)}.checkin-button-inline:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b9814d}.sync-button-inline{width:36px;height:36px;padding:0;border-radius:50%;border:2px solid rgba(16,185,129,.3);background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #10b9814d;display:inline-flex;align-items:center;justify-content:center}.sync-button-inline:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #10b98180;background:linear-gradient(135deg,#059669,#047857)}.sync-button-inline:active:not(:disabled){transform:translateY(0) scale(.95)}.sync-button-inline:disabled{opacity:.7;cursor:not-allowed}.sync-button-inline.syncing{background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));border-color:#6366f14d}.sync-button-inline.synced{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98166}.sync-button-inline .sync-icon{transition:transform .6s ease-in-out}.sync-button-inline .sync-icon.spinning{animation:spin 1s linear infinite}.level-progress-container{margin-top:12px;display:flex;align-items:center;gap:12px}.level-progress-bar{flex:1;position:relative;height:8px;background:linear-gradient(90deg,#6366f126,#8b5cf626);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}[data-theme=dark] .level-progress-bar{background:linear-gradient(90deg,#6366f140,#8b5cf640);box-shadow:inset 0 1px 3px #0000004d}.level-progress-fill{height:100%;background:linear-gradient(90deg,#24a8e0 0% 50%,#24a8e0);border-radius:10px;position:relative;transition:width 1s cubic-bezier(.4,0,.2,1);animation:shimmer 2s infinite;box-shadow:0 0 10px #6366f180}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.level-progress-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.level-progress-bar:hover .level-progress-fill{box-shadow:0 0 15px #6366f1cc;animation:shimmer 1s infinite,pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #6366f180}50%{box-shadow:0 0 20px #6366f1cc}}.level-progress-text{font-size:.8rem;color:var(--md-sys-color-primary);font-weight:600;white-space:nowrap;min-width:100px;text-align:right}[data-theme=dark] .level-progress-text{color:var(--md-sys-color-primary);text-shadow:0 0 8px rgba(99,102,241,.5)}.welcome-action-buttons{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.checkin-button-compact{align-self:flex-start;padding:12px 24px;border-radius:12px;border:2px solid rgba(99,102,241,.3);background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;gap:8px}.checkin-button-compact:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166;background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end))}.checkin-button-compact:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af)}.checkin-streak-badge-compact{padding:4px 8px;background:#fff3;border-radius:6px;font-size:.85rem}.sync-button{align-self:flex-start;padding:10px 20px;border-radius:10px;border:2px solid rgba(16,185,129,.3);background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #10b98133;display:flex;align-items:center;gap:8px}.sync-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.sync-button:disabled{opacity:.7;cursor:not-allowed}.sync-button.syncing{background:linear-gradient(135deg,var(--brand-gradient-start),var(--brand-gradient-end));border-color:#6366f14d}.sync-button.synced{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98166}.sync-icon{transition:transform .6s ease-in-out}.sync-icon.spinning{animation:spin 1s linear infinite}.sync-button-text{font-size:.9rem;font-weight:600}.sync-time-badge{padding:3px 8px;background:#ffffff40;border-radius:6px;font-size:.75rem;font-weight:500}.quick-actions-card{background:#ffffffb3;border:2px solid rgba(99,102,241,.15);border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}[data-theme=dark] .quick-actions-card{background:#1e1e23e6;border-color:#6366f140;box-shadow:0 4px 16px #0000004d}.card-title{font-size:1.25rem;font-weight:700;margin:0 0 16px;color:var(--md-sys-color-on-surface)}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border-radius:12px;border:2px solid transparent;background:#6366f11a;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center}.quick-action-button:hover{transform:translateY(-2px);border-color:#6366f166;background:#6366f126;box-shadow:0 6px 16px #6366f133}[data-theme=dark] .quick-action-button{background:#6366f126}[data-theme=dark] .quick-action-button:hover{background:#6366f140;box-shadow:0 6px 16px #6366f14d}.action-icon{font-size:2rem;line-height:1}.action-label{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface)}.quick-action-button.library{background:#3b82f61a}.quick-action-button.library:hover{background:#3b82f626;border-color:#3b82f666}.quick-action-button.upload{background:#10b9811a}.quick-action-button.upload:hover{background:#10b98126;border-color:#10b98166}.quick-action-button.notes{background:#f59e0b1a}.quick-action-button.notes:hover{background:#f59e0b26;border-color:#f59e0b66}.quick-action-button.mentor{background:#a855f71a}.quick-action-button.mentor:hover{background:#a855f726;border-color:#a855f766}@media(max-width:1024px){.dashboard-main-grid{grid-template-columns:1fr}.dashboard-right-column{order:-1}}@media(max-width:768px){.quick-actions-grid{grid-template-columns:1fr}.welcome-section-compact{padding:20px}.stats-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-main-content-grid{grid-template-columns:1fr}}.simple-scroll-container{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:16px;margin-bottom:24px;padding-bottom:12px;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}.dashboard-stats-row{margin-bottom:24px;width:100%}.stats-cards-grid::-webkit-scrollbar{height:8px}.stats-cards-grid::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.stats-cards-grid::-webkit-scrollbar-thumb{background:var(--md-sys-color-primary);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.stats-cards-grid::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-primary-container)}.stat-metric-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014;min-width:180px;flex-shrink:0}.stat-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:var(--md-sys-color-primary)}[data-theme=dark] .stat-metric-card{background:var(--md-sys-color-surface-container-low);border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .stat-metric-card:hover{box-shadow:0 4px 16px #0006}.stat-metric-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-metric-value{font-size:1.5rem;font-weight:700;color:var(--md-sys-color-on-surface);line-height:1}.stat-metric-growth{font-size:1.1rem;padding:3px 6px;border-radius:6px;background:#10b9811a;color:#10b981;transition:all .3s ease}.stat-metric-growth.up{background:#10b9811a;color:#10b981}.stat-metric-growth.down{background:#ef44441a;color:#ef4444}.stat-metric-growth.neutral{background:#9ca3af1a;color:#9ca3af}.stat-metric-footer{display:flex;justify-content:space-between;align-items:center}.stat-metric-label{font-size:.8rem;font-weight:500;color:var(--md-sys-color-on-surface-variant);text-transform:capitalize}.stat-metric-percentage{font-size:.8rem;font-weight:600}.stat-metric-percentage.up{color:#10b981}.stat-metric-percentage.down{color:#ef4444}.stat-metric-percentage.neutral{color:#9ca3af}.dashboard-main-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.dashboard-content-left,.dashboard-content-right{display:flex;flex-direction:column}.dashboard-content-left .welcome-section-compact,.dashboard-content-right .section-card{height:100%;margin-bottom:0}.dashboard-bottom-row{display:block;width:100%}@media(max-width:900px){.dashboard-main-content-grid{grid-template-columns:1fr}}.simple-scroll-container::-webkit-scrollbar{display:none}@media(max-width:600px){.stat-metric-card{min-width:165px;max-width:165px;flex-shrink:0}}.point-categories-wrapper{width:100%}.point-categories-section-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--md-sys-color-outline-variant)}.point-categories-section-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:2rem;font-weight:800;color:var(--md-sys-color-on-surface);margin:0 0 8px;letter-spacing:-.03em}.section-title-icon{font-size:2.25rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.point-categories-section-subtitle{font-size:1.125rem;color:var(--md-sys-color-on-surface-variant);margin:0;font-weight:500}.point-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1200px){.point-categories-grid{grid-template-columns:1fr}}.point-category-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014}.point-category-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}[data-theme=dark] .point-category-card{background:var(--md-sys-color-surface-container-low);border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .point-category-card:hover{box-shadow:0 4px 16px #0006}.point-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1.5px solid var(--md-sys-color-outline-variant)}.point-category-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:var(--md-sys-color-on-surface);margin:0;letter-spacing:-.01em;line-height:1.2}.point-category-icon{font-size:1.35rem;line-height:1}.point-category-actions{display:flex;flex-direction:column;gap:8px}.point-action-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#00000005;border-radius:8px;transition:all .2s ease}[data-theme=dark] .point-action-item{background:#ffffff08}.point-action-item:hover{background:#0000000a;transform:translate(4px)}[data-theme=dark] .point-action-item:hover{background:#ffffff0f}.point-action-info{display:flex;align-items:center;gap:8px}.point-action-icon{font-size:1.1rem;line-height:1}.point-action-name{font-size:.85rem;font-weight:500;color:var(--md-sys-color-on-surface)}.point-action-badge{padding:3px 10px;border-radius:6px;font-size:.8rem;font-weight:600;white-space:nowrap}.point-category-footer-link{background:none;border:none;color:var(--md-sys-color-primary);font-size:.875rem;font-weight:600;cursor:pointer;padding:8px 0;text-align:left;transition:all .2s ease}.point-category-footer-link:hover{color:var(--md-sys-color-primary);text-decoration:underline}.cr-section{margin:6px 0;padding:10px 12px;border-radius:12px}.cr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}.cr-card{position:relative;display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);transition:transform .15s ease,box-shadow .15s ease}.cr-card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}.cr-thumb{width:44px;height:60px;border-radius:6px;background:linear-gradient(135deg,#6366f133,#6366f10d);color:rgb(var(--md-sys-color-primary));font-weight:800;display:flex;align-items:center;justify-content:center;overflow:hidden}.cr-thumb img{width:100%;height:100%;object-fit:cover;display:block}.cr-meta{min-width:0;flex:1}.cr-title{font-size:.95rem;font-weight:700;color:var(--md-sys-color-on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cr-author{font-size:.8rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.cr-progress{display:flex;align-items:center;gap:8px;margin-top:6px}.cr-progress-bar{flex:1;height:6px;border-radius:4px;background:var(--md-sys-color-surface-variant);overflow:hidden}.cr-progress-fill{height:100%;background:rgb(var(--md-sys-color-primary));box-shadow:inset 0 0 8px #0000001f;transition:width .3s ease}.cr-progress-text{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.cr-status{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.01em}.cr-status.reading{background:#6366f11f;color:rgb(var(--md-sys-color-primary));border:1px solid rgba(99,102,241,.35)}.cr-status.paused{background:#94a3b81f;color:#94a3b8;border:1px solid rgba(148,163,184,.35)}:root:not([data-theme=dark]) .cr-card{--cr-card-bg: #f1f5f9}[data-theme=dark] .cr-card{--cr-card-bg: rgba(255,255,255,.06)}#dashboard-currently-reading .covers-scroll{gap:12px}#dashboard-currently-reading .covers-scroll .book-card{flex:0 0 auto;box-shadow:0 6px 14px #0000001f;transition:transform .15s ease,box-shadow .15s ease}#dashboard-currently-reading .covers-scroll .book-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000002e}#dashboard-currently-reading .covers-scroll .book-card{border-radius:12px;overflow:hidden}:root:not([data-theme=dark]) #dashboard-currently-reading .covers-scroll .book-card{border:1px solid rgba(0,0,0,.06);background-color:#00000003}[data-theme=dark] #dashboard-currently-reading .covers-scroll .book-card{border:1px solid rgba(255,255,255,.06);background-color:#ffffff05}#dashboard-currently-reading .book-title,#dashboard-currently-reading .book-author,#dashboard-currently-reading .progress-bar-container,#dashboard-currently-reading .progress-text{display:none!important}:root:not([data-theme=dark]) #dashboard-currently-reading .covers-scroll .book-card{border:1px solid rgba(var(--md-sys-color-primary),.25);box-shadow:0 6px 14px #00000014,0 0 0 1px rgba(var(--md-sys-color-primary),.12) inset}[data-theme=dark] #dashboard-currently-reading .covers-scroll .book-card{border:1px solid rgba(var(--md-sys-color-primary),.35);box-shadow:0 8px 20px #00000047,0 0 0 1px rgba(var(--md-sys-color-primary),.2) inset}#dashboard-currently-reading .book-title{bottom:36px;font-size:.85rem;font-weight:800;letter-spacing:.01em;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;padding:0 10px}#dashboard-currently-reading .book-author{bottom:12px;font-size:.75rem;font-weight:600;opacity:.95;padding:0 10px}#dashboard-currently-reading .book-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:48%;background:linear-gradient(180deg,#0000,#000000b8 92%);pointer-events:none}#dashboard-currently-reading .title-banner{position:absolute;left:8px;right:8px;bottom:8px;background:#000000b3;border:2px solid rgba(255,255,255,.85);color:#fff;border-radius:8px;padding:6px 10px;font-weight:800;font-size:.9rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 2px 6px #0000004d}#dashboard-currently-reading .covers-scroll .book-title,#dashboard-currently-reading .covers-scroll .book-author{display:none!important}[data-theme=dark]{--gamification-background: #000913;--gamification-surface-lowest: #0f1419;--gamification-surface-low: #1a1f26;--gamification-surface: #1e242b;--gamification-surface-high: #232930;--gamification-surface-highest: #2a3038;--gamification-on-surface: #e8eaed;--gamification-on-surface-variant: #c4c7c5;--gamification-on-surface-variant-dim: #9aa0a6;--gamification-primary: #8ab4f8;--gamification-primary-bright: #aecbfa;--gamification-primary-container: #1a73e8;--gamification-on-primary-container: #d2e3fc;--gamification-secondary: #81c995;--gamification-secondary-bright: #a8dab5;--gamification-secondary-container: #137333;--gamification-on-secondary-container: #e6f4ea;--gamification-tertiary: #fab663;--gamification-tertiary-bright: #fdd663;--gamification-tertiary-container: #ea8600;--gamification-on-tertiary-container: #fef7ff;--gamification-outline: #5f6368;--gamification-outline-variant: #3c4043;--gamification-shadow: rgba(0, 0, 0, .3);--gamification-elevation-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4), 0px 4px 8px 3px rgba(0, 0, 0, .2)}[data-theme=light],:root{--gamification-background: var(--md-sys-color-background);--gamification-surface-lowest: var(--md-sys-color-surface-container-lowest);--gamification-surface-low: var(--md-sys-color-surface-container-low);--gamification-surface: var(--md-sys-color-surface);--gamification-surface-high: var(--md-sys-color-surface-container-high);--gamification-surface-highest: var(--md-sys-color-surface-container-highest);--gamification-on-surface: var(--md-sys-color-on-surface);--gamification-on-surface-variant: var(--md-sys-color-on-surface-variant);--gamification-on-surface-variant-dim: var(--md-sys-color-on-surface-variant);--gamification-primary: var(--md-sys-color-primary);--gamification-primary-bright: var(--md-sys-color-primary);--gamification-primary-container: var(--md-sys-color-primary-container);--gamification-on-primary-container: var(--md-sys-color-on-primary-container);--gamification-secondary: var(--md-sys-color-secondary);--gamification-secondary-bright: var(--md-sys-color-secondary);--gamification-secondary-container: var(--md-sys-color-secondary-container);--gamification-on-secondary-container: var(--md-sys-color-on-secondary-container);--gamification-tertiary: var(--md-sys-color-tertiary);--gamification-tertiary-bright: var(--md-sys-color-tertiary);--gamification-tertiary-container: var(--md-sys-color-tertiary-container);--gamification-on-tertiary-container: var(--md-sys-color-on-tertiary-container);--gamification-outline: var(--md-sys-color-outline);--gamification-outline-variant: var(--md-sys-color-outline-variant);--gamification-shadow: rgba(0, 0, 0, .15);--gamification-elevation-shadow: var(--md-sys-elevation-level2)}.gamification-page{background:var(--gamification-background);min-height:100vh}.gamification-content-card{background:var(--gamification-surface);border:1px solid var(--gamification-outline-variant);box-shadow:var(--gamification-elevation-shadow);border-radius:12px;transition:all .2s ease}.gamification-page-header{background:linear-gradient(135deg,var(--gamification-primary-container),var(--gamification-secondary-container));border-radius:24px;padding:40px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:0 8px 32px var(--gamification-shadow);border:2px solid var(--gamification-outline-variant)}.gamification-page-title{color:var(--md-sys-color-on-primary-container)!important;font-weight:700;margin-bottom:8px}.gamification-page-subtitle{color:var(--md-sys-color-on-primary-container)!important;opacity:.9}.gamification-nav-container{background:linear-gradient(135deg,var(--gamification-surface-high),var(--gamification-surface-highest));border-radius:20px;padding:16px;margin-bottom:32px;box-shadow:0 4px 16px var(--gamification-shadow);border:1px solid var(--gamification-outline-variant)}.gamification-nav-button{background:var(--gamification-surface-high);color:var(--gamification-on-surface-variant);border:1px solid var(--gamification-outline-variant);transition:all .2s ease}.gamification-nav-button:hover{background:var(--gamification-surface-highest);color:var(--gamification-on-surface);border-color:var(--gamification-outline)}.gamification-nav-button.active{background:var(--gamification-primary);color:#fff;border-color:var(--gamification-primary);box-shadow:0 2px 4px 0 var(--gamification-shadow)}.gamification-hero-card{background:linear-gradient(135deg,var(--gamification-primary) 0%,var(--gamification-secondary) 100%);border:none;box-shadow:0 4px 12px 0 var(--gamification-shadow),0 1px 3px #0003}.gamification-feature-card{background:var(--gamification-surface-high);border:1px solid var(--gamification-outline-variant);transition:all .2s ease}.gamification-feature-card:hover{background:var(--gamification-surface-highest);border-color:var(--gamification-outline);transform:translateY(-2px);box-shadow:var(--gamification-elevation-shadow)}.gamification-feature-title{color:var(--gamification-on-surface);font-weight:600}.gamification-feature-description{color:var(--gamification-on-surface-variant)}.gamification-section-header{color:var(--gamification-on-surface);font-weight:700;margin-bottom:8px}.gamification-section-subtitle{color:var(--gamification-on-surface-variant)}.gamification-category-card{background:var(--gamification-surface-high);border:1px solid var(--gamification-outline-variant);transition:all .2s ease}.gamification-category-title{color:var(--gamification-on-surface);font-weight:600}.gamification-item{background:var(--gamification-surface-highest);border:1px solid var(--gamification-outline-variant);transition:all .2s ease}.gamification-item:hover{border-color:var(--gamification-outline);transform:translateY(-1px);box-shadow:0 2px 8px 0 var(--gamification-shadow)}.gamification-item-title{color:var(--gamification-on-surface);font-weight:500}.gamification-item-description{color:var(--gamification-on-surface-variant)}.gamification-level-card{background:var(--gamification-surface-high);border:1px solid var(--gamification-outline-variant);transition:all .2s ease}.gamification-level-card.current{background:linear-gradient(135deg,var(--gamification-primary) 0%,var(--gamification-secondary) 100%);border:2px solid var(--gamification-primary-bright);color:#fff;box-shadow:0 4px 12px 0 var(--gamification-shadow),0 0 0 1px #ffffff1a}.gamification-level-card.completed{background:var(--gamification-primary-container);border-color:var(--gamification-primary);color:var(--gamification-on-primary-container)}.gamification-level-card.locked{background:var(--gamification-surface);border-color:var(--gamification-outline-variant);opacity:.6}.gamification-tip-card{background:linear-gradient(135deg,rgba(var(--md-ref-palette-tertiary70),.15),rgba(var(--md-ref-palette-primary70),.15));border:1px solid var(--gamification-outline-variant);transition:all .2s ease}[data-theme=dark] .gamification-tip-card{background:linear-gradient(135deg,#fab66326,#8ab4f826);border-color:var(--gamification-outline)}.gamification-tip-card:hover{transform:translateY(-2px);box-shadow:var(--gamification-elevation-shadow)}.gamification-tip-title{color:var(--gamification-on-surface);font-weight:600}.gamification-tip-description{color:var(--gamification-on-surface-variant)}.gamification-tip-points{color:var(--gamification-primary-bright);background:rgba(var(--md-ref-palette-primary70),.2);border:1px solid var(--gamification-primary)}[data-theme=dark] .gamification-tip-points{background:#8ab4f833;border-color:var(--gamification-primary);color:var(--gamification-primary-bright)}.gamification-point-badge{background:rgba(var(--md-ref-palette-primary70),.15);color:var(--gamification-primary-bright);border:1px solid var(--gamification-primary);font-weight:600;padding:6px 12px;border-radius:20px;font-size:14px}[data-theme=dark] .gamification-point-badge{background:#8ab4f833;color:var(--gamification-primary-bright);border-color:var(--gamification-primary)}.gamification-achievement-badge{background:var(--gamification-surface-highest);border:1px solid var(--gamification-outline);color:var(--gamification-on-surface-variant)}.gamification-achievement-badge.unlocked{background:var(--gamification-primary-container);border-color:var(--gamification-primary);color:var(--gamification-on-primary-container)}.gamification-back-button{background:var(--gamification-surface-high);color:var(--gamification-on-surface);border:1px solid var(--gamification-outline-variant);transition:all .2s ease}.gamification-back-button:hover{background:var(--gamification-surface-highest);border-color:var(--gamification-outline);box-shadow:0 2px 8px 0 var(--gamification-shadow)}[data-theme=dark] .gamification-category-reading{border-left:4px solid var(--gamification-primary-bright)}[data-theme=dark] .gamification-category-library{border-left:4px solid var(--gamification-secondary-bright)}[data-theme=dark] .gamification-category-notes{border-left:4px solid var(--gamification-tertiary-bright)}[data-theme=dark] .gamification-page ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] .gamification-page ::-webkit-scrollbar-track{background:var(--gamification-surface)}[data-theme=dark] .gamification-page ::-webkit-scrollbar-thumb{background:var(--gamification-outline);border-radius:4px}[data-theme=dark] .gamification-page ::-webkit-scrollbar-thumb:hover{background:var(--gamification-on-surface-variant-dim)}.gamification-page button:focus-visible,.gamification-page a:focus-visible{outline:2px solid var(--gamification-primary-bright);outline-offset:2px}@media(max-width:768px){.gamification-page{padding:16px}.gamification-content-card{margin:8px 0}.gamification-nav-button{font-size:12px;padding:8px 12px}}@media print{.gamification-page{background:#fff;color:#000}.gamification-content-card{box-shadow:none;border:1px solid #ccc}}.gamification-overview-section{display:flex;flex-direction:column;gap:24px}.gamification-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.gamification-overview-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.gamification-stat-item{text-align:center}.gamification-stat-value{font-size:28px;font-weight:700;color:#fff}.gamification-stat-label{font-size:14px;opacity:.8;color:#fff}.gamification-section-main-title{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--md-sys-color-on-surface)!important}.gamification-section-main-subtitle{margin:0;font-size:16px;color:var(--md-sys-color-on-surface-variant)!important}.gamification-category-actions{display:grid;gap:12px}.gamification-action-layout{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:12px}.gamification-action-left{display:flex;align-items:center;gap:12px}.gamification-action-text h4{font-size:16px;font-weight:500;margin:0 0 4px;color:var(--md-sys-color-on-surface)!important}.gamification-action-text p{font-size:14px;margin:0;color:var(--md-sys-color-on-surface-variant)!important}.gamification-levels-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.gamification-level-card-content{text-align:center;position:relative}.gamification-level-emoji{font-size:32px;margin-bottom:8px;display:block}.gamification-level-title{font-size:18px;font-weight:600;margin-bottom:4px}.gamification-level-subtitle{font-size:14px;margin-bottom:8px;opacity:.7}.gamification-level-points-text{font-size:12px;font-weight:500;opacity:.6}.gamification-achievement-category-container{margin-bottom:24px}.gamification-achievement-category-header{margin:0 0 20px;font-size:20px;font-weight:600}.gamification-achievement-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.gamification-achievement-content{display:flex;align-items:center;gap:12px;margin-bottom:8px}.gamification-achievement-info h4{font-size:16px;font-weight:600;margin:0 0 4px}.gamification-achievement-info p{font-size:14px;margin:0}.gamification-achievement-points{font-size:14px;font-weight:700;text-align:right;margin-top:8px}.gamification-tips-container{display:grid;gap:20px}.gamification-tip-layout{display:flex;gap:16px;align-items:flex-start}.gamification-tip-emoji{font-size:32px;flex-shrink:0}.gamification-tip-info{flex:1}.gamification-tip-info h4{margin:0 0 8px;font-size:18px;font-weight:600}.gamification-tip-info p{margin:0 0 8px;font-size:14px;line-height:1.5}.gamification-tip-points-badge{font-size:12px;font-weight:600;padding:4px 8px;border-radius:12px;display:inline-block}.gamification-category-title,.gamification-feature-title{color:var(--md-sys-color-on-surface)!important}.gamification-feature-description{color:var(--md-sys-color-on-surface-variant)!important}.gamification-item-title{color:var(--md-sys-color-on-surface)!important}.gamification-item-description{color:var(--md-sys-color-on-surface-variant)!important}.gamification-level-title{color:var(--md-sys-color-on-surface)!important}.gamification-level-subtitle{color:var(--md-sys-color-on-surface-variant)!important}.gamification-achievement-info h4{color:var(--md-sys-color-on-surface)!important}.gamification-achievement-info p{color:var(--md-sys-color-on-surface-variant)!important}.gamification-achievement-points{color:var(--md-sys-color-primary)!important}.gamification-tip-info h4{color:var(--md-sys-color-on-surface)!important}.gamification-tip-info p{color:var(--md-sys-color-on-surface-variant)!important}.gamification-content-card,.gamification-feature-card,.gamification-category-card,.gamification-item,.gamification-level-card,.gamification-tip-card{color:var(--md-sys-color-on-surface)!important}.gamification-point-badge,.gamification-tip-points-badge{color:var(--md-sys-color-on-primary-container)!important;background:var(--md-sys-color-primary-container)!important;border:1px solid var(--md-sys-color-primary)!important}.gamification-page{max-width:1200px;margin:0 auto;padding:24px;background:var(--md-sys-color-background)!important;color:var(--md-sys-color-on-background)!important;min-height:100vh}.gamification-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.gamification-page-title{margin:0 0 8px;font-size:28px;color:var(--md-sys-color-on-surface)!important}.gamification-page-subtitle{margin:0;font-size:16px;color:var(--md-sys-color-on-surface-variant)!important}.gamification-nav-container{display:flex;gap:8px;overflow-x:auto;margin-bottom:24px}.gamification-nav-button{padding:12px 20px;border:none;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;white-space:nowrap;background:var(--md-sys-color-surface-container)!important;color:var(--md-sys-color-on-surface)!important;transition:all .2s ease}.gamification-nav-button:hover{background:var(--md-sys-color-surface-container-high)!important}.gamification-nav-button.active{background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container)!important}.gamification-hero-card{padding:32px;color:#fff!important;text-align:center;background:linear-gradient(135deg,var(--md-sys-color-primary),var(--md-sys-color-secondary))!important}.gamification-hero-title{margin:0 0 16px;font-size:32px;font-weight:700;color:#fff!important}.gamification-hero-subtitle{margin:0 0 24px;font-size:18px;opacity:.9;color:#fff!important}.gamification-feature-card{padding:24px;background:var(--md-sys-color-surface-container)!important;border:1px solid var(--md-sys-color-outline-variant)!important}.gamification-feature-title{margin:0 0 16px;font-size:20px;display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface)!important}.gamification-feature-description{margin:0 0 16px;color:var(--md-sys-color-on-surface-variant)!important}.gamification-points-section,.gamification-levels-section,.gamification-achievements-section,.gamification-tips-section{display:flex;flex-direction:column;gap:24px}.gamification-section-header-container{text-align:center;margin-bottom:24px}.gamification-section-header{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--md-sys-color-on-surface)!important}.gamification-section-subtitle{margin:0;font-size:16px;color:var(--md-sys-color-on-surface-variant)!important}.gamification-category-card{padding:24px;background:var(--md-sys-color-surface-container)!important;border:1px solid var(--md-sys-color-outline-variant)!important}.gamification-category-title{margin:0 0 20px;font-size:20px;display:flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface)!important}.gamification-actions-grid{display:grid;gap:12px}.gamification-action-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--md-sys-color-surface-container-low)!important;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant)!important}.gamification-action-info{display:flex;align-items:center;gap:12px}.gamification-action-icon{font-size:20px}.gamification-action-name{font-size:16px;font-weight:500;color:var(--md-sys-color-on-surface)!important}.gamification-action-description{font-size:14px;color:var(--md-sys-color-on-surface-variant)!important}.gamification-point-badge{font-size:16px;font-weight:700;padding:6px 12px;border-radius:20px;color:var(--md-sys-color-on-primary-container)!important;background:var(--md-sys-color-primary-container)!important}.gamification-levels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.gamification-achievement-category-card{padding:24px;background:var(--md-sys-color-surface-container)!important;border:1px solid var(--md-sys-color-outline-variant)!important}.gamification-achievement-category-title{margin:0 0 20px;font-size:20px;font-weight:600;color:var(--md-sys-color-primary)!important}.gamification-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.gamification-achievement-item{padding:16px;background:var(--md-sys-color-surface-variant)!important;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant)!important}.gamification-achievement-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.gamification-achievement-icon{font-size:24px}.gamification-achievement-name{font-size:16px;font-weight:600;color:var(--md-sys-color-on-surface)!important}.gamification-achievement-requirement{font-size:14px;color:var(--md-sys-color-on-surface-variant)!important}.gamification-achievement-points{font-size:14px;font-weight:700;color:var(--md-sys-color-primary)!important;text-align:right}.gamification-tips-grid{display:grid;gap:20px}.gamification-tip-card{padding:24px;background:linear-gradient(135deg,rgba(var(--md-sys-color-tertiary-rgb),.1),rgba(var(--md-sys-color-primary-rgb),.1))!important;border:1px solid var(--md-sys-color-outline-variant)!important}.gamification-tip-content{display:flex;gap:16px;align-items:flex-start}.gamification-tip-icon{font-size:32px}.gamification-tip-details{flex:1}.gamification-tip-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--md-sys-color-on-surface)!important}.gamification-tip-description{margin:0 0 8px;font-size:14px;color:var(--md-sys-color-on-surface-variant)!important;line-height:1.5}.gamification-tip-points{font-size:12px;font-weight:600;color:var(--md-sys-color-primary)!important;background:rgba(var(--md-sys-color-primary-rgb),.1)!important;padding:4px 8px;border-radius:12px;display:inline-block}.api-key-configuration{max-width:800px;margin:0 auto;padding:24px;border-radius:16px;background:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant)}.config-header{margin-bottom:32px}.header-content{display:flex;align-items:center;gap:16px}.header-icon{color:var(--md-sys-color-primary);flex-shrink:0}.config-header h2{margin:0 0 4px;color:var(--md-sys-color-on-surface);font-size:24px;font-weight:500}.config-header p{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:14px}.security-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:24px;background:var(--md-sys-color-secondary-container);border-radius:12px;border-left:4px solid var(--md-sys-color-secondary)}.notice-icon{color:var(--md-sys-color-secondary);flex-shrink:0;margin-top:2px}.notice-content p{margin:0;color:var(--md-sys-color-on-secondary-container);font-size:14px;line-height:1.4}.provider-tabs{display:flex;gap:4px;margin-bottom:24px;padding:4px;background:var(--md-sys-color-surface-container);border-radius:12px;overflow-x:auto}.provider-tab{flex:1;min-width:120px;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center}.provider-tab:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.provider-tab.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.tab-content{display:flex;align-items:center;gap:6px}.tab-name{text-transform:capitalize}.tab-check{color:var(--md-sys-color-on-primary)}.provider-configuration{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media(max-width:768px){.provider-configuration{grid-template-columns:1fr}}.provider-info{padding:20px;background:var(--md-sys-color-surface-container);border-radius:12px}.provider-info h4{margin:0 0 8px;color:var(--md-sys-color-on-surface);font-size:16px;font-weight:500}.provider-description{margin:0 0 12px;color:var(--md-sys-color-on-surface-variant);font-size:14px}.key-format{margin:0 0 16px;font-size:13px;color:var(--md-sys-color-on-surface-variant)}.key-format code{background:var(--md-sys-color-surface-container-high);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:12px}.get-key-link{display:inline-flex;align-items:center;color:var(--md-sys-color-primary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.get-key-link:hover{color:var(--md-sys-color-primary-container);text-decoration:underline}.provider-key-form{padding:20px;background:var(--md-sys-color-surface-container);border-radius:12px;border:2px solid transparent;transition:border-color .2s ease}.provider-key-form.configured{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.form-header{margin-bottom:16px}.provider-status{display:flex;align-items:center;gap:8px}.status-icon.success{color:var(--md-sys-color-primary)}.status-icon.warning{color:var(--md-sys-color-error)}.status-text{font-size:14px;font-weight:500;color:var(--md-sys-color-on-surface)}.configured-key-info{padding:16px;background:var(--md-sys-color-surface-container-low);border-radius:8px;margin-bottom:12px}.configured-key-info p{margin:0 0 4px;font-size:13px;color:var(--md-sys-color-on-surface-variant)}.key-prefix{font-family:Fira Code,monospace;font-weight:500!important;color:var(--md-sys-color-on-surface)!important}.remove-key-button{display:flex;align-items:center;gap:6px;padding:8px 12px;margin-top:12px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:background-color .2s ease}.remove-key-button:hover{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.key-input-section{display:flex;flex-direction:column;gap:12px}.key-input-wrapper{position:relative;display:flex}.key-input{flex:1;padding:12px 48px 12px 16px;border:2px solid var(--md-sys-color-outline);border-radius:8px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:14px;font-family:Fira Code,monospace;transition:border-color .2s ease}.key-input:focus{outline:none;border-color:var(--md-sys-color-primary)}.key-input::placeholder{color:var(--md-sys-color-on-surface-variant);font-family:system-ui,-apple-system,sans-serif}.toggle-visibility{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:8px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-radius:4px;transition:background-color .2s ease}.toggle-visibility:hover{background:var(--md-sys-color-surface-container-high)}.save-key-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-key-button:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.save-key-button:disabled{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed}.loading-spinner.small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.validation-error,.validation-success{display:flex;align-items:center;gap:8px;padding:12px;border-radius:8px;font-size:13px;margin-top:8px}.validation-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.validation-success{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.configuration-summary{padding:20px;background:var(--md-sys-color-primary-container);border-radius:12px;margin-bottom:24px}.configuration-summary h4{margin:0 0 12px;color:var(--md-sys-color-on-primary-container);font-size:16px;font-weight:500}.provider-list{display:flex;flex-wrap:wrap;gap:8px}.provider-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:16px;font-size:13px;text-transform:capitalize}.provider-check{color:var(--md-sys-color-primary)}.advanced-options{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:24px}.toggle-advanced{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 0;background:transparent;border:none;color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:500;cursor:pointer}.advanced-content{padding-top:16px;display:flex;flex-direction:column;gap:16px}.clear-all-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .2s ease;align-self:flex-start}.clear-all-button:hover{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.debug-info{padding:16px;background:var(--md-sys-color-surface-container);border-radius:8px}.debug-info h5{margin:0 0 8px;color:var(--md-sys-color-on-surface);font-size:14px;font-weight:500}.debug-info p{margin:4px 0;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-family:Fira Code,monospace}.theme-dark .api-key-configuration{background:var(--md-sys-color-surface-container);border-color:var(--md-sys-color-outline)}.theme-dark .config-header h2{color:var(--md-sys-color-on-surface)}.theme-dark .config-header p{color:var(--md-sys-color-on-surface-variant)}.theme-dark .security-notice{background:var(--md-sys-color-secondary-container);border-left-color:var(--md-sys-color-secondary)}.theme-dark .notice-content p{color:var(--md-sys-color-on-secondary-container)}.theme-dark .provider-tabs{background:var(--md-sys-color-surface-container-low)}.theme-dark .provider-tab{color:var(--md-sys-color-on-surface-variant)}.theme-dark .provider-tab:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.theme-dark .provider-tab.active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.theme-dark .provider-info h4{color:var(--md-sys-color-on-surface)}.theme-dark .provider-description,.theme-dark .key-format{color:var(--md-sys-color-on-surface-variant)}.theme-dark .provider-key-form.configured{background:var(--md-sys-color-primary-container)}.theme-dark .status-text{color:var(--md-sys-color-on-surface)}.theme-dark .configured-key-info p{color:var(--md-sys-color-on-surface-variant)}.theme-dark .key-input{background:var(--md-sys-color-surface-container);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface)}.theme-dark .key-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.7}.theme-dark .save-key-button{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.theme-dark .save-key-button:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.theme-dark .remove-key-button,.theme-dark .validation-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.theme-dark .validation-success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.theme-dark .get-key-link{color:var(--md-sys-color-primary)}.theme-dark .get-key-link:hover{color:var(--md-sys-color-primary-container)}.theme-dark .key-format code{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}@media(max-width:640px){.api-key-configuration{padding:16px;margin:16px}.provider-tabs{flex-direction:column}.provider-tab{min-width:unset}.key-input-wrapper{flex-direction:column;gap:8px}.toggle-visibility{position:relative;right:auto;top:auto;transform:none;align-self:flex-end;margin-top:-40px;margin-right:8px}}.literary-mentor-ui{background:linear-gradient(135deg,#4f46e514,#ea580c14);border-radius:16px;border:1px solid rgba(79,70,229,.2);padding:24px;box-shadow:0 4px 12px #0000001a;min-height:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mentor-header{margin-bottom:var(--md-sys-spacing-6)}.mentor-greeting h2{font-family:var(--md-sys-typescale-headline-medium-font-family);font-size:var(--md-sys-typescale-headline-medium-font-size);font-weight:var(--md-sys-typescale-headline-medium-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-2) 0}.mentor-subtitle{font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin:0}.api-warning{display:flex;align-items:center;gap:var(--md-sys-spacing-2);margin-top:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);background:rgba(var(--md-sys-color-error-container),.8);color:rgb(var(--md-sys-color-on-error-container));border-radius:var(--md-sys-shape-corner-medium);font-size:var(--md-sys-typescale-body-small-font-size)}.api-warning .config-button{margin-left:auto;padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary));border:none;border-radius:var(--md-sys-shape-corner-small);font-size:var(--md-sys-typescale-label-medium-font-size);font-weight:var(--md-sys-typescale-label-medium-font-weight);cursor:pointer;transition:background-color .2s ease}.api-warning .config-button:hover{background:rgba(var(--md-sys-color-primary),.8)}.mentor-tabs{display:flex;gap:var(--md-sys-spacing-2);margin-top:var(--md-sys-spacing-4);border-bottom:1px solid rgba(var(--md-sys-color-outline),.2);padding-bottom:var(--md-sys-spacing-2)}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:var(--md-sys-color-on-surface-variant);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{background:#4f46e51f;color:var(--md-sys-color-primary)}.tab-button.active{color:var(--md-sys-color-primary);background:#4f46e529;font-weight:600}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:16px;right:16px;height:3px;background:var(--md-sys-color-primary);border-radius:2px}[data-theme=dark] .tab-button,.dark .tab-button,.dashboard-container.dark .tab-button{color:#ffffffb3}[data-theme=dark] .tab-button:hover,.dark .tab-button:hover,.dashboard-container.dark .tab-button:hover{background:#4f46e533;color:#ffffffe6}[data-theme=dark] .tab-button.active,.dark .tab-button.active,.dashboard-container.dark .tab-button.active{color:#fff;background:#4f46e54d}.mentor-insights-panel{padding:var(--md-sys-spacing-4)}.insights-header{display:flex;align-items:center;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-4)}.insights-icon{color:rgb(var(--md-sys-color-primary));width:24px;height:24px}.insights-header h3{font-family:var(--md-sys-typescale-title-large-font-family);font-size:var(--md-sys-typescale-title-large-font-size);font-weight:var(--md-sys-typescale-title-large-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0}.insight-card{display:flex;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-4);background:rgba(var(--md-sys-color-surface),.8);border:1px solid rgba(var(--md-sys-color-outline),.2);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:var(--md-sys-spacing-3);transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level2)}.insight-card.insight-streak{background:linear-gradient(135deg,#ff98001a,#ff57221a);border-color:#ff98004d}.insight-card.insight-progress{background:linear-gradient(135deg,#4caf501a,#8bc34a1a);border-color:#4caf504d}.insight-card.insight-recommendation{background:linear-gradient(135deg,rgba(var(--md-sys-color-primary),.1),rgba(var(--md-sys-color-tertiary),.1));border-color:rgba(var(--md-sys-color-primary),.3)}.insight-icon{font-size:28px;min-width:40px;text-align:center}.insight-content{flex:1}.insight-message{font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-2) 0}.insight-action{display:inline-flex;align-items:center;gap:var(--md-sys-spacing-1);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-primary),.1);color:rgb(var(--md-sys-color-primary));border:1px solid rgba(var(--md-sys-color-primary),.3);border-radius:var(--md-sys-shape-corner-small);font-family:var(--md-sys-typescale-label-medium-font-family);font-size:var(--md-sys-typescale-label-medium-font-size);cursor:pointer;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.insight-action:hover{background:rgba(var(--md-sys-color-primary),.2);transform:translate(2px)}.reading-stats{margin:var(--md-sys-spacing-6) 0;padding:var(--md-sys-spacing-4);background:rgba(var(--md-sys-color-surface),.6);border-radius:var(--md-sys-shape-corner-large)}.reading-stats h4{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-4) 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--md-sys-spacing-4)}.stat-item{display:flex;align-items:center;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-primary),.05);border-radius:var(--md-sys-shape-corner-medium)}.stat-item svg{color:rgb(var(--md-sys-color-primary))}.stat-item>div{display:flex;flex-direction:column}.stat-label{font-family:var(--md-sys-typescale-label-small-font-family);font-size:var(--md-sys-typescale-label-small-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin-bottom:var(--md-sys-spacing-1)}.stat-value{font-family:var(--md-sys-typescale-title-small-font-family);font-size:var(--md-sys-typescale-title-small-font-size);font-weight:var(--md-sys-typescale-title-small-font-weight);color:rgb(var(--md-sys-color-on-surface))}.suggested-actions{margin-top:var(--md-sys-spacing-4)}.suggested-actions h4{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:var(--md-sys-typescale-title-medium-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-3) 0}.action-button{display:flex;align-items:center;gap:var(--md-sys-spacing-2);width:100%;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);margin-bottom:var(--md-sys-spacing-2);background:rgba(var(--md-sys-color-secondary),.1);border:1px solid rgba(var(--md-sys-color-secondary),.3);border-radius:var(--md-sys-shape-corner-medium);color:rgb(var(--md-sys-color-on-surface));font-family:var(--md-sys-typescale-label-large-font-family);font-size:var(--md-sys-typescale-label-large-font-size);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);text-align:left}.action-button:hover{background:rgba(var(--md-sys-color-secondary),.2);transform:translate(4px)}.mentor-discussion-panel{padding:var(--md-sys-spacing-4)}.discussion-header{display:flex;align-items:center;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-4)}.discussion-icon{color:rgb(var(--md-sys-color-primary));width:24px;height:24px}.discussion-header h3{font-family:var(--md-sys-typescale-title-large-font-family);font-size:var(--md-sys-typescale-title-large-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0;flex:1}.current-book{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant));padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-primary),.1);border-radius:var(--md-sys-shape-corner-small)}.no-book-selected{text-align:center;padding:var(--md-sys-spacing-8);color:rgb(var(--md-sys-color-on-surface-variant))}.no-book-selected svg{margin-bottom:var(--md-sys-spacing-3);color:rgba(var(--md-sys-color-on-surface-variant),.5)}.current-question{display:flex;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-4);background:linear-gradient(135deg,rgba(var(--md-sys-color-tertiary),.1),rgba(var(--md-sys-color-secondary),.1));border:1px solid rgba(var(--md-sys-color-tertiary),.3);border-radius:var(--md-sys-shape-corner-medium);margin-bottom:var(--md-sys-spacing-4)}.question-icon{color:rgb(var(--md-sys-color-tertiary));min-width:24px}.question-text{font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0;line-height:1.6}.discussion-history{max-height:300px;overflow-y:auto;margin-bottom:var(--md-sys-spacing-4);padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-surface),.5);border-radius:var(--md-sys-shape-corner-medium)}.discussion-entry{display:flex;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-3);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.discussion-entry.user{flex-direction:row-reverse}.entry-avatar{font-size:24px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.entry-content{flex:1;padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-surface),.9);border-radius:var(--md-sys-shape-corner-medium);border:1px solid rgba(var(--md-sys-color-outline),.2)}.discussion-entry.user .entry-content{background:rgba(var(--md-sys-color-primary),.1);border-color:rgba(var(--md-sys-color-primary),.3)}.entry-content p{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-1) 0}.entry-time{font-family:var(--md-sys-typescale-label-small-font-family);font-size:var(--md-sys-typescale-label-small-font-size);color:rgb(var(--md-sys-color-on-surface-variant))}.response-input{margin-bottom:var(--md-sys-spacing-4)}.response-textarea{width:100%;padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-surface),.8);border:1px solid rgba(var(--md-sys-color-outline),.3);border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface));resize:vertical;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.response-textarea:focus{outline:none;border-color:rgb(var(--md-sys-color-primary));background:rgb(var(--md-sys-color-surface))}.submit-response{width:100%;margin-top:var(--md-sys-spacing-2);padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary));border:none;border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-label-large-font-family);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.submit-response:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level2)}.submit-response:disabled{opacity:.5;cursor:not-allowed}.discussion-prompts h4{font-family:var(--md-sys-typescale-title-small-font-family);font-size:var(--md-sys-typescale-title-small-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-3) 0}.prompts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--md-sys-spacing-2)}.prompt-button{padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-secondary),.08);border:1px solid rgba(var(--md-sys-color-secondary),.2);border-radius:var(--md-sys-shape-corner-small);font-family:var(--md-sys-typescale-label-medium-font-family);font-size:var(--md-sys-typescale-label-medium-font-size);color:rgb(var(--md-sys-color-on-surface));cursor:pointer;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.prompt-button:hover{background:rgba(var(--md-sys-color-secondary),.15);border-color:rgba(var(--md-sys-color-secondary),.3)}.mentor-quiz-panel{padding:var(--md-sys-spacing-4)}.quiz-header{display:flex;align-items:center;gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-4)}.quiz-icon{color:rgb(var(--md-sys-color-primary));width:24px;height:24px}.quiz-header h3{font-family:var(--md-sys-typescale-title-large-font-family);font-size:var(--md-sys-typescale-title-large-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0}.quiz-intro{text-align:center;padding:var(--md-sys-spacing-6)}.quiz-intro h4{font-family:var(--md-sys-typescale-headline-small-font-family);font-size:var(--md-sys-typescale-headline-small-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-3) 0}.quiz-benefits{list-style:none;padding:0;margin:var(--md-sys-spacing-4) 0;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.quiz-benefits li{padding:var(--md-sys-spacing-2);font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface))}.start-quiz-button{padding:var(--md-sys-spacing-4) var(--md-sys-spacing-6);background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary));border:none;border-radius:var(--md-sys-shape-corner-full);font-family:var(--md-sys-typescale-label-large-font-family);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.start-quiz-button:hover{transform:scale(1.05);box-shadow:var(--md-sys-elevation-level3)}.quiz-question{max-width:600px;margin:0 auto}.question-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md-sys-spacing-4)}.question-progress span{font-family:var(--md-sys-typescale-label-medium-font-family);font-size:var(--md-sys-typescale-label-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant))}.progress-bar{flex:1;height:4px;background:rgba(var(--md-sys-color-outline),.2);border-radius:2px;margin-left:var(--md-sys-spacing-4);overflow:hidden}.progress-fill{height:100%;background:rgb(var(--md-sys-color-primary));transition:width .3s ease}.question-content{padding:var(--md-sys-spacing-4);background:rgba(var(--md-sys-color-surface),.8);border-radius:var(--md-sys-shape-corner-large);margin-bottom:var(--md-sys-spacing-4)}.question-text{font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-4) 0;line-height:1.6}.answer-options{display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.answer-option{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);background:rgba(var(--md-sys-color-surface),.9);border:2px solid rgba(var(--md-sys-color-outline),.3);border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface));cursor:pointer;text-align:left;transition:all var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard)}.answer-option:hover{background:rgba(var(--md-sys-color-primary),.08);border-color:rgba(var(--md-sys-color-primary),.5)}.answer-option.selected{background:rgba(var(--md-sys-color-primary),.15);border-color:rgb(var(--md-sys-color-primary))}.answer-textarea{width:100%;padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-surface),.9);border:1px solid rgba(var(--md-sys-color-outline),.3);border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface));resize:vertical}.question-hint{display:flex;align-items:center;gap:var(--md-sys-spacing-2);margin-top:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-2) var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-tertiary),.1);border-radius:var(--md-sys-shape-corner-small);font-family:var(--md-sys-typescale-label-medium-font-family);font-size:var(--md-sys-typescale-label-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant))}.question-hint svg{color:rgb(var(--md-sys-color-tertiary))}.next-question-button{width:100%;padding:var(--md-sys-spacing-3) var(--md-sys-spacing-4);background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary));border:none;border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-label-large-font-family);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.next-question-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level2)}.next-question-button:disabled{opacity:.5;cursor:not-allowed}.quiz-results{text-align:center;padding:var(--md-sys-spacing-6)}.score-display{margin-bottom:var(--md-sys-spacing-4)}.trophy-icon{width:64px;height:64px;margin-bottom:var(--md-sys-spacing-3)}.trophy-icon.gold{color:gold}.trophy-icon.silver{color:silver}.score-display h2{font-family:var(--md-sys-typescale-display-small-font-family);font-size:var(--md-sys-typescale-display-small-font-size);font-weight:var(--md-sys-typescale-display-small-font-weight);color:rgb(var(--md-sys-color-primary));margin:0}.score-display p{font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin:var(--md-sys-spacing-2) 0}.score-feedback{font-family:var(--md-sys-typescale-body-large-font-family);font-size:var(--md-sys-typescale-body-large-font-size);color:rgb(var(--md-sys-color-on-surface));margin:var(--md-sys-spacing-4) 0;padding:var(--md-sys-spacing-4);background:rgba(var(--md-sys-color-primary),.08);border-radius:var(--md-sys-shape-corner-medium)}.quiz-actions{display:flex;gap:var(--md-sys-spacing-3);justify-content:center;margin-top:var(--md-sys-spacing-4)}.retake-quiz,.new-quiz{padding:var(--md-sys-spacing-3) var(--md-sys-spacing-5);background:rgba(var(--md-sys-color-primary),.1);color:rgb(var(--md-sys-color-primary));border:1px solid rgb(var(--md-sys-color-primary));border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-typescale-label-large-font-family);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);cursor:pointer;transition:all var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard)}.retake-quiz:hover,.new-quiz:hover{background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary))}.mentor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:rgb(var(--md-sys-color-on-surface-variant))}.loading-spinner{width:48px;height:48px;border:4px solid rgba(var(--md-sys-color-primary),.2);border-top-color:rgb(var(--md-sys-color-primary));border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--md-sys-spacing-4)}[data-theme=dark] .literary-mentor-ui,.dark .literary-mentor-ui,.dashboard-container.dark .literary-mentor-ui{background:linear-gradient(135deg,#4f46e526,#ea580c26);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .insight-card,.dark .insight-card,.dashboard-container.dark .insight-card,[data-theme=dark] .reading-stats,.dark .reading-stats,.dashboard-container.dark .reading-stats,[data-theme=dark] .discussion-history,.dark .discussion-history,.dashboard-container.dark .discussion-history,[data-theme=dark] .question-content,.dark .question-content,.dashboard-container.dark .question-content,[data-theme=dark] .answer-option,.dark .answer-option,.dashboard-container.dark .answer-option{background:rgb(var(--md-sys-color-surface-container-high));border-color:#fff3}[data-theme=dark] .response-textarea:focus,.dark .response-textarea:focus,.dashboard-container.dark .response-textarea:focus,[data-theme=dark] .answer-textarea,.dark .answer-textarea,.dashboard-container.dark .answer-textarea{background:#1f2937e6;border-color:#4f46e5cc}.api-config-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--md-sys-color-surface);border-radius:16px;max-width:900px;max-height:90vh;width:90%;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.modal-header h2{margin:0;font-size:24px;font-weight:500;color:var(--md-sys-color-on-surface)}.close-button{background:none;border:none;font-size:24px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.theme-dark .modal-content{background:var(--md-sys-color-surface-container);box-shadow:0 8px 32px #0009}.theme-dark .modal-header{border-bottom-color:var(--md-sys-color-outline)}.theme-dark .modal-header h2{color:var(--md-sys-color-on-surface)}.theme-dark .close-button{color:var(--md-sys-color-on-surface-variant)}.theme-dark .close-button:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}:root:not([data-theme=dark]) .mentor-insights-panel,:root:not([data-theme=dark]) .mentor-discussion-panel,:root:not([data-theme=dark]) .mentor-quiz-panel{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563);border:1px solid #374151;color:#fff}:root:not([data-theme=dark]) .stat-item{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563);border:1px solid #374151;color:#fff}:root:not([data-theme=dark]) .mentor-insights-panel .insights-header h3,:root:not([data-theme=dark]) .mentor-discussion-panel .discussion-header h3,:root:not([data-theme=dark]) .mentor-quiz-panel .quiz-header h3,:root:not([data-theme=dark]) .stat-label,:root:not([data-theme=dark]) .stat-value{color:#fff}:root:not([data-theme=dark]) .insight-card,:root:not([data-theme=dark]) .reading-stats,:root:not([data-theme=dark]) .discussion-history,:root:not([data-theme=dark]) .question-content{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}@media(max-width:768px){.literary-mentor-ui{padding:var(--md-sys-spacing-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}.prompts-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.retake-quiz,.new-quiz{width:100%}}.mentor-page{min-height:100vh;padding:24px;background:var(--md-sys-color-background);transition:background-color .3s ease}.mentor-page.dark{background:var(--md-sys-color-surface)}.mentor-header{max-width:1200px;margin:0 auto 32px;text-align:center;padding:20px 0}.mentor-title{font-size:2.5rem;font-weight:700;color:var(--md-sys-color-on-background);margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px;animation:fadeInDown .6s ease-out}.mentor-icon{font-size:2.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mentor-subtitle{font-size:1.1rem;color:var(--md-sys-color-on-surface-variant);opacity:.8;animation:fadeIn .8s ease-out .2s backwards}.mentor-content{max-width:1200px;margin:0 auto;animation:fadeInUp .6s ease-out .3s backwards}.mentor-page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--md-sys-color-background)}.loading-spinner{text-align:center}.spinner-icon{font-size:4rem;display:block;margin-bottom:16px;animation:spin 2s linear infinite}.loading-spinner p{font-size:1.2rem;color:var(--md-sys-color-on-background);font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.mentor-page{padding:16px}.mentor-title{font-size:2rem;flex-direction:column;gap:8px}.mentor-icon{font-size:2rem}.mentor-subtitle{font-size:1rem}.mentor-header{margin-bottom:24px;padding:12px 0}}@media(max-width:480px){.mentor-title{font-size:1.5rem}.mentor-subtitle{font-size:.9rem}}.mentor-page.dark .mentor-title,.mentor-page.dark .loading-spinner p{color:var(--md-sys-color-on-surface)}.onboarding-guide{writing-mode:horizontal-tb!important;text-orientation:mixed!important}.onboarding-guide *{writing-mode:horizontal-tb!important;text-orientation:mixed!important;transform:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}.onboarding-section{width:100%;margin:0 0 16px}.onboarding-title{margin:0 0 8px;line-height:1.25;letter-spacing:normal;display:block}.onboarding-content{display:block}.onboarding-list{padding-left:20px;margin:0}.onboarding-bullets{padding-left:20px;margin:8px 0 0}.onboarding-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.onboarding-mini-card{padding:12px}.onboarding-guide .md3-card{width:100%}@media(max-width:600px){.onboarding-guide{padding:16px!important}}.navigation-fab{display:none;position:fixed;bottom:24px;right:24px;z-index:1001}@media(min-width:769px){.navigation-fab{display:none}}.fab-overlay{position:fixed;inset:0;background:#0000004d;z-index:-1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fab-main{width:56px;height:56px;border-radius:var(--md-sys-shape-corner-large, 16px);border:none;background:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container));font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--md-sys-elevation-level3, 0 4px 8px rgba(0, 0, 0, .15));transition:all .3s var(--md-motion-easing-standard, cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden}.fab-main:before{content:"";position:absolute;inset:0;background:rgb(var(--md-sys-color-on-primary-container));opacity:0;transition:opacity .2s ease}.fab-main:hover:before{opacity:.08}.fab-main:focus:before{opacity:.12}.fab-main:active:before{opacity:.12}.fab-main:hover{box-shadow:var(--md-sys-elevation-level4, 0 6px 12px rgba(0, 0, 0, .2));transform:scale(1.05)}.fab-main--open{background:rgb(var(--md-sys-color-tertiary-container));color:rgb(var(--md-sys-color-on-tertiary-container));transform:rotate(45deg)}.fab-actions{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:8px;min-width:200px}.fab-action{display:flex;align-items:center;gap:12px;padding:16px;border:none;border-radius:var(--md-sys-shape-corner-large, 16px);background:rgb(var(--md-sys-color-surface-container-high));color:rgb(var(--md-sys-color-on-surface));font-size:14px;font-weight:500;cursor:pointer;box-shadow:var(--md-sys-elevation-level2, 0 2px 4px rgba(0, 0, 0, .1));white-space:nowrap;transition:all .3s var(--md-motion-easing-standard, cubic-bezier(.4, 0, .2, 1));position:relative;overflow:hidden;border:1px solid rgb(var(--md-sys-color-outline-variant))}.fab-action:before{content:"";position:absolute;inset:0;background:var(--action-color, rgb(var(--md-sys-color-primary)));opacity:0;transition:opacity .2s ease}.fab-action:hover:before{opacity:.08}.fab-action:focus:before{opacity:.12}.fab-action:hover{transform:translateY(-2px);box-shadow:var(--md-sys-elevation-level3, 0 4px 8px rgba(0, 0, 0, .15));border-color:var(--action-color, rgb(var(--md-sys-color-primary)))}.fab-action--active{background:rgb(var(--md-sys-color-secondary-container));color:rgb(var(--md-sys-color-on-secondary-container));border-color:rgb(var(--md-sys-color-secondary))}.fab-action--logout{background:rgb(var(--md-sys-color-error-container));color:rgb(var(--md-sys-color-on-error-container));border-color:rgb(var(--md-sys-color-error))}.fab-action--logout:before{background:rgb(var(--md-sys-color-error))}.fab-action-icon{font-size:20px;color:var(--action-color, rgb(var(--md-sys-color-primary)));z-index:1;position:relative}.fab-action-label{flex:1;text-align:left;z-index:1;position:relative}.fab-action-count{background:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container));padding:4px 8px;border-radius:var(--md-sys-shape-corner-extra-small, 4px);font-size:12px;font-weight:600;margin-left:auto;min-width:20px;text-align:center;z-index:1;position:relative}.fab-action--active .fab-action-count{background:rgb(var(--md-sys-color-secondary));color:rgb(var(--md-sys-color-on-secondary))}.fab-action--logout .fab-action-icon{color:rgb(var(--md-sys-color-error))}.fab-divider{height:1px;background:rgb(var(--md-sys-color-outline-variant));margin:4px 0}.fab-actions{animation:slideInUp .3s var(--md-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1))}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.navigation-fab{display:block;bottom:100px;right:16px;z-index:1001}.fab-actions{min-width:180px;right:-8px}.fab-action{padding:12px;font-size:13px}}@media(max-width:480px){.navigation-fab{bottom:95px;right:12px}.fab-main{width:48px;height:48px;font-size:20px}.fab-actions{min-width:160px;right:-4px;bottom:60px}.fab-action{padding:10px 12px;font-size:12px}.fab-action-icon{font-size:18px}}[data-theme=dark] .fab-main,.dark .fab-main,.premium-app-layout.dark .fab-main{background:rgb(var(--md-sys-color-primary-container));color:rgb(var(--md-sys-color-on-primary-container))}[data-theme=dark] .fab-action,.dark .fab-action,.premium-app-layout.dark .fab-action{background:rgb(var(--md-sys-color-surface-container-high));color:rgb(var(--md-sys-color-on-surface));border-color:rgb(var(--md-sys-color-outline))}[data-theme=dark] .fab-overlay,.dark .fab-overlay,.premium-app-layout.dark .fab-overlay{background:#0009}@media(prefers-reduced-motion:reduce){.fab-main,.fab-action,.fab-actions{transition:none;animation:none}}.fab-main:focus-visible,.fab-action:focus-visible{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}:root{--md-sys-color-primary: 64, 101, 236;--md-sys-color-primary-container: 223, 230, 255;--md-sys-color-on-primary: 255, 255, 255;--md-sys-color-on-primary-container: 0, 30, 66;--md-sys-color-secondary: 92, 95, 108;--md-sys-color-secondary-container: 220, 224, 240;--md-sys-color-on-secondary: 255, 255, 255;--md-sys-color-on-secondary-container: 24, 28, 40;--md-sys-color-surface: 255, 255, 255;--md-sys-color-surface-container: 248, 248, 248;--md-sys-color-surface-container-high: 244, 244, 244;--md-sys-color-on-surface: 28, 28, 28;--md-sys-color-on-surface-variant: 115, 115, 115;--md-sys-color-outline: 196, 196, 196;--md-sys-color-outline-variant: 225, 225, 225;--md-sys-color-error: 220, 38, 38;--md-sys-color-success: 76, 175, 80;--md-sys-color-warning: 255, 152, 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}[data-theme=dark]{--md-sys-color-primary: 187, 207, 255;--md-sys-color-primary-container: 0, 30, 66;--md-sys-color-on-primary: 0, 30, 66;--md-sys-color-on-primary-container: 223, 230, 255;--md-sys-color-surface: 16, 16, 16;--md-sys-color-surface-container: 32, 32, 32;--md-sys-color-surface-container-high: 45, 45, 45;--md-sys-color-on-surface: 245, 245, 245;--md-sys-color-on-surface-variant: 180, 180, 180;--md-sys-color-outline: 75, 75, 75;--md-sys-color-outline-variant: 60, 60, 60}.enhanced-book-library-app{min-height:100vh;background-color:rgb(var(--md-sys-color-surface));color:rgb(var(--md-sys-color-on-surface));font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.main-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg) var(--spacing-lg);min-height:calc(100vh - 120px);position:relative}.enhanced-navigation-header{background:linear-gradient(135deg,rgb(var(--md-sys-color-primary)),#24a8e0);color:#fff;padding:8px 0;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px}.nav-brand h1{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.nav-brand .tagline{font-size:11px;opacity:.8;margin-left:var(--spacing-sm)}.nav-items{display:flex;gap:8px;align-items:center}.nav-item{padding:6px 12px;border:none;border-radius:var(--radius-xl);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all var(--transition-base);position:relative;text-decoration:none}.nav-item:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-item.active{background:#fff3;font-weight:600}.nav-icon{font-size:var(--text-lg)}.nav-count{background:#ffffff4d;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;margin-left:var(--spacing-xs)}.nav-user{display:flex;align-items:center;gap:var(--spacing-md)}.quick-stats{display:flex;gap:var(--spacing-md)}.quick-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);font-weight:600}.stat-icon{font-size:var(--text-lg)}.notification-container{position:relative}.notification-button{background:none;border:none;color:#fff;cursor:pointer;padding:var(--spacing-sm);border-radius:50%;position:relative;font-size:var(--text-lg);transition:all var(--transition-base)}.notification-button:hover{background:#ffffff1a}.notification-badge{position:absolute;top:0;right:0;background:rgb(var(--md-sys-color-error));color:#fff;border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600}.notification-menu{position:absolute;top:100%;right:0;width:320px;background:rgb(var(--md-sys-color-surface));border:1px solid rgb(var(--md-sys-color-outline));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.notification-header{padding:var(--spacing-md);background:rgb(var(--md-sys-color-surface-container));display:flex;justify-content:space-between;align-items:center}.notification-header h4{margin:0;color:rgb(var(--md-sys-color-on-surface))}.notification-list{max-height:300px;overflow-y:auto}.notification-item{padding:var(--spacing-md);border-bottom:1px solid rgb(var(--md-sys-color-outline-variant));display:flex;gap:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-base)}.notification-item:hover{background:rgb(var(--md-sys-color-surface-container))}.notification-item.unread{background:rgba(var(--md-sys-color-primary),.05)}.notification-icon{font-size:var(--text-lg);flex-shrink:0}.notification-content{flex:1}.notification-title{margin:0 0 var(--spacing-xs) 0;font-weight:500;color:rgb(var(--md-sys-color-on-surface))}.notification-time{margin:0;font-size:var(--text-sm);color:rgb(var(--md-sys-color-on-surface-variant))}.view-all-notifications{width:100%;padding:var(--spacing-md);background:none;border:none;color:rgb(var(--md-sys-color-primary));cursor:pointer;font-weight:500;transition:background-color var(--transition-base)}.view-all-notifications:hover{background:rgb(var(--md-sys-color-surface-container))}.profile-container{position:relative}.profile-button{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-base)}.profile-button:hover{background:#ffffff1a}.profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.profile-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{position:absolute;top:100%;right:0;width:280px;background:rgb(var(--md-sys-color-surface));border:1px solid rgb(var(--md-sys-color-outline));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.profile-header{padding:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:center;background:rgb(var(--md-sys-color-surface-container))}.profile-header img{width:48px;height:48px;border-radius:50%;object-fit:cover}.profile-header h4{margin:0;color:rgb(var(--md-sys-color-on-surface))}.profile-header p{margin:var(--spacing-xs) 0 0 0;font-size:var(--text-sm);color:rgb(var(--md-sys-color-on-surface-variant))}.profile-stats{padding:var(--spacing-md) var(--spacing-lg);background:rgba(var(--md-sys-color-primary),.05)}.profile-stat{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:500}.profile-actions{padding:var(--spacing-sm) 0}.profile-action{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;transition:background-color var(--transition-base);color:rgb(var(--md-sys-color-on-surface))}.profile-action:hover{background:rgb(var(--md-sys-color-surface-container))}.profile-action.logout{color:rgb(var(--md-sys-color-error))}.profile-divider{height:1px;background:rgb(var(--md-sys-color-outline-variant));margin:var(--spacing-sm) 0}.search-filter-bar{background:rgb(var(--md-sys-color-surface-container));border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.search-row{display:flex;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md)}.search-input{flex:1;min-width:300px}.view-controls{display:flex;gap:var(--spacing-sm)}.filter-row{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.advanced-filters{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgb(var(--md-sys-color-outline-variant))}.advanced-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.batch-operations{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgb(var(--md-sys-color-outline-variant));display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.batch-controls{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.batch-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.books-grid{display:grid;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.books-grid.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.books-grid.list{grid-template-columns:1fr}.enhanced-book-card{display:flex;flex-direction:column;border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base);background:rgb(var(--md-sys-color-surface));border:1px solid rgb(var(--md-sys-color-outline-variant));position:relative;cursor:pointer}.enhanced-book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.enhanced-book-card.selected{border-color:rgb(var(--md-sys-color-primary));box-shadow:0 0 0 2px rgba(var(--md-sys-color-primary),.2)}.enhanced-book-card.reading-card{border:2px solid rgb(var(--md-sys-color-primary))}.batch-select-overlay{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);z-index:10}.batch-checkbox{width:20px;height:20px;accent-color:rgb(var(--md-sys-color-primary))}.book-cover{position:relative;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.book-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.enhanced-book-card:hover .book-cover img{transform:scale(1.05)}.fallback-cover{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,rgb(var(--md-sys-color-primary)),#24a8e0);color:#fff}.cover-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.cover-initial{font-size:1.5rem;font-weight:700}.cover-finding-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:var(--spacing-sm);font-size:var(--text-sm)}.reading-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#4caf50e6;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-badge{position:absolute;bottom:var(--spacing-sm);left:var(--spacing-sm);background:rgba(var(--md-sys-color-primary),.9);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:#0009;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--text-lg);opacity:0;transition:opacity var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.enhanced-book-card:hover .menu-button{opacity:1}.book-info{padding:var(--spacing-md);flex-grow:1}.book-title{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0;color:rgb(var(--md-sys-color-on-surface));line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.book-author{font-size:var(--text-sm);color:rgb(var(--md-sys-color-on-surface-variant));margin:0 0 var(--spacing-sm) 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.book-metadata{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.book-genre{display:inline-block;background:rgba(var(--md-sys-color-primary),.1);color:rgb(var(--md-sys-color-primary));padding:2px var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500}.book-year,.book-pages{font-size:var(--text-xs);color:rgb(var(--md-sys-color-on-surface-variant))}.reading-progress{margin-top:var(--spacing-sm)}.progress-bar{width:100%;height:4px;background:rgb(var(--md-sys-color-outline-variant));border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:rgb(var(--md-sys-color-primary));transition:width var(--transition-base)}.progress-text{font-size:var(--text-xs);color:rgb(var(--md-sys-color-on-surface-variant))}.book-tags{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap}.book-tag{background:rgb(var(--md-sys-color-surface-container));color:rgb(var(--md-sys-color-on-surface));padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--text-xs)}.tag-count{color:rgb(var(--md-sys-color-on-surface-variant));font-size:var(--text-xs)}.book-actions{padding:var(--spacing-md);display:flex;gap:var(--spacing-sm);border-top:1px solid rgb(var(--md-sys-color-outline-variant))}.stats-page{padding:var(--spacing-lg) 0}.page-header{text-align:center;margin-bottom:var(--spacing-xl)}.page-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-3xl);font-weight:700;color:rgb(var(--md-sys-color-on-surface))}.page-header p{margin:0;font-size:var(--text-lg);color:rgb(var(--md-sys-color-on-surface-variant))}.enhanced-stats-container{margin-bottom:var(--spacing-xl)}.gamification-error-banner{background:rgba(var(--md-sys-color-warning),.1);border:1px solid rgba(var(--md-sys-color-warning),.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;color:rgb(var(--md-sys-color-warning))}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stats-grid.enhanced{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-card{padding:var(--spacing-lg);border-radius:var(--radius-md);background:rgb(var(--md-sys-color-surface-container));border:1px solid rgb(var(--md-sys-color-outline-variant));text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.stats-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stats-card.enhanced{background:linear-gradient(135deg,rgba(var(--md-sys-color-primary),.05),rgba(var(--md-sys-color-secondary),.05))}.stats-card h3{font-size:var(--text-sm);font-weight:500;margin:0 0 var(--spacing-sm) 0;color:rgb(var(--md-sys-color-on-surface-variant));text-transform:uppercase;letter-spacing:.5px}.stats-card p{font-size:var(--text-2xl);font-weight:700;margin:0;color:rgb(var(--md-sys-color-on-surface))}.stats-card p.primary{color:rgb(var(--md-sys-color-primary))}.stats-card p.success{color:rgb(var(--md-sys-color-success))}.stats-card p.warning{color:rgb(var(--md-sys-color-warning))}.stats-card p.error{color:rgb(var(--md-sys-color-error))}.stats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-lg)}.gamification-section,.gamification-fallback{margin-top:var(--spacing-xl)}.coming-soon-card{padding:var(--spacing-xl);text-align:center}.coming-soon-content h3{margin:0 0 var(--spacing-md) 0;font-size:var(--text-xl);color:rgb(var(--md-sys-color-on-surface))}.coming-soon-content p{margin:0 0 var(--spacing-lg) 0;color:rgb(var(--md-sys-color-on-surface-variant))}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.feature-item{padding:var(--spacing-md);background:rgb(var(--md-sys-color-surface-container));border-radius:var(--radius-md);font-weight:500}.reading-insights{margin-top:var(--spacing-xl)}.reading-insights h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--text-2xl);font-weight:600;color:rgb(var(--md-sys-color-on-surface))}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.insight-card{padding:var(--spacing-lg)}.insight-card h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--text-lg);font-weight:600;color:rgb(var(--md-sys-color-primary))}.insight-card p{margin:0;color:rgb(var(--md-sys-color-on-surface-variant))}.collections-page{padding:var(--spacing-lg) 0}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.collection-card{padding:var(--spacing-lg);transition:all var(--transition-base)}.collection-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.collection-card h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-xl);font-weight:600;color:rgb(var(--md-sys-color-on-surface))}.collection-card p{margin:0 0 var(--spacing-md) 0;color:rgb(var(--md-sys-color-on-surface-variant))}.collection-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs)}.collection-book-cover{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm)}.settings-dialog{max-width:600px}.settings-content{max-height:500px;overflow-y:auto;padding:var(--spacing-md) 0}.setting-group{margin-bottom:var(--spacing-xl)}.setting-group h3{font-size:var(--text-lg);font-weight:600;margin:0 0 var(--spacing-md) 0;color:rgb(var(--md-sys-color-on-surface));border-bottom:1px solid rgb(var(--md-sys-color-outline-variant));padding-bottom:var(--spacing-sm)}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md) 0;border-bottom:1px solid rgb(var(--md-sys-color-outline-variant));gap:var(--spacing-md)}.setting-item:last-child{border-bottom:none}.setting-item label{flex:1}.setting-item label span{display:block;font-size:var(--text-base);font-weight:500;color:rgb(var(--md-sys-color-on-surface));margin-bottom:var(--spacing-xs)}.setting-item label p{font-size:var(--text-sm);color:rgb(var(--md-sys-color-on-surface-variant));margin:0;line-height:1.4}.empty-state{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);grid-column:1 / -1}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.empty-state h3{font-size:var(--text-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0;color:rgb(var(--md-sys-color-on-surface))}.empty-state p{font-size:var(--text-base);margin:0 0 var(--spacing-lg) 0;color:rgb(var(--md-sys-color-on-surface-variant));max-width:400px;margin-left:auto;margin-right:auto}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);z-index:1000;color:#fff}.error-banner{background:rgba(var(--md-sys-color-error),.1);border:1px solid rgba(var(--md-sys-color-error),.3);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;color:rgb(var(--md-sys-color-error))}.error-page{text-align:center;padding:var(--spacing-xxl)}.error-page h2{margin:0 0 var(--spacing-md) 0;color:rgb(var(--md-sys-color-on-surface))}.error-page p{margin:0 0 var(--spacing-lg) 0;color:rgb(var(--md-sys-color-on-surface-variant))}@media(max-width:1024px){.nav-container{padding:0 var(--spacing-md)}.main-content{padding:0 var(--spacing-md) var(--spacing-lg)}.books-grid.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:768px){.nav-container{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.nav-items{justify-content:center;flex-wrap:wrap}.nav-user{justify-content:center}.search-row{flex-direction:column;align-items:stretch}.search-input{min-width:auto}.filter-row,.batch-operations{flex-direction:column;align-items:stretch}.books-grid.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.insights-grid,.collections-grid{grid-template-columns:1fr}}@media(max-width:480px){.nav-brand h1{font-size:var(--text-xl)}.nav-brand .tagline{display:none}.main-content{padding:0 var(--spacing-sm) var(--spacing-lg)}.search-filter-bar{padding:var(--spacing-md)}.books-grid.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-md)}.enhanced-book-card{min-height:280px}.book-info{padding:var(--spacing-sm)}.book-actions{padding:var(--spacing-sm);flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.stats-card{padding:var(--spacing-md)}.stats-card p{font-size:var(--text-xl)}}@media print{.enhanced-navigation-header,.search-filter-bar,.book-actions,.menu-button,.batch-select-overlay{display:none!important}.enhanced-book-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.books-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(prefers-contrast:high){.enhanced-book-card,.stats-card{border-width:2px}}.nav-item:focus,.enhanced-book-card:focus,.stats-card:focus{outline:2px solid rgb(var(--md-sys-color-primary));outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.nav-item .nav-label{display:none}.nav-item{padding:8px;gap:0}.nav-icon{font-size:var(--text-lg)}}@media(max-width:640px){.nav-brand .tagline{display:none}.nav-container{gap:12px}}.nav-items{flex-wrap:nowrap}.nav-item{white-space:nowrap;min-width:auto}.md3-upload-page{min-height:100vh;background:rgb(var(--md-sys-color-surface));padding:2rem}.md3-upload-container{max-width:800px;margin:0 auto}.md3-upload-header{text-align:center;margin-bottom:2rem}.md3-upload-header h1{color:rgb(var(--md-sys-color-on-surface));margin-bottom:.5rem}.md3-upload-header p{color:rgb(var(--md-sys-color-on-surface-variant))}.md3-upload-steps{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 2rem}.md3-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.md3-step:not(:last-child):after{content:"";position:absolute;top:20px;left:50%;width:100%;height:2px;background:rgb(var(--md-sys-color-surface-variant));z-index:-1}.md3-step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgb(var(--md-sys-color-surface-variant));color:rgb(var(--md-sys-color-on-surface-variant));font-weight:500;transition:all .3s ease}.md3-step-indicator.active{background:rgb(var(--md-sys-color-primary));color:rgb(var(--md-sys-color-on-primary));transform:scale(1.1)}.md3-step-indicator.complete{background:rgb(var(--md-sys-color-tertiary));color:rgb(var(--md-sys-color-on-tertiary))}.md3-step-label{color:rgb(var(--md-sys-color-on-surface-variant));text-align:center}.md3-step-label.active{color:rgb(var(--md-sys-color-primary));font-weight:500}.md3-upload-content{padding:2rem;min-height:400px}[data-theme=light] .md3-upload-content,:root:not([data-theme=dark]) .md3-upload-content,.light .md3-upload-content{background:rgb(var(--md-sys-color-surface, 255 255 255))!important;border-color:rgb(var(--md-sys-color-outline, 121 116 126))}[data-theme=light] .md3-upload-details .md3-text-field__container,:root:not([data-theme=dark]) .md3-upload-details .md3-text-field__container,.light .md3-upload-details .md3-text-field__container{background:rgb(var(--md-sys-color-surface, 255 255 255))!important}[data-theme=light] .md3-upload-details .md3-text-field__input,:root:not([data-theme=dark]) .md3-upload-details .md3-text-field__input,.light .md3-upload-details .md3-text-field__input{color:rgb(var(--md-sys-color-on-surface, 28 27 31))!important}[data-theme=light] .md3-upload-details .md3-text-field__label,:root:not([data-theme=dark]) .md3-upload-details .md3-text-field__label,.light .md3-upload-details .md3-text-field__label{color:rgb(var(--md-sys-color-on-surface, 28 27 31))!important}[data-theme=light] .md3-upload-details .md3-select,:root:not([data-theme=dark]) .md3-upload-details .md3-select,.light .md3-upload-details .md3-select{background:rgb(var(--md-sys-color-surface, 255 255 255));color:rgb(var(--md-sys-color-on-surface, 28 27 31));border-color:rgb(var(--md-sys-color-outline, 121 116 126))}[data-theme=light] .md3-upload-details .md3-select-label,:root:not([data-theme=dark]) .md3-upload-details .md3-select-label,.light .md3-upload-details .md3-select-label{color:rgb(var(--md-sys-color-on-surface-variant, 73 69 79))}[data-theme=dark] .md3-upload-page,.dark .md3-upload-page{background:#0f1419}[data-theme=dark] .md3-upload-content,.dark .md3-upload-content{background:#1a1f2e!important;border-color:#2d3748!important;box-shadow:0 4px 12px #0006!important}[data-theme=dark] .md3-upload-header h1,.dark .md3-upload-header h1{color:#e8eaed!important;background:linear-gradient(135deg,#7ca9ff,#b8d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .md3-upload-header p,.dark .md3-upload-header p{color:#b8bfc8!important}[data-theme=dark] .md3-dropzone .md-title-large,.dark .md3-dropzone .md-title-large{color:#e8eaed!important}[data-theme=dark] .md3-dropzone .md-body-medium,.dark .md3-dropzone .md-body-medium,[data-theme=dark] .md3-dropzone .on-surface-variant,.dark .md3-dropzone .on-surface-variant{color:#b8bfc8!important}.md3-dropzone{border:2px dashed rgb(var(--md-sys-color-outline));border-radius:16px;padding:3rem;text-align:center;cursor:pointer;transition:all .3s ease;background:rgb(var(--md-sys-color-surface-variant),.3)}[data-theme=light] .md3-upload-content,.light .md3-upload-content,:not([data-theme=dark]):not(.dark) .md3-upload-content{background:linear-gradient(135deg,#d1d5db,#b8bcc2,#d1d5db)!important;border:1px solid #9ca3af!important;box-shadow:0 4px 12px #00000014!important}[data-theme=light] .md3-dropzone,.light .md3-dropzone,:not([data-theme=dark]):not(.dark) .md3-dropzone{background:linear-gradient(135deg,#4b5563,#6b7280,#4b5563)!important}[data-theme=light] .md3-select-field,.light .md3-select-field,[data-theme=light] .md3-select-field *,.light .md3-select-field *,:not([data-theme=dark]):not(.dark) .md3-select-field,:not([data-theme=dark]):not(.dark) .md3-select-field *{color:#000!important}[data-theme=light] .md3-dropzone .md-title-large,.light .md3-dropzone .md-title-large,:not([data-theme=dark]):not(.dark) .md3-dropzone .md-title-large{color:var(--md-sys-color-on-surface)!important}[data-theme=light] .md3-dropzone .md-body-medium,.light .md3-dropzone .md-body-medium,[data-theme=light] .md3-dropzone .on-surface-variant,.light .md3-dropzone .on-surface-variant,:not([data-theme=dark]):not(.dark) .md3-dropzone .md-body-medium,:not([data-theme=dark]):not(.dark) .md3-dropzone .on-surface-variant{color:var(--md-sys-color-on-surface-variant)!important}[data-theme=dark] .md3-dropzone,.dark .md3-dropzone{background:#242b3d!important;border-color:#4a5568!important}[data-theme=dark] .md3-dropzone:hover,.dark .md3-dropzone:hover{background:#2d3548!important;border-color:#6b7fa8!important}[data-theme=dark] .md3-upload-actions .md3-button--filled,.dark .md3-upload-actions .md3-button--filled{background:#5a7ba8!important;color:#fff!important}[data-theme=dark] .md3-upload-actions .md3-button--filled:hover,.dark .md3-upload-actions .md3-button--filled:hover{background:#6b8ab6!important;box-shadow:0 4px 12px #5a7ba84d!important}[data-theme=dark] .md3-upload-actions .md3-button--text,.dark .md3-upload-actions .md3-button--text{color:#9eb8d9!important}[data-theme=dark] .md3-upload-actions .md3-button--text:hover,.dark .md3-upload-actions .md3-button--text:hover{background:#9eb8d91a!important}[data-theme=dark] .md3-select,.dark .md3-select{background:#242b3d!important;color:#e8eaed!important;border-color:#4a5568!important}[data-theme=dark] .md3-select:focus,.dark .md3-select:focus{border-color:#6b8ab6!important;box-shadow:0 0 0 2px #6b8ab633!important}[data-theme=dark] .md3-select-label,.dark .md3-select-label{color:#b8bfc8!important}[data-theme=dark] .md3-text-field,.dark .md3-text-field,[data-theme=dark] .md3-text-field input,.dark .md3-text-field input,[data-theme=dark] .md3-text-field textarea,.dark .md3-text-field textarea{background:#242b3d!important;color:#e8eaed!important;border-color:#4a5568!important}[data-theme=dark] .md3-text-field label,.dark .md3-text-field label{color:#b8bfc8!important}[data-theme=dark] .md3-text-field--focused input,.dark .md3-text-field--focused input,[data-theme=dark] .md3-text-field--focused textarea,.dark .md3-text-field--focused textarea{border-color:#6b8ab6!important}[data-theme=dark] .md3-file-info,.dark .md3-file-info{background:#242b3d!important;border:1px solid #4a5568!important}[data-theme=dark] .md3-file-info .md-label-large,.dark .md3-file-info .md-label-large{color:#e8eaed!important}[data-theme=dark] .md3-file-info .md-label-small,.dark .md3-file-info .md-label-small{color:#b8bfc8!important}[data-theme=dark] .md3-step-indicator,.dark .md3-step-indicator{background:#2d3748!important;color:#b8bfc8!important}[data-theme=dark] .md3-step-indicator.active,.dark .md3-step-indicator.active{background:#5a7ba8!important;color:#fff!important}[data-theme=dark] .md3-step-indicator.complete,.dark .md3-step-indicator.complete{background:#4a9d7f!important;color:#fff!important}[data-theme=dark] .md3-step-label,.dark .md3-step-label{color:#b8bfc8!important}[data-theme=dark] .md3-step-label.active,.dark .md3-step-label.active{color:#9eb8d9!important}[data-theme=dark] .md3-upload-progress h3,.dark .md3-upload-progress h3{color:#e8eaed!important}[data-theme=dark] .md3-upload-progress p,.dark .md3-upload-progress p{color:#b8bfc8!important}.md3-dropzone:hover{border-color:rgb(var(--md-sys-color-primary));background:rgb(var(--md-sys-color-primary-container),.1)}.md3-dropzone.active{border-color:rgb(var(--md-sys-color-primary));background:rgb(var(--md-sys-color-primary-container));transform:scale(1.02)}.md3-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.md3-dropzone-icon{font-size:4rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.md3-upload-button{margin-top:1rem}.md3-file-preview{margin-bottom:2rem}.md3-file-info{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px}.file-icon{font-size:2rem}.md3-form-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.md3-form-grid>*:nth-child(1),.md3-form-grid>*:nth-child(2){grid-column:span 1}@media(min-width:640px){.md3-form-grid{grid-template-columns:1fr 1fr}.md3-form-grid>*:nth-child(3),.md3-form-grid>*:nth-child(4){grid-column:span 2}}.md3-upload-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.md3-upload-actions .md3-button{-webkit-appearance:none;appearance:none;cursor:pointer}.md3-upload-actions .md3-button:not([disabled]):not([aria-disabled=true]){pointer-events:auto;cursor:pointer!important;user-select:none;-webkit-user-select:none}.md3-upload-actions .md3-button[disabled],.md3-upload-actions .md3-button[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.38}@supports (-webkit-touch-callout: none){.md3-upload-actions .md3-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.md3-upload-actions .md3-button:not([disabled]){cursor:pointer!important;pointer-events:auto!important}}.md3-upload-progress{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.md3-progress-icon{font-size:4rem;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.md3-upload-complete{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.md3-success-icon{font-size:4rem;color:rgb(var(--md-sys-color-tertiary));animation:bounce .5s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.md3-select-field{display:flex;flex-direction:column;gap:8px;width:100%}.md3-select-label{font-size:12px;color:var(--md-sys-color-on-surface-variant);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.md3-select{width:100%;padding:16px;border-radius:4px;border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-size:16px;font-family:inherit;transition:all .3s ease}.md3-select:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary-container)}.md3-select:hover{border-color:var(--md-sys-color-on-surface)}@media(prefers-color-scheme:dark){.md3-dropzone{background:rgb(var(--md-sys-color-surface-variant),.1)}.md3-dropzone:hover{background:rgb(var(--md-sys-color-primary-container),.2)}}@media(max-width:768px){.md3-upload-page{padding:1rem}.md3-upload-container{max-width:100%}.md3-upload-header h1{font-size:1.75rem}.md3-upload-header p{font-size:.875rem}.md3-upload-steps{padding:0 .5rem;overflow-x:auto}.md3-step-indicator{width:32px;height:32px;font-size:.75rem}.md3-step-label{font-size:.625rem}.md3-upload-content{padding:1.5rem}.md3-dropzone{padding:2rem 1rem}.md3-dropzone-icon{font-size:3rem}.md3-upload-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem}.md3-upload-actions .md3-button{width:100%;min-height:48px;padding:0 24px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.md3-upload-actions .md3-button:not([disabled]){pointer-events:auto!important;cursor:pointer!important}.md3-form-grid{grid-template-columns:1fr;gap:1rem}.md3-form-grid>*{grid-column:span 1!important}.md3-file-info{padding:.75rem;font-size:.875rem}.file-icon{font-size:1.5rem}}@media(max-width:480px){.md3-upload-page{padding:.5rem}.md3-upload-content{padding:1rem}.md3-upload-header h1{font-size:1.5rem}.md3-upload-actions .md3-button{min-height:56px;font-size:1rem}}.ai-reading-companion{display:flex;flex-direction:column;gap:var(--md-sys-spacing-3);max-width:100%}.ai-companion-prompt{text-align:center;padding:var(--md-sys-spacing-6);display:flex;flex-direction:column;align-items:center;gap:var(--md-sys-spacing-3)}.ai-companion-prompt h3{font-family:var(--md-sys-typescale-headline-small-font-family);font-size:var(--md-sys-typescale-headline-small-font-size);font-weight:var(--md-sys-typescale-headline-small-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0}.ai-companion-prompt p{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin:0;max-width:400px}.ai-icon{width:24px;height:24px;color:rgb(var(--md-sys-color-primary))}.section-icon{width:18px;height:18px;color:rgb(var(--md-sys-color-primary))}.button-icon{width:16px;height:16px}.ai-analysis-card{background:rgb(var(--md-sys-color-surface-container-low))!important;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large);border:1px solid rgb(var(--md-sys-color-outline-variant))}.ai-card-header{display:flex;align-items:center;gap:var(--md-sys-spacing-2);margin-bottom:var(--md-sys-spacing-3);padding-bottom:var(--md-sys-spacing-2);border-bottom:1px solid rgb(var(--md-sys-color-outline-variant))}.ai-card-header h3{font-family:var(--md-sys-typescale-title-medium-font-family);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0;flex:1}.ai-spinner{width:20px;height:20px;border:2px solid rgb(var(--md-sys-color-outline-variant));border-top-color:rgb(var(--md-sys-color-primary));border-radius:50%;animation:spin var(--md-sys-motion-duration-long1) linear infinite}.selected-text{margin-bottom:var(--md-sys-spacing-4)}.selected-text blockquote{background:rgba(var(--md-sys-color-primary),.08);border-left:4px solid rgb(var(--md-sys-color-primary));padding:var(--md-sys-spacing-3);margin:0;border-radius:0 var(--md-sys-shape-corner-small) var(--md-sys-shape-corner-small) 0;font-style:italic;color:rgb(var(--md-sys-color-on-surface))}.analysis-results{display:flex;flex-direction:column;gap:var(--md-sys-spacing-4)}.analysis-section{display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.analysis-section h4{font-family:var(--md-sys-typescale-title-small-font-family);font-size:var(--md-sys-typescale-title-small-font-size);font-weight:var(--md-sys-typescale-title-small-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0;display:flex;align-items:center;gap:var(--md-sys-spacing-2)}.analysis-chips,.concept-chips{display:flex;flex-wrap:wrap;gap:var(--md-sys-spacing-2)}.help-item{background:rgba(var(--md-sys-color-surface-variant),.3);padding:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-small);margin-bottom:var(--md-sys-spacing-2)}.help-item strong{color:rgb(var(--md-sys-color-primary));display:block;margin-bottom:var(--md-sys-spacing-1)}.help-item p,.help-item ul{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin:0}.help-item ul{padding-left:var(--md-sys-spacing-4)}.help-item li{margin-bottom:var(--md-sys-spacing-1)}.ai-suggestions{background:rgba(var(--md-sys-color-tertiary),.08);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-medium);border:1px solid rgba(var(--md-sys-color-tertiary),.2)}.ai-suggestions h4{font-family:var(--md-sys-typescale-title-small-font-family);font-size:var(--md-sys-typescale-title-small-font-size);font-weight:var(--md-sys-typescale-title-small-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-3) 0;display:flex;align-items:center;gap:var(--md-sys-spacing-2)}.suggestions-list{display:flex;flex-direction:column;gap:var(--md-sys-spacing-3)}.suggestion-item{display:flex;align-items:flex-start;gap:var(--md-sys-spacing-3);padding:var(--md-sys-spacing-3);background:rgb(var(--md-sys-color-surface));border-radius:var(--md-sys-shape-corner-small);border:1px solid rgb(var(--md-sys-color-outline-variant))}.suggestion-content{flex:1;display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.suggestion-content p{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface));margin:0}.suggestion-type{align-self:flex-start}.connections-list{display:flex;flex-direction:column;gap:var(--md-sys-spacing-2)}.connection-item{padding:var(--md-sys-spacing-3);background:rgba(var(--md-sys-color-secondary),.08);border-radius:var(--md-sys-shape-corner-small);border-left:3px solid rgb(var(--md-sys-color-secondary))}.connection-item strong{color:rgb(var(--md-sys-color-secondary));display:block;margin-bottom:var(--md-sys-spacing-1)}.connection-item p{font-family:var(--md-sys-typescale-body-small-font-family);font-size:var(--md-sys-typescale-body-small-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin:0}.ai-insights-card{background:linear-gradient(135deg,rgba(var(--md-sys-color-primary),.08),rgba(var(--md-sys-color-tertiary),.08))!important;padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-large)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--md-sys-spacing-3);margin-bottom:var(--md-sys-spacing-4)}.insight-item{background:rgba(var(--md-sys-color-surface),.8);padding:var(--md-sys-spacing-3);border-radius:var(--md-sys-shape-corner-medium);text-align:center}.insight-item h4{font-family:var(--md-sys-typescale-label-large-font-family);font-size:var(--md-sys-typescale-label-large-font-size);font-weight:var(--md-sys-typescale-label-large-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-2) 0}.insight-item p{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin:0}.insight-item ul{text-align:left;padding-left:var(--md-sys-spacing-3);margin:0}.insight-item li{font-family:var(--md-sys-typescale-body-small-font-family);font-size:var(--md-sys-typescale-body-small-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin-bottom:var(--md-sys-spacing-1)}.score-circle{width:80px;height:80px;border-radius:50%;background:conic-gradient(rgb(var(--md-sys-color-primary)) 0deg,rgb(var(--md-sys-color-primary)) var(--score-angle, 270deg),rgb(var(--md-sys-color-outline-variant)) var(--score-angle, 270deg));display:flex;align-items:center;justify-content:center;margin:0 auto;font-family:var(--md-sys-typescale-headline-small-font-family);font-size:var(--md-sys-typescale-headline-small-font-size);font-weight:var(--md-sys-typescale-headline-small-font-weight);color:rgb(var(--md-sys-color-on-surface));position:relative}.score-circle:before{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:rgb(var(--md-sys-color-surface))}.score-circle:after{content:attr(data-score);position:absolute;z-index:1}.next-steps{background:rgba(var(--md-sys-color-surface),.6);padding:var(--md-sys-spacing-4);border-radius:var(--md-sys-shape-corner-medium)}.next-steps h4{font-family:var(--md-sys-typescale-title-small-font-family);font-size:var(--md-sys-typescale-title-small-font-size);font-weight:var(--md-sys-typescale-title-small-font-weight);color:rgb(var(--md-sys-color-on-surface));margin:0 0 var(--md-sys-spacing-2) 0}.next-steps ul{margin:0;padding-left:var(--md-sys-spacing-4)}.next-steps li{font-family:var(--md-sys-typescale-body-medium-font-family);font-size:var(--md-sys-typescale-body-medium-font-size);color:rgb(var(--md-sys-color-on-surface-variant));margin-bottom:var(--md-sys-spacing-2)}@media(max-width:600px){.ai-analysis-card,.ai-insights-card{padding:var(--md-sys-spacing-3)}.insights-grid{grid-template-columns:1fr}.suggestion-item{flex-direction:column;align-items:stretch}.ai-card-header{flex-wrap:wrap}}[data-theme=dark] .ai-analysis-card{background:rgb(var(--md-sys-color-surface-container-high))!important}[data-theme=dark] .ai-insights-card{background:linear-gradient(135deg,rgba(var(--md-sys-color-primary),.12),rgba(var(--md-sys-color-tertiary),.12))!important}[data-theme=dark] .suggestion-item,[data-theme=dark] .insight-item{background:rgba(var(--md-sys-color-surface-variant),.1)}@media(prefers-contrast:high){.ai-analysis-card,.ai-insights-card,.suggestion-item,.connection-item{border-width:2px}}@media(prefers-reduced-motion:reduce){.ai-spinner{animation:none}}.md3-notes-page{min-height:100vh;padding:0;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);transition:background-color .3s ease,color .3s ease}.md3-notes-container{max-width:1400px;margin:0 auto;padding:24px}.md3-notes-header{border-radius:16px!important;box-shadow:0 8px 32px #24a8e026!important}.md3-notes-header-content{display:flex;flex-direction:column;gap:24px}.md3-notes-header-text{text-align:center}.md3-notes-title{margin:0 0 8px;font-weight:700;letter-spacing:-.5px}.md3-notes-subtitle{margin:0;font-size:1.125rem;opacity:.9}.md3-notes-header-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.md3-notes-search{flex:1;max-width:400px}div.md3-text-field.md3-notes-search{background:transparent!important;background-color:transparent!important}.md3-notes-search input{color:#fff!important;background:transparent!important;background-color:transparent!important}.md3-notes-search input::placeholder{color:#ffffffb3!important}.md3-notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;animation:fadeIn .5s ease}.md3-note-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;background:var(--md-sys-color-surface)!important;border:1px solid var(--md-sys-color-outline-variant)!important;color:var(--md-sys-color-on-surface)!important}.md3-note-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--brand-gradient-start),var(--brand-gradient-end));transform:translateY(-100%);transition:transform .3s ease}.md3-note-card:hover:before{transform:translateY(0)}.md3-note-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.md3-note-content{padding:20px}.md3-note-title{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:var(--md-sys-color-on-surface);line-height:1.3}.md3-note-text{margin:0 0 16px;font-size:.95rem;color:var(--md-sys-color-on-surface-variant);line-height:1.6}.md3-note-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.md3-note-book{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;background:var(--md-sys-color-surface-container-low);border-radius:8px;font-size:.875rem;color:var(--md-sys-color-on-surface-variant)}.md3-note-book-icon{width:16px;height:16px;color:var(--md-sys-color-primary)}.md3-note-date{margin:0;font-size:.75rem;color:var(--md3-on-surface-variant);opacity:.7;display:flex;align-items:center}.md3-note-actions{position:absolute;top:12px;right:12px;display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.md3-note-card:hover .md3-note-actions{opacity:1}.md3-icon-small{width:16px;height:16px}.md3-notes-empty-state{padding:64px 32px;text-align:center;background:var(--md3-surface-container)}.md3-notes-empty-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--md3-primary);opacity:.3}.md3-notes-empty-title{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--md3-on-surface)}.md3-notes-empty-text{margin:0 0 24px;color:var(--md3-on-surface-variant)}.md3-notes-loading{padding:64px;text-align:center}.md3-notes-spinner{width:48px;height:48px;border:4px solid var(--md3-outline-variant);border-top-color:var(--md3-primary);border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.md3-notes-fab{position:fixed!important;bottom:24px!important;right:24px!important;z-index:1000}.md3-dialog-content{display:flex;flex-direction:column;gap:12px;padding:0}.md3-dialog-content .md3-text-field{background-color:#f5f5f5;border:none;border-radius:8px;padding:4px 8px}.md3-dialog-content .md3-text-field input,.md3-dialog-content .md3-text-field textarea{color:#1c1b1f;background-color:#f5f5f5;border:none;outline:none;width:100%}.md3-dialog-content .md3-text-field textarea{resize:vertical;min-height:200px}.md3-dialog-content .md3-text-field__label,.md3-dialog-content .md3-text-field__helper-text{color:#49454f}.md3-field-label{font-size:.875rem;font-weight:500;color:#49454f}.md3-select{padding:12px;border:1px solid #79747e;border-radius:8px;background:#fff;color:#1c1b1f;font-size:1rem;transition:all .2s ease}.md3-select:focus{outline:none;border-color:#24a8e0;box-shadow:0 0 0 2px #24a8e01a}.md3-select option{background:#fff;color:#1c1b1f;padding:8px}.timeline-container{padding:24px}.timeline-date-group{margin-bottom:32px}.timeline-date-header{display:flex;align-items:center;margin-bottom:16px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--md3-primary);margin-right:16px}.timeline-date{font-size:16px;font-weight:600;color:var(--md3-primary)}.timeline-line{flex:1;height:1px;background:var(--md3-outline-variant);margin-left:16px}.timeline-notes{margin-left:28px;border-left:2px solid var(--md3-outline-variant);padding-left:24px}.timeline-note-item{margin-bottom:16px;padding:12px 16px;background:var(--md3-surface-container-low);border-radius:8px;cursor:pointer;transition:all .2s ease}.timeline-note-item:hover{background:var(--md3-surface-container);transform:translate(4px)}.word-cloud-container{padding:24px;min-height:300px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.word-cloud-word{cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:4px;-webkit-user-select:none;user-select:none}.word-cloud-word:hover{transform:scale(1.1);background:#24a8e01a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px}.stat-card{padding:20px;text-align:center;background:var(--md3-surface-container);border-radius:12px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.stat-icon{margin-bottom:8px}.stat-value{margin:0 0 4px;font-size:24px;font-weight:600;color:var(--md3-on-surface)}.stat-label{margin:0;font-size:14px;color:var(--md3-on-surface-variant)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.md3-notes-container{padding:16px}.md3-notes-grid{grid-template-columns:1fr;gap:16px}.md3-notes-header-content{text-align:center}.md3-notes-header-actions{flex-direction:column;width:100%}.md3-notes-search{width:100%;max-width:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}}.md3-icon-button{width:32px;height:32px;border-radius:50%;border:none;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.md3-icon-button:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:scale(1.1)}.md3-icon-button--error:hover{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.timeline-note-item{margin-bottom:16px;padding:12px 16px;background:var(--md-sys-color-surface-container-low);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant)}.timeline-note-item:hover{background:var(--md-sys-color-surface-container);transform:translate(4px);border-color:var(--md-sys-color-outline)}.stat-card{padding:20px;text-align:center;background:var(--md-sys-color-surface-container);border-radius:12px;transition:all .3s ease;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface)}.epub-reader-container{position:fixed;inset:0;background-color:#000;z-index:50;display:flex;flex-direction:column}.epub-reader-header{position:absolute;top:0;left:0;right:0;background:#111827f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between;z-index:10;box-shadow:0 4px 6px -1px #0000001a}.epub-reader-header-info{flex:1;min-width:0}.epub-reader-title{font-size:1.125rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epub-reader-author{font-size:.875rem;color:#9ca3af;margin:.25rem 0 0}.epub-reader-header-actions{display:flex;align-items:center;gap:.75rem}.epub-reader-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;border:none;cursor:pointer;transition:background-color .2s;text-decoration:none;font-size:.875rem}.epub-reader-btn-primary{background-color:#6366f1;color:#fff}.epub-reader-btn-primary:hover{background-color:#4f46e5}.epub-reader-btn-secondary{background-color:#1f2937;color:#fff}.epub-reader-btn-secondary:hover{background-color:#374151}.epub-reader-btn-text{display:none}@media(min-width:640px){.epub-reader-btn-text{display:inline}}.epub-reader-content{position:absolute;top:4rem;left:0;right:0;bottom:0;overflow:hidden;padding-left:380px;padding-right:100px;box-sizing:border-box}.epub-viewer{width:100%;height:100%;background:#fff;transition:opacity .3s;max-width:900px;margin:0 auto;position:relative;overflow-y:auto;overflow-x:hidden}.epub-viewer iframe,.epub-viewer>div{border:none!important;width:100%!important;min-height:100%!important}.epub-reader-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#374151;gap:1rem}.epub-reader-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:epub-spin .8s linear infinite}@keyframes epub-spin{to{transform:rotate(360deg)}}.epub-reader-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:2rem;text-align:center;gap:1rem}.epub-reader-error-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.epub-reader-error-message{color:#6b7280;margin:0}.epub-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:1rem;cursor:pointer;z-index:5;transition:all .2s;border-radius:.5rem}.epub-nav-arrow:hover:not(:disabled){background:#000000b3;transform:translateY(-50%) scale(1.1)}.epub-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.epub-nav-arrow-left{left:1rem}.epub-nav-arrow-right{right:1rem}@media(max-width:1024px){.epub-reader-content{padding-left:20px;padding-right:20px}}@media(max-width:768px){.epub-reader-content{padding-left:10px;padding-right:10px}.epub-nav-arrow{padding:.75rem}.epub-nav-arrow-left{left:.5rem}.epub-nav-arrow-right{right:.5rem}}@media(hover:none)and (pointer:coarse){.epub-nav-arrow{background:#0000004d}.epub-nav-arrow:active:not(:disabled){background:#000000b3}}.pdf-reader-container{position:fixed;inset:0;background:var(--md-sys-color-surface, #121212);display:flex;flex-direction:column;z-index:50}.pdf-controls-bar{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);background:var(--md-sys-color-surface, #121212)}.pdf-content-area{flex:1;overflow:auto;padding-left:380px;padding-right:100px;box-sizing:border-box}.pdf-page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;max-width:900px;margin:0 auto}.pdf-click-layer{cursor:pointer;width:100%;display:flex;justify-content:center}@media(max-width:1024px){.pdf-content-area{padding-left:20px;padding-right:20px}}@media(max-width:768px){.pdf-content-area{padding-left:10px;padding-right:10px}}.legal-page-container{max-width:800px;margin:0 auto;padding:24px 16px;min-height:100vh;background:var(--md-sys-color-surface)}.legal-table-of-contents{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:20px;margin-bottom:32px;border:1px solid var(--md-sys-color-outline-variant)}.legal-table-of-contents h3{color:var(--md-sys-color-on-surface);margin:0 0 16px;font-family:var(--md-sys-typescale-title-medium-font-family-name);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight)}.legal-table-of-contents ul{list-style:none;padding:0;margin:0}.legal-table-of-contents li{margin-bottom:8px}.legal-toc-link{background:none;border:none;color:var(--md-sys-color-primary);cursor:pointer;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);padding:4px 8px;text-align:left;width:100%;transition:all .2s ease;border-radius:var(--md-sys-shape-corner-small)}.legal-toc-link:hover{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.legal-toc-link:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.legal-version{color:var(--md-sys-color-outline);margin:4px 0 0;font-family:var(--md-sys-typescale-body-small-font-family-name);font-size:var(--md-sys-typescale-body-small-font-size);font-weight:var(--md-sys-typescale-body-small-font-weight)}@media(min-width:768px){.legal-page-container{padding:32px 24px}}.legal-page-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--md-sys-color-outline-variant)}.legal-page-header h1{color:var(--md-sys-color-on-surface);margin:0 0 16px;font-family:var(--md-sys-typescale-display-small-font-family-name);font-size:var(--md-sys-typescale-display-small-font-size);font-weight:var(--md-sys-typescale-display-small-font-weight);line-height:var(--md-sys-typescale-display-small-line-height);letter-spacing:var(--md-sys-typescale-display-small-tracking)}.legal-subtitle{color:var(--md-sys-color-on-surface-variant);margin:0 0 8px;font-family:var(--md-sys-typescale-body-large-font-family-name);font-size:var(--md-sys-typescale-body-large-font-size);font-weight:var(--md-sys-typescale-body-large-font-weight);line-height:var(--md-sys-typescale-body-large-line-height);letter-spacing:var(--md-sys-typescale-body-large-tracking)}.legal-updated{color:var(--md-sys-color-outline);margin:0;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.legal-content-card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-large);padding:32px;box-shadow:var(--md-sys-elevation-1);border:1px solid var(--md-sys-color-outline-variant)}@media(max-width:767px){.legal-content-card{padding:24px 16px;border-radius:var(--md-sys-shape-corner-medium)}}.legal-content{line-height:1.6}.legal-section{margin-bottom:40px;scroll-margin-top:24px}.legal-section:last-child{margin-bottom:0}html{scroll-behavior:smooth}.legal-section h2{color:var(--md-sys-color-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--md-sys-color-primary-container);font-family:var(--md-sys-typescale-headline-medium-font-family-name);font-size:var(--md-sys-typescale-headline-medium-font-size);font-weight:var(--md-sys-typescale-headline-medium-font-weight);line-height:var(--md-sys-typescale-headline-medium-line-height);letter-spacing:var(--md-sys-typescale-headline-medium-tracking)}.legal-section h3{color:var(--md-sys-color-on-surface);margin:24px 0 12px;font-family:var(--md-sys-typescale-title-large-font-family-name);font-size:var(--md-sys-typescale-title-large-font-size);font-weight:var(--md-sys-typescale-title-large-font-weight);line-height:var(--md-sys-typescale-title-large-line-height);letter-spacing:var(--md-sys-typescale-title-large-tracking)}.legal-section h4{color:var(--md-sys-color-on-surface);margin:20px 0 8px;font-family:var(--md-sys-typescale-title-medium-font-family-name);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight);line-height:var(--md-sys-typescale-title-medium-line-height);letter-spacing:var(--md-sys-typescale-title-medium-tracking)}.legal-section p{color:var(--md-sys-color-on-surface);margin:0 0 16px;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.legal-list{color:var(--md-sys-color-on-surface);margin:0 0 16px;padding-left:20px}.legal-list li{margin-bottom:8px;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.legal-list li strong{color:var(--md-sys-color-primary);font-weight:600}.legal-contact{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:16px;margin:16px 0;border-left:4px solid var(--md-sys-color-primary)}.legal-contact p{margin:0 0 8px;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);line-height:var(--md-sys-typescale-body-medium-line-height);letter-spacing:var(--md-sys-typescale-body-medium-tracking)}.legal-contact p:last-child{margin-bottom:0}.legal-contact strong{color:var(--md-sys-color-primary);font-weight:600}.legal-table{width:100%;border-collapse:collapse;margin:16px 0;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);overflow:hidden;border:1px solid var(--md-sys-color-outline-variant)}.legal-table th,.legal-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--md-sys-color-outline-variant)}.legal-table th{background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font-family-name);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight)}.legal-table td{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);line-height:var(--md-sys-typescale-body-medium-line-height)}.legal-table tr:last-child th,.legal-table tr:last-child td{border-bottom:none}.legal-highlight{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-medium);padding:16px;margin:16px 0;border-left:4px solid var(--md-sys-color-primary)}.legal-highlight p{color:var(--md-sys-color-on-primary-container);margin:0}.legal-warning{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:var(--md-sys-shape-corner-medium);padding:16px;margin:16px 0;border-left:4px solid var(--md-sys-color-error)}.legal-warning p{color:var(--md-sys-color-on-error-container);margin:0}.legal-nav{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);padding:16px;margin-bottom:24px;border:1px solid var(--md-sys-color-outline-variant)}.legal-nav-title{color:var(--md-sys-color-on-surface);margin:0 0 12px;font-family:var(--md-sys-typescale-title-medium-font-family-name);font-size:var(--md-sys-typescale-title-medium-font-size);font-weight:var(--md-sys-typescale-title-medium-font-weight)}.legal-nav-links{display:flex;flex-wrap:wrap;gap:16px}.legal-nav-link{color:var(--md-sys-color-primary);text-decoration:none;font-family:var(--md-sys-typescale-body-medium-font-family-name);font-size:var(--md-sys-typescale-body-medium-font-size);font-weight:var(--md-sys-typescale-body-medium-font-weight);transition:color .2s ease}.legal-nav-link:hover{color:var(--md-sys-color-primary-container);text-decoration:underline}@media(max-width:767px){.legal-page-header h1{font-size:2rem}.legal-section h2{font-size:1.5rem}.legal-section h3{font-size:1.25rem}.legal-table{font-size:.9rem}.legal-table th,.legal-table td{padding:8px 12px}}@media print{.legal-page-container{max-width:none;padding:0;background:#fff}.legal-content-card{box-shadow:none;border:none;padding:0;background:#fff}.legal-page-header{border-bottom:2px solid #000}.legal-table-of-contents{display:none}.legal-section h2{border-bottom:1px solid #000;page-break-after:avoid}.legal-section h3,.legal-section h4{page-break-after:avoid}.legal-highlight,.legal-warning{border:1px solid #000;background:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.legal-toc-link{transition:none}}@media(prefers-contrast:high){.legal-toc-link:focus{outline-width:3px}.legal-table-of-contents{border-width:2px}}.md3-dialog__scrim{position:fixed;inset:0;background-color:rgb(var(--md-sys-color-scrim) / .32);display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999;animation:md3-scrim-fade-in var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard) forwards}.md3-dialog{--_container-color: var(--md-sys-color-surface-container-high);--_container-shape: var(--md-sys-shape-corner-extra-large);--_container-elevation: var(--md-sys-elevation-level3);position:relative;background-color:rgb(var(--_container-color));border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);max-height:calc(100vh - 32px);width:auto!important;min-width:280px;overflow:hidden;animation:md3-dialog-scale-in var(--md-sys-motion-duration-medium3) var(--md-sys-motion-easing-emphasized) forwards}.md3-dialog__scrim:not(.dark) .md3-dialog{--_container-color: var(--md-sys-color-surface);--_container-elevation: var(--md-sys-elevation-level2);border:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-dialog__scrim:not(.dark) .md3-dialog__content{color:rgb(var(--md-sys-color-on-surface))}.md3-dialog__container{display:flex;flex-direction:column;max-height:inherit}.md3-dialog__header{padding:24px 24px 16px;flex-shrink:0}.md3-dialog__title{font:var(--md-sys-typescale-headline-small-font);color:rgb(var(--md-sys-color-on-surface));margin:0;line-height:var(--md-sys-typescale-headline-small-line-height)}.md3-dialog__content{padding:0 24px;flex:1;overflow-y:auto;color:rgb(var(--md-sys-color-on-surface-variant));font:var(--md-sys-typescale-body-medium-font);line-height:var(--md-sys-typescale-body-medium-line-height)}.md3-dialog__content:first-child{padding-top:24px}.md3-dialog__content:last-child{padding-bottom:24px}.md3-dialog__actions{padding:16px 24px 24px;flex-shrink:0}.md3-dialog--basic{max-width:560px!important}.md3-dialog--alert,.md3-dialog--confirmation{max-width:400px!important}.md3-dialog--xs{max-width:320px!important}.md3-dialog--sm{max-width:560px!important}.md3-dialog--md{max-width:768px!important}.md3-dialog--lg{max-width:1024px!important}.md3-dialog--xl{max-width:1280px!important}.md3-dialog--fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;margin:0}.md3-dialog--fullscreen .md3-dialog__content{padding:16px 24px}.md3-dialog--scrollable .md3-dialog__content{max-height:60vh}.md3-dialog--dividers .md3-dialog__header{border-bottom:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-dialog--dividers .md3-dialog__actions{border-top:1px solid rgb(var(--md-sys-color-outline-variant))}.md3-dialog-actions{display:flex;gap:8px}.md3-dialog.contact-dialog{background-color:rgb(var(--md-sys-color-surface))!important;color:rgb(var(--md-sys-color-on-surface))!important;border:1px solid rgb(var(--md-sys-color-outline-variant))!important;box-shadow:var(--md-sys-elevation-level2)!important;width:auto!important;max-width:768px!important}.md3-dialog.contact-dialog .md3-dialog__content,.md3-dialog.contact-dialog .contact-grid .md3-text-field__input,.md3-dialog.contact-dialog .contact-grid .md3-text-field__label,.md3-dialog.contact-dialog .contact-grid .md3-select-label{color:rgb(var(--md-sys-color-on-surface))!important}.md3-dialog.contact-dialog .contact-grid .md3-select{background:rgb(var(--md-sys-color-surface))!important;color:rgb(var(--md-sys-color-on-surface))!important;border-color:rgb(var(--md-sys-color-outline))!important}.md3-dialog.contact-dialog .contact-checkbox{color:rgb(var(--md-sys-color-on-surface))!important}.md3-dialog.contact-dialog .contact-message-field .md3-text-field__container{border-color:rgb(var(--md-sys-color-outline))!important;box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.06))!important}.md3-dialog-actions--start{justify-content:flex-start}.md3-dialog-actions--center{justify-content:center}.md3-dialog-actions--end{justify-content:flex-end}.md3-dialog-actions--stacked{flex-direction:column;gap:8px}.md3-dialog-actions--stacked .md3-button{width:100%}.md3-dialog__message{margin:0;padding:16px 0;color:rgb(var(--md-sys-color-on-surface-variant));font:var(--md-sys-typescale-body-medium-font);line-height:var(--md-sys-typescale-body-medium-line-height)}@keyframes md3-scrim-fade-in{0%{opacity:0}to{opacity:1}}@keyframes md3-dialog-scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes md3-dialog-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes md3-scrim-fade-out{0%{opacity:1}to{opacity:0}}.md3-dialog--closing{animation:md3-dialog-scale-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-emphasized) forwards}.md3-dialog--closing .md3-dialog__scrim{animation:md3-scrim-fade-out var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard) forwards}@media(max-width:600px){.md3-dialog__scrim{padding:8px}.md3-dialog{width:100%;max-width:calc(100vw - 16px)}.md3-dialog--fullscreen{width:100vw;height:100vh}.md3-dialog__header,.md3-dialog__content,.md3-dialog__actions{padding-left:16px;padding-right:16px}.md3-dialog-actions--stacked{gap:12px}}@media(max-width:480px){.md3-dialog__header{padding:16px 16px 8px}.md3-dialog__actions{padding:8px 16px 16px}.md3-dialog-actions{flex-direction:column;gap:8px}.md3-dialog-actions .md3-button{width:100%}}@media(prefers-reduced-motion:reduce){.md3-dialog__scrim,.md3-dialog,.md3-dialog--closing,.md3-dialog--closing .md3-dialog__scrim{animation:none}}@media(prefers-contrast:high){.md3-dialog{border:2px solid rgb(var(--md-sys-color-outline))}.md3-dialog--dividers .md3-dialog__header,.md3-dialog--dividers .md3-dialog__actions{border-width:2px}}@media(prefers-color-scheme:dark){.md3-dialog__scrim{background-color:rgb(var(--md-sys-color-scrim) / .48)}}.contact-page{min-height:100vh;background:var(--md-sys-color-surface);padding:24px 0;display:flex;justify-content:center}.contact-container{width:100%;max-width:720px;padding:0 16px;margin:0 auto}.contact-header{text-align:center;margin-bottom:20px}.contact-card{padding:20px;background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large)}.contact-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr;gap:20px}.contact-grid .full-row{grid-column:1 / -1}}.contact-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.contact-checkbox{display:flex;align-items:center;gap:10px;margin-top:4px;color:var(--md-sys-color-on-surface)}.contact-help{margin-top:14px;text-align:center}[data-theme=dark] .contact-page,.dark .contact-page{background:var(--md-sys-color-surface)}[data-theme=dark] .contact-card,.dark .contact-card{background:var(--md-sys-color-surface-container-low)}.md3-select-field{display:flex;flex-direction:column;gap:8px}.md3-select-label{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-font)}.md3-select{-webkit-appearance:none;appearance:none;width:100%;padding:14px 16px;border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.06))}.md3-select:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.contact-message-field .md3-text-field__container{border-color:var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-level1, 0 1px 2px rgba(0,0,0,.06))}.contact-message-field textarea,.contact-message-field .md3-text-field__input{min-height:280px;resize:vertical}.md3-dialog .contact-grid .md3-text-field__input{color:var(--md-sys-color-on-surface)}.md3-dialog .contact-grid .md3-text-field__label{color:var(--md-sys-color-on-surface-variant)}.md3-dialog .contact-grid .md3-text-field--outlined .md3-text-field__container{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline-variant)}.md3-dialog .contact-grid .md3-select-label{color:var(--md-sys-color-on-surface-variant)}.md3-dialog .contact-grid .md3-select{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline-variant)}.md3-dialog .contact-grid .contact-checkbox{color:var(--md-sys-color-on-surface)}.md3-dialog__scrim:not(.dark) .contact-grid .md3-text-field__input{color:var(--md-sys-color-on-surface)}.md3-dialog__scrim:not(.dark) .contact-grid .md3-text-field__label{color:var(--md-sys-color-on-surface)}.md3-dialog__scrim:not(.dark) .contact-grid .md3-select-label{color:var(--md-sys-color-on-surface)}.md3-dialog__scrim:not(.dark) .contact-grid .md3-select{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface)}.md3-dialog__scrim:not(.dark) .contact-grid .md3-text-field--outlined .md3-text-field__container{border-color:var(--md-sys-color-outline)}.md3-dialog__scrim:not(.dark) .contact-grid .contact-checkbox{color:var(--md-sys-color-on-surface)}