@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.unified-search{flex:1 1;max-width:500px;position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{font-size:16px;left:14px;pointer-events:none;position:absolute}.unified-search-input{background:#e0caf3e6;border:none;border-radius:25px;font-size:14px;padding:10px 40px;transition:all .3s;width:100%}.unified-search-input:focus{background:#fff;box-shadow:0 4px 12px #00000026;outline:none}.unified-search-input::placeholder{color:#999}.search-loading{font-size:14px;position:absolute;right:14px}.search-results-dropdown{animation:slideDown .2s ease;background:#dac7fa;border-radius:12px;box-shadow:0 8px 24px #00000026;left:0;max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.search-section{border-bottom:1px solid #f0f0f0;padding:12px 0}.search-section:last-child{border-bottom:none}.search-section-title{color:#202020;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;padding:8px 16px;text-transform:uppercase}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:background .2s}.search-result-item:hover{background:#f8f9fa}.user-avatar-small{object-fit:cover}.user-avatar-placeholder-small,.user-avatar-small{border-radius:50%;flex-shrink:0;height:36px;width:36px}.user-avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}.user-info{display:flex;flex-direction:column;min-width:0}.user-display-name{color:#1a1a1a;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{color:#2e2e2e;font-size:12px}.book-cover-tiny{box-shadow:0 2px 4px #0000001a;object-fit:cover}.book-cover-placeholder-tiny,.book-cover-tiny{border-radius:4px;flex-shrink:0;height:54px;width:36px}.book-cover-placeholder-tiny{align-items:center;background:#f5f5f5;display:flex;font-size:20px;justify-content:center}.book-info{display:flex;flex-direction:column;min-width:0}.book-title-small{color:#1a1a1a;font-size:14px;font-weight:600}.book-author-small,.book-title-small{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-author-small{color:#1f1f1f;font-size:12px}.view-all-btn{background:#f8f9fa;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;margin:8px 16px;padding:10px;transition:all .2s;width:calc(100% - 32px)}.view-all-btn:hover{background:#667eea;color:#fff}.no-search-results{color:#242323;font-size:14px;padding:24px;text-align:center}.search-results-dropdown::-webkit-scrollbar{width:6px}.search-results-dropdown::-webkit-scrollbar-track{background:#0000}.search-results-dropdown::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}@media (max-width:768px){.unified-search{max-width:none}.search-results-dropdown{left:-10px;max-height:400px;right:-10px}}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;gap:20px;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{color:#fff;flex-shrink:0;font-size:24px;font-weight:700;gap:8px;text-decoration:none;transition:transform .3s}.navbar-brand:hover{transform:scale(1.05)}.navbar-search-wrapper{display:flex;flex:1 1;max-width:500px}.navbar-links{align-items:center;display:flex;gap:25px}.navbar-links a{border-radius:8px;color:#fff;font-size:15px;font-weight:600;padding:8px 15px;position:relative;text-decoration:none;transition:all .3s}.navbar-links a:hover{background:#fff3;transform:translateY(-2px)}.unread-badge{background:#f44;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-10px;text-align:center;top:-8px}.logout-btn{background:#fff3;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 20px;transition:all .3s}.logout-btn:hover{background:#fff;box-shadow:0 4px 8px #0003;color:#667eea;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:28px;padding:5px}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:12px 20px}.navbar-search-wrapper{margin-top:12px;max-width:none;order:3;width:100%}.navbar-brand{font-size:20px;order:1}.mobile-menu-toggle{display:block;order:2}.navbar-links{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px #0003;display:none;flex-direction:column;gap:0;left:0;order:4;padding:20px;position:absolute;right:0;top:60px}.navbar-links.mobile-open{display:flex}.navbar-links a{border-bottom:1px solid #ffffff1a;padding:15px;text-align:center;width:100%}.navbar-links a:last-child{border-bottom:none}.logout-btn{margin-top:10px;width:100%}.unread-badge{right:20px;top:5px}}@media (max-width:480px){.navbar{padding:10px 15px}.navbar-brand{font-size:18px}.navbar-links a{font-size:14px}}.page-progress-modal{max-width:500px}.page-progress-modal h2{color:#333;margin-bottom:10px}.book-title{color:#666;font-size:14px;font-style:italic;margin-bottom:25px}.current-progress{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:20px}.progress-bar{background:#e0e0e0;border-radius:12px;height:24px;margin-bottom:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;height:100%;transition:width .3s ease}.progress-text{color:#333;font-size:16px;font-weight:600;text-align:center}.quick-updates{display:flex;gap:10px;margin-bottom:20px}.btn-quick{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .2s}.btn-quick:hover{background:#667eea;border-color:#667eea;color:#fff}.btn-quick:active{transform:scale(.95)}.completion-notice{background:#d4edda;border-radius:8px;color:#155724;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.goals-container{background:#ae9bf5;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:30px 0;padding:25px}.goals-container h3{color:#333;font-size:20px;margin:0 0 20px}.goals-list{display:flex;flex-direction:column;gap:15px}.goal-card{background:#c1cbfa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.goal-header h4{color:#131313;font-size:16px;font-weight:600;margin:0}.goal-actions{display:flex;gap:8px}.btn-delete-goal{align-items:center;background:#fee;border:none;border-radius:50%;color:#c33;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:0;transition:all .3s;width:28px}.btn-delete-goal:hover{background:#fdd}.goal-progress-container{margin-top:10px}.goal-progress-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.goal-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.goal-stats{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:5px}.goal-current{color:#667eea}.goal-separator{color:#999}.goal-target{color:#666}.goal-percentage{color:#353535;font-size:14px;font-weight:400;margin-left:5px}.goal-completed{background:#d4edda;border-radius:6px;color:#155724;font-weight:600;margin-top:10px;padding:10px;text-align:center}.sidebar-section .goals-container{background:#0000;box-shadow:none;margin:0;padding:0}.sidebar-section .goals-container h3{font-size:16px;margin-bottom:15px}.sidebar-section .goal-card{padding:15px}.sidebar-section .goal-header h4{font-size:14px}.spoiler-review-hidden{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;margin:15px 0;padding:30px;text-align:center}.spoiler-warning{align-items:center;display:flex;flex-direction:column;gap:15px}.warning-icon{font-size:32px}.warning-text{color:#856404;font-size:16px;margin:0}.warning-text strong{color:#533f03}.reveal-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:background .3s}.reveal-button:hover{background:#5568d3}.spoiler-review-revealed{background:#f8f9fa;border:2px solid #ffc107;border-radius:12px;margin:15px 0;padding:20px;position:relative}.spoiler-badge{background:#ffc107;border-radius:6px;color:#856404;display:inline-block;font-size:12px;font-weight:700;margin-bottom:15px;padding:6px 12px;text-transform:uppercase}.review-text{margin:0 0 15px}.hide-button{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s}.hide-button:hover{background:#e0e0e0}.random-quote{background:#9ca2fc;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#080808;margin-bottom:15px;overflow:hidden;padding:15px;position:relative}.random-quote:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.quote-text{font-size:18px;font-style:normal;font-weight:700;line-height:1;position:relative;z-index:1}.quote-attribution{display:flex;flex-direction:column;font-size:14px;opacity:.95;position:relative;z-index:1}.quote-book{font-weight:600}.quote-author{font-size:13px;opacity:.9}.quote-actions{float:inline-end;margin-top:15px;text-decoration:none}.random-quote.loading{opacity:.8;padding:20px;text-align:center}@media (max-width:768px){.random-quote{padding:20px}.quote-text{font-size:16px}.quote-icon{font-size:24px}}.home-container{margin:0 auto;max-width:1400px;padding:20px}.home-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr;min-height:calc(100vh - 100px)}.home-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:#9887e2;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.sidebar-section h2{color:#131212;font-size:18px;margin:0 0 15px}.currently-reading-list{display:flex;flex-direction:column;gap:15px}.reading-book-card{background:#5c5488;border-radius:8px;color:#fff;display:flex;gap:12px;padding:12px;transition:all .3s}.book-cover-link{flex-shrink:0}.book-cover-link img{box-shadow:0 2px 4px #0000001a;object-fit:cover}.book-cover-link img,.no-cover-mini{border-radius:4px;height:90px;width:60px}.no-cover-mini{background:linear-gradient(135deg,#667eea,#764ba2);font-size:30px}.reading-book-info{color:#fff;flex:1 1;min-width:0}.book-title-link:hover h4{color:#c9b1f5}.reading-book-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fcfbfb;display:-webkit-box;font-size:14px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.home-book-author{color:#f7f4f4;font-size:12px;margin:0 0 8px}.mini-progress{margin-bottom:8px}.mini-progress-bar{background:#e0e0e0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden;width:100%}.mini-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .3s ease}.mini-progress-text{color:#f1efef;font-size:11px;margin:0}.btn-mini-update{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:background .3s;width:100%}.btn-mini-update:hover{background:#5568d3}.goals-section{position:-webkit-sticky;position:sticky;top:20px}.btn-view-stats{background:#9887e2;border-radius:6px;color:#fafafc;display:block;font-weight:600;margin-top:15px;padding:10px;text-align:center;text-decoration:none;transition:all .3s;width:100%}.btn-view-stats:hover{background:#667eea;color:#fff}.home-main{background:#9887e2;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.welcome-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px}.welcome-header h1{color:#333;font-size:32px;margin:0 0 8px}.welcome-subtitle{color:#363636;font-size:16px;margin:0}.activity-feed-section h2{color:#333;font-size:24px;margin:0 0 20px}.activity-feed{display:flex;flex-direction:column;gap:15px}.home-activity-item{background:#5c5488;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s}.activity-icon{align-items:center;background:#fcfbfb;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.home-activity-content{flex:1 1;min-width:0}.activity-header{margin-bottom:10px}.home-activity-text{color:#f8f7f7;font-size:15px;line-height:1.5;margin:0}.home-activity-time{color:#f5f3f3;flex-shrink:0;font-size:12px}.home-activity-book-preview{align-items:center;background:#a396d1;border-radius:6px;color:#333;display:inline-flex;gap:10px;padding:8px 12px;text-decoration:none;transition:all .3s}.home-activity-book-preview:hover{background:#8a9df0;color:#fff;transform:translateX(5px)}.home-activity-book-preview img{border-radius:3px;box-shadow:0 2px 4px #0000001a;height:45px;object-fit:cover;width:30px}.home-activity-book-preview span{font-size:13px;font-weight:600}.activity-review{background:#bdaef3;border-left:3px solid #667eea;margin-top:10px;padding:12px}.review-text{color:#202020;font-weight:700}.empty-state{color:#999;font-size:14px;padding:20px}.empty-state a{color:#667eea;font-weight:600;text-decoration:none}.empty-state a:hover{text-decoration:underline}.book-link,.username-link{color:#cdd5f7}.username-link:hover{color:#bc87f0;text-decoration:underline}.activity-feed-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.home-activity-count{color:#2e2e2e;font-size:14px;margin:0}.book-link:hover{color:#bc87f0;text-decoration:underline}.pagination-btn{background:#dbd0f8;border:2px solid #798ff1;color:#321d69}.pagination-btn:disabled{color:#666565}.pagination-number{background:#dbd0f8;border:2px solid #798ff1;color:#321d69}.pagination-number.active{border-color:#798ff1}.reading-actions{display:flex;flex-direction:column;gap:6px;margin-top:8px}.move-dropdown-mini{background:#c1d9fa;border:1.5px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-family:inherit;font-size:12px;font-weight:500;padding:6px 8px;transition:all .3s;width:100%}.move-dropdown-mini:hover{border-color:#667eea}.move-dropdown-mini:focus{border-color:#667eea;outline:none}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-number{font-size:13px;height:35px;width:35px}.activity-feed-header{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:1024px){.home-layout{grid-template-columns:1fr}.goals-section{position:static}.home-sidebar{order:2}.home-main{order:1}}@media (max-width:768px){.home-container{padding:10px}.home-main{padding:20px}.welcome-header h1{font-size:24px}.activity-item{flex-direction:column}.activity-icon{align-self:flex-start}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.auth-card{background:#baa1e7;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:40px;width:100%}.auth-card h2{color:#161616;margin-bottom:30px;text-align:center}.form-group label{color:#1d1d1d;font-weight:500}.form-group input{border-radius:6px}.auth-card button[type=submit]{background:#8366ea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}.auth-card button[type=submit]:hover{background:#481a85}.auth-card button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.error-message{border-radius:6px}.switch-auth{color:#666;margin-top:20px;text-align:center}.switch-auth button{background:none;border:none;color:#6d3bcc;cursor:pointer;font-weight:600;text-decoration:underline}.search-books-container{margin:0 auto;max-width:1200px;padding:40px 20px}.search-header{margin-bottom:40px;text-align:center}.search-header h1{color:#f8f7f7;margin:0 0 15px}.subtitle{color:#c0bfbf}.search-form{margin:0 auto 30px;max-width:800px}.search-form input{padding:16px 20px}.search-form input:focus{border-color:#667eea}.search-form button{background:#7366ea;padding:16px 32px}.search-form button:hover:not(:disabled){background:#5568d3}.search-form button:disabled{background:#ccc;cursor:not-allowed}.cant-find-book{background:#9b93e5;display:block;gap:8px;margin:0 auto 40px;max-width:600px;padding:15px 20px}.add-book-link{color:#141414}.loading{padding:40px}.search-book-results{display:flex;flex-direction:column;justify-content:center;margin-top:40px}.search-book-results h2{color:#f7f4f4;margin-bottom:30px}.results-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.book-result-card{background:#b2a2ee;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s,box-shadow .3s}.book-result-card:hover{box-shadow:0 4px 16px #00000026;transform:scale(1)}.book-info h3{color:#333}.author{color:#666;margin:0 0 4px}.year{color:#999;font-size:12px;margin:0 0 15px}.rating-section{align-items:center;display:flex;flex-direction:column}.search-add-buttons{display:flex;flex-direction:column;gap:8px;margin-top:15px}.search-add-button{background:#6147d4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background .3s}.search-add-button:hover{background:#5568d3}.no-results{background:#a090e9;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-results p{color:#111;font-size:18px;margin-bottom:10px}.no-results a{color:#546acc;font-weight:600;text-decoration:none}.no-results a:hover{text-decoration:underline}@media (max-width:768px){.search-form{flex-direction:column}.results-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.star-rating{align-items:center;display:flex;gap:2px}.star-rating.small{font-size:16px}.star-rating.medium{font-size:24px}.star-rating.large{font-size:32px}.star{background:none;border:none;color:#ddd;cursor:pointer;line-height:1;padding:0;transition:color .2s,transform .2s}.star.filled{color:#ffc107}.star-rating.interactive .star:hover{transform:scale(1.2)}.star-rating.readonly .star{cursor:default}.rating-value{color:#666;font-size:.7em;font-weight:600;margin-left:8px}.star:focus{border-radius:2px;outline:2px solid #667eea;outline-offset:2px}.star:disabled{cursor:default}.libraries-container{margin:0 auto;max-width:1200px;padding:40px 20px}.libraries-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.libraries-header h1{color:#faf8f8;margin:0}.btn-stats{background:#5a3dc2;border-radius:8px;color:#fff;font-weight:600;padding:12px 24px;text-decoration:none;transition:background .3s}.btn-stats:hover{background:#5568d3}.library-tabs{display:flex;gap:10px;margin-bottom:40px;overflow-x:auto;padding-bottom:10px}.library-tab{background:#b4a2f7;border:2px solid #4e40d4;border-radius:8px;color:#0f0f0f;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.library-tab:hover{background:#4034ad;border-color:#667eea;color:#f9f9fa}.library-tab.active{background:#667eea;border-color:#667eea;color:#fff}.library-tab .count{margin-left:8px;opacity:.8}.library-content{min-height:400px}.empty-library{background:#b4a2f7;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px}.empty-library p{color:#666;font-size:18px;margin-bottom:20px}.btn-search{background:#667eea;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:14px 28px;text-decoration:none;transition:background .3s}.btn-search:hover{background:#5568d3}.books-grid{grid-gap:30px;gap:30px}.book-card{background:#b4a2f7;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s,box-shadow .3s}.book-cover{display:block;margin-bottom:15px}.no-cover{background:#f0f0f0;font-size:48px;height:100%;width:100%}.book-info h3{color:#0f0f0f;font-size:16px;line-height:1.3;margin:0 0 8px}.book-info h3:hover{color:#667eea}.author{color:#181818;font-size:14px;margin:0 0 10px}.rating-section{font-size:14px;margin-bottom:10px}.btn-review{background:#543ab4;border:none;color:#fcfafa;cursor:pointer;font-weight:600;margin:5px;transition:background .3s}.btn-remove,.btn-review{border-radius:6px;font-size:14px;padding:8px 16px;width:80%}.rating-section{background:#a495e5;border-radius:8px;margin:15px 0;padding:15px}.rating-label{color:#333;font-weight:600;margin-bottom:8px}.rating-hint{color:#666;font-size:12px;font-style:italic;margin-top:5px}.book-rating{margin:10px 0}.library-book-card .book-rating{border-bottom:1px solid #eee;border-top:1px solid #eee;padding:8px 0}.btn-review{background:#8079df}.btn-review:hover{background:#564177}.book-review-preview{background:#a17eda;border-left:3px solid #230658;border-radius:6px;margin:12px 0;padding:12px}.review-label{color:#7d59d3;font-size:12px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.review-text{line-height:1.5;margin-bottom:8px}.review-actions{gap:8px}.btn-delete-review,.btn-edit-review{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:4px 12px;transition:all .3s}.btn-edit-review{background:#8966ea;color:#fff}.btn-edit-review:hover{background:#5568d3}.btn-delete-review{background:#dc3545;color:#fff}.btn-delete-review:hover{background:#c82333}.btn-write-review{background:#523996;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin:10px 0;padding:8px;transition:all .3s;width:100%}.btn-write-review:hover{background:#353db6}.book-title-row{flex-wrap:wrap}.reread-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.read-count-text{color:#667eea;font-size:13px;font-weight:600;margin-top:8px}.completion-info{align-items:center;border-radius:6px;display:flex;gap:5px;justify-content:space-between;margin:5px 0;padding:5px}.completion-date-text{color:#667eea;font-size:13px;font-weight:600;margin:0}.btn-edit-date{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px;white-space:nowrap}.btn-edit-date:hover{background:#5568d3}.cant-find-book{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:15px;text-align:center}.add-book-link{color:#667eea;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.add-book-link:hover{color:#5568d3}.completion-date-display{background:#f8f9fa;border-radius:6px;margin:15px 0;padding:10px}.completion-date-text{color:#333;font-size:14px;margin:0 0 10px;text-align:center}.date-action-buttons{display:flex;gap:8px;justify-content:center}.btn-edit-small,.btn-remove-small{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s}.btn-edit-small{background:#667eea;color:#fff}.btn-edit-small:hover{background:#5568d3}.btn-remove-small{background:#fee;color:#c33}.btn-remove-small:hover{background:#fdd}.btn-add-date{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:background .3s;width:100%}.btn-add-date:hover{background:#5568d3}.move-dropdown-container{margin-bottom:10px;position:relative}.btn-move{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;justify-content:center;padding:10px 16px;transition:all .3s;width:100%}.btn-move:hover{background:#e9ecef;border-color:#667eea}.move-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;z-index:10}.move-option{background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.move-option:last-child{border-bottom:none}.move-option:hover{background:#667eea;color:#fff}.move-option:active{background:#5568d3}.book-progress-section{background:#f8f9fa;border-radius:8px;margin:15px 0;padding:15px}.progress-bar-small{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill-small{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.progress-text-small{color:#666;font-size:13px;margin:0 0 10px;text-align:center}.btn-update-progress{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;transition:background .3s;width:100%}.btn-update-progress:hover{background:#5568d3}.library-controls{align-items:center;background:#b4a2f7;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin:20px 0;padding:15px 20px}.sort-controls{align-items:center;display:flex;gap:10px}.sort-controls label{color:#181818;font-size:14px;font-weight:600}.sort-dropdown{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;min-width:160px;padding:8px 12px;transition:all .3s}.sort-dropdown:focus{border-color:#667eea;outline:none}.sort-dropdown:hover{border-color:#667eea}.book-count{color:#666;font-size:14px;font-weight:500}@media (max-width:768px){.library-controls{align-items:flex-start;flex-direction:column;gap:15px}.sort-controls{width:100%}.sort-dropdown{flex:1 1;min-width:auto}.libraries-header{align-items:stretch;flex-direction:column}.library-tabs{flex-wrap:wrap}.books-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.modal-overlay{background:#000000b3}.modal-content{background:#fff;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid #eee;padding:20px 30px}.modal-header h2{font-size:24px}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.modal-close:hover{background:#f5f5f5;color:#333}.modal-book-info{background:#f8f9fa;border-bottom:1px solid #eee;display:flex;gap:15px;padding:20px 30px}.modal-book-info img{border-radius:4px;flex-shrink:0;height:90px;object-fit:cover;width:60px}.modal-book-info h3{font-size:18px;margin:0 0 5px}.modal-book-info p{color:#666;font-size:14px;margin:0}.modal-content form{padding:30px}.character-count{color:#666;font-size:14px;margin-top:5px}.modal-actions{justify-content:flex-end}.btn-cancel,.btn-delete-review,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-delete-review{background:#fee;border:2px solid #c33;color:#c33}.btn-delete-review:hover{background:#c33;color:#fff}.review-modal{max-width:600px}.book-author{color:#666;font-size:14px;margin-bottom:20px}.review-modal textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:16px;margin-bottom:10px;padding:12px;resize:vertical;width:100%}.review-modal textarea:focus{border-color:#667eea;outline:none}.character-count{color:#999;font-size:12px;margin-bottom:15px;text-align:right}.spoiler-checkbox{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.spoiler-checkbox label{align-items:center;cursor:pointer;display:flex;gap:10px;margin:0}.spoiler-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label{color:#856404;font-weight:600;-webkit-user-select:none;user-select:none}@media (max-width:600px){.modal-actions{flex-direction:column}.action-buttons-right{flex-direction:column;width:100%}.btn-cancel,.btn-delete-review,.btn-submit{width:100%}}.date-modal{max-width:500px}.date-options{display:flex;flex-direction:column;gap:15px;margin:20px 0}.date-option{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .2s}.date-option:hover{background:#e9ecef}.date-option input[type=radio]{cursor:pointer;height:20px;width:20px}.date-option input[type=radio]:checked+span{color:#667eea;font-weight:600}.date-option:has(input:checked){background:#f0f3ff;border-color:#667eea}.date-option span{color:#333;font-size:16px}.form-group input[type=date]{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;width:100%}.form-group input[type=date]:focus{border-color:#667eea;outline:none}.edit-book-modal{max-height:90vh;max-width:600px;overflow-y:auto}.edit-book-modal h2{color:#333;margin-bottom:5px}.modal-subtitle{color:#666;font-size:14px;font-style:italic;margin:0 0 25px}.form-row{grid-gap:15px;gap:15px}.cover-preview{margin-top:10px;text-align:center}.cover-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:150px}.cover-upload-section{display:flex;flex-direction:column;gap:15px}.cover-preview-container{background:#f8f9fa;border-radius:8px;display:flex;justify-content:center;padding:20px}.cover-preview{box-shadow:0 4px 12px #00000026;max-height:300px;max-width:200px;object-fit:cover}.file-input-wrapper{position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-input-label{background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;color:#667eea;cursor:pointer;display:block;font-weight:500;padding:12px 20px;text-align:center;transition:all .3s}.file-input-label:hover{background:#f0f2ff;border-color:#667eea}.file-input:focus+.file-input-label{border-color:#667eea;outline:2px solid #667eea;outline-offset:2px}@media (max-width:768px){.edit-book-container{padding:15px}.edit-book-header{align-items:flex-start;flex-direction:column;gap:15px}.edit-book-form{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}.cover-preview{max-width:150px}}.book-reviews-section{background:#a990f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:40px 0;padding:30px}.reviews-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.reviews-header h3{color:#333;font-size:24px;margin:0}.reviews-controls{align-items:center;display:flex;gap:10px}.reviews-controls label{color:#222;font-size:14px;font-weight:600}.reviews-controls select{background:#b7b1d6;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .3s}.reviews-controls select:focus{border-color:#667eea;outline:none}.no-reviews{color:#0f0f0f;padding:40px 20px;text-align:center}.no-reviews p{font-size:16px;margin:0}.reviews-list{display:flex;flex-direction:column;gap:20px}.review-card{background:#cbbbf7;border-radius:10px;padding:20px;transition:all .3s}.review-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.review-user-info{align-items:center;display:flex;gap:12px}.review-avatar{object-fit:cover}.review-avatar,.review-avatar-placeholder{border:2px solid #667eea;border-radius:50%;height:48px;width:48px}.review-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center}.review-username{color:#4a67e4;font-size:16px;font-weight:600;text-decoration:none;transition:color .3s}.review-username:hover{color:#764ba2;text-decoration:underline}.review-date{color:#353434;font-size:13px;margin:4px 0 0}.review-rating{align-items:center;display:flex}.review-content{margin-top:12px}.review-text{color:#333;font-size:15px;line-height:1.7;white-space:pre-wrap}.loading{color:#999;font-size:16px;padding:30px}.review-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.review-actions{border-top:1px solid #e0e0e0;gap:15px;margin-top:15px;padding-top:15px}.like-button,.review-actions{align-items:center;display:flex}.like-button{background:#0000;border:2px solid #e0e0e0;border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:600;gap:6px;padding:4px 8px;transition:all .3s}.like-button:hover{border-color:#ff6b6b;transform:scale(1.05)}.like-button.liked{background:#d6d4f7;border-color:#a46bff;color:#a46bff}.like-icon{font-size:14px;transition:transform .3s}.like-button:hover .like-icon{transform:scale(1.2)}.like-button:active .like-icon{transform:scale(.9)}.like-count{min-width:20px;text-align:center}@media (max-width:768px){.review-header{flex-direction:column;gap:12px}.review-meta{align-items:flex-start}.book-reviews-section{padding:20px}.reviews-header{align-items:flex-start;flex-direction:column;gap:15px}.reviews-controls{width:100%}.reviews-controls select{flex:1 1}.review-header{flex-direction:column;gap:12px}.review-rating{align-self:flex-start}}.book-details-container{margin:0 auto;max-width:1200px;padding:20px}.back-button{background:#a990f0}.back-button:hover{background:#621ae9}.book-details-header{background:#a990f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:40px;margin-bottom:40px;padding:40px}.book-cover-large{flex-shrink:0}.book-cover-large img{box-shadow:0 4px 12px #0003;object-fit:cover}.book-cover-large img,.no-cover{border-radius:8px;height:450px;width:300px}.no-cover{align-items:center;background:#adb1e7;color:#161616;display:flex;font-size:18px;justify-content:center}.book-main-info{flex:1 1}.book-main-info h1{color:#070707;font-size:36px;margin-bottom:10px}.subtitle{font-size:24px;font-weight:400;margin-bottom:20px}.authors-list{margin-bottom:30px}.author-info h3{color:#0f0f0f;font-size:20px;margin-bottom:5px}.author-birth{color:#666;font-size:14px}.book-meta{grid-gap:15px;background:#a990f0;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px;padding:20px}.meta-item{display:flex;flex-direction:column;gap:5px}.meta-label{color:#131313;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#080808;font-size:16px;font-weight:500}.book-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn-add{background:#634ebe;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .3s}.btn-add:hover{background:#5568d3}.book-description{background:#a990f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.book-description h3{color:#333;font-size:24px;margin-bottom:20px}.book-description p{color:#111;font-size:16px;font-weight:700;line-height:1.4;white-space:pre-wrap}.book-subjects{background:#a990f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.book-subjects h3{color:#111;font-size:24px;margin-bottom:20px}.subjects-list{display:flex;flex-wrap:wrap;gap:10px}.subject-tag{background:#281d64;border-radius:20px;color:#f6f6f8;font-size:14px;font-weight:500;padding:8px 16px}.author-bios{background:#a990f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.author-bios h3{color:#0e0d0d;font-size:24px;margin-bottom:20px}.author-bio{margin-bottom:30px}.author-bio h4{color:#111;font-size:20px;margin-bottom:10px}.author-bio p{color:#080808;font-size:16px;font-weight:700;line-height:1.4}.reading-progress-section{background:#ccbffa;border-left:4px solid #667eea;border-radius:12px;margin:30px 0;padding:25px}.reading-progress-section h3{color:#333;font-size:18px;margin:0 0 20px}.progress-bar-large{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:15px;overflow:hidden;width:100%}.progress-fill-large{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .3s ease}.progress-stats{color:#333;font-size:16px;font-weight:600;margin:0 0 15px;text-align:center}.btn-update-progress-large{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}.btn-update-progress-large:hover{background:#5568d3}.in-library-notice{background:#ccbffa;border-radius:8px;color:#155724;font-weight:600;margin:15px 0;padding:15px;text-align:center}.btn-edit-book{background:#95a3f3;border:solid;border-radius:12px;border-width:2px;color:#333;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;gap:6px;margin:10px 5px;padding:8px 14px;transition:all .3s}.btn-edit-book:hover{background:#3c28af;box-shadow:0 4px 8px #6607ff4d;color:#fff;transform:translateY(-2px)}.book-library-status{background:#ccbffa;border-radius:12px;margin-top:20px;padding:20px}.in-library-badge{background:#c7eaf8;border-radius:8px;color:#232423;font-size:14px;font-weight:600;margin:0 0 20px;padding:10px 15px}.rating-section,.review-section{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.rating-section h3,.review-section h3{color:#333;font-size:18px;margin:0 0 12px}.rating-text{color:#666;font-size:14px;font-style:italic;margin:8px 0 0}.existing-review{background:#fff;border-left:4px solid #667eea;border-radius:8px;padding:15px}.review-preview{color:#333;font-size:14px;font-style:italic;line-height:1.6;margin:0 0 12px}.btn-edit-review,.btn-write-review{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-edit-review:hover,.btn-write-review:hover{background:#5568d3;transform:translateY(-2px)}.add-to-library-section{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.add-to-library-section h3{color:#333;font-size:18px;margin:0 0 15px}.library-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-library{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s}.btn-library:hover{background:#667eea;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.library-buttons{flex-direction:column}.btn-library{width:100%}.book-details-header{flex-direction:column}.book-cover-large img,.no-cover{margin:0 auto;max-width:300px;width:100%}.book-main-info h1{font-size:28px}.library-buttons{flex-direction:column}.btn-library{width:100%}}.goal-modal{max-width:500px}.goal-modal h2{color:#333;margin-bottom:25px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.input-hint{color:#666;display:block;font-size:14px;margin-top:5px}.modal-actions{display:flex;gap:10px;margin-top:25px}.btn-cancel,.btn-submit{padding:12px}.stats-container{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:1000px;padding:20px}.stats-container h1{color:#fff;margin-bottom:30px;text-align:center}.stats-grid{display:flex;justify-content:space-between;padding:10px}.stat-card{background:#b29ce6;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px;padding:30px;text-align:center;transition:transform .2s}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-number{font-size:48px;margin-bottom:10px}.stat-card.highlight .stat-number{color:#fff}.stat-card:not(.highlight) .stat-number{color:#181818}.stat-label{letter-spacing:1px;opacity:.9}.monthly-chart{background:#b1a3ee;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:40px;padding:30px}.monthly-chart h2{color:#333;margin-bottom:30px}.chart{align-items:flex-end;display:flex;gap:8px;height:250px;justify-content:space-between;padding:20px 0}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.chart-bar{align-items:flex-start;background:#667eea;border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:2px;position:relative;transition:all .3s;width:100%}.chart-bar:hover{opacity:.8}.bar-count{color:#fff;font-size:14px;font-weight:600;padding:5px}.chart-label{color:#666;font-size:12px;font-weight:600}.recently-finished{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.recently-finished h2{color:#333;margin-bottom:20px}.finished-books-list{display:flex;flex-direction:column;gap:15px}.finished-book-item{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.finished-book-item h4{color:#333;font-size:16px;margin:0 0 5px}.finished-book-item p{color:#666;font-size:14px;margin:0}.completion-date{color:#667eea;font-size:14px;font-weight:600;margin-left:20px;white-space:nowrap}.error,.loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}.stats-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.btn-add-goal{background:#594add;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:background .3s}.btn-add-goal:hover{background:#5568d3}@media (max-width:768px){.chart{gap:4px}.chart-label{font-size:10px}.finished-book-item{align-items:flex-start;flex-direction:column;gap:10px}.completion-date{margin-left:0}}.profile-container{margin:0 auto;max-width:1200px;padding:40px 20px}.profile-header{background:#b196e2;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:30px;padding:40px}.profile-header-top{display:flex;gap:30px;margin-bottom:30px}.profile-avatar{flex-shrink:0}.avatar-placeholder,.profile-avatar img{border:4px solid #667eea;border-radius:50%;height:120px;object-fit:cover;width:120px}.avatar-placeholder{font-size:48px}.profile-info{flex:1 1;min-width:0}.profile-title-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:15px}.profile-title-row>div:first-child{flex:1 1;min-width:0}.profile-info h1{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px}.username{color:#222;font-size:16px;margin:0 0 15px}.bio{word-wrap:break-word;color:#131313;line-height:1.6;margin:0;white-space:pre-wrap}.profile-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-accept-friend,.btn-add-friend,.btn-edit-profile,.btn-message,.btn-pending,.btn-remove-friend{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s;white-space:nowrap}.btn-accept-friend,.btn-add-friend,.btn-edit-profile,.btn-message{background:#5d55da;color:#fff}.btn-accept-friend:hover,.btn-add-friend:hover,.btn-edit-profile:hover,.btn-message:hover{background:#5568d3;transform:translateY(-2px)}.btn-pending{background:#9e9e9e;color:#fff;cursor:not-allowed}.btn-remove-friend{background:#f44;color:#fff}.btn-remove-friend:hover{background:#c00;transform:translateY(-2px)}.profile-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:30px}.stat{background:#b196e2;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;text-align:center;transition:all .3s}.stat:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.stat-number{color:#111;display:block;font-size:36px;font-weight:700;margin-bottom:8px}.stat-label{color:#1f1e1e;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.profile-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth}.profile-tabs::-webkit-scrollbar{height:6px}.profile-tabs::-webkit-scrollbar-track{background:#b1a1ec;border-radius:3px}.profile-tabs::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.profile-tabs::-webkit-scrollbar-thumb:hover{background:#5568d3}.profile-tabs button{background:#b8a5ec;border:2px solid #b8a3eb;border-radius:25px;color:#0f0f0f;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.profile-tabs button:hover{border-color:#667eea;color:#667eea}.profile-tabs button.active{background:#667eea;border-color:#667eea;color:#fff}.profile-books{background:#b196e2;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px}.books-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.book-card-mini{display:flex;flex-direction:column;gap:12px;transition:transform .3s}.book-card-mini:hover{transform:translateY(-5px)}.book-card-mini img{background:#f5f5f5;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:300px;object-fit:cover;width:85%}.book-details{flex:1 1}.book-details h3{-webkit-line-clamp:2;color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.3;margin:0 0 6px}.book-details h3,.book-details p{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.book-details p{-webkit-line-clamp:1;color:#111;font-size:13px;margin:0}.book-rating-display{margin-top:8px}.book-title-row{align-items:center;display:flex;gap:8px;margin-top:6px}.reread-badge{background:#667eea;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.profile-book-review{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;margin-top:10px;padding:12px}.profile-book-review .review-label{color:#667eea;display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.profile-book-review .review-text{word-wrap:break-word;color:#333;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.empty-library{color:#999;font-size:16px}.empty-library,.error-container{padding:60px 20px;text-align:center}.error-container h2{color:#d32f2f;margin-bottom:20px}.error-container a{color:#667eea;font-weight:600;text-decoration:none}.profile-book-review .review-text.collapsed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.profile-book-review .review-text.expanded{display:block}.review-toggle-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:8px;padding:4px 12px;transition:all .3s}.review-toggle-btn:hover{background:#5568d3}.error-container a:hover{text-decoration:underline}@media (max-width:1024px){.books-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.book-card-mini img{height:230px}}@media (max-width:768px){.profile-container{padding:20px 15px}.profile-header{padding:24px}.profile-header-top{flex-direction:column;gap:20px;text-align:center}.profile-avatar{align-self:center}.avatar-placeholder,.profile-avatar img{font-size:40px;height:100px;width:100px}.profile-title-row{align-items:center;flex-direction:column;text-align:center}.profile-title-row>div:first-child{width:100%}.profile-info h1{font-size:24px}.profile-actions{justify-content:center;width:100%}.btn-accept-friend,.btn-add-friend,.btn-edit-profile,.btn-message,.btn-pending,.btn-remove-friend{flex:1 1;min-width:100px}.profile-stats{gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat{padding:16px}.stat-number{font-size:28px}.stat-label{font-size:12px}.profile-books{padding:20px}.books-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.book-card-mini img{height:200px}.book-details h3{font-size:14px}}@media (max-width:480px){.profile-container{padding:15px 10px}.profile-header{padding:20px}.profile-info h1{font-size:20px}.bio,.username{font-size:14px}.profile-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:24px}.profile-tabs{padding-right:40px;position:relative}.profile-tabs:after{align-items:center;background:linear-gradient(90deg,#0000,#fff 40%);bottom:10px;color:#667eea;content:"→";display:flex;font-size:20px;font-weight:700;justify-content:center;pointer-events:none;position:absolute;right:0;top:0;width:40px}.profile-tabs button{font-size:14px;padding:10px 20px}.books-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.book-card-mini img{height:180px}.book-details h3{font-size:13px}.book-details p{font-size:12px}.profile-actions{flex-direction:column}.btn-accept-friend,.btn-add-friend,.btn-edit-profile,.btn-message,.btn-pending,.btn-remove-friend{width:100%}}.edit-profile-container{margin:0 auto;max-width:700px;padding:20px}.edit-profile-container h1{margin-bottom:30px}.edit-profile-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-group small{color:#666}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:10px}.checkbox-group input[type=checkbox]{cursor:pointer;width:auto}.button-group{display:flex;gap:10px;margin-top:30px}.button-group button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .3s}.button-group button[type=submit]{background:#667eea;color:#fff}.button-group button[type=submit]:hover{background:#5568d3}.button-group button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.cancel-btn{background:#f5f5f5;color:#333}.cancel-btn:hover{background:#e0e0e0}.file-upload-box{width:100%}.hidden-file-input{display:none}.file-upload-label{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;box-sizing:border-box;color:#667eea;cursor:pointer;display:flex;font-weight:500;gap:10px;justify-content:center;padding:15px 20px;transition:all .3s;width:100%}.file-upload-label:hover{background:#f0f2ff;border-color:#667eea}.upload-icon{font-size:20px}.upload-text{font-size:14px}.add-custom-book-container{margin:0 auto;max-width:800px;padding:20px}.back-button{background:#a495e6}.back-button:hover{background:#e0e0e0}.add-custom-book-card{background:#a495e6;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.add-custom-book-card h1{color:#131313;margin-bottom:10px}.subtitle{color:#0c0c0c;font-size:16px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#0c0c0c}.form-group small{color:#141414;display:block;font-size:14px;margin-top:5px}.form-actions{display:flex;gap:15px;margin-top:30px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px;transition:all .3s}.btn-cancel{background:#7c53ec;color:#f8f7f7}.btn-cancel:hover{background:#d3557b}.btn-submit{background:#3c199b}.btn-submit:hover{background:#d3557b}.form-note{border-top:1px solid #eee;color:#141414;font-size:14px;margin-top:30px;padding-top:20px}.form-note p{margin-bottom:5px}.avatar-upload-section,.cover-upload-section{display:flex;flex-direction:column;gap:10px}.avatar-preview{border:3px solid #667eea;border-radius:50%;height:150px;object-fit:cover;width:150px}.cover-preview{border-radius:8px;box-shadow:0 4px 8px #0000001a;height:auto;width:200px}.file-input{border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:10px}.file-input:hover{border-color:#667eea}@media (max-width:768px){.form-row{grid-template-columns:1fr}.add-custom-book-card{padding:20px}}.activity-feed-container{margin:0 auto;max-width:900px;padding:20px}.activity-feed-header{margin-bottom:30px}.activity-feed-header h1{color:#faf9f9;font-size:32px;margin:0 0 8px}.activity-subtitle{color:#dfdede;font-size:16px;margin:0}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-card{background:#9a82df;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;padding:20px;transition:all .3s}.activity-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.activity-content{flex:1 1;min-width:0}.activity-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.activity-text{color:#0e0d0d;font-size:16px;line-height:1.6;margin:0}.book-link,.username-link{color:#bca9f1;font-weight:600;text-decoration:none;transition:color .3s}.book-link:hover,.username-link:hover{color:#4317bd;text-decoration:none}.activity-time{color:#999;flex-shrink:0;font-size:13px;font-weight:500}.activity-book-preview{align-items:center;background:#b2a6e6;border-radius:8px;color:#141414;display:flex;gap:12px;margin-top:10px;padding:12px;text-decoration:none;transition:all .3s}.activity-book-preview:hover{background:#667eea;color:#fff;transform:translateX(5px)}.activity-book-preview img{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:60px;object-fit:cover;width:40px}.book-preview-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.book-preview-title{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-preview-author{font-size:12px;opacity:.8}.activity-review{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;margin-top:12px;padding:15px}.review-text{color:#555;font-size:14px;font-style:italic;line-height:1.6;margin:0}.spoiler-review{cursor:pointer}.spoiler-warning{background:#fff3cd;border-radius:4px;color:#856404;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:10px;padding:8px 12px;-webkit-user-select:none;user-select:none}.spoiler-warning:hover{background:#ffeaa7}.empty-activity-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.empty-activity-state p{color:#666;font-size:16px;margin:10px 0}.loading{padding:50px}.pagination{align-items:center;border-top:2px solid #f0f0f0;display:flex;gap:10px;justify-content:center;margin-top:30px;padding-top:20px}.pagination-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.3}.pagination-numbers{align-items:center;display:flex;gap:5px}.pagination-number{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;height:40px;padding:0;transition:all .3s;width:40px}.pagination-number:hover{border-color:#667eea;transform:translateY(-2px)}.pagination-number.active{background:#667eea;border-color:#667eea;color:#fff}.pagination-ellipsis{color:#999;font-weight:600;padding:0 5px}.activity-count{color:#666;font-size:14px;font-weight:500;margin:0}.activity-like-button{align-items:center;background:#0000;border:1.5px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:8px;padding:4px 10px;transition:all .3s}.activity-like-button:hover{border-color:#ff6b6b;transform:scale(1.05)}.activity-like-button.liked{background:#fff5f5;border-color:#ff6b6b;color:#ff6b6b}.activity-like-button .like-icon{font-size:14px;transition:transform .3s}.activity-like-button:hover .like-icon{transform:scale(1.2)}.activity-like-button:active .like-icon{transform:scale(.9)}.activity-like-button .like-count{min-width:15px;text-align:center}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:8px}.pagination-btn{font-size:13px;padding:8px 16px}.pagination-number{font-size:13px;height:35px;width:35px}.activity-card{flex-direction:column;padding:15px}.activity-header{flex-direction:column;gap:5px}.activity-time{align-self:flex-start}}.settings-container{margin:0 auto;max-width:800px;padding:40px 20px}.settings-container h1{color:#f7f5f5;font-size:32px;margin-bottom:40px}.settings-section{background:#8672cc;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.settings-section h2{border-bottom:2px solid #b0b8fc;color:#070707;font-size:20px;margin:0 0 20px;padding-bottom:10px}.settings-section h3{color:#111;font-size:16px;font-weight:600;margin:0 0 8px}.settings-description{color:#131313;font-size:14px;line-height:1.6;margin:0 0 20px}.form-group label{color:#111;font-size:14px}.form-group input{border:2px solid #ddd;font-family:inherit;font-size:15px;transition:border-color .3s}.btn-cancel,.btn-danger,.btn-delete-confirm,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-save{background:#5549c0;color:#fff}.btn-save:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.5}.privacy-toggle{align-items:center;display:flex;gap:20px;justify-content:space-between}.toggle-info{flex:1 1}.toggle-switch{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+.toggle-slider{background-color:#667eea}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.danger-zone{background:#8672cc;border:2px solid #852b2b}.danger-zone h2{border-bottom-color:#fcc;color:#862828}.danger-content{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.btn-danger{background:#741919;border:2px solid #d32f2f;color:#f8f7f7;flex-shrink:0}.btn-danger:hover{background:#d32f2f;color:#fff;transform:translateY(-2px)}.delete-confirm{background:#fff;border:2px solid #d32f2f;border-radius:8px;margin-top:20px;padding:20px}.delete-warning{color:#d32f2f;font-weight:600;margin:0 0 15px}.delete-confirm ul{margin:0 0 20px;padding-left:25px}.delete-confirm li{color:#666;margin-bottom:8px}.delete-actions{display:flex;gap:10px;margin-top:20px}.btn-cancel{background:#f5f5f5;color:#333}.btn-cancel:hover{background:#e0e0e0}.btn-delete-confirm{background:#d32f2f;color:#fff;flex:1 1}.btn-delete-confirm:hover:not(:disabled){background:#b71c1c}.btn-delete-confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.settings-container{padding:20px 15px}.settings-container h1{font-size:24px}.settings-section{padding:20px}.privacy-toggle{align-items:flex-start;flex-direction:column}.toggle-switch{align-self:flex-start}.danger-content{flex-direction:column}.btn-danger{width:100%}.delete-actions{flex-direction:column}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-card{background:#bfb0f5;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:450px;padding:40px;width:100%}.forgot-password-card h1{color:#1a1919;margin:0 0 10px;text-align:center}.subtitle{color:#1a1919;line-height:1.6}.success-message{border-radius:8px;line-height:1.6;margin-bottom:20px;padding:12px;text-align:center}.form-group label{color:#141414}.reset-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-card{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:450px;padding:40px;width:100%}.reset-password-card h1{color:#333;margin:0 0 10px;text-align:center}.subtitle{color:#666;margin-bottom:30px}.subtitle,.success-state{text-align:center}.success-state h1{color:#155724;margin-bottom:20px}.success-state p{color:#666;margin-bottom:10px}.btn-login{background:#667eea;border-radius:8px;color:#fff;display:inline-block;font-weight:600;margin-top:20px;padding:14px 28px;text-decoration:none;transition:background .3s}.btn-login:hover{background:#5568d3}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.links{margin-top:20px;text-align:center}.links a{color:#667eea;font-weight:600;text-decoration:none}.links a:hover{text-decoration:underline}.browse-container{margin:0 auto;max-width:100%;padding:20px}.browse-container h1{color:#fff;margin-bottom:30px}.genre-selector{align-items:center;background:#a790e9;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;margin-bottom:30px;padding:20px}.genre-selector label{font-size:16px;font-weight:600}.genre-selector select{border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:16px;min-width:200px;padding:10px 15px}.genre-selector select:focus{border-color:#667eea;outline:none}.loading-text{color:#666;font-size:18px;padding:40px;text-align:center}.browse-results{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.browse-book-card{background:#af98ee;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .2s,box-shadow .2s}.browse-book-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.browse-book-card img{border-radius:4px;flex-shrink:0;height:120px;object-fit:cover;width:80px}.browse-book-card .book-info{flex:1 1}.browse-book-card h3{color:#141414;font-size:18px;margin-bottom:8px}.browse-book-card p{color:#161616;margin-bottom:5px}.browse-book-card .year{color:#313131;font-size:14px}.browse-book-card .rating-section{background:#926bd1;border-radius:8px;margin:15px 0;padding:15px}.browse-book-card .rating-label{color:#333;font-weight:600;margin-bottom:8px}.browse-book-card .button-group{display:flex;flex-direction:column;gap:8px;margin-top:12px}.browse-book-card .button-group button{background:#5528a7;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px;transition:background .3s}.browse-book-card .button-group button:hover{background:#2b2188}.browse-book-card .btn-review{background:#17a2b8}.browse-book-card .btn-review:hover{background:#138496}.book-title-link{color:inherit;text-decoration:none}.book-title-link:hover h3{color:#667eea}.browse-lists-container{margin:0 auto;max-width:100%;padding:20px}.browse-header{margin-bottom:40px;text-align:center}.browse-header h1{color:#fcfafa;margin-bottom:10px}.subtitle{color:#f3f1f1;font-weight:700}.search-form{display:flex;gap:10px;margin:0 auto 40px;max-width:600px}.search-form input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;padding:14px 20px}.search-form input:focus{border-color:#b1a1fa;outline:none}.search-form button{background:#7a52d6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:background .3s}.search-form button:hover{background:#5568d3}.lists-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.list-card{background:#bc99f5;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:inherit;display:block;padding:20px;text-decoration:none;transition:transform .3s,box-shadow .3s}.list-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.list-card-header{margin-bottom:15px}.list-card-header h3{color:#0a0a0a;font-size:20px;margin:0}.list-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#0f0f0f;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.list-creator{color:#131313;font-size:14px;font-weight:600;margin-bottom:10px}.list-stats{color:#131212;font-size:14px;margin-bottom:15px}.list-books-preview{display:flex;gap:5px}.book-cover-mini{border-radius:4px;box-shadow:0 2px 4px #0000001a;height:70px;overflow:hidden;width:50px}.book-cover-mini img{height:100%;object-fit:cover;width:100%}.no-cover-mini{background:#f0f0f0;font-size:24px;height:100%;width:100%}.more-books,.no-cover-mini{align-items:center;display:flex;justify-content:center}.more-books{background:#f5f5f5;border-radius:4px;color:#666;font-size:14px;font-weight:600;height:70px;width:50px}.empty-state{background:#9d86db;box-shadow:0 2px 8px #0000001a;padding:80px 20px}.empty-state p{color:#111;font-size:18px}@media (max-width:768px){.lists-grid{grid-template-columns:1fr}.search-form{flex-direction:column}}.list-detail-container{margin:0 auto;max-width:1200px;padding:20px}.back-button{background:#a896e9;border:none;border-radius:8px;cursor:pointer;font-size:16px;margin-bottom:30px;padding:10px 20px;transition:background .3s}.back-button:hover{background:#5b76f0}.list-header{background:#b59ff0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:40px}.list-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.list-title-section h1{color:#161616;margin:0}.list-description{color:#161616;font-size:16px;font-weight:700;line-height:1.6;margin-bottom:20px}.list-meta{color:#111;display:flex;flex-wrap:wrap;font-size:14px;font-weight:700;gap:10px;margin-bottom:25px}.pending-count{color:#667eea;font-weight:600}.list-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-primary{background:#9466ea}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e0e0e0}.suggestions-section{background:#b59ff0;border:2px solid #ffe066;border-radius:12px;margin-bottom:30px;padding:30px}.suggestions-section h2{color:#333;margin-bottom:20px;margin-top:0}.suggestions-grid{grid-gap:20px;display:grid;gap:20px}.suggestion-card{align-items:center;background:#b59ff0;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;justify-content:space-between;padding:20px}.suggestion-book{display:flex;flex:1 1;gap:15px}.suggestion-book .no-cover,.suggestion-book img{border-radius:4px;flex-shrink:0;height:90px;object-fit:cover;width:60px}.suggestion-book .no-cover{align-items:center;background:#f0f0f0;display:flex;font-size:30px;justify-content:center}.suggestion-info{flex:1 1}.suggestion-info h4{color:#333;margin:0 0 5px}.suggestion-info p{color:#666;font-size:14px;margin:0 0 5px}.suggested-by{color:#667eea!important;font-style:italic;font-weight:600}.suggestion-note{background:#f8f9fa;border-radius:6px;color:#555!important;font-style:italic;margin-top:10px!important;padding:10px}.suggestion-actions{display:flex;flex-shrink:0;gap:10px}.btn-accept,.btn-reject{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-accept{background:#d4edda;color:#155724}.btn-accept:hover{background:#c3e6cb}.books-section{background:#b59ff0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.books-section h2{color:#0f0f0f;margin-bottom:30px;margin-top:0}.empty-books{padding:60px 20px;text-align:center}.empty-books p{color:#333;font-size:18px;margin-bottom:20px}.books-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.book-card{display:flex;flex-direction:column}.book-cover{aspect-ratio:2/3;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:10px;overflow:hidden;transition:transform .3s;width:100%}.book-cover:hover{transform:scale(1.05)}.book-cover img{height:100%;object-fit:cover;width:100%}.book-cover .no-cover{align-items:center;background:#f0f0f0;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.book-info{text-align:center}.book-info a{color:inherit;text-decoration:none}.book-info h4{color:#141414;font-size:14px;line-height:1.3;margin:0 0 5px}.book-info h4:hover{color:#c4a4f7}.book-info p{color:#181818;font-size:12px;margin:0 0 10px}.btn-remove{background:#fee;border:none;border-radius:4px;color:#c33;cursor:pointer;font-size:10px;font-weight:600;padding:6px 12px;transition:background .3s}.btn-remove:hover{background:#fdd}.modal-overlay{background:#00000080;padding:20px;z-index:1000}.modal-content{background:#bc9df7;border-radius:12px;max-height:90vh;max-width:600px;padding:40px;width:100%}.modal-content h2{color:#111;margin-bottom:20px;margin-top:0}.search-box{display:flex;gap:10px;margin-bottom:20px}.search-box input{border-radius:8px;flex:1 1;font-size:16px;padding:12px}.search-box input:focus{border-color:#667eea;outline:none}.search-box button{background:#5439b6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .3s}.search-box button:hover:not(:disabled){background:#5568d3}.search-box button:disabled{background:#ccc;cursor:not-allowed}.form-group textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:16px;padding:12px;width:100%}.form-group textarea:focus{border-color:#667eea;outline:none}.search-results{margin-bottom:20px;max-height:400px;overflow-y:auto}.search-result{align-items:center;border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px}.search-result img{border-radius:4px;flex-shrink:0;height:75px;object-fit:cover;width:50px}.result-info{flex:1 1}.result-info h4{color:#333;font-size:16px;margin:0 0 5px}.result-info p{color:#666;font-size:14px;margin:0}.btn-add,.btn-suggest{background:#6348c4;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-weight:600;padding:8px 16px;transition:background .3s}.btn-add:hover,.btn-suggest:hover{background:#5568d3}.btn-close{background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s;width:100%}.btn-close:hover{background:#e0e0e0}.error-container,.loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}.error-container button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}@media (max-width:768px){.suggestion-card{align-items:stretch;flex-direction:column}.suggestion-actions{width:100%}.btn-accept,.btn-reject{flex:1 1}.books-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.user-search-container{margin:0 auto;max-width:800px;padding:20px}.user-search-container h1{color:#fff;margin-bottom:30px}.search-box{margin-bottom:30px}.search-box input{border:1px solid #ddd;border-radius:10px;font-size:18px;padding:15px;width:100%}.user-results{grid-gap:15px;display:grid;gap:15px}.user-result-card{align-items:center;background:#b192e2;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:inherit;display:flex;gap:20px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s}.user-result-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.user-avatar .avatar-placeholder,.user-avatar img{border-radius:50%;height:60px;object-fit:cover;width:60px}.user-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center}.user-info h3{font-size:20px;margin:0 0 5px}.user-info p{color:#222;font-size:14px;margin:0}.friends-container{margin:0 auto;max-width:1400px;padding:40px 20px}.friends-container h1{color:#fff;margin-bottom:30px}.friends-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:40px}.friends-tabs button{background:#a689e9;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;flex:1 1;font-size:16px;padding:12px;transition:all .3s}.friends-tabs button.active{background:#7b4ad8;color:#fff}.friends-list,.requests-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.friend-card,.request-card{align-items:center;background:#a091e4;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px}.friend-info,.request-info{align-items:center;color:inherit;display:flex;flex:1 1;gap:15px;text-decoration:none}.friend-avatar,.request-avatar{flex-shrink:0}.friend-avatar .avatar-placeholder,.friend-avatar img,.request-avatar .avatar-placeholder,.request-avatar img{border-radius:50%;height:60px;object-fit:cover;width:60px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center}.friend-details h3,.request-details h3{font-size:18px;margin:0 0 5px}.friend-details p,.request-details p{color:#1a1919;font-size:14px;margin:0}.btn-accept,.btn-reject,.btn-remove{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s}.btn-remove{background:#dc3545;color:#fff}.btn-remove:hover{background:#c82333}.request-actions{display:flex;gap:10px}.btn-accept{background:#28a745;color:#fff}.btn-accept:hover{background:#218838}.btn-reject{background:#6c757d;color:#fff}.btn-reject:hover{background:#5a6268}.empty-state{background:#9883bb;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:60px 20px;text-align:center}.empty-state p{color:#181818;font-size:16px;margin-bottom:20px}.btn-primary{background:#667eea;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-decoration:none;transition:background .3s}.btn-primary:hover{background:#5568d3}.loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}.faq-container{margin:0 auto;max-width:800px;padding:40px 20px}.faq-container h1{color:#fcfbfb;margin-bottom:10px;text-align:center}.faq-subtitle{color:#d3d3d3;font-size:18px;margin-bottom:50px;text-align:center}.faq-list{display:flex;flex-direction:column;gap:15px}.faq-item{background:#b39df1;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s}.faq-item:hover{box-shadow:0 4px 12px #00000026}.faq-question{align-items:center;display:flex;gap:20px;justify-content:space-between;padding:25px}.faq-question h3{color:#131313;flex:1 1;font-size:18px;margin:0}.faq-icon{color:#667eea;flex-shrink:0;font-size:24px;font-weight:700}.faq-answer{animation:slideDown .3s ease-out;padding:0 25px 25px}.faq-answer p{color:#1f1f1f;font-weight:700;line-height:1.6;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-contact{background:#b39df1;border-radius:12px;margin-top:60px;padding:40px;text-align:center}.faq-contact p{color:#141414;font-size:18px;margin-bottom:20px}.btn-contact{background:#667eea;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:14px 32px;text-decoration:none;transition:background .3s}.btn-contact:hover{background:#5568d3}.contact-container{margin:0 auto;max-width:1200px;padding:40px 20px}.contact-header{margin-bottom:50px;text-align:center}.contact-header h1{color:#fcfbfb;margin-bottom:15px}.contact-header p{color:#e7e6e6;font-size:18px}.success-message-box{background:#bda9f5;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 40px;text-align:center}.success-message-box h2{color:#28a745;margin-bottom:15px}.success-message-box p{color:#666;font-size:18px}.contact-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.contact-form{background:#b39df1;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.form-group{margin-bottom:25px}.form-group label{color:#333}.form-group input,.form-group textarea{border:1px solid #ddd;font-size:16px;padding:12px}.btn-submit{background:#667eea;transition:background .3s}.btn-submit:hover{background:#5568d3}.contact-info{background:#b39df1;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.contact-info h3{color:#3a3a3a;margin-bottom:30px;margin-top:0}.info-item{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.info-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-item h4{color:#3e51a7;font-size:16px;margin:0 0 10px}.info-item p{color:#2b2b2b;line-height:1.6;margin:0}.error-message{background:#fee;border-radius:8px;color:#c33;margin-bottom:20px;padding:12px;text-align:center}@media (max-width:968px){.contact-content{grid-template-columns:1fr}}.site-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:23vh;padding:40px 20px 20px}.footer-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 10px;max-width:1200px}.footer-section h3,.footer-section h4{font-size:16px;margin:0 0 15px}.footer-section h4{font-weight:600}.footer-section p{font-size:12px;line-height:1.6;margin:0;opacity:.9}.footer-section ul{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-section a{color:#fff;display:block;opacity:.9;text-decoration:none;transition:opacity .3s}.footer-section a:hover{opacity:1;text-decoration:underline}.footer-links{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.footer-separator{color:#ffffff80}.footer-bottom{border-top:1px solid #fff3;opacity:.8;padding-top:20px;text-align:center}.footer-bottom p{font-size:12px;margin:0}.donation-button{align-items:center;background:#402a74;border:4px solid #333;border-radius:0;box-shadow:4px 4px 0 #333;color:#333;display:inline-flex;font-family:Courier New,monospace;font-size:14px;font-weight:700;gap:8px;padding:7px 20px;text-decoration:none;transition:all .1s;width:47%}.donation-button:hover{box-shadow:2px 2px 0 #333;transform:translate(2px,2px)}.donation-text{font-size:16px}.paypal-icon{font-size:18px}.donation-subtext{font-size:13px;margin:12px 0 0;opacity:.8;padding:5px}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr}}.legal-page-container{background:#2c2153;min-height:100vh;padding:40px 20px}.legal-content{background:#bcabfa;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:60px}.legal-content h1{border-bottom:4px solid #667eea;color:#141414;font-size:36px;margin:0 0 10px;padding-bottom:15px}.last-updated{color:#1a1919;font-size:14px;font-style:italic;margin:0 0 40px}.legal-content section{margin-bottom:40px}.legal-content h2{color:#131313;font-size:24px;margin:30px 0 15px;padding-top:20px}.legal-content h3{color:#181818;font-size:18px;margin:20px 0 10px}.legal-content p{color:#131212;font-weight:700;line-height:1.8;margin:0 0 15px}.legal-content ul{margin:10px 0 20px;padding-left:30px}.legal-content li{color:#131313;font-weight:700;line-height:1.8;margin-bottom:8px}.legal-content a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s}.legal-content a:hover{color:#764ba2;text-decoration:underline}.legal-content strong{color:#141414;font-weight:600}.back-link{border-top:2px solid #f0f0f0;margin-top:60px;padding-top:30px}.back-link a{align-items:center;background:#667eea;border-radius:8px;color:#fff;display:inline-flex;padding:10px 20px;transition:all .3s}.back-link a:hover{background:#5568d3;transform:translateY(-2px)}@media (max-width:768px){.legal-content{padding:30px 20px}.legal-content h1{font-size:28px}.legal-content h2{font-size:20px}.legal-content h3{font-size:16px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-message-modal{animation:slideUp .3s ease;background:#bba8e7;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#1a1a1a;font-size:20px;margin:0}.modal-close-btn{align-items:center;background:#f5f5f5;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.modal-close-btn:hover{background:#e0e0e0;transform:scale(1.1)}.modal-search{border-bottom:1px solid #e0e0e0;padding:16px 24px}.modal-search input{border:2px solid #e0e0e0;border-radius:25px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .3s;width:100%}.modal-search input:focus{border-color:#667eea;outline:none}.modal-content{flex:1 1;overflow-y:auto;padding:8px 0}.modal-empty,.modal-loading{color:#999;padding:60px 24px;text-align:center}.modal-empty-subtitle{font-size:14px;margin-top:8px}.section-label{color:#161616;font-size:12px;font-weight:700;letter-spacing:.5px;padding:12px 24px 8px;text-transform:uppercase}.users-list{display:flex;flex-direction:column}.user-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 24px;transition:background .2s}.user-item:hover{background:#f8f9fa}.user-avatar{border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-details{display:flex;flex-direction:column;min-width:0}.user-name{color:#1a1a1a;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{color:#302f2f;font-size:13px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ccc}@media (max-width:768px){.new-message-modal{max-height:85vh;width:95%}.modal-header{padding:16px 20px}.modal-search,.user-item{padding:12px 20px}}.messages-layout{background:#bcabfa;display:grid;grid-template-columns:350px 1fr;height:calc(100vh - 90px);overflow:hidden}.conversations-sidebar{background:#bcabfa;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden}.conversations-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.conversations-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0}.conversations-empty,.conversations-loading{color:#181818;padding:40px 20px;text-align:center}.empty-subtitle{color:#181717}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:12px 20px;transition:background .2s}.conversation-item:hover{background:#f8f8f8}.conversation-item.selected{background:#e8f0fe}.conversation-avatar-wrapper{flex-shrink:0;position:relative}.conversation-avatar,.conversation-avatar-placeholder{border-radius:50%;height:48px;object-fit:cover;width:48px}.conversation-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:600;justify-content:center}.online-dot{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.conversation-details{flex:1 1;min-width:0}.conversation-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conversation-name{color:#1a1a1a;font-size:15px;font-weight:600}.conversation-time{color:#1d1d1d;font-size:12px}.conversation-preview{color:#2b2a2a;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window,.chat-window-empty{background:#bcabfa;display:flex;flex-direction:column;overflow:hidden}.chat-window-empty{align-items:center;justify-content:center}.empty-state-chat{color:#292929;text-align:center}.empty-state-chat h2{font-size:48px;margin:0 0 16px}.empty-state-chat p{color:#1a1919;font-size:16px}.chat-header{background:#bcabfa;border-bottom:1px solid #e0e0e0;padding:16px 24px}.chat-header-user{align-items:center;display:flex;gap:12px}.chat-avatar-wrapper{position:relative}.chat-avatar-placeholder,.chat-avatar-wrapper img{border-radius:50%;height:40px;object-fit:cover;width:40px}.chat-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center}.online-dot-large{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.chat-header-info h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.user-status{color:#333;font-size:13px}.chat-messages{background:#bcabfa;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px 24px}.messages-loading,.no-messages-yet{align-items:center;color:#202020;display:flex;height:100%;justify-content:center}.message-wrapper{align-items:flex-end;display:flex;gap:8px}.message-wrapper.own{justify-content:flex-end}.message-wrapper.other{justify-content:flex-start}.message-avatar-small{flex-shrink:0;height:28px;width:28px}.avatar-placeholder-small,.message-avatar-small img{border-radius:50%;height:28px;object-fit:cover;width:28px}.avatar-placeholder-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.message-bubble{word-wrap:break-word;animation:slideIn .2s ease;border-radius:18px;max-width:65%;padding:10px 14px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.own{background:#0084ff;border-bottom-right-radius:4px;color:#fff}.message-bubble.other{background:#e4e6eb;border-bottom-left-radius:4px;color:#1a1a1a}.message-bubble p{line-height:1.4;margin:0 0 4px}.message-timestamp{font-size:11px;opacity:.7}.typing-indicator-wrapper{align-items:flex-end;display:flex;gap:8px}.typing-indicator{background:#e4e6eb;border-radius:18px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:10px 14px}.typing-indicator span{animation:typing 1.4s infinite;background:#999;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-form{align-items:center;background:#bcabfa;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:16px 24px}.chat-input-form input{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:24px;flex:1 1;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s}.chat-input-form input:focus{background:#fff;border-color:#0084ff;outline:none}.chat-input-form button{align-items:center;background:#0084ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.chat-input-form button:hover:not(:disabled){background:#0073e6;transform:scale(1.05)}.chat-input-form button:disabled{cursor:not-allowed;opacity:.4}.chat-messages::-webkit-scrollbar,.conversations-list::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.conversations-list::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb,.conversations-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.conversations-list::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:768px){.messages-layout{grid-template-columns:1fr}.conversations-sidebar{display:none}.chat-window{height:calc(100vh - 60px)}.message-bubble{max-width:80%}}.btn-new-message{align-items:center;background:#667eea;border:none;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .3s;width:40px}.btn-new-message:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66;transform:scale(1.1)}.btn-start-conversation{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s}.btn-start-conversation:hover{background:#5568d3;transform:translateY(-2px)}.conversations-empty{color:#999;padding:60px 20px;text-align:center}.conversations-empty p{font-size:16px;margin:0 0 8px}.empty-subtitle{color:#999;font-size:14px;margin-top:8px}.submit-quote-container{margin:0 auto;max-width:1200px;padding:40px 20px}.submit-quote-header{margin-bottom:40px;text-align:center}.submit-quote-header h1{color:#fcfbfb;font-size:32px;margin:0 0 10px}.subtitle{color:#e4e3e3;font-size:18px;margin:0}.error-message,.success-message{border-radius:8px;font-weight:600;margin:0 auto 30px;max-width:800px;padding:15px 20px;text-align:center}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.submit-quote-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}.quote-form-section{display:flex;flex-direction:column;gap:30px}.quote-form{background:#beabf1;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#0f0f0f;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:120px;resize:vertical}.char-count{bottom:-20px;color:#999;font-size:12px;position:absolute;right:0}.btn-submit{background:#7a66ea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.btn-submit:hover:not(:disabled){background:#5568d3;transform:translateY(-2px)}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.quote-guidelines{background:#beabf1;border-left:4px solid #667eea;border-radius:12px;padding:25px}.quote-guidelines h3{color:#0e0d0d;font-size:18px;margin:0 0 15px}.quote-guidelines ul{margin:0;padding-left:20px}.quote-guidelines li{color:#0f0f0f;line-height:1.5;margin-bottom:10px}.my-submissions-section{background:#beabf1;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.my-submissions-section h2{color:#0e0d0d;font-size:24px;margin:0 0 20px}.no-submissions{color:#272727;padding:40px 20px;text-align:center}.submissions-list{display:flex;flex-direction:column;gap:20px}.submission-item{background:#b9bdf8;border-left:4px solid #667eea;border-radius:8px;padding:20px}.submission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.submission-date{color:#2b2a2a;font-size:12px}.submission-item blockquote{color:#141414;font-style:italic;line-height:1.6;margin:0 0 10px}.submission-attribution{color:#1a1919;font-size:14px}.back-link{margin-top:40px;text-align:center}.back-link a{color:#f8f9fa;font-weight:600;text-decoration:none;transition:color .3s}.back-link a:hover{color:#5568d3;text-decoration:underline}@media (max-width:768px){.submit-quote-container{padding:20px 15px}.submit-quote-header h1{font-size:24px}.submit-quote-content{gap:30px;grid-template-columns:1fr}.my-submissions-section,.quote-form,.quote-guidelines{padding:20px}}.admin-quotes-container{margin:0 auto;max-width:1000px;padding:40px 20px}.admin-quotes-container h1{color:#333;font-size:32px;margin-bottom:30px;text-align:center}.no-pending{color:#999;font-size:16px;padding:60px 20px;text-align:center}.quotes-list{display:flex;flex-direction:column;gap:20px}.quote-card{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.quote-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.submitted-by{color:#667eea;font-weight:600}.submitted-date{color:#999;font-size:13px}.quote-text{color:#333;font-size:16px;font-style:italic;line-height:1.6;margin:15px 0}.quote-details{color:#666;font-size:14px;margin-bottom:20px}.quote-actions{display:flex;gap:10px}.quote-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s}.btn-approve{background:#d4edda;color:#155724}.btn-approve:hover{background:#c3e6cb;transform:translateY(-2px)}.btn-reject{background:#f8d7da;color:#721c24}.btn-reject:hover{background:#f5c6cb;transform:translateY(-2px)}.btn-delete{background:#f0f0f0;color:#666}.btn-delete:hover{background:#e0e0e0;transform:translateY(-2px)}@media (max-width:768px){.admin-quotes-container{padding:20px 15px}.admin-quotes-container h1{font-size:24px}.quote-card{padding:20px}.quote-actions{flex-direction:column}.quote-actions button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background:#2c2153;font-family:Cormorant Garamond,serif}.App{min-height:100vh}.App>div:not(header):not(footer){flex:1 1}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.btn-retry{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:all .3s}.btn-retry:hover{background:#5568d3;transform:translateY(-2px)}
/*# sourceMappingURL=main.154ab261.css.map*/