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}.navbar{background-color:#e5e4db;border-bottom:3px solid #171716;box-shadow:0 -2px 5px #0000001a;height:60px;justify-content:space-between;position:fixed;top:0;width:100%;z-index:1200}.navbar,.navbar__left{align-items:center;display:flex}.navbar__left{width:15%}.navbar__left img{padding-left:25%}.navbar__right{align-items:center;display:flex;height:20px;width:15%}.navbar__center{display:flex;gap:2rem;justify-content:center;width:70%}.navbar__logo-image{max-height:40px}.navbar__link{color:#171716;font-weight:700;text-decoration:none}.navbar__link:hover{color:#1691d9}.navbar__user-icon{font-size:1.5rem;margin-left:auto}.navbar__profile-pic{border-radius:50%;height:50px;object-fit:cover;padding-right:20px;width:50px}@media(max-width:768px){.navbar{padding-left:15px}.navbar__left{display:none}.navbar__right{padding-right:15px}}.bottomnav{align-items:center;background-color:#898983;border-top:3px solid #171716;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;height:60px;justify-content:center;position:fixed;width:100%;z-index:1000}.bottomnav__center{display:flex;gap:2rem}.bottomnav__link{color:#e5e4db;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s ease,transform .2s ease}.bottomnav__link:hover{color:#ffb908;transform:scale(1.1)}.bottomnav__music-container{gap:10px;padding:0 10px}.bottomnav__music{cursor:pointer;transition:transform .3s ease;z-index:2}.bottomnav__music:hover{transform:rotate(15deg)}.bottomnav__music-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:28px;width:28px}.bottomnav__volume-slider{margin:0}.bottomnav__music-container{align-items:center;display:flex;position:relative}.bottomnav__volume-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#ffb908,#898983);border-radius:3px;cursor:pointer;height:6px;left:40px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:100px}.bottomnav__volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#e5e4db;border:2px solid #ffb908;border-radius:50%;cursor:pointer;height:12px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:12px}.bottomnav__volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.bottomnav__music-container:hover .bottomnav__volume-slider{opacity:1}@media(max-width:600px){.bottomnav__center{flex-wrap:wrap;gap:1rem;justify-content:center}.bottomnav__link{font-size:.85rem;padding-top:15px}.bottomnav__music-container{justify-content:center;padding-bottom:12px;width:100%}.bottomnav__volume-slider{margin-left:8px;opacity:1;position:static;transform:none;width:80%}}.quote-square{align-items:center;aspect-ratio:1/1;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;justify-content:center;margin:0 auto;max-width:720px;overflow:hidden;position:relative;width:100%}.quote-square__loading{color:#fff;font-size:1.2rem;padding:2rem;text-align:center}.quote-square__background{background-position:50%;background-size:cover;filter:brightness(.7);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.quote-square__content{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;text-align:center;width:100%}.quote-square__text{padding:0 2rem;position:relative}.quote-square__quote{font-size:1.5rem;font-style:italic;font-weight:500;line-height:1.4;margin-bottom:1rem;position:relative}.quote-square__author{color:#fffc;font-size:.9em;font-style:italic;margin-top:.5rem;text-align:right}.quote-square__count{font-size:25px;letter-spacing:1px;opacity:.7;position:absolute;right:10%;top:20%}.quote-square__logo{bottom:10%;height:140px;left:10%;opacity:.8;position:absolute;width:140px}.quote-square__scobe{height:25px;opacity:.8;position:absolute;width:25px}.quote-square__scobe--left{left:10%;top:20%;transform:translateY(-50%)}.quote-square__scobe--right{right:10%;top:80%;transform:translateY(-50%)}@media(max-width:768px){.quote-square{max-width:90vw}.quote-square__quote{font-size:1.2rem}.quote-square__logo{height:70px;width:70px}}.home-page{align-items:center;display:flex;justify-content:center;padding:2rem}.books-page{margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);overflow:hidden;padding:3rem 2rem;position:relative}.books-page:before{background:radial-gradient(circle at 20% 30%,#1691d926 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffb90826 0,#0000 40%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.books-page .container{position:relative;z-index:1}.books-page .header-section{margin-bottom:3rem;text-align:center}.books-page .header-section h1{color:#2e2e2c;font-size:2.8rem;margin-bottom:1rem;text-shadow:1px 1px 3px #0000001a}.books-page .header-section .quote{color:#2e2e2ccc;font-size:1.2rem;font-style:italic;line-height:1.6;margin:0 auto;max-width:700px}.books-page .header-section .quote span{color:#2e2e2c99;display:block;font-size:1rem;margin-top:.5rem}.books-page .controls-container{align-items:center;background:#e5e4dbe6;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}@media(max-width:768px){.books-page .controls-container{align-items:stretch;flex-direction:column}}.books-page .controls-container .add-btn{align-items:center;background:linear-gradient(135deg,#1691d9,#1172ab);border:none;border-radius:50px;box-shadow:0 5px 15px #1691d933;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.books-page .controls-container .add-btn:hover{box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.books-page .controls-container .add-btn:active{transform:translateY(0)}.books-page .controls-container .sort-toggle-container{position:relative}.books-page .controls-container .sort-toggle-container .sort-toggle-button{align-items:center;background:linear-gradient(145deg,#e5e4db,#dad9cc);border:none;border-radius:50px;box-shadow:0 5px 15px #0000000d;color:#2e2e2c;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.8rem;transition:all .3s ease}.books-page .controls-container .sort-toggle-container .sort-toggle-button:hover{background:#dfddd2;box-shadow:0 8px 20px #0000001a}.books-page .controls-container .sort-toggle-container .sort-options-dropdown{animation:fadeIn .3s ease-out;background:#e5e4db;border-radius:12px;box-shadow:0 15px 40px #0000001a;margin-top:.5rem;min-width:180px;padding:1rem;position:absolute;right:0;top:100%;z-index:10}.books-page .controls-container .sort-toggle-container .sort-options-dropdown button{background:#0000;border:none;border-radius:8px;color:#2e2e2c;cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1rem;text-align:left;transition:all .2s ease;width:100%}.books-page .controls-container .sort-toggle-container .sort-options-dropdown button:hover{background:#1691d91a;color:#1691d9}.books-page .controls-container .sort-toggle-container .sort-options-dropdown button.active{background:#1691d933;color:#1691d9;font-weight:600}.books-page .books-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}@media(max-width:768px){.books-page .books-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.books-page .books-grid .book-card{background:#e5e4db;border-radius:16px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.books-page .books-grid .book-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-8px)}.books-page .books-grid .book-card .book-link{display:block;height:300px;overflow:hidden}.books-page .books-grid .book-card .book-link .book-cover{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.books-page .books-grid .book-card .book-link .book-cover:hover{transform:scale(1.05)}.books-page .books-grid .book-card .book-info{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.books-page .books-grid .book-card .book-info .book-title{align-items:center;color:#2e2e2c;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;padding-left:5px;text-align:center;text-decoration:none;transition:color .2s ease}.books-page .books-grid .book-card .book-info .book-title:hover{color:#1691d9}.books-page .books-grid .book-card .book-info .book-author{color:#2e2e2cb3;font-size:.95rem;font-style:italic;margin-bottom:1rem}.books-page .books-grid .book-card .book-info .book-description{-webkit-box-orient:vertical;color:#2e2e2ccc;display:-webkit-box;line-height:1.6;margin-bottom:1.5rem;overflow:hidden}.books-page .books-grid .book-card .book-info .book-meta{align-items:center;display:flex;margin-top:auto}.books-page .books-grid .book-card .book-info .book-meta .creator-link{align-items:center;color:inherit;display:flex;text-decoration:none}.books-page .books-grid .book-card .book-info .book-meta .creator-link .creator-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0000001a;height:40px;object-fit:cover;transition:all .3s ease;width:40px}.books-page .books-grid .book-card .book-info .book-meta .creator-link .creator-avatar:hover{box-shadow:0 5px 15px #00000026;transform:scale(1.1)}.books-page .books-grid .book-card .book-info .book-meta .views{color:#2e2e2c99;font-size:.85rem}.books-page .books-grid .book-card .book-actions{border-top:1px solid #73726e1a;display:flex;gap:1rem}.books-page .books-grid .book-card .book-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem;transition:all .2s ease}.books-page .books-grid .book-card .book-actions button:first-child{background:#1691d91a;color:#1691d9}.books-page .books-grid .book-card .book-actions button:first-child:hover{background:#1691d933}.books-page .books-grid .book-card .book-actions button:last-child{background:#bd2c2c1a;color:#bd2c2c}.books-page .books-grid .book-card .book-actions button:last-child:hover{background:#bd2c2c33}.books-page .empty-state{background:#e5e4dbcc;border-radius:16px;box-shadow:0 5px 20px #0000000d;color:#2e2e2cb3;font-size:1.2rem;padding:3rem;text-align:center}.books-page .pagination{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.books-page .pagination button{background:#e5e4db;border:none;border-radius:50px;box-shadow:0 5px 15px #0000000d;color:#2e2e2c;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.books-page .pagination button:hover{background:#dad9cc;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.books-page .pagination button:disabled{background:#e5e4db80;box-shadow:none;color:#2e2e2c80;cursor:not-allowed;transform:none}.books-page .pagination span{color:#2e2e2ccc;font-size:1.1rem}.books-page .modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.books-page .modal .modal-content{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);background-color:#e5e4db;border-radius:16px;box-shadow:0 20px 50px #0003;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;width:90%}.books-page .modal .modal-content h2{color:#2e2e2c;font-size:1.8rem;margin-bottom:2rem;text-align:center}.books-page .modal .modal-content .form-group{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.books-page .modal .modal-content .form-group label{color:#2e2e2c;display:block;font-weight:500;margin-bottom:.5rem}.books-page .modal .modal-content .form-group label:after{color:#bd2c2c;content:"*";margin-left:.25rem;opacity:.7}.books-page .modal .modal-content .form-group input,.books-page .modal .modal-content .form-group textarea{border:1px solid #73726e33;border-radius:8px;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:90%}.books-page .modal .modal-content .form-group input:focus,.books-page .modal .modal-content .form-group textarea:focus{border-color:#1691d9;box-shadow:0 0 0 3px #1691d91a;outline:none}.books-page .modal .modal-content .form-group textarea{min-height:120px;resize:vertical}.books-page .modal .modal-content .form-group .image-preview{border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:1rem;max-height:200px;max-width:100%}.books-page .modal .modal-content .modal-actions{display:flex;gap:1rem;margin-top:2rem}.books-page .modal .modal-content .modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease}.books-page .modal .modal-content .modal-actions button:first-child{background:linear-gradient(135deg,#1691d9,#1172ab);color:#fff}.books-page .modal .modal-content .modal-actions button:first-child:hover{box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.books-page .modal .modal-content .modal-actions button.cancel-btn{background:#0000;border:1px solid #73726e33;color:#2e2e2c}.books-page .modal .modal-content .modal-actions button.cancel-btn:hover{background:#73726e0d}@media(max-width:768px){.books-page{padding:2rem 1rem}.books-page .header-section h1{font-size:2.2rem}.books-page .header-section .quote{font-size:1rem}.books-page .modal .modal-content{padding:1.5rem}}@media(max-width:576px){.books-page .pagination{flex-direction:column;gap:1rem}.books-page .modal .modal-content{padding:1.5rem 1rem;width:95%}.books-page .modal .modal-content .modal-actions{flex-direction:column}}.post-container{background-color:#898983;border-radius:8px;color:inherit;display:block;margin:8px;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s}.post-container:hover{transform:translateY(-2px)}.post-container .post-image-container{height:200px;position:relative;width:100%}.post-container .post-image{height:100%;object-fit:cover;width:100%}.post-container .title-container{align-items:center;background-color:#00000080;display:flex;justify-content:center;left:0;padding:8px;position:absolute;right:0;top:0}.post-container .title-text{color:#fff;font-size:16px;font-weight:700;margin:0;text-align:center}.post-container .stats-container{background-color:#000000b3;display:flex;justify-content:space-around;padding:8px}.post-container .stat-item{align-items:center;display:flex}.post-container .icon{height:12px;margin-right:4px;width:12px}.post-container .stat-text{color:#fff;font-size:14px}.dumy-container{background:linear-gradient(145deg,#7c7c76,#73726e);color:#e5e4db;font-family:Inter,sans-serif;margin:0 auto;max-width:1400px;min-height:calc(100vh - 120px);overflow:hidden;padding:3rem 2rem;position:relative}.dumy-container:before{background:radial-gradient(circle at 20% 30%,#1691d926 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffb90826 0,#0000 40%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.sort-toggle-container{margin-bottom:1.5rem;position:relative}.sort-toggle-button{align-items:center;background:linear-gradient(135deg,#1691d94d,#1691d926);border:none;border-radius:50px;box-shadow:0 5px 15px #1691d933;color:#e5e4db;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.8rem 1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sort-toggle-button:hover{box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.sort-options-dropdown{grid-gap:.75rem;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#171716e6;border:1px solid #e5e4db1a;border-radius:12px;bottom:90%;box-shadow:0 15px 40px #0000004d;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;left:0;margin-top:.5rem;padding:1rem;position:absolute;width:220px;z-index:10}.sort-options-dropdown button{background:#17171699;border:none;border-radius:8px;color:#e5e4db;cursor:pointer;font-size:.9rem;font-weight:500;padding:.7rem 1rem;text-align:left;transition:all .2s ease}.sort-options-dropdown button:hover{background:#1691d94d}.sort-options-dropdown button.active{background:linear-gradient(135deg,#1691d9,#1172ab);box-shadow:0 4px 12px #1691d94d}.category-filters .category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.category-filters .category-header p{color:#e5e4dbe6;font-size:1.1rem;font-weight:500}.category-filters .category-actions{display:flex;gap:.5rem}.category-filters .category-actions button{background:#17171699;border:none;border-radius:6px;color:#e5e4db;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.category-filters .category-actions button:hover{background:#1691d94d}.category-filters .category-actions button:first-child{background:#1691d940}.category-filters .category-actions button:last-child{background:#ffb90840}.category-checkboxes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.category-label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));position:relative;z-index:1}.posts-grid .post{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171716b3;border:1px solid #e5e4db14;border-radius:16px;box-shadow:0 12px 35px #0000004d;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.posts-grid .post:hover{border-color:#1691d966;box-shadow:0 18px 40px #0006,0 0 20px #1691d940;transform:translateY(-8px) scale(1.02)}.no-posts-message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17171699;border:1px dashed #e5e4db26;border-radius:16px;color:#e5e4dbcc;font-size:1.3rem;margin:2rem 0;padding:3rem;text-align:center}.pagination{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:4rem;position:relative;z-index:1}.pagination button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171716b3;border:1px solid #e5e4db1a;border-radius:50px;box-shadow:0 5px 15px #0003;color:#e5e4db;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.pagination button:hover{background:#1691d94d;box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.pagination button:disabled{background:#73726e80;box-shadow:none;color:#e5e4db80;cursor:not-allowed;transform:none}.pagination span{color:#e5e4dbe6;font-size:1.1rem;font-weight:500}.add-post-button{align-items:center;background:linear-gradient(135deg,#ffb908,#d49800);border:none;border-radius:50%;bottom:20%;box-shadow:0 12px 30px #ffb90866,0 0 0 5px #ffb90840;color:#171716;cursor:pointer;display:flex;height:70px;justify-content:center;overflow:hidden;position:fixed;right:3rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:70px;z-index:100}.add-post-button:before{background:linear-gradient(to bottom right,#ffffff1a,#fff0 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(30deg);transition:all .5s ease;width:200%}.add-post-button:hover{box-shadow:0 18px 40px #ffb90880,0 0 0 6px #ffb9084d;transform:scale(1.1) rotate(90deg)}.add-post-button:hover:before{transform:rotate(30deg) translateX(50%)}.add-post-button .plus-icon{font-size:2.5rem;font-weight:700;position:relative;z-index:2}@media(max-width:1200px){.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:992px){.dumy-container{padding:2rem 1.5rem}.category-checkboxes{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:576px){.dumy-container{padding:1.5rem 1rem}.category-checkboxes{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pagination{flex-direction:column;gap:1rem}}.sort-filter-container{align-items:center;display:flex;gap:15px;margin-bottom:10px}.filter-toggle-button,.sort-toggle-button{align-items:center;background:#222;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:5px;padding:8px 12px}.controls-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171716bf;border:1px solid #e5e4db26;border-radius:16px;box-shadow:0 12px 35px #00000040;margin-bottom:2rem;padding:2rem}.controls-container .filter-controls{display:flex;gap:1rem;margin-bottom:1.5rem}@media(max-width:768px){.controls-container .filter-controls{flex-direction:column}}.controls-container .filter-toggle-container,.controls-container .sort-toggle-container{flex:1 1;padding-top:25px;position:relative}.controls-container .filter-toggle-button,.controls-container .sort-toggle-button{align-items:center;background:linear-gradient(135deg,#1691d94d,#1691d926);border:none;border-radius:50px;box-shadow:0 5px 15px #1691d933;color:#e5e4db;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.8rem 1.8rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.controls-container .filter-toggle-button:hover,.controls-container .sort-toggle-button:hover{box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.controls-container .filter-options-dropdown,.controls-container .sort-options-dropdown{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#171716e6;border:1px solid #e5e4db1a;border-radius:12px;bottom:90%;box-shadow:0 15px 40px #0000004d;left:0;margin-top:.5rem;padding:1rem;position:absolute;right:0;z-index:10}.controls-container .filter-options-dropdown{left:0;right:auto;width:300px}.controls-container .filter-options-dropdown .category-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-top:1rem}.toggle-arrow{font-size:.8rem;transition:transform .3s ease}.toggle-arrow.open{transform:rotate(180deg)}.category-label{align-items:center;color:#e5e4dbf2;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding-left:32px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-label .checkbox-custom{background-color:#0000;border:2px solid #e5e4db99;border-radius:6px;height:22px;left:0;position:absolute;top:0;transition:all .2s ease;width:22px}.category-label .checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:7px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.category-label input:checked~.checkbox-custom{background-color:#1691d9;border-color:#1691d9}.category-label input:checked~.checkbox-custom:after{display:block}.category-label:hover{color:#e5e4db}.category-label:hover .checkbox-custom{border-color:#e5e4dbe6;transform:scale(1.05)}.category-actions{display:flex;gap:.5rem;margin-top:.5rem}.category-actions button{background:#17171699;border:none;border-radius:6px;color:#e5e4db;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.category-actions button:hover{background:#1691d94d}@media(max-width:768px){.posts-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.controls-container{padding:1.5rem}.add-post-button{bottom:20%;height:60px;right:2rem;width:60px}}.account-container{grid-gap:30px;color:#333;display:grid;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:30px;grid-template-columns:350px 1fr;margin:0 auto;max-width:1400px;padding:30px}.account-container .loading{color:#666;font-size:1.5rem;grid-column:span 2;padding:100px;text-align:center}.account-container .profile-section .profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px;position:-webkit-sticky;position:sticky;top:30px}.account-container .profile-section .profile-card .profile-header{margin-bottom:25px;text-align:center}.account-container .profile-section .profile-card .profile-header .current-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;height:150px;margin:0 auto 20px;object-fit:cover;width:150px}.account-container .profile-section .profile-card .profile-header .profile-name{margin-bottom:10px}.account-container .profile-section .profile-card .profile-header .profile-name h2{color:#333;font-size:1.5rem;margin:0}.account-container .profile-section .profile-card .profile-header .profile-name .editable-input{border:none;border-bottom:2px solid #eee;color:#333;font-size:1.5rem;font-weight:600;margin:0 auto 10px;padding:8px 0;text-align:center;transition:all .3s;width:80%}.account-container .profile-section .profile-card .profile-header .profile-name .editable-input:focus{border-color:#4285f4;outline:none}.account-container .profile-section .profile-card .profile-header .profile-email{color:#666;font-size:.95rem;margin-top:5px}.account-container .profile-section .profile-card .logout-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:20px;padding:12px;transition:all .3s;width:100%}.account-container .profile-section .profile-card .logout-btn:hover{background:#d32f2f;box-shadow:0 4px 8px #d32f2f33;transform:translateY(-2px)}.account-container .profile-section .profile-card .edit-profile-btn{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:15px;padding:12px;transition:all .3s;width:100%}.account-container .profile-section .profile-card .edit-profile-btn:hover{background:#3367d6;box-shadow:0 4px 8px #4285f433;transform:translateY(-2px)}.account-container .profile-section .profile-card .edit-profile-btn.cancel{background:#9e9e9e}.account-container .profile-section .profile-card .edit-profile-btn.cancel:hover{background:#757575;box-shadow:0 4px 8px #75757533}.account-container .profile-section .profile-card .avatar-selection{margin:25px 0}.account-container .profile-section .profile-card .avatar-selection h3{color:#444;font-size:1.2rem;font-weight:600;margin-bottom:15px}.account-container .profile-section .profile-card .avatar-selection .avatar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.account-container .profile-section .profile-card .avatar-selection .avatar-grid .avatar-option{border:3px solid #0000;border-radius:50%;cursor:pointer;overflow:hidden;transition:all .3s ease}.account-container .profile-section .profile-card .avatar-selection .avatar-grid .avatar-option img{display:block;height:auto;width:100%}.account-container .profile-section .profile-card .avatar-selection .avatar-grid .avatar-option:hover{box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}.account-container .profile-section .profile-card .avatar-selection .avatar-grid .avatar-option.selected{border-color:#4285f4;box-shadow:0 0 0 3px #4285f44d}.account-container .content-section{display:flex;flex-direction:column;gap:30px}.account-container .content-section .user-books,.account-container .content-section .user-posts{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.account-container .content-section .user-books h3,.account-container .content-section .user-posts h3{font-size:1.5rem;font-weight:600;margin-bottom:20px}.account-container .content-section .user-books .book-list,.account-container .content-section .user-books .posts-grid,.account-container .content-section .user-posts .book-list,.account-container .content-section .user-posts .posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.account-container .content-section .user-books .book-list .book-card,.account-container .content-section .user-books .book-list .post-card,.account-container .content-section .user-books .posts-grid .book-card,.account-container .content-section .user-books .posts-grid .post-card,.account-container .content-section .user-posts .book-list .book-card,.account-container .content-section .user-posts .book-list .post-card,.account-container .content-section .user-posts .posts-grid .book-card,.account-container .content-section .user-posts .posts-grid .post-card{border:1px solid #eee;border-radius:8px;padding:20px;transition:all .3s}.account-container .content-section .user-books .book-list .book-card:hover,.account-container .content-section .user-books .book-list .post-card:hover,.account-container .content-section .user-books .posts-grid .book-card:hover,.account-container .content-section .user-books .posts-grid .post-card:hover,.account-container .content-section .user-posts .book-list .book-card:hover,.account-container .content-section .user-posts .book-list .post-card:hover,.account-container .content-section .user-posts .posts-grid .book-card:hover,.account-container .content-section .user-posts .posts-grid .post-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.account-container .content-section .user-books .book-list .book-card h4,.account-container .content-section .user-books .book-list .post-card h4,.account-container .content-section .user-books .posts-grid .book-card h4,.account-container .content-section .user-books .posts-grid .post-card h4,.account-container .content-section .user-posts .book-list .book-card h4,.account-container .content-section .user-posts .book-list .post-card h4,.account-container .content-section .user-posts .posts-grid .book-card h4,.account-container .content-section .user-posts .posts-grid .post-card h4{color:#333;font-size:1.2rem;margin:0 0 10px}.account-container .content-section .user-books .book-list .book-card p,.account-container .content-section .user-books .book-list .post-card p,.account-container .content-section .user-books .posts-grid .book-card p,.account-container .content-section .user-books .posts-grid .post-card p,.account-container .content-section .user-posts .book-list .book-card p,.account-container .content-section .user-posts .book-list .post-card p,.account-container .content-section .user-posts .posts-grid .book-card p,.account-container .content-section .user-posts .posts-grid .post-card p{color:#666;line-height:1.5;margin:0 0 15px}.account-container .content-section .user-books .book-list .book-card .author,.account-container .content-section .user-books .book-list .book-card .post-meta,.account-container .content-section .user-books .book-list .post-card .author,.account-container .content-section .user-books .book-list .post-card .post-meta,.account-container .content-section .user-books .posts-grid .book-card .author,.account-container .content-section .user-books .posts-grid .book-card .post-meta,.account-container .content-section .user-books .posts-grid .post-card .author,.account-container .content-section .user-books .posts-grid .post-card .post-meta,.account-container .content-section .user-posts .book-list .book-card .author,.account-container .content-section .user-posts .book-list .book-card .post-meta,.account-container .content-section .user-posts .book-list .post-card .author,.account-container .content-section .user-posts .book-list .post-card .post-meta,.account-container .content-section .user-posts .posts-grid .book-card .author,.account-container .content-section .user-posts .posts-grid .book-card .post-meta,.account-container .content-section .user-posts .posts-grid .post-card .author,.account-container .content-section .user-posts .posts-grid .post-card .post-meta{color:#999;font-size:.85rem}.account-container .content-section .user-books .book-list .book-card .description,.account-container .content-section .user-books .book-list .post-card .description,.account-container .content-section .user-books .posts-grid .book-card .description,.account-container .content-section .user-books .posts-grid .post-card .description,.account-container .content-section .user-posts .book-list .book-card .description,.account-container .content-section .user-posts .book-list .post-card .description,.account-container .content-section .user-posts .posts-grid .book-card .description,.account-container .content-section .user-posts .posts-grid .post-card .description{color:#555;font-size:.9rem}.account-container .content-section .user-books .book-list .book-card,.account-container .content-section .user-books .posts-grid .book-card,.account-container .content-section .user-posts .book-list .book-card,.account-container .content-section .user-posts .posts-grid .book-card{display:flex;gap:15px}.account-container .content-section .user-books .book-list .book-card .book-cover,.account-container .content-section .user-books .posts-grid .book-card .book-cover,.account-container .content-section .user-posts .book-list .book-card .book-cover,.account-container .content-section .user-posts .posts-grid .book-card .book-cover{min-height:150px;width:100px}.account-container .content-section .user-books .book-list .book-card .book-cover img,.account-container .content-section .user-books .posts-grid .book-card .book-cover img,.account-container .content-section .user-posts .book-list .book-card .book-cover img,.account-container .content-section .user-posts .posts-grid .book-card .book-cover img{border-radius:4px;height:100%;object-fit:cover;width:100%}.account-container .content-section .user-books .book-list .book-card .book-details,.account-container .content-section .user-books .posts-grid .book-card .book-details,.account-container .content-section .user-posts .book-list .book-card .book-details,.account-container .content-section .user-posts .posts-grid .book-card .book-details{flex:1 1}.account-container .content-section .profile-info-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px}.account-container .content-section .profile-info-section h3{border-bottom:1px solid #eee;color:#444;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.account-container .content-section .profile-info-section .form-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:30px}.account-container .content-section .profile-info-section .form-group{margin-bottom:25px}.account-container .content-section .profile-info-section .form-group label{color:#555;display:block;font-size:.95rem;font-weight:600;margin-bottom:10px}.account-container .content-section .profile-info-section .form-group .editable-input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px 15px;transition:all .3s;width:80%}.account-container .content-section .profile-info-section .form-group .editable-input:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f433;outline:none}.account-container .content-section .profile-info-section .form-group .editable-input:hover{border-color:#bbb}.account-container .content-section .profile-info-section .form-group .rich-textarea{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:1rem;line-height:1.6;min-height:150px;padding:15px;resize:vertical;transition:all .3s;width:80%}.account-container .content-section .profile-info-section .form-group .rich-textarea:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f433;outline:none}.account-container .content-section .profile-info-section .form-group .rich-textarea:hover{border-color:#bbb}.account-container .content-section .profile-info-section .form-group .info-text{color:#555;line-height:1.6;padding:12px 0}.account-container .content-section .profile-info-section .form-group .styled-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:15px;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px 15px;transition:all .3s;width:100%}.account-container .content-section .profile-info-section .form-group .styled-select:focus{border-color:#4285f4;box-shadow:0 0 0 3px #4285f433;outline:none}.account-container .content-section .profile-info-section .form-group .styled-select:hover{border-color:#bbb}.account-container .content-section .profile-info-section .personal-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:30px}@media(max-width:768px){.account-container .content-section .profile-info-section .personal-section{grid-template-columns:1fr}}.account-container .content-section .profile-info-section .save-profile-btn{background:#34a853;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;margin-top:30px;padding:15px;transition:all .3s;width:100%}.account-container .content-section .profile-info-section .save-profile-btn:hover{background:#2d9249;box-shadow:0 4px 8px #34a85333;transform:translateY(-2px)}@media(max-width:1024px){.account-container{gap:20px;grid-template-columns:1fr}.account-container .profile-section .profile-card{position:static}}@media(max-width:768px){.account-container{padding:15px}.account-container .content-section .profile-info-section,.account-container .content-section .user-books,.account-container .content-section .user-posts,.account-container .profile-section .profile-card{padding:20px}.account-container .content-section .form-grid{grid-template-columns:1fr}}.friends-block{background:#e5e4db;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-top:2rem;padding:1.5rem}.friends-block h3{color:#1691d9;font-size:1.5rem;margin-bottom:1rem}.friends-block .friends-list{display:flex;flex-wrap:wrap;gap:1rem}.friends-block .friends-list .friend-card{align-items:center;background:#e5e4dbcc;border-radius:8px;box-shadow:0 2px 5px #0000001a;display:flex;gap:.5rem;padding:.5rem 1rem}.friends-block .friends-list .friend-card img{border-radius:50%;height:40px;object-fit:cover;width:40px}.friends-block .friends-list .friend-card a{color:#1691d9;font-weight:700;text-decoration:none}.friends-block .friends-list .friend-card a:hover{text-decoration:underline}.message-button{background:#1691d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:20px;padding:12px;transition:all .3s;width:100%}.message-button:hover{background:#1172ab;box-shadow:0 4px 8px #4285f433;transform:translateY(-2px)}.plus-icon{font-size:2.5rem;font-weight:700;position:relative;z-index:2}.book-link{background-color:#1691d9;border:2px solid #0000;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;display:inline-block;font-size:15px;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out}.book-link:hover{background-color:#ffb908;border-color:#fff;box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.book-link:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff80;outline:none}.book-link:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}.book-link.shiny{animation:shine 2s ease infinite alternate;background:linear-gradient(135deg,#ff69b4,#ffdab9 50%,#ff69b4);background-size:200% 200%}.book-link.glowing{box-shadow:0 0 10px hotpink,0 0 20px hotpink,0 0 30px hotpink}.book-link.bold-text{font-weight:700;letter-spacing:1px}@keyframes shine{to{background-position:200% 0}}.personality-section{background:#ffffff1a;border-radius:10px;margin-bottom:30px;padding:20px}.personality-section h3{color:#4a90e2;margin-bottom:20px}.personality-slider{margin-bottom:25px}.personality-slider label{display:block;font-weight:500;margin-bottom:8px}.personality-slider .slider-labels{color:#777;display:flex;font-size:.9rem;justify-content:space-between;margin-top:5px}.personality-slider-input{background:linear-gradient(90deg,#ff6b6b,#4ecdc4);border-radius:10px;height:8px;outline:none;width:100%}.personality-slider-input::-webkit-slider-thumb{-webkit-appearance:none;background:#4a90e2;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:pointer;height:20px;width:20px}.political-compass{margin-top:30px}.political-compass .compass-container{margin:20px auto;max-width:400px;position:relative;width:100%}.political-compass .compass-grid{background:#f5f5f5;border:1px solid #ddd;border-radius:5px;overflow:hidden;padding-bottom:100%;position:relative;width:100%}.political-compass .compass-inner{bottom:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);left:0;position:absolute;right:0;top:0}.political-compass .compass-inner .quadrant{align-items:center;display:flex;font-size:.7rem;font-weight:500;justify-content:center;opacity:.7;padding:10px;text-align:center;transition:opacity .2s}.political-compass .compass-inner .quadrant:hover{opacity:1}.political-compass .compass-inner .quadrant:first-child{background:#ff6b6b1a;border-bottom:1px dashed #ddd;border-right:1px dashed #ddd;color:#d32f2f}.political-compass .compass-inner .quadrant:nth-child(2){background:#4285f41a;border-bottom:1px dashed #ddd;color:#1976d2}.political-compass .compass-inner .quadrant:nth-child(3){background:#4caf501a;border-right:1px dashed #ddd;color:#388e3c}.political-compass .compass-inner .quadrant:nth-child(4){background:#ffc1071a;color:#ffa000}.political-compass .compass-axes{height:100%;left:0;position:absolute;top:0;width:100%}.political-compass .compass-axes .axis-line{background:#999;position:absolute}.political-compass .compass-axes .axis-line.x-axis{height:1px;left:0;top:50%;transform:translateY(-50%);width:100%}.political-compass .compass-axes .axis-line.y-axis{height:100%;left:50%;top:0;transform:translateX(-50%);width:1px}.political-compass .compass-axes .axis-label{background:#fffc;border-radius:3px;color:#666;font-size:.8rem;padding:2px 5px;position:absolute}.political-compass .compass-axes .axis-label.left{left:5px;top:50%;transform:translateY(-50%)}.political-compass .compass-axes .axis-label.right{right:5px;top:50%;transform:translateY(-50%)}.political-compass .compass-axes .axis-label.top{left:50%;top:5px;transform:translateX(-50%)}.political-compass .compass-axes .axis-label.bottom{bottom:5px;left:50%;transform:translateX(-50%)}.political-compass .compass-point{background:#4a90e2;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:grab;height:16px;position:absolute;transform:translate(-50%,-50%);transition:transform .1s;width:16px;z-index:2}.political-compass .compass-point:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.political-compass .compass-point:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.political-compass .compass-coordinates{color:#666;font-size:.9rem;margin-top:10px;text-align:center}.political-compass .compass-coordinates strong{color:#333;margin:0 3px}.political-compass .compass-description{color:#666;font-size:.9rem;margin-bottom:15px;text-align:center}.personality-select{margin-bottom:20px}.personality-select select{background:#fff;border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:10px;width:100%}.compass-point{background:#4a90e2;border:2px solid #fff;border-radius:50%;box-shadow:0 0 5px #0000004d;height:16px;width:16px;z-index:10}.compass-point,.compass-point:after{position:absolute;transform:translate(-50%,-50%)}.compass-point:after{background:#fff;border-radius:50%;content:"";height:8px;left:50%;top:50%;width:8px}.login-container{align-items:center;background:linear-gradient(135deg,#1691d9,#ffb908);display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-container .login-card{align-items:center;animation:fadeIn .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;max-width:450px;padding:1.5rem;width:100%}.login-container .login-card h2{color:#1691d9;font-size:1.5rem;line-height:1.3;margin-bottom:1.5rem;text-align:center}.login-container .login-card .error-message{background:#bd2c2c1a;border-radius:.5rem;color:#bd2c2c;font-size:.9rem;margin-bottom:1.5rem;padding:.8rem;text-align:center;width:100%}.login-container .login-card .form-group{align-items:center;display:flex;justify-content:center;margin-bottom:1.2rem;width:100%}.login-container .login-card .form-group label{color:#1691d9;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.login-container .login-card .form-group input{border:1px solid #17171633;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.login-container .login-card .form-group input::placeholder{color:#17171680;font-size:.9rem}.login-container .login-card .form-group input:focus{border-color:#1691d9;box-shadow:0 0 0 2px #1691d933;outline:none}.login-container .login-card .login-button{align-items:center;background:#1691d9;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:.9rem;transition:all .3s ease;width:100%}.login-container .login-card .login-button:hover{background:#1172ab}.login-container .login-card .login-button:disabled{background:#17171680;cursor:not-allowed}.login-container .login-card .auth-footer{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;text-align:center;width:100%}.login-container .login-card .auth-footer p{color:#171716;font-size:.95rem;margin:0}.login-container .login-card .auth-footer .link-button{background:none;border:none;color:#1691d9;cursor:pointer;font-size:.95rem;font-weight:600;padding:.25rem;text-decoration:underline;transition:all .2s ease}.login-container .login-card .auth-footer .link-button:hover{color:#1172ab}@media(max-width:480px){.login-container{align-items:flex-start;padding:2rem 1rem 1rem}.login-container .login-card{border-radius:.75rem;padding:1.25rem}.login-container .login-card h2{font-size:1.3rem;margin-bottom:1rem}.login-container .login-card .form-group{margin-bottom:1rem}.login-container .login-card .form-group input{font-size:.95rem;padding:.65rem}.login-container .login-card .login-button{font-size:.95rem;padding:.8rem}.login-container .login-card .auth-footer{margin-top:1rem}.login-container .login-card .auth-footer .link-button,.login-container .login-card .auth-footer p{font-size:.9rem}}@media(max-width:360px){.login-container .login-card h2{font-size:1.2rem}.login-container .login-card .form-group input,.login-container .login-card .form-group label{font-size:.9rem}}.google-signin-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#000000de;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;margin-bottom:20px;padding:12px;transition:all .3s ease;width:100%}.google-signin-button:hover{background:#f5f5f5;box-shadow:0 1px 3px #0000001a}.google-signin-button:disabled{cursor:not-allowed;opacity:.7}.google-signin-button .google-logo{height:20px;width:20px}.divider{align-items:center;color:#777;display:flex;margin:20px 0}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider span{padding:0 15px}.login-button{background:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:10px;padding:12px;transition:background .3s ease;width:100%}.login-button:hover{background:#3367d6}.login-button:disabled{background:#8ab4f8;cursor:not-allowed}.login-button .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.register-container{align-items:center;background:linear-gradient(135deg,#1691d9,#ffb908);display:flex;justify-content:center;min-height:100vh;padding:1rem}.register-container .register-card{align-items:center;animation:fadeIn .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;max-width:450px;padding:1.5rem;width:100%}.register-container .register-card h2{color:#1691d9;font-size:1.5rem;line-height:1.3;margin-bottom:1.5rem;text-align:center}.register-container .register-card .error-message{background:#bd2c2c1a;border-radius:.5rem;color:#bd2c2c;font-size:.9rem;margin-bottom:1.5rem;padding:.8rem;text-align:center;width:100%}.register-container .register-card .form-group{margin-bottom:1.2rem;width:100%}.register-container .register-card .form-group label{color:#1691d9;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.register-container .register-card .form-group input{border:1px solid #17171633;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.register-container .register-card .form-group input::placeholder{color:#17171680;font-size:.9rem}.register-container .register-card .form-group input:focus{border-color:#1691d9;box-shadow:0 0 0 2px #1691d933;outline:none}.register-container .register-card .register-button{align-items:center;background:#1691d9;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;margin-top:.5rem;padding:.9rem;transition:all .3s ease;width:100%}.register-container .register-card .register-button:hover{background:#1172ab}.register-container .register-card .register-button:disabled{background:#17171680;cursor:not-allowed}.register-container .register-card .divider{align-items:center;color:#777;display:flex;margin:1.5rem 0;width:100%}.register-container .register-card .divider:after,.register-container .register-card .divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.register-container .register-card .divider span{font-size:.9rem;padding:0 15px}.register-container .register-card .google-signin-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;color:#000000de;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;margin-bottom:1rem;padding:12px;transition:all .3s ease;width:100%}.register-container .register-card .google-signin-button:hover{background:#f5f5f5;box-shadow:0 1px 3px #0000001a}.register-container .register-card .google-signin-button:disabled{cursor:not-allowed;opacity:.7}.register-container .register-card .google-signin-button .google-logo{height:20px;width:20px}.register-container .register-card .auth-footer{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;text-align:center;width:100%}.register-container .register-card .auth-footer p{color:#171716;font-size:.95rem;margin:0}.register-container .register-card .auth-footer .link-button{background:none;border:none;color:#1691d9;cursor:pointer;font-size:.95rem;font-weight:600;padding:.25rem;text-decoration:underline;transition:all .2s ease}.register-container .register-card .auth-footer .link-button:hover{color:#1172ab}.register-container .success-card{text-align:center;width:100%}.register-container .success-card h2{margin-bottom:1rem}.register-container .success-card .verification-icon{font-size:3rem;margin:1rem 0}.register-container .success-card .success-message{color:#1691d9;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.register-container .success-card .success-message strong{font-weight:600}.register-container .success-card .auth-button{background:#1691d9;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.9rem;transition:all .3s ease;width:100%}.register-container .success-card .auth-button:hover{background:#1172ab}.register-container .success-card .resend-note{color:#171716;font-size:.9rem;margin-top:1rem}.register-container .success-card .resend-note .link{color:#1691d9;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .2s ease}.register-container .success-card .resend-note .link:hover{color:#1172ab}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:1rem;margin-right:.5rem;width:1rem}@media(max-width:480px){.register-container{align-items:flex-start;padding:2rem 1rem 1rem}.register-container .register-card{border-radius:.75rem;padding:1.25rem}.register-container .register-card h2{font-size:1.3rem;margin-bottom:1rem}.register-container .register-card .form-group{margin-bottom:1rem}.register-container .register-card .form-group input{font-size:.95rem;padding:.65rem}.register-container .register-card .auth-button,.register-container .register-card .register-button{font-size:.95rem;padding:.8rem}.register-container .register-card .auth-footer{margin-top:1rem}.register-container .register-card .auth-footer .link-button,.register-container .register-card .auth-footer p{font-size:.9rem}}@media(max-width:360px){.register-container .register-card h2{font-size:1.2rem}.register-container .register-card .form-group input,.register-container .register-card .form-group label{font-size:.9rem}}.main-content{box-sizing:border-box;min-height:calc(100vh - 120px);padding-bottom:60px;padding-top:60px}.add-post-container{align-items:center;background:linear-gradient(135deg,#e5e4db,#fff);border-radius:16px;box-shadow:0 8px 30px #0003;color:#898983;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;margin:4rem auto;max-width:700px;padding:2.5rem}.add-post-container h1{color:#232a2e;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:100px;text-align:center;text-transform:uppercase}.add-post-container .error-message{background:#1691d91a;border-left:4px solid #1691d9;border-radius:8px;color:#1691d9;font-size:1rem;font-weight:700;margin-bottom:1.5rem;padding:.8rem;text-align:center}.add-post-container input,.add-post-container select,.add-post-container textarea{background:#e5e4dbe6;border:1px solid #a6a5a1;border-radius:8px;box-shadow:inset 0 2px 5px #0000001a;content:center;font-family:inherit;font-size:1rem;margin-bottom:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.add-post-container input:focus,.add-post-container select:focus,.add-post-container textarea:focus{background:#fff;border-color:#1691d9;box-shadow:0 0 8px #1691d980;outline:none}.add-post-container textarea{height:120px;resize:none}.add-post-container input[type=file]{background:none;border:none;box-shadow:none;color:#898983;cursor:pointer;font-size:.9rem;padding:.5rem}.add-post-container input[type=file]::-webkit-file-upload-button{background:#1691d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5rem 1rem;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.add-post-container input[type=file]::-webkit-file-upload-button:hover{background-color:#1172ab}.add-post-container button{background:#1691d9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.add-post-container button:hover{background:#1172ab;box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.add-post-container button:active{transform:translateY(0)}.add-post-container select{-webkit-appearance:none;appearance:none;background:url(../../static/media/down-chevron.97654f494686f70b2315.svg) no-repeat right 1rem center;background-size:1rem}.add-post-container .form-group{margin-bottom:1.5rem}.add-post-container .form-group label{color:#232a2e;display:block;font-size:1rem;font-weight:700;margin-bottom:.5rem}.post-details-container{background:linear-gradient(145deg,#e5e4db,#e1e0d5);border-radius:16px;box-shadow:0 10px 30px #00000014;margin:2rem auto;max-width:800px;overflow:hidden;padding:3rem;position:relative;transition:all .3s ease}.post-details-container:before{background:linear-gradient(180deg,#1691d9,#ffb908);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.post-details-container:hover{box-shadow:0 15px 35px #0000001f}.post-header{border-bottom:1px solid #73726e1a;margin-bottom:3rem;padding-bottom:1.5rem;position:relative}.post-header h1{color:#2e2e2c;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin-bottom:1rem;text-shadow:1px 1px 2px #0000000d}.post-header .post-meta{color:#5c5b58e6;display:flex;font-size:.95rem;font-weight:500;gap:1.5rem}.post-header .post-meta span{align-items:center;display:flex;gap:.5rem}.post-header .post-meta span:before{background:#5c5b58;border-radius:50%;content:"";display:inline-block;height:4px;opacity:.6;width:4px}.post-header .post-meta span:first-child:before{display:none}.post-content{margin-bottom:3rem;position:relative}.post-content .post-image{border-radius:12px;box-shadow:0 8px 25px #0000001a;margin-bottom:2rem;max-height:600px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.post-content .post-image:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.post-content .post-description{color:#2e2e2ce6;font-size:1.1rem;font-weight:400;line-height:1.8}.post-content .post-description p{margin-bottom:1.5rem;padding-left:1.5rem;position:relative}.post-creator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e5e4dbb3;border:1px solid #73726e1a;border-radius:12px;margin:3rem 0;padding:2rem;transition:all .3s ease}.post-creator:hover{box-shadow:0 10px 25px #0000000d;transform:translateY(-3px)}.post-creator .creator-link{align-items:center;color:inherit;display:flex;gap:1rem;margin-bottom:1rem;text-decoration:none}.post-creator .creator-link .creator-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.post-creator .creator-link .creator-avatar:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.05)}.post-creator .creator-link .creator-name{color:#2e2e2c;font-size:1.2rem;font-weight:600;transition:color .2s ease}.post-creator .creator-link .creator-name:hover{color:#1691d9}.post-creator .about-me{border-left:3px solid #1691d94d;color:#5c5b58e6;font-size:1rem;line-height:1.7;margin-top:1rem;padding-left:1rem}.post-actions{border-top:1px solid #73726e1a;display:flex;gap:1.5rem;margin:3rem 0;padding-top:2rem}.post-actions button{align-items:center;background-color:#898983e6;border:none;border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.post-actions button:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.post-actions button:active{transform:translateY(0)}.post-actions button.active{background-color:#ffb908;box-shadow:0 4px 15px #ffb9084d;color:#2e2e2c}.post-actions button img{height:20px;transition:transform .3s ease;width:20px}.post-actions button:hover img{transform:scale(1.1)}.post-actions .edit-button{background:linear-gradient(135deg,#1691d9,#1172ab)}.post-actions .edit-button:hover{box-shadow:0 8px 15px #1691d94d}.post-actions .delete-button{background:linear-gradient(135deg,#ff4d4d,#c00)}.post-actions .delete-button:hover{box-shadow:0 8px 15px #ff4d4d4d}.comments-modal{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:1000}.comments-container,.comments-modal{align-items:center;justify-content:center}.comments-container{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) forwards;background-color:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;max-height:85vh;max-width:700px;opacity:0;overflow-y:auto;padding:2.5rem;position:relative;transform:translateY(20px);width:90%}.comments-container h3{align-items:center;color:#2e2e2c;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.comments-list .comment .comment-author{margin-bottom:1rem}.comments-list .comment .comment-meta{color:#5c5b58cc;display:flex;font-size:.85rem;font-style:italic;justify-content:space-between}.comment-form{margin-bottom:2rem}.comment-form textarea{align-items:center;border:1px solid #73726e33;border-radius:12px;box-shadow:0 5px 15px #0000000d;font-family:inherit;font-size:1rem;margin-bottom:1rem;min-height:120px;padding:1.2rem;resize:vertical;transition:all .3s ease;width:90%}.comment-form textarea:focus{border-color:#1691d9;box-shadow:0 5px 20px #1691d91a;outline:none}.comment-form textarea::placeholder{color:#5c5b5899}.comment-form button{background:linear-gradient(135deg,#1691d9,#1172ab);border:none;border-radius:50px;box-shadow:0 5px 15px #1691d933;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.8rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.comment-form button:hover{box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.comment-form button:active{transform:translateY(0)}.close-button{background:linear-gradient(135deg,#2e2e2c,#484845);border:none;border-radius:50px;box-shadow:0 5px 15px #2e2e2c33;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.8rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.close-button:hover{box-shadow:0 8px 20px #2e2e2c4d;transform:translateY(-2px)}.close-button:active{transform:translateY(0)}.loading-container{align-items:center;display:flex;height:300px;justify-content:center;position:relative}.loading-container .spinner{animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;border:5px solid #1691d91a;border-radius:50%;border-top-color:#1691d9;height:60px;position:relative;width:60px}.loading-container .spinner:after{animation:spinReverse 1.5s cubic-bezier(.5,.1,.5,.9) infinite;border:5px solid #ffb9081a;border-radius:50%;border-top-color:#ffb908;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}.error-container{background:#e5e4dbcc;border-radius:12px;box-shadow:0 5px 20px #0000001a;color:#2e2e2c;padding:3rem;text-align:center}.error-container p{font-size:1.2rem;font-weight:500}.user-other-posts{border-top:1px solid #73726e1a;margin-top:5rem;padding-top:3rem}.user-other-posts h3{color:#2e2e2c;display:inline-block;font-size:1.8rem;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.user-other-posts .posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinReverse{to{transform:rotate(-1turn)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.post-details-container{max-width:95%;padding:2rem}.post-header h1{font-size:2rem}.user-other-posts .posts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.post-details-container{padding:1.5rem}.post-header h1{font-size:1.8rem}.post-actions{flex-wrap:wrap}.user-other-posts .posts-grid{grid-template-columns:1fr}}@media(max-width:576px){.post-details-container{border-radius:0;padding:1rem}.post-header h1{font-size:1.5rem}.comments-container{padding:1.5rem;width:95%}}.comment-actions{display:flex;gap:.5rem;margin-top:.5rem}.comment-actions .delete-comment-button,.comment-actions .edit-comment-button{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:700;padding:.4rem .8rem;transition:all .3s ease}.comment-actions .delete-comment-button.edit-comment-button,.comment-actions .edit-comment-button.edit-comment-button{background-color:#1691d9;color:#fff}.comment-actions .delete-comment-button.edit-comment-button:hover,.comment-actions .edit-comment-button.edit-comment-button:hover{background-color:#1172ab}.comment-actions .delete-comment-button.delete-comment-button,.comment-actions .edit-comment-button.delete-comment-button{background-color:#bd2c2c;color:#fff}.comment-actions .delete-comment-button.delete-comment-button:hover,.comment-actions .edit-comment-button.delete-comment-button:hover{background-color:#942222}.edit-post-container{align-items:center;background:#e5e4db;border-radius:16px;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;justify-content:center;margin:4rem auto;max-width:700px;padding:2.5rem}.edit-post-container h1{color:#898983;font-size:2rem;margin-bottom:1.5rem}.edit-post-container .error-message{color:#1691d9;font-size:1rem;margin-bottom:1rem}.edit-post-container input,.edit-post-container select,.edit-post-container textarea{border:1px solid #73726e;border-radius:8px;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.edit-post-container button{background-color:#1691d9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;transition:all .3s ease}.edit-post-container button:hover{background-color:#1172ab;box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.edit-post-container button:active{transform:translateY(0)}.friends-page{margin:2rem auto;max-width:1200px;padding:2rem}.friends-page h1{margin-bottom:2rem;text-align:center}.friends-page .users-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.friends-page .user-card{background:#e5e4db;border-radius:12px;box-shadow:0 4px 10px #0000001a;padding:1.5rem;text-align:center}.friends-page .user-card img{border-radius:50%;height:80px;margin-bottom:1rem;width:80px}.friends-page .user-card h3{margin-bottom:.5rem}.friends-page .user-card button{background:#1691d9;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.friends-page .user-card button:hover{background:#1172ab}.music-page{background:linear-gradient(135deg,#e5e4db,#fafaf9);border-radius:16px;box-shadow:0 8px 30px #0003;margin:2rem auto;max-width:800px;padding:2rem}.music-page h1{color:#1691d9;font-size:2.5rem;margin-bottom:2rem;text-align:center}.music-page .current-track{color:#898983;font-size:1.2rem;font-weight:700;margin-bottom:2rem;text-align:center}.music-page .current-track p{background:#e5e4db;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:inline-block;padding:.8rem 1.2rem}.music-page .current-track .stop-button{background:#bd2c2c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.6rem 1.2rem;transition:background .3s ease,transform .3s ease}.music-page .current-track .stop-button:hover{background:#942222;transform:scale(1.05)}.music-page .music-list{display:flex;flex-direction:column;gap:1.5rem}.music-page .music-list .music-item{align-items:center;background:#e5e4db;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:transform .3s ease,box-shadow .3s ease}.music-page .music-list .music-item:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.music-page .music-list .music-item p{color:#898983;font-size:1.1rem;font-weight:700}.music-page .music-list .music-item button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.2rem;transition:background .3s ease,transform .3s ease}.music-page .music-list .music-item button:first-of-type{background:#1691d9;color:#fff}.music-page .music-list .music-item button:first-of-type:hover{background:#1172ab;transform:scale(1.05)}.messages-page{margin:2rem auto;max-width:800px;padding:2rem}.messages-page h1{margin-bottom:2rem;text-align:center}.messages-page .conversations-list{display:flex;flex-direction:column;gap:1rem}.messages-page .conversations-list .conversation-card{background:#e5e4db;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.messages-page .conversations-list .conversation-card:hover{background:#dad9cc}.conversation-page{margin:2rem auto;max-width:800px;padding:2rem}.conversation-page .messages-list{margin-bottom:2rem}.conversation-page .messages-list .message{background:#e5e4db;border-radius:8px;margin-bottom:1rem;padding:1rem}.conversation-page .messages-list .message .message-actions{display:flex;gap:.5rem}.conversation-page .messages-list .message .message-actions button{background:#1691d9;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.5rem 1rem}.conversation-page .messages-list .message .message-actions button:hover{background:#1172ab}.conversation-page .message-input{display:flex;gap:1rem}.conversation-page .message-input textarea{border:1px solid #73726e;border-radius:8px;flex:1 1;padding:1rem}.conversation-page .message-input button{background:#1691d9;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:1rem}.conversation-page .message-input button:hover{background:#1172ab}.duma-container{align-items:center;background:#0a0a0a;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px;position:relative}.status-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:20px;display:flex;gap:15px;justify-content:space-around;margin-bottom:30px;max-width:600px;padding:15px;width:90%}.status-bar .element-circle{background:#0000004d;border-radius:50%;height:40px;overflow:hidden;position:relative;width:40px}.status-bar .element-circle .element-fill{bottom:0;left:0;position:absolute;right:0;transition:height .5s ease}.status-bar .element-circle .element-fill img{height:100%;object-fit:cover;width:100%}.status-bar .time-display{align-items:center;display:flex;flex-direction:column;min-width:120px}.status-bar .time-display .time-label{font-size:.8em;opacity:.7}.status-bar .time-display .days{font-size:1.2em;font-weight:700}.card-stack{height:70vh;margin-bottom:20px;max-width:500px;min-height:500px;position:relative;width:90%}.card-stack .card{background:#1a1a1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:100%}.card-stack .card.current{cursor:grab;z-index:2}.card-stack .card.current:active{cursor:grabbing}.card-stack .card.current.animate{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.card-stack .card.next{opacity:0;z-index:1}.card-stack .card.next.visible{opacity:1}.card-stack .card .image-container{aspect-ratio:1;border-radius:10px;flex-shrink:0;margin-top:-10%;overflow:hidden;position:relative;transform:scale(.8);transition:background-color .2s ease;width:100%}.card-stack .card .image-container .character-image{height:100%;object-fit:cover;pointer-events:none;transition:filter .2s ease;width:100%}.card-stack .card .card-content{flex-grow:1;overflow-y:visible;overflow-y:auto;transition:background-color .2s ease}.card-stack .card .card-content h2{font-size:1.5em;margin:0 0 15px;transition:color .2s ease}.card-stack .card .card-content .question-text{font-size:1.1em;line-height:1.6;margin:0 auto;max-width:80%;text-align:center;transition:color .2s ease;white-space:pre-line}.choice-hints{align-items:center;min-width:200px;position:absolute;top:40%}.choice-hints .hint{min-width:200px;opacity:.1;pointer-events:auto;transition:opacity .3s ease}.choice-hints .hint.visible{opacity:1}.choice-hints .hint .hint-text{background:#000000b3;border:1px solid #fff3;border-radius:10px;font-size:.9em;font-weight:700;line-height:1.4;text-align:center;text-transform:uppercase}.choice-hints .hint.left{margin-right:1200px;text-align:left}.choice-hints .hint.left .hint-text{border-left:3px solid red;padding-left:20px;padding-right:20px}.choice-hints .hint.right{margin-left:1200px;padding-bottom:100px;text-align:right}.choice-hints .hint.right .hint-text{border-right:3px solid lime;padding-left:20px;padding-right:20px}@media(max-width:768px){.duma-container>*{display:none}.duma-container:before{box-sizing:border-box;color:#fff;content:"The game can be played only on the desktop version for the moment.";display:block;font-size:1.2em;height:100vh;margin:auto;padding:20px;text-align:center;width:100%}}.manage-flashcards-button{background:#1691d9;border:none;border-radius:5px;bottom:150px;color:#fff;cursor:pointer;padding:10px 15px;position:fixed;right:20px;transition:all .3s ease;z-index:100}.manage-flashcards-button:hover{background:#000000e6;transform:scale(1.05)}.flashcard-editor-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.editor-content{background:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;max-height:80vh;max-width:900px;padding:20px;width:80%}.editor-content h2{color:#fff;margin-bottom:20px}.editor-tabs{display:flex;margin-bottom:10px}.editor-tabs button{background:#333;border:none;color:#fff;cursor:pointer;padding:8px 15px}.editor-tabs button.active{background:#555}.flashcard-textarea{background:#222;border:1px solid #444;border-radius:5px;color:#eee;font-family:monospace;height:50vh;margin-bottom:15px;padding:15px;resize:none;width:100%}.editor-buttons{display:flex;flex-wrap:wrap;gap:10px}.editor-buttons button{background:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .2s}.editor-buttons button:hover{background:#666}.editor-buttons button:first-child{background:#4caf50}.editor-buttons button:first-child:hover{background:#66bb6a}.editor-buttons button:last-child{background:#f44336}.editor-buttons button:last-child:hover{background:#e57373}.chat-details-container{background:#898983;border-radius:16px;box-shadow:0 12px 35px #00000040;color:#e5e4db;margin:2rem auto;max-width:1200px;padding:2rem;position:relative}.chat-details-container .chat-header{align-items:center;border-bottom:1px solid #e5e4db1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.chat-details-container .chat-header h1{color:#e5e4db;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.chat-details-container .chat-header .chat-meta{align-items:center;display:flex;gap:1.5rem}.chat-details-container .chat-header .chat-meta span{color:#e5e4dbb3;font-size:.9rem;font-style:italic}.chat-details-container .chat-header .chat-meta .delete-button{background:#bd2c2c33;border:none;border-radius:8px;color:#e5e4db;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .3s ease}.chat-details-container .chat-header .chat-meta .delete-button:hover{background:#bd2c2c66;transform:translateY(-1px)}.chat-details-container .chat-content .chat-description{background:#17171680;border-left:4px solid #1691d9;border-radius:12px;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;padding:1.5rem}.chat-details-container .chat-content .messages-container{margin-bottom:2rem;max-height:60vh;overflow-y:auto;padding-right:1rem;scroll-behavior:smooth}.chat-details-container .chat-content .messages-container::-webkit-scrollbar{width:8px}.chat-details-container .chat-content .messages-container::-webkit-scrollbar-track{background:#17171680;border-radius:10px}.chat-details-container .chat-content .messages-container::-webkit-scrollbar-thumb{background:#e5e4db33;border-radius:10px}.chat-details-container .chat-content .messages-container::-webkit-scrollbar-thumb:hover{background:#e5e4db4d}.chat-details-container .chat-content .messages-container .message{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171716b3;border:1px solid #e5e4db14;border-radius:12px;margin-bottom:1.5rem;padding:1.2rem;position:relative;transition:all .3s ease}.chat-details-container .chat-content .messages-container .message.own-message{background:#1691d926;border-color:#1691d94d}.chat-details-container .chat-content .messages-container .message:hover{box-shadow:0 5px 15px #0003;transform:translateX(5px)}.chat-details-container .chat-content .messages-container .message .message-header{align-items:center;display:flex;gap:1rem;margin-bottom:.8rem}.chat-details-container .chat-content .messages-container .message .message-header .message-avatar{border:2px solid #e5e4db33;border-radius:50%;height:42px;object-fit:cover;transition:all .3s ease;width:42px}.chat-details-container .chat-content .messages-container .message .message-header .message-avatar:hover{border-color:#1691d9;transform:scale(1.05)}.chat-details-container .chat-content .messages-container .message .message-header .message-info{display:flex;flex-direction:column;flex-grow:1}.chat-details-container .chat-content .messages-container .message .message-header .message-info .message-user{color:#e5e4db;font-size:1rem;font-weight:600}.chat-details-container .chat-content .messages-container .message .message-header .message-info .message-time{color:#e5e4db99;font-size:.8rem}.chat-details-container .chat-content .messages-container .message .message-content{align-items:flex-end;display:flex;gap:.8rem}.chat-details-container .chat-content .messages-container .message .message-content .message-text{color:#e5e4dbf2;flex-grow:1;font-size:1.05rem;line-height:1.6;padding-left:3.5rem;white-space:pre-wrap;word-break:break-word}.chat-details-container .chat-content .messages-container .message .message-content .delete-message-button{background:none;border:none;color:#bd2c2c99;cursor:pointer;font-size:1rem;margin-left:.5rem;padding:.3rem;transition:all .2s ease}.chat-details-container .chat-content .messages-container .message .message-content .delete-message-button:hover{color:#bd2c2c;transform:scale(1.1)}.chat-details-container .chat-content .messages-container .message .message-content:hover .delete-message-button{opacity:1}.chat-details-container .message-input{display:flex;gap:1rem;margin-top:2rem;position:relative}.chat-details-container .message-input .input-container{flex:1 1;position:relative}.chat-details-container .message-input .input-container input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#171716b3;border:1px solid #e5e4db1a;border-radius:12px;color:#e5e4db;font-size:1.05rem;max-height:150px;min-height:50px;overflow-y:auto;padding:1.2rem 4rem 1.2rem 1.2rem;resize:none;transition:all .3s ease;width:100%}.chat-details-container .message-input .input-container input:focus{border-color:#1691d9;box-shadow:0 0 0 2px #1691d94d;outline:none}.chat-details-container .message-input .input-container input::placeholder{color:#e5e4db80}.chat-details-container .message-input .input-container input:disabled{cursor:not-allowed;opacity:.5}.chat-details-container .message-input .input-container .emoji-buttons{display:flex;gap:.5rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%)}.chat-details-container .message-input .input-container .emoji-buttons .emoji-button{background:none;border:none;color:#e5e4db;cursor:pointer;font-size:1.2rem;padding:.3rem;transition:all .2s ease}.chat-details-container .message-input .input-container .emoji-buttons .emoji-button:hover{color:#1691d9;transform:scale(1.2)}.chat-details-container .message-input .input-container .emoji-buttons .emoji-picker{grid-gap:.5rem;background:#171716e6;border-radius:12px;bottom:100%;box-shadow:0 5px 15px #0000004d;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);padding:.5rem;position:absolute;right:0;z-index:10}.chat-details-container .message-input .input-container .emoji-buttons .emoji-picker .emoji-option{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;padding:.3rem;transition:all .2s ease}.chat-details-container .message-input .input-container .emoji-buttons .emoji-picker .emoji-option:hover{background:#1691d94d;transform:scale(1.2)}.chat-details-container .message-input .send-button{align-self:flex-end;background:linear-gradient(135deg,#1691d9,#1172ab);border:none;border-radius:12px;box-shadow:0 5px 15px #1691d933;color:#e5e4db;cursor:pointer;font-weight:600;height:100px;padding:0 2rem;transition:all .3s ease;z-index:2000}.chat-details-container .message-input .send-button:hover:not(:disabled){box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.chat-details-container .message-input .send-button:active:not(:disabled){transform:translateY(0)}.chat-details-container .message-input .send-button:disabled{background:#e5e4db1a;cursor:not-allowed;opacity:.7}.chat-details-container .error,.chat-details-container .loading{font-size:1.2rem;padding:2rem;text-align:center}.chat-details-container .loading{color:#1691d9}.chat-details-container .error{color:#bd2c2c}@media(max-width:768px){.chat-details-container{border-radius:0;display:flex;flex-direction:column;margin:0;min-height:100vh;padding:0}.chat-details-container .chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#898983f2;border-bottom:1px solid #e5e4db1a;box-shadow:0 2px 10px #0003;margin-bottom:1rem;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chat-details-container .chat-header h1{font-size:1.5rem;max-width:70vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-details-container .chat-header .chat-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.chat-details-container .chat-header .chat-meta span{font-size:.8rem}.chat-details-container .chat-header .chat-meta .delete-button{align-self:flex-end;font-size:.8rem;padding:.4rem 1rem}.chat-details-container .chat-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 1rem}.chat-details-container .chat-content .chat-description{font-size:.95rem;margin-bottom:1rem;padding:1rem}.chat-details-container .chat-content .messages-container{flex:1 1;margin-bottom:0;max-height:none;padding-bottom:1rem}.chat-details-container .chat-content .messages-container .message{margin-bottom:1rem;padding:.8rem}.chat-details-container .chat-content .messages-container .message .message-header{gap:.8rem}.chat-details-container .chat-content .messages-container .message .message-header .message-avatar{height:36px;width:36px}.chat-details-container .chat-content .messages-container .message .message-header .message-info .message-user{font-size:.9rem}.chat-details-container .chat-content .messages-container .message .message-header .message-info .message-time{font-size:.7rem}.chat-details-container .chat-content .messages-container .message .message-content .message-text{font-size:.95rem;padding-left:0}.chat-details-container .chat-content .messages-container .message .message-content .delete-message-button{align-self:flex-end;font-size:.9rem;margin-left:0;margin-top:.5rem;opacity:1}.chat-details-container .message-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#898983f2;border-top:1px solid #e5e4db1a;bottom:0;box-shadow:0 -2px 10px #0003;margin-top:0;padding:1rem;position:-webkit-sticky;position:sticky}.chat-details-container .message-input .input-container input{font-size:1rem;min-height:45px;padding:.8rem 3.5rem .8rem .8rem}.chat-details-container .message-input .input-container .emoji-buttons .emoji-button{font-size:1.1rem}.chat-details-container .message-input .input-container .emoji-buttons .emoji-picker{bottom:calc(100% + .5rem);gap:.3rem;grid-template-columns:repeat(5,1fr);padding:.5rem;right:-.5rem}.chat-details-container .message-input .input-container .emoji-buttons .emoji-picker .emoji-option{font-size:1.1rem;padding:.2rem}.chat-details-container .message-input .send-button{font-size:.9rem;height:auto;margin-top:.5rem;min-height:45px;padding:0 1.5rem}}@media(max-width:480px){.chat-details-container .chat-header h1{font-size:1.3rem;max-width:65vw}.chat-details-container .message-input{align-items:center;flex-direction:row;gap:.5rem}.chat-details-container .message-input .send-button{margin-top:0;min-width:80px;padding:0 1rem}}@media(max-width:360px){.chat-details-container .message-input .input-container input{font-size:.95rem}.chat-details-container .message-input .send-button{font-size:.85rem;min-width:70px}}.chat-page{background:linear-gradient(145deg,#7c7c76,#73726e);border-radius:20px;box-shadow:0 12px 35px #00000040;color:#e5e4db;margin:2rem auto;max-width:1200px;min-height:calc(100vh - 200px);overflow:hidden;padding:2rem;position:relative}.chat-page:before{background:radial-gradient(circle at 20% 30%,#1691d91f,#0000 40%),radial-gradient(circle at 80% 70%,#ffb9081f,#0000 40%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.chat-page .chats-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));position:relative;z-index:2}.chat-page .chat-card{background:#171716e6;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden;padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.chat-page .chat-card:hover{box-shadow:0 8px 30px #1691d940;transform:translateY(-5px)}.chat-page .chat-card a{color:inherit;text-decoration:none}.chat-page .chat-card a h3{font-size:1.3rem;font-weight:600;margin:.8rem 0 .3rem}.chat-page .chat-card a p{color:#cecdc5;font-size:.95rem}.chat-page .chat-card a .chat-image{border-radius:12px;height:160px;object-fit:cover;width:100%}.chat-page .chat-card .chat-actions{position:absolute;right:.5rem;top:.5rem}.chat-page .chat-card .chat-actions button{background:#ff0000d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;transition:background .3s}.chat-page .chat-card .chat-actions button:hover{background:#c00}.chat-page .add-chat-button{align-items:center;background:linear-gradient(135deg,#1691d9,#1172ab);border:none;border-radius:50%;bottom:20%;box-shadow:0 12px 30px #1691d966,0 0 0 5px #1691d940;color:#171716;cursor:pointer;display:flex;height:70px;justify-content:center;overflow:hidden;position:fixed;right:3rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:70px;z-index:100}.chat-page .add-chat-button:before{background:linear-gradient(to bottom right,#ffffff1a,#fff0);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(30deg);transition:all .5s ease;width:200%}.chat-page .add-chat-button:hover{box-shadow:0 18px 40px #ffb90880,0 0 0 6px #ffb9084d;transform:scale(1.1) rotate(90deg)}.chat-page .add-chat-button:hover:before{transform:rotate(30deg) translateX(50%)}.chat-page .add-chat-button .plus-icon{font-size:2.5rem;font-weight:700;position:relative;z-index:2}.chat-page .modal-overlay{align-items:center;background:#171716bf;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.chat-page .modal-content{background:#898983;border-radius:16px;box-shadow:0 10px 40px #1691d94d;max-width:500px;padding:2rem;width:90%}.chat-page .modal-content h2{color:#e5e4db;margin-bottom:1.5rem;text-align:center}.chat-page .modal-content form{display:flex;flex-direction:column;gap:1rem}.chat-page .modal-content form label{font-weight:600;margin-bottom:.3rem}.chat-page .modal-content form input,.chat-page .modal-content form textarea{background:#73726e;border:none;border-radius:8px;color:#e5e4db;padding:.7rem 1rem;resize:none}.chat-page .modal-content form .image-upload-container{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.chat-page .modal-content form .image-upload-container .upload-button{background:#1691d9;border:none;border-radius:8px;color:#171716;cursor:pointer;font-weight:600;padding:.6rem 1rem;transition:background .3s}.chat-page .modal-content form .image-upload-container .upload-button:hover{background:#37a8eb}.chat-page .modal-content form .image-upload-container .image-preview img{border-radius:8px;height:auto;margin-top:.5rem;max-width:100%}.chat-page .modal-content form .modal-actions{display:flex;gap:1rem;justify-content:space-between}.chat-page .modal-content form .modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:700;padding:.7rem}.chat-page .modal-content form .modal-actions button:first-child{background:#ffb908;color:#171716}.chat-page .modal-content form .modal-actions button:first-child:hover{background:#ffc73b}.chat-page .modal-content form .modal-actions button:last-child{background:#0000;border:1px solid #cecdc5;color:#e5e4db}.chat-page .modal-content form .modal-actions button:last-child:hover{background:#ffffff0d}.games-page{margin:2rem auto;max-width:800px;padding:2rem}.games-page h1{margin-bottom:2rem;text-align:center}.games-page .games-list{display:flex;flex-direction:column;gap:1rem}.games-page .games-list .game-card{background:#e5e4db;border-radius:8px;padding:1rem;text-align:center}.games-page .games-list .game-card a{background:#1691d9;border-radius:8px;color:#fff;display:inline-block;margin-top:1rem;padding:.5rem 1rem;text-decoration:none}.games-page .games-list .game-card a:hover{background:#1172ab}.help-page{background:#e5e4db;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.help-page h1{color:#1691d9;text-align:center}.help-page .help-content section,.help-page h1{margin-bottom:2rem}.help-page .help-content section h2{color:#898983;font-size:1.5rem;margin-bottom:1rem}.help-page .help-content section p{color:#2e2e2c;font-size:1rem;line-height:1.6}.help-page .help-content section ul{list-style:disc;margin-left:1.5rem}.help-page .help-content section ul li{color:#2e2e2c;font-size:1rem;margin-bottom:.5rem}.help-page .help-content section a{color:#1691d9;text-decoration:underline}.help-page .help-content section a:hover{color:#1172ab}.book-details-container{background:linear-gradient(145deg,#e5e4db,#e1e0d5);border-radius:16px;box-shadow:0 10px 30px #00000014;margin:2rem auto;max-width:900px;overflow:hidden;padding:3rem;position:relative;transition:all .3s ease}.book-details-container:before{background:linear-gradient(180deg,#1691d9,#ffb908);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.book-details-container:hover{box-shadow:0 15px 35px #0000001f}.book-header{border-bottom:1px solid #73726e1a;margin-bottom:3rem;padding-bottom:1.5rem;position:relative}.book-header h1{color:#2e2e2c;font-size:2.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.3;margin-bottom:.5rem;text-shadow:1px 1px 2px #0000000d}.book-header h2{color:#2e2e2cb3;font-size:1.5rem;font-style:italic;font-weight:500;margin-bottom:1.5rem}.book-header .book-meta{color:#5c5b58e6;display:flex;font-size:.95rem;font-weight:500;gap:1.5rem}.book-header .book-meta span{align-items:center;display:flex;gap:.5rem}.book-header .book-meta span:before{background:#5c5b58;border-radius:50%;content:"";display:inline-block;height:4px;opacity:.6;width:4px}.book-header .book-meta span:first-child:before{display:none}.book-content{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.book-content .book-cover-large{align-self:center;border-radius:12px;box-shadow:0 8px 25px #0000001a;max-height:500px;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease;width:100%}.book-content .book-cover-large:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-3px)}.book-content .book-description{background:#e5e4dbb3;border-left:4px solid #1691d9;border-radius:12px;color:#2e2e2ce6;font-size:1.1rem;font-weight:400;line-height:1.8;padding:1.5rem}.book-creator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#e5e4dbb3;border:1px solid #73726e1a;border-radius:12px;margin:3rem 0;padding:2rem;transition:all .3s ease}.book-creator:hover{box-shadow:0 10px 25px #0000000d;transform:translateY(-3px)}.book-creator h3{color:#2e2e2ccc;font-size:1.2rem;margin-bottom:1rem}.book-creator .creator-link{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none}.book-creator .creator-link .creator-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.book-creator .creator-link .creator-avatar:hover{box-shadow:0 8px 20px #00000026;transform:scale(1.05)}.book-creator .creator-link span{color:#2e2e2c;font-size:1.2rem;font-weight:600;transition:color .2s ease}.book-creator .creator-link span:hover{color:#1691d9}.book-actions{border-top:1px solid #73726e1a;display:flex;gap:1.5rem;margin:3rem 0;padding-top:2rem}.book-actions button{align-items:center;background-color:#898983e6;border:none;border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;letter-spacing:.5px;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.book-actions button:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.book-actions button:active{transform:translateY(0)}.book-actions button.liked{background-color:#ffb908;box-shadow:0 4px 15px #ffb9084d;color:#2e2e2c}.book-actions button.edit-button{background:linear-gradient(135deg,#1691d9,#1172ab)}.book-actions button.edit-button:hover{box-shadow:0 8px 15px #1691d94d}.book-actions button.delete-button{background:linear-gradient(135deg,#ff4d4d,#c00)}.book-actions button.delete-button:hover{box-shadow:0 8px 15px #ff4d4d4d}.user-other-books{border-top:1px solid #73726e1a;margin-top:5rem;padding-top:3rem}.user-other-books h3{color:#2e2e2c;display:inline-block;font-size:1.8rem;margin-bottom:2rem;padding-bottom:.5rem;position:relative}.user-other-books h3:after{background:linear-gradient(90deg,#1691d9,#ffb908);bottom:0;content:"";height:3px;left:0;position:absolute;width:50%}.user-other-books .books-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.user-other-books .books-grid .book-card-small{background:#e5e4db;border-radius:12px;box-shadow:0 5px 15px #00000014;overflow:hidden;transition:all .3s ease}.user-other-books .books-grid .book-card-small:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.user-other-books .books-grid .book-card-small a{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.user-other-books .books-grid .book-card-small img{height:200px;object-fit:cover;width:100%}.user-other-books .books-grid .book-card-small h4{color:#2e2e2c;flex-grow:1;font-size:1rem;font-weight:600;margin:0;padding:1rem;transition:color .2s ease}.user-other-books .books-grid .book-card-small h4:hover{color:#1691d9}.user-other-books p{color:#2e2e2cb3;font-style:italic}.comments-section{border-top:1px solid #73726e1a;margin-top:3rem;padding-top:2rem}.comments-section h3{align-items:center;color:#2e2e2c;display:flex;font-size:1.5rem;gap:.5rem;margin-bottom:1.5rem}.comments-list{margin-bottom:2rem}.comments-list .comment{background-color:#e5e4dbb3;border-left:4px solid #1691d9;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.comments-list .comment:hover{box-shadow:5px 5px 15px #0000000d;transform:translateX(5px)}.comments-list .comment .comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.comments-list .comment .comment-author{align-items:center;color:#2e2e2c;display:flex;gap:1rem;text-decoration:none;transition:color .2s ease}.comments-list .comment .comment-author:hover{color:#1691d9}.comments-list .comment .comment-author:hover .comment-avatar{transform:rotate(5deg) scale(1.05)}.comments-list .comment .comment-author .comment-avatar{border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0000001a;height:40px;object-fit:cover;transition:all .3s ease;width:40px}.comments-list .comment .comment-author span{font-size:1rem;font-weight:600}.comments-list .comment .comment-date{color:#5c5b58b3;font-size:.85rem}.comments-list .comment .comment-text{color:#2e2e2ce6;font-size:1rem;line-height:1.7;margin-bottom:1rem}.comments-list .comment .delete-comment{background:#bd2c2c1a;border:none;border-radius:6px;color:#bd2c2c;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease}.comments-list .comment .delete-comment:hover{background:#bd2c2c33}.comments-list p{color:#2e2e2cb3;font-style:italic;text-align:center}.add-comment{background:#e5e4dbb3;border:1px solid #73726e1a;border-radius:12px;padding:1.5rem}.add-comment textarea{border:1px solid #73726e33;border-radius:12px;box-shadow:0 5px 15px #0000000d;font-family:inherit;font-size:1rem;margin-bottom:1rem;min-height:120px;padding:1.2rem;resize:vertical;transition:all .3s ease;width:90%}.add-comment textarea:focus{border-color:#1691d9;box-shadow:0 5px 20px #1691d91a;outline:none}.add-comment textarea::placeholder{color:#5c5b5899}.add-comment button{background:linear-gradient(135deg,#1691d9,#1172ab);border:none;border-radius:50px;box-shadow:0 5px 15px #1691d933;color:#fff;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.8rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.add-comment button:hover{box-shadow:0 8px 20px #1691d94d;transform:translateY(-2px)}.add-comment button:active{transform:translateY(0)}.error,.loading{background:#e5e4dbcc;border-radius:12px;box-shadow:0 5px 20px #0000001a;color:#2e2e2c;font-size:1.5rem;margin:2rem auto;max-width:800px;padding:3rem;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:992px){.book-details-container{max-width:95%;padding:2rem}.book-header h1{font-size:2rem}.user-other-books .books-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media(max-width:768px){.book-details-container{padding:1.5rem}.book-header h1{font-size:1.8rem}.book-actions{flex-wrap:wrap}.user-other-books .books-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:576px){.book-details-container{border-radius:0;padding:1rem}.book-header h1{font-size:1.5rem}.book-content{flex-direction:column}.user-other-books .books-grid{grid-template-columns:1fr}}.edit-book-container{background:#898983;border-radius:8px;margin:2rem auto;max-width:800px;padding:2rem}.edit-book-container h1{margin-bottom:2rem}.edit-book-container .form-group{margin-bottom:1.5rem}.edit-book-container .form-group label{display:block;font-weight:600;margin-bottom:.5rem}.edit-book-container .form-group input,.edit-book-container .form-group textarea{background:#17171680;border:1px solid #e5e4db1a;border-radius:4px;color:#e5e4db;padding:.8rem;width:90%}.edit-book-container .form-group textarea{min-height:150px;resize:vertical}.edit-book-container .form-group .image-preview{border-radius:4px;margin-top:1rem;max-height:300px;max-width:200px}.edit-book-container .form-actions{display:flex;gap:1rem;margin-top:2rem}.edit-book-container .form-actions button{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .2s ease}.edit-book-container .form-actions button:first-child{background:#1691d9;color:#e5e4db}.edit-book-container .form-actions button:first-child:hover{background:#1172ab}.edit-book-container .form-actions button.cancel-btn{background:#e5e4db1a;color:#e5e4db}.edit-book-container .form-actions button.cancel-btn:hover{background:#e5e4db33}.edit-button{background:#1691d9;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:.5rem;padding:.5rem 1rem;transition:background .2s}.edit-button:hover{background:#1172ab}.delete-button{background:#bd2c2c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background .2s}.delete-button:hover{background:#942222}
/*# sourceMappingURL=main.7d40728c.css.map*/