.home{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:100dvh;margin:auto;background-image:url(/grey_wood_compressed.jpg);background-size:cover;background-position:center;background-repeat:repeat}.home .cover-elements{display:flex;flex-direction:column;align-items:center;width:100%;max-width:45vw;background-color:#1b2a49;border-radius:5px;padding:30px;position:relative;box-shadow:20px 20px 15px #0009;gap:40px;margin:auto;max-height:80dvh}.home .cover-elements:before{content:"";position:absolute;top:0;left:20px;width:3px;height:100%;background:linear-gradient(to right,#0006,#ffffff1a);border-radius:2px}.home .cover-elements .home-header{display:flex;flex-direction:column;align-items:center}.home .cover-elements .home-header h1{font-family:Merriweather;font-size:5rem;font-weight:500;text-align:center;color:#fafafa;margin:0}.home .cover-elements .home-header img{width:10vh}.home .cover-elements .main-home{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.home .cover-elements .main-home p{font-family:Noto Sans JP;color:#fafafa;font-size:20px;font-weight:500;text-align:center;margin:0}.home .cover-elements .main-home .buttons{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.home .cover-elements .main-home .buttons :active{background-color:#1b2a49;color:#fafafa}.home .cover-elements .main-home .buttons button{height:50px;max-width:200px;width:100%;font-family:Noto Sans JP;font-size:20px;border-radius:10px;color:#333}@media(max-width:1024px){.home{height:100dvh}.home .cover-elements{padding:20px;gap:50px;max-width:60vw;height:100%}.home .cover-elements .home-header h1{font-size:48px}.home .cover-elements .home-header>img{height:8vh}.home .cover-elements .main-home p{font-size:16px}.home .cover-elements .main-home .buttons{gap:20px}.home .cover-elements .main-home .buttons button{height:40px;max-width:150px;font-size:16px}}@media(max-width:768px){.home{width:100%}.home .cover-elements{box-shadow:none;max-width:100%;max-height:100dvh;padding:60px}.home .cover-elements .home-header h1{font-size:72px}.home .cover-elements .main-home p{font-size:24px}.home .cover-elements .main-home .buttons{gap:50px}.home .cover-elements .main-home .buttons button{height:50px;max-width:200px;font-size:24px}}@media(max-width:630px){.home .cover-elements .home-header>img{height:100px;width:auto}.home .cover-elements .main-home p{font-size:20px}.home .cover-elements .main-home .buttons{gap:20px}.home .cover-elements .main-home .buttons button{height:40px;max-width:150px;font-size:16px}}@media(max-width:425px){.home{background-image:none}.home .cover-elements{margin:0;max-width:100vw}.home .cover-elements .home-header h1{font-size:48px}.home .cover-elements .home-header>img{height:85px;width:auto}}footer{width:100%;background-color:#d9d9d9;display:flex;justify-content:space-evenly;align-items:center}footer a,footer p{font-family:Noto Sans JP;color:#333;font-weight:500;text-decoration:none;text-align:center;margin:0;padding:5px}footer a{cursor:pointer}footer a:hover{text-decoration:underline}footer p{font-size:14px}@media(max-width:768px){footer{flex-direction:column}footer p{margin:0}footer a{margin:0}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-overlay .modal-content{position:relative;background:#fafafa;padding:2vh;border-radius:10px;width:30vw;max-height:95dvh;overflow-y:auto}.modal-overlay .modal-content .modal-close{position:absolute;top:10px;right:10px;border:none;background:transparent;height:30px;cursor:pointer}.modal-overlay .modal-content h2{font-family:Noto Sans JP;font-size:28px;color:#333;text-align:center;padding-bottom:20px}.modal-overlay .modal-content .success-message{color:#007f5f;font-family:Noto Sans JP;font-weight:700;text-align:center}.modal-overlay .modal-content .error-message{color:#b00020;font-family:Noto Sans JP;font-weight:700;text-align:center}.modal-overlay .modal-content form{display:flex;flex-direction:column;align-items:center;gap:20px}.modal-overlay .modal-content form .group,.modal-overlay .modal-content form .password-group{display:flex;flex-direction:column;width:70%}.modal-overlay .modal-content form .group label,.modal-overlay .modal-content form .password-group label{font-family:Noto Sans JP;font-size:20px;color:#333;margin-bottom:5px}.modal-overlay .modal-content form .group input,.modal-overlay .modal-content form .password-group input{height:40px;border-radius:10px;border-width:1px;border-color:#333;padding:1px 5px}.modal-overlay .modal-content form .group a,.modal-overlay .modal-content form .password-group a{margin-top:5px}.modal-overlay .modal-content form button{margin-top:20px;width:60%;height:45px;border-radius:10px;background-color:#5b3e96;font-size:20px;font-family:Noto Sans JP;color:#fafafa;cursor:pointer;border-style:none;margin-bottom:30px}.modal-overlay .modal-content form .toggle-password{width:auto;background-color:transparent;margin:0}.modal-overlay .modal-content form .toggle-password>img{height:25px;width:auto}.modal-overlay .modal-content form .password-group .password-wrapper{display:flex;justify-content:space-between;gap:5px}.modal-overlay .modal-content form .password-group .password-wrapper>input{width:100%}@media(max-width:1024px){.modal-overlay .modal-content{width:50vw}}@media(max-width:768px){.modal-overlay .modal-content{width:60vw}}@media(max-width:425px){.modal-overlay .modal-content{width:95vw}.modal-overlay .modal-content h2{font-size:24px}.modal-overlay .modal-content>form .group,.modal-overlay .modal-content>form .password-group{width:80%}}.rules-container{display:flex;flex-direction:column;height:100dvh;background-image:url(/grey_wood_compressed.jpg)}.rules-container .header-rules{display:flex;align-items:center;justify-content:center;flex-direction:row;margin:auto auto 30px;background-color:#fafafa;width:90%;height:8vh;border-radius:0 0 15px 15px;box-shadow:0 1px 4px #0006;padding:10px;gap:20px}.rules-container .header-rules img{height:30px;width:auto}.rules-container .header-rules span{font-family:Merriweather;font-size:24px;color:#1b2a49;width:auto;text-align:center}.rules-container .main-rules{background-color:#fafafa;width:90vw;height:100%;overflow-y:scroll;display:flex;flex-direction:column;margin:auto auto 30px;padding:20px;border-radius:10px;box-shadow:0 1px 4px #0006}.rules-container .main-rules>button{font-family:Noto Sans JP;font-size:16px;background-color:transparent;color:#5b3e96;border-style:none;width:24px;text-decoration:underline;cursor:pointer}.rules-container .main-rules h1{font-family:RocknRoll One;font-size:32px;color:#333;text-align:center;padding-bottom:20px;font-weight:500}.rules-container .main-rules h2{font-family:Noto Sans JP;font-weight:500;font-size:28px}.rules-container .main-rules p,.rules-container .main-rules ul{font-family:Noto Sans JP}@media(max-width:375px){.rules-container .header-rules{gap:10px}.rules-container .header-rules span{width:200px}}.pages-dashboard{display:flex;flex-direction:column;position:relative;height:100dvh;width:100vw;background-image:url(/paper_grain_compressed.webp);background-repeat:no-repeat;background-position:center top;background-size:cover;border:10px solid #1B2A49;border-radius:5px}.pages-dashboard .dashboard-group .dashboard-content{padding:20px;display:flex;flex-direction:column;gap:30px;min-width:0;width:100%;overflow-y:auto;flex:1}.pages-dashboard .dashboard-group .dashboard-content h1{font-family:RocknRoll One,sans-serif;font-size:32px;font-weight:500;margin:0;color:#333}.pages-dashboard .dashboard-group .dashboard-content .form-add{display:flex;justify-content:space-between;align-items:center;gap:30px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar{width:70%;max-width:600px;height:50px;display:flex;align-items:center;justify-content:space-between}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .dashboard-search-input{display:flex;align-items:center;border:thin solid #333333;border-right-width:0;border-radius:10px 0 0 10px;height:50px;width:100%;padding:0 10px;gap:10px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .dashboard-search-input .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .dashboard-search-input img{width:20px;height:20px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .dashboard-search-input input{font-family:Noto Sans JP;border:none;font-size:16px;background:transparent;width:100%}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .dashboard-search-input input::placeholder{color:#1b2a4999;font-size:16px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .search-btn{border:thin solid #333333;border-radius:0 10px 10px 0;color:#fafafa;background-color:#333;cursor:pointer;padding:0 6px;font-family:Noto Sans JP;font-size:16px;height:50px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .search-btn>img{display:none}.pages-dashboard .dashboard-group .dashboard-content .form-add .add-btn{font-family:Noto Sans JP;font-size:16px;background-color:#007f5f;border-color:transparent;border-radius:10px;padding:5px 10px;color:#fafafa;height:50px;cursor:pointer}.pages-dashboard .dashboard-group .dashboard-content .search-result{display:flex;flex-wrap:wrap;width:100%;gap:20px;padding:0}.pages-dashboard .dashboard-group .dashboard-content .search-result li{list-style:none}.pages-dashboard .dashboard-group .dashboard-content .search-result li img{width:100%;height:auto;box-shadow:0 -4px 4px #00000026,-4px 0 4px #00000026,4px 0 4px #00000026,0 4px 4px #00000026;transition:transform .2s ease-in-out;cursor:pointer}.pages-dashboard .dashboard-group .dashboard-content .search-result li img:hover{transform:scale(1.05)}.pages-dashboard .dashboard-group .dashboard-content .library{width:100%;display:flex;flex-direction:column;margin-top:20px}.pages-dashboard .dashboard-group .dashboard-content .library>p{font-family:Noto Sans JP;font-size:16px}.pages-dashboard .dashboard-group .dashboard-content .library .library-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pages-dashboard .dashboard-group .dashboard-content .library .library-header h2{font-family:RocknRoll One,sans-serif;font-size:28px;font-weight:500;margin:0;color:#333}.pages-dashboard .dashboard-group .dashboard-content .library .library-header .library-actions{display:flex;gap:30px}.pages-dashboard .dashboard-group .dashboard-content .library .library-header .library-actions .multi-delete-toggle,.pages-dashboard .dashboard-group .dashboard-content .library .library-header .library-actions .delete-selected-btn{font-family:Noto Sans JP;font-size:16px;border-radius:10px;border:none;background-color:#b00020;color:#fafafa;padding:10px}.pages-dashboard .dashboard-group .dashboard-content .library .books-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;list-style:none;margin:0;height:auto;padding-left:0}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item{display:flex;justify-content:center;background:#ffffff0d;border-radius:5px;height:192px;width:130px}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-checkbox{width:15px;height:20px;cursor:pointer;accent-color:#007F5F;transform:scale(1.2)}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-checkbox:hover{transform:scale(1.3);transition:transform .15s ease}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-cover{width:130px;height:192px;box-shadow:0 -4px 4px #00000026,-4px 0 4px #00000026,4px 0 4px #00000026,0 4px 4px #00000026;transition:transform .2s ease-in-out;cursor:pointer;object-fit:cover;display:block}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-cover:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 20px #00000040}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-cover.favorite{box-shadow:0 0 10px 3px #ffd100;transition:transform .2s ease,box-shadow .3s ease}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-cover.favorite:hover{transform:scale(1.05);box-shadow:0 0 15px 5px #ffd700e6}@media(max-width:1024px){.pages-dashboard .dashboard-group .dashboard-header{width:0}.pages-dashboard .dashboard-group .dashboard-content h1{padding-left:60px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar{width:70%}.pages-dashboard .dashboard-group .dashboard-content .library .library-header h2{font-size:24px}.pages-dashboard .dashboard-group .dashboard-content .library .books-list{gap:20px}}@media(max-width:768px){.pages-dashboard .dashboard-group .dashboard-content .form-add{flex-wrap:wrap}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar{width:100%}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .search-btn{padding:15px}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .search-btn span{display:none}.pages-dashboard .dashboard-group .dashboard-content .form-add .dashboard-search-bar .search-btn>img{display:flex;height:20px;width:20px}.pages-dashboard .dashboard-group .dashboard-content .form-add .add-btn{height:50px}}@media(max-width:375px){.pages-dashboard .dashboard-group .dashboard-content{padding:10px}.pages-dashboard .dashboard-group .dashboard-content h1{font-size:24px;margin-top:5px}.pages-dashboard .dashboard-group .dashboard-content .form-add{gap:20px}.pages-dashboard .dashboard-group .dashboard-content .form-add .add-btn{width:100%}.pages-dashboard .dashboard-group .dashboard-content .library .library-header{align-items:flex-start;flex-wrap:wrap}.pages-dashboard .dashboard-group .dashboard-content .library .library-header h2{font-size:20px;width:120px;margin-bottom:10px}.pages-dashboard .dashboard-group .dashboard-content .library .library-header .library-actions{gap:10px}.pages-dashboard .dashboard-group .dashboard-content .library .library-header .library-actions .multi-delete-toggle,.pages-dashboard .dashboard-group .dashboard-content .library .library-header .library-actions .delete-selected-btn{font-size:14px}.pages-dashboard .dashboard-group .dashboard-content .library .books-list{padding-bottom:10px}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item{height:auto;width:auto}.pages-dashboard .dashboard-group .dashboard-content .library .books-list .book-item .book-cover{width:112px;height:165px}}@media(min-width:2160px){.pages-dashboard .dashboard-group .dashboard-content .library .books-list{justify-content:flex-start}}.dashboard-header{display:flex;flex-direction:column;justify-content:space-between;max-width:240px;width:100%;background-color:#fafafa;padding:20px;position:relative;box-shadow:4px 0 10px -2px #0000004d;overflow-y:auto}.dashboard-header .burger-btn{display:none;position:fixed;width:45px;height:45px;border:none;border-radius:8px;background-color:#ffffffe6;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001f;cursor:pointer;z-index:1001;top:30px;left:30px;transition:transform .3s ease}.dashboard-header .burger-btn img{width:100%;height:100%;object-fit:contain}.dashboard-header .burger-btn.menuOpen{background-color:transparent;border:none;box-shadow:none;position:fixed;transform:translate(-20px) translateY(-15px)}.dashboard-header .header-navigation{display:flex;flex-direction:column;gap:30px;flex:1;transition:transform .3s ease;position:relative}.dashboard-header .header-navigation nav ul{padding:0;margin:0;display:flex;flex-direction:column;gap:30px}.dashboard-header .header-navigation nav ul li{list-style:none;display:flex;align-items:center;cursor:pointer;font-family:RocknRoll One;color:#5b3e96;font-size:20px}.dashboard-header .header-navigation nav ul li a{display:flex;align-items:center;text-decoration:none;gap:20px;color:#5b3e96}.dashboard-header .header-navigation nav ul li a img{width:20px;height:20px}.dashboard-header .header-navigation .active{background-color:#5b3e96;color:#fafafa;padding:10px;width:100%;border-radius:10px}.dashboard-header .header-navigation .active img{filter:brightness(0) invert(1)}.dashboard-header .header-navigation .logo-title{display:flex;gap:20px}.dashboard-header .header-navigation .logo-title img{width:40px;height:auto}.dashboard-header .header-navigation .logo-title p{font-family:Merriweather;color:#1b2a49;font-size:24px;margin:0;width:142px;text-align:center}.dashboard-header .header-navigation .user{display:flex;align-items:center;gap:10px}.dashboard-header .header-navigation .user img{width:60px;height:60px;border-radius:50%;object-fit:cover;aspect-ratio:1/1}.dashboard-header .header-navigation .user p{font-family:Noto Sans JP;font-size:16px;color:#333}.dashboard-header .header-navigation .logout{display:flex;gap:10px;cursor:pointer;margin-top:auto}.dashboard-header .header-navigation .logout img{width:30px;height:30px}.dashboard-header .header-navigation .logout span{font-family:RocknRoll One;color:#5b3e96;font-size:20px}@media(max-width:1024px){.dashboard-header{height:45px;border-radius:10px;padding:0;display:flex;align-items:center;z-index:1}.dashboard-header .burger-btn{display:flex}.dashboard-header .header-navigation{position:fixed;top:0;left:0;height:100%;width:300px;background-color:#fafafa;padding:20px;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto}.dashboard-header .header-navigation .logo-title{justify-content:flex-end}.dashboard-header .header-navigation nav ul li a{gap:20px}.dashboard-header .header-navigation .logout{gap:30px}.dashboard-header .header-navigation.open{transform:translate(0);box-shadow:5px 0 15px #0006}}@media(max-width:480px){.dashboard-header .burger-btn{left:30px;top:30px;border:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.dashboard-header .burger-btn.menuOpen{transform:translate(-20px) translateY(-15px)}.dashboard-header .header-navigation{width:100vw}.dashboard-header .header-navigation .logo-title{justify-content:flex-start;padding-left:50px}}@media(max-width:375px){.dashboard-header .burger-btn{top:20px;left:20px}.dashboard-header .burger-btn.menuOpen{transform:translate(-10px) translateY(-5px)}}.pages-dashboard .dashboard-group .search-books{width:100%;display:flex;flex-direction:column;gap:20px;padding:20px;overflow-y:auto;flex:1}.pages-dashboard .dashboard-group .search-books h1{font-family:RocknRoll One;font-size:32px;font-weight:500;margin:0}.pages-dashboard .dashboard-group .search-books .btns-searchbar,.pages-dashboard .dashboard-group .search-books .btns-searchbar .search-tabs{display:flex;gap:20px}.pages-dashboard .dashboard-group .search-books .btns-searchbar .search-tabs button{padding:.5rem 1rem;border:none;border-radius:5px;background:#eee;cursor:pointer;font-weight:700;font-family:Noto Sans JP;font-size:16px;height:50px}.pages-dashboard .dashboard-group .search-books .btns-searchbar .search-tabs button.active{background:#333;color:#fff}.pages-dashboard .dashboard-group .search-books .btns-searchbar form{width:70%;height:50px;display:flex;align-items:center;justify-content:space-between}.pages-dashboard .dashboard-group .search-books .btns-searchbar form div{display:flex;align-items:center;border:thin solid #333;border-right-width:0;border-radius:10px 0 0 10px;height:50px;width:100%;padding:0 10px;gap:10px}.pages-dashboard .dashboard-group .search-books .btns-searchbar form div .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pages-dashboard .dashboard-group .search-books .btns-searchbar form div input{font-family:Noto Sans JP;border:none;background:transparent;font-size:16px;width:100%}.pages-dashboard .dashboard-group .search-books .btns-searchbar form button{border:thin solid #333;border-radius:0 10px 10px 0;background-color:#333;color:#fafafa;cursor:pointer;padding:0 6px;font-family:Noto Sans JP;height:50px;font-size:16px}.pages-dashboard .dashboard-group .search-books .btns-searchbar form button img{display:none}.pages-dashboard .dashboard-group .search-books p{font-family:Noto Sans JP;font-size:16px;margin:0}.pages-dashboard .dashboard-group .search-books .search-results-grid{display:flex;flex-direction:column;justify-content:space-between;width:100%;gap:30px;list-style:none;margin:0;padding:0}.pages-dashboard .dashboard-group .search-books .search-results-grid li{width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:20px solid #D9D9D9;border-radius:5px;box-shadow:0 15px 12px -9px #0000004d}.pages-dashboard .dashboard-group .search-books .search-results-grid li h2{font-family:RockNRoll One;font-weight:500;font-size:20px;margin:0;max-height:100px;padding:20px}.pages-dashboard .dashboard-group .search-books .search-results-grid li>img{width:130px;height:195px;box-shadow:0 2px 6px #00000026;object-fit:cover}.pages-dashboard .dashboard-group .search-books .search-results-grid li p{font-family:Noto Sans JP;font-size:16px;max-height:100px}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions:hover{cursor:pointer}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions .add-btn{background-color:#007f5f;height:40px;border-radius:10px;border-style:none;padding:0 7px;display:flex;align-items:center}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions .add-btn img{height:20px;width:25px}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions .added-btn{background-color:#007f5f;color:#fafafa;height:40px;border-radius:10px;border-style:none;padding:0 15px;font-family:Noto Sans JP;font-size:20px}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions .wishlist-btn{background-color:#5b3e96;height:40px;border-radius:10px;border-style:none;display:flex;align-items:center}.pages-dashboard .dashboard-group .search-books .search-results-grid li .book-actions .wishlist-btn img{height:20px;width:25px}@media(max-width:1024px){.pages-dashboard .search-books h1{padding-left:60px}.pages-dashboard .search-books ul li>img{height:192px}.pages-dashboard .search-books ul li h2{width:100%;max-width:400px;overflow:scroll;padding:0 20px}.pages-dashboard .search-books ul li p{padding-right:20px}}@media(max-width:768px){.pages-dashboard .dashboard-group .search-books .btns-searchbar{flex-direction:column}.pages-dashboard .dashboard-group .search-books .btns-searchbar>form{width:100%}.pages-dashboard .dashboard-group .search-books .btns-searchbar>form>button{padding:15px}.pages-dashboard .dashboard-group .search-books .btns-searchbar>form>button>span{display:none}.pages-dashboard .dashboard-group .search-books .btns-searchbar>form>button>img{display:flex;height:20px;width:20px}.pages-dashboard .dashboard-group .search-books .search-results-grid>.book-card{flex-direction:column;border:none;padding:20px;box-shadow:0 0 4px #0000000d;background-color:#d9d9d9;border-radius:10px;border-bottom:none}.pages-dashboard .dashboard-group .search-books .search-results-grid>.book-card h2{text-align:center;max-height:200px}.pages-dashboard .dashboard-group .search-books .search-results-grid>.book-card p{padding-right:0;text-align:center}.pages-dashboard .dashboard-group .search-books .search-results-grid>.book-card .book-actions{flex-direction:row;padding-top:20px}.pages-dashboard .dashboard-group .search-books .search-results-grid>.book-card .book-actions .added-btn{font-size:16px}}@media(max-width:480px){.pages-dashboard .dashboard-group .search-books h1{font-size:24px}.pages-dashboard .dashboard-group .search-books .btns-searchbar>form>button{padding:10px}}@media(max-width:375px){.pages-dashboard .dashboard-group .search-books{padding:10px}.pages-dashboard .dashboard-group .search-books h1{font-size:20px;margin-top:5px}.pages-dashboard .dashboard-group .search-books .search-results-grid{padding-bottom:10px}}.carrousel-section{width:100%}.carrousel-section h2{font-family:RocknRoll One;font-size:28px;font-weight:400;margin-bottom:20px;margin-top:0;color:#333}.carrousel-section>p{font-family:Noto Sans JP;font-size:16px;color:#333;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.carrousel-section>p>img{height:20px;width:auto}.carrousel-section .carrousel-container{width:100%;display:flex;gap:20px;align-items:center;overflow-x:auto;scrollbar-width:none;position:relative}.carrousel-section .carrousel-container>button{width:50px;height:50px;padding:0;background-color:transparent;border:none}.carrousel-section .carrousel-container .carrousel-track{display:flex;gap:30px;list-style:none;padding:0;margin:0;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carrousel-section .carrousel-container .carrousel-track .carrousel-item{display:flex;flex-direction:column;align-items:center;min-width:130px}.carrousel-section .carrousel-container .carrousel-track .carrousel-item.hover{transform:scale(1.05);box-shadow:0 8px 20px #00000040}.carrousel-section .carrousel-container .carrousel-track .carrousel-item .cover-img{width:130px;height:192px;box-shadow:0 2px 5px #0003;object-fit:cover;transition:transform .3s ease}.carrousel-section .carrousel-container .carrousel-track .carrousel-item .cover-img:hover{transform:scale(1.05);box-shadow:0 8px 20px #00000040}.carrousel-section .carrousel-container .carrousel-track .carrousel-item .book-rating{font-size:16px;color:#e63946;font-family:Noto Sans JP;font-weight:700}.carrousel-section .carrousel-container .carrousel-track::-webkit-scrollbar{display:none}@media(max-width:1024px){.carrousel-section h2{font-size:24px}.carrousel-section .carrousel-container .carrousel-track .carrousel-item .cover-img{width:120px;height:175px}}@media(max-width:375px){.carrousel-section h2{font-size:20px}.carrousel-section .carrousel-container .carrousel-track .carrousel-item .cover-img{width:112px;height:165px}}.modal-addbook-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-addbook-overlay .modal-addbook-content{position:relative;background:#fafafa;padding:2vh;border-radius:10px;width:50%;height:auto;display:flex;flex-direction:column}.modal-addbook-overlay .modal-addbook-content .modal-addbook-close{position:absolute;top:10px;right:10px;border:none;background:transparent;height:30px;cursor:pointer}.modal-addbook-overlay .modal-addbook-content h2{font-family:Noto Sans JP;font-size:28px;color:#333;text-align:center}.modal-addbook-overlay .modal-addbook-content .addbook-form{display:flex;flex-direction:column;gap:20px}.modal-addbook-overlay .modal-addbook-content .addbook-form div{display:flex;gap:20px}.modal-addbook-overlay .modal-addbook-content .addbook-form div .cover-rating{display:flex;flex-direction:column;gap:20px}.modal-addbook-overlay .modal-addbook-content .addbook-form div .cover-rating .cover-button{font-family:Noto Sans JP;font-size:16px;color:#fafafa;border-radius:5px;background-color:#5b3e96;padding:10px;width:240px;text-align:center;cursor:pointer}.modal-addbook-overlay .modal-addbook-content .addbook-form div .cover-rating .cover-preview{height:350px;width:240px;object-fit:contain;border-radius:5px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP;font-size:14px;color:#666}.modal-addbook-overlay .modal-addbook-content .addbook-form div .cover-rating .cover-preview img{height:100%;width:100%;object-fit:cover;border-radius:5px}.modal-addbook-overlay .modal-addbook-content .addbook-form div .cover-rating label{font-family:Noto Sans JP;font-size:16px;font-weight:500;color:#333}.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations{width:100%;display:flex;flex-direction:column}.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations .group{display:flex;flex-direction:column;width:100%;gap:0}.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations .group label{font-family:Noto Sans JP;font-size:16px;font-weight:500;color:#333;margin-bottom:5px}.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations .group input,.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations .group select,.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations .group option{font-family:Noto Sans JP;font-size:16px;font-weight:500;color:#333;height:40px;border-radius:10px;border-width:1px;border-color:#333;padding:1px 5px}.modal-addbook-overlay .modal-addbook-content .addbook-form div .text-informations .group>p{margin:0 0 5px;font-family:Noto Sans JP;font-size:16px;font-weight:500;color:#333}.modal-addbook-overlay .modal-addbook-content .addbook-form button{width:100%;height:45px;border-radius:10px;background-color:#007f5f;font-size:20px;font-family:Noto Sans JP;color:#fafafa;cursor:pointer;border-style:none;margin-top:auto}@media(max-width:1024px){.modal-addbook-overlay .modal-addbook-content{width:70%}}@media(max-width:768px){.modal-addbook-overlay .modal-addbook-content{width:80%;overflow:scroll;height:90vh}.modal-addbook-overlay .modal-addbook-content .addbook-form>div{flex-direction:column;align-items:center}.modal-addbook-overlay .modal-addbook-content .addbook-form>div .cover-rating .cover-button,.modal-addbook-overlay .modal-addbook-content .addbook-form>div .cover-rating .cover-preview{width:200px}.modal-addbook-overlay .modal-addbook-content .addbook-form>div .cover-rating .cover-preview{height:285px}}@media(max-width:375px){.modal-addbook-overlay .modal-addbook-content{width:90vw}.modal-addbook-overlay .modal-addbook-content h2{font-size:24px}}.rating{display:flex;gap:6px;align-items:center}.rating .star{width:24px;height:24px;cursor:pointer;transition:transform .2s ease,filter .2s ease}.rating .star.active{filter:drop-shadow(0 0 4px rgba(255,0,0,.4))}.pages-dashboard .dashboard-group .book-page{display:flex;flex-direction:column;gap:30px;width:100%;padding:20px;overflow-y:auto;flex:1}.pages-dashboard .dashboard-group .book-page>button{font-family:Noto Sans JP;font-size:16px;background-color:transparent;display:flex;align-items:center;border-style:none}.pages-dashboard .dashboard-group .book-page>button>img{width:25px;height:auto;object-fit:contain}.pages-dashboard .dashboard-group .book-page .book-info{display:flex;justify-content:space-between;gap:30px}.pages-dashboard .dashboard-group .book-page .book-info .book-cover{width:auto;height:350px;box-shadow:0 -4px 4px #00000026,-4px 0 4px #00000026,4px 0 4px #00000026,0 4px 4px #00000026;object-fit:cover}.pages-dashboard .dashboard-group .book-page .book-info .book-details{display:flex;flex-direction:column;gap:20px;max-width:500px}.pages-dashboard .dashboard-group .book-page .book-info .book-details h1{font-family:RocknRoll One;font-size:28px;font-weight:500;margin:0;max-width:400px}.pages-dashboard .dashboard-group .book-page .book-info .book-details p{font-family:Noto Sans JP;font-size:20px;margin:0}.pages-dashboard .dashboard-group .book-page .book-info .read-favorite{display:flex;gap:20px;font-family:Noto Sans JP;font-weight:500;font-size:16px;width:auto;height:20px}.pages-dashboard .dashboard-group .book-page .book-info .read-favorite>button{color:#5b3e96;height:25px;font-family:Noto Sans JP;font-size:16px;gap:10px;cursor:pointer;background-color:transparent;border:none;display:flex}.pages-dashboard .dashboard-group .book-page .book-info .read-favorite>button>img{width:25px;height:auto;object-fit:contain}.pages-dashboard .dashboard-group .modify-delete{display:flex;justify-content:flex-end;gap:20px;margin-top:20px}.pages-dashboard .dashboard-group .modify-delete .modify-btn,.pages-dashboard .dashboard-group .modify-delete .delete-btn{font-family:Noto Sans JP;font-weight:500;font-size:16px}.pages-dashboard .dashboard-group .modify-delete .modify-btn{background-color:#007f5f;border-style:none;color:#fafafa;padding:10px;border-radius:10px}.pages-dashboard .dashboard-group .modify-delete .delete-btn{background-color:#b00020;border-style:none;color:#fafafa;padding:10px;border-radius:10px}.pages-dashboard .dashboard-group .prev-next-buttons{display:flex;justify-content:space-between;margin-top:auto}.pages-dashboard .dashboard-group .prev-next-buttons button{display:flex;align-items:center;gap:10px;background-color:#5b3e96;color:#fafafa;border-width:thin;border-radius:10px;font-family:Noto Sans JP;font-weight:500;font-size:16px;padding:5px 10px}.pages-dashboard .dashboard-group .prev-next-buttons button img{height:auto;width:20px}@media(max-width:1024px){.pages-dashboard .dashboard-group .book-page{gap:20px}.pages-dashboard .dashboard-group .book-page>button{padding-left:60px}.pages-dashboard .dashboard-group .book-page .book-info .book-cover{margin-left:60px}.pages-dashboard .dashboard-group .book-page .book-info .book-details{gap:15px}}@media(max-width:768px){.pages-dashboard .dashboard-group .book-page{width:100%}.pages-dashboard .dashboard-group .book-page .book-info{flex-direction:column;align-items:center}.pages-dashboard .dashboard-group .book-page .book-info .book-cover{height:300px;width:200px;margin-left:0}.pages-dashboard .dashboard-group .book-page .book-info .book-details{width:100%;align-items:center}.pages-dashboard .dashboard-group .book-page .book-info .book-details h1{font-size:24px;text-align:center}.pages-dashboard .dashboard-group .book-page .book-info .read-favorite>button{padding-left:0}.pages-dashboard .dashboard-group .book-page .modify-delete{margin-top:0;justify-content:center}}@media(max-width:480px){.pages-dashboard .dashboard-group .book-page .book-info .book-cover{height:250px;width:170px}.pages-dashboard .dashboard-group .book-page .book-info .book-details h1{font-size:24px}.pages-dashboard .dashboard-group .book-page .book-info .book-details>p{font-size:16px}.pages-dashboard .dashboard-group .book-page .prev-next-buttons{margin-top:40px}}.edit-book-form{display:flex;gap:50px;flex-wrap:wrap}.edit-book-form .cover-group label,.edit-book-form .bookInfo-group label{display:flex;flex-direction:column;font-family:Noto Sans JP;font-size:16px;font-weight:500}.edit-book-form .cover-group input,.edit-book-form .cover-group select,.edit-book-form .bookInfo-group input,.edit-book-form .bookInfo-group select{margin-top:5px;margin-bottom:15px;padding:8px 10px;font-size:16px;border-radius:10px;border:1px solid #ccc;outline:none;transition:border .2s;width:250px}.edit-book-form .cover-group p,.edit-book-form .bookInfo-group p{font-family:Noto Sans JP;font-size:16px;font-weight:500;margin:0}.edit-book-form .cover-group .rating,.edit-book-form .bookInfo-group .rating{margin-bottom:30px}.edit-book-form .cover-group .cover-preview{height:412px;width:255px}.edit-book-form .cover-group .cover-preview img{width:auto;height:350px}.edit-book-form .bookInfo-group{width:50%}.edit-book-form .bookInfo-group>input,.edit-book-form .bookInfo-group select{width:100%}.edit-book-form .form-actions{margin-top:auto;margin-bottom:30px;display:flex;gap:30px;margin-left:auto}.edit-book-form .form-actions .save-btn{background-color:#007f5f;font-size:16px;font-family:Noto Sans JP;color:#fafafa;cursor:pointer;border-style:none;height:45px;border-radius:10px;padding:0 10px}.edit-book-form .form-actions .cancel-btn{background-color:#b00020;font-size:16px;font-family:Noto Sans JP;color:#fafafa;cursor:pointer;border-style:none;height:45px;border-radius:10px;padding:0 10px}@media(max-width:1024px){.edit-book-form{gap:20px}.edit-book-form .cover-group{margin-left:60px}.edit-book-form .cover-group .cover-preview>img{height:350px;width:auto}}@media(max-width:768px){.edit-book-form{flex-direction:column;align-items:center}.edit-book-form .cover-group{margin-left:0}.edit-book-form .bookInfo-group{width:80%}.edit-book-form .bookInfo-group>input,.edit-book-form .bookInfo-group select,.edit-book-form .bookInfo-group label{width:100%}.edit-book-form .form-actions{justify-content:center;margin:0;padding-bottom:20px}}.pages-dashboard .dashboard-group .profilepage{display:flex;flex-direction:column;gap:30px;padding:20px;width:100%;overflow-y:auto;flex:1}.pages-dashboard .dashboard-group .profilepage h1{font-family:RocknRoll One;font-size:32px;font-weight:500;margin:0}.pages-dashboard .dashboard-group .profilepage .profile-header{display:flex;align-items:center;gap:30px}.pages-dashboard .dashboard-group .profilepage .profile-header .profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;object-position:center;aspect-ratio:1/1}.pages-dashboard .dashboard-group .profilepage .profile-header button{background-color:transparent;border:none;color:#5b3e96;font-family:Noto Sans JP;font-size:16px;text-decoration:underline;cursor:pointer}.pages-dashboard .dashboard-group .profilepage .profile-header input[type=file]{font-family:Noto Sans JP;font-size:14px;border:none}.pages-dashboard .dashboard-group .profilepage .profile-info{display:flex;align-items:center;gap:30px;flex-wrap:wrap;font-family:Noto Sans JP;font-size:20px}.pages-dashboard .dashboard-group .profilepage .profile-info div{display:flex;gap:20px}.pages-dashboard .dashboard-group .profilepage .profile-info div>p{font-family:Noto Sans JP;font-size:16px}.pages-dashboard .dashboard-group .profilepage .profile-info input{font-family:Noto Sans JP;font-size:16px;padding:6px 10px;border:1px solid #ccc;border-radius:6px;outline:none;transition:.2s ease}.pages-dashboard .dashboard-group .profilepage .profile-info input:focus{border-color:#5b3e96}.pages-dashboard .dashboard-group .profilepage .profile-info button{background-color:transparent;border-style:none;padding:0;font-family:Noto Sans JP;font-size:16px;color:#5b3e96;text-decoration:underline;cursor:pointer;transition:color .2s ease}.pages-dashboard .dashboard-group .profilepage .profile-info button:hover{color:#3b2571}.pages-dashboard .dashboard-group .profilepage .profile-stats{background-color:#d9d9d9;padding:20px;border-radius:12px}.pages-dashboard .dashboard-group .profilepage .profile-stats h2{font-family:RocknRoll One;font-size:28px;font-weight:500;margin:0;color:#333}.pages-dashboard .dashboard-group .profilepage .profile-stats ul{list-style:none;padding:0;margin:10px 0 0;display:flex;gap:40px;flex-wrap:wrap}.pages-dashboard .dashboard-group .profilepage .profile-stats ul li{font-family:Noto Sans JP;font-size:18px;color:#fafafa;background-color:#5b3e96;padding:10px;border-radius:10px}.pages-dashboard .dashboard-group .profilepage .profile-favorites,.pages-dashboard .dashboard-group .profilepage .profile-wishlist{display:flex;flex-direction:column;gap:20px}.pages-dashboard .dashboard-group .profilepage .profile-favorites h2,.pages-dashboard .dashboard-group .profilepage .profile-wishlist h2{font-family:RocknRoll One;font-size:28px;font-weight:500;margin:0;color:#333}.pages-dashboard .dashboard-group .profilepage .profile-favorites .favorites-grid,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:20px}.pages-dashboard .dashboard-group .profilepage .profile-favorites .favorites-grid>a,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .favorites-grid>a{color:#5b3e96}.pages-dashboard .dashboard-group .profilepage .profile-favorites .book-card,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .book-card{background-color:#d9d9d9;border-radius:10px;padding:10px;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 0 4px #0000000d}.pages-dashboard .dashboard-group .profilepage .profile-favorites .book-card:hover,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .book-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0000001a}.pages-dashboard .dashboard-group .profilepage .profile-favorites .book-card img,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .book-card img{width:100%;height:160px;object-fit:contain;border-radius:6px}.pages-dashboard .dashboard-group .profilepage .profile-favorites .book-card p,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .book-card p{font-family:Noto Sans JP;font-size:16px}.pages-dashboard .dashboard-group .profilepage .profile-favorites .book-card .remove-wishlist-btn,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .book-card .remove-wishlist-btn{background-color:#b00020;padding:5px;border-radius:5px;border-style:none;margin-top:5px;cursor:pointer}.pages-dashboard .dashboard-group .profilepage .profile-favorites .book-card .remove-wishlist-btn img,.pages-dashboard .dashboard-group .profilepage .profile-wishlist .book-card .remove-wishlist-btn img{width:15px;height:auto}.pages-dashboard .dashboard-group .profilepage .profile-favorites p,.pages-dashboard .dashboard-group .profilepage .profile-wishlist p{font-family:Noto Sans JP;font-size:16px;margin:0}@media(max-width:1024px){.pages-dashboard .dashboard-group .profilepage h1{padding-left:60px}.pages-dashboard .dashboard-group .profilepage .profile-stats h2,.pages-dashboard .dashboard-group .profilepage .profile-favorites h2,.pages-dashboard .dashboard-group .profilepage .profile-wishlist h2{font-size:24px}}@media(max-width:768px){.pages-dashboard .dashboard-group .profilepage{gap:20px}.pages-dashboard .dashboard-group .profilepage .profile-header{text-align:center}.pages-dashboard .dashboard-group .profilepage .profile-info{align-items:center;gap:20px}.pages-dashboard .dashboard-group .profilepage .profile-stats ul{gap:20px}}@media(max-width:480px){.pages-dashboard .dashboard-group .profilepage .profile-info{font-size:16px;gap:10px}}@media(max-width:375px){.pages-dashboard .profilepage{padding:10px}.pages-dashboard .profilepage h1{font-size:24px;margin-top:5px}.pages-dashboard .profilepage .profile-info>button{font-size:14px}.pages-dashboard .profilepage .profile-stats h2{font-size:20px}.pages-dashboard .profilepage .profile-stats ul{flex-direction:column;text-align:center}.pages-dashboard .profilepage .profile-stats ul li{font-size:16px}.pages-dashboard .profilepage .profile-favorites h2,.pages-dashboard .profilepage .profile-wishlist h2{font-size:20px}.pages-dashboard .profilepage .profile-wishlist>.favorites-grid{padding-bottom:10px}}.pages-dashboard .dashboard-group .contact-page{display:flex;flex-direction:column;padding:20px;width:100%;height:100%;overflow-y:auto;flex:1}.pages-dashboard .dashboard-group .contact-page h1{color:#333;font-family:RocknRoll One;font-size:32px;font-weight:500;margin:0}.pages-dashboard .dashboard-group .contact-page p{width:100%;margin-bottom:20px;color:#333;font-family:Noto Sans JP}.pages-dashboard .dashboard-group .contact-page .contact-form label{display:block;margin-bottom:5px;font-weight:500;color:#333;font-family:Noto Sans JP;font-size:16px}.pages-dashboard .dashboard-group .contact-page .contact-form input,.pages-dashboard .dashboard-group .contact-page .contact-form textarea{width:100%;max-width:600px;padding:10px;border:1px solid #ccc;border-radius:8px;transition:border-color .2s;margin-bottom:30px;font-family:Noto Sans JP;font-size:16px}.pages-dashboard .dashboard-group .contact-page .contact-form textarea{min-height:120px;resize:vertical}.pages-dashboard .dashboard-group .contact-page .contact-form .submit-btn{display:block;font-family:Noto Sans JP;width:100%;max-width:600px;height:50px;padding:10px;background-color:#5b3e96;color:#fafafa;border:none;border-radius:10px;font-size:16px;cursor:pointer;transition:background-color .2s}.pages-dashboard .dashboard-group .contact-page .contact-form .submit-btn:hover{background-color:#5b3e96}.pages-dashboard .dashboard-group .thank-you-message{text-align:center;font-size:1rem;color:#007f5f;font-weight:500;margin-top:2rem}@media(max-width:1024px){.pages-dashboard .dashboard-group .contact-page h1{padding-left:60px}.pages-dashboard .dashboard-group .contact-page .contact-form{padding-bottom:20px}}@media(max-width:375px){.pages-dashboard .dashboard-group .contact-page{padding:10px}.pages-dashboard .dashboard-group .contact-page h1{font-size:24px;margin-top:5px}.pages-dashboard .dashboard-group .contact-page .contact-form{padding-bottom:10px}}.pages-dashboard .dashboard-group{display:flex;flex:1;min-height:0}.pages-dashboard .dashboard-group .friends-page{padding:20px;width:100%;display:flex;flex-direction:column;overflow-y:auto;flex:1}.pages-dashboard .dashboard-group .friends-page h1{font-size:32px;margin:0;color:#333;font-family:RocknRoll One;font-weight:500}.pages-dashboard .dashboard-group .friends-page .search-bar{display:flex;margin:30px 0}.pages-dashboard .dashboard-group .friends-page .search-bar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pages-dashboard .dashboard-group .friends-page .search-bar input{width:50%;height:50px;padding:10px;font-size:16px;border:1px solid #333333;border-radius:10px 0 0 10px;transition:border .2s ease;background-color:transparent}.pages-dashboard .dashboard-group .friends-page .search-bar button{padding:10px;background-color:#333;color:#fafafa;border:none;border-radius:0 10px 10px 0;cursor:pointer;transition:background-color .2s ease;font-family:Noto Sans JP;font-size:16px}.pages-dashboard .dashboard-group .friends-page .search-bar button>img{display:none}.pages-dashboard .dashboard-group .friends-page .search-results,.pages-dashboard .dashboard-group .friends-page .friends-list,.pages-dashboard .dashboard-group .friends-page .friend-requests{margin-bottom:30px}.pages-dashboard .dashboard-group .friends-page .search-results h2,.pages-dashboard .dashboard-group .friends-page .friends-list h2,.pages-dashboard .dashboard-group .friends-page .friend-requests h2{font-family:RocknRoll One;font-size:24px;font-weight:500;color:#333;margin:0}.pages-dashboard .dashboard-group .friends-page .search-results p,.pages-dashboard .dashboard-group .friends-page .friends-list p,.pages-dashboard .dashboard-group .friends-page .friend-requests p{font-family:Noto Sans JP;font-weight:500;color:#333;font-size:16px}.pages-dashboard .dashboard-group .friends-page .search-results .card,.pages-dashboard .dashboard-group .friends-page .friends-list .card,.pages-dashboard .dashboard-group .friends-page .friend-requests .card{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid #D9D9D9;border-radius:10px;background-color:#fafafa;transition:transform .2s ease,box-shadow .2s ease}.pages-dashboard .dashboard-group .friends-page .search-results .card>button,.pages-dashboard .dashboard-group .friends-page .friends-list .card>button,.pages-dashboard .dashboard-group .friends-page .friend-requests .card>button{background-color:#007f5f;color:#fafafa}.pages-dashboard .dashboard-group .friends-page .search-results .card:hover,.pages-dashboard .dashboard-group .friends-page .friends-list .card:hover,.pages-dashboard .dashboard-group .friends-page .friend-requests .card:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0000001a}.pages-dashboard .dashboard-group .friends-page .search-results .card .friend-info,.pages-dashboard .dashboard-group .friends-page .friends-list .card .friend-info,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .friend-info{display:flex;align-items:center;gap:10px}.pages-dashboard .dashboard-group .friends-page .search-results .card .friend-info img,.pages-dashboard .dashboard-group .friends-page .friends-list .card .friend-info img,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .friend-info img{height:60px;width:60px;border-radius:50%;object-fit:cover;aspect-ratio:1/1}.pages-dashboard .dashboard-group .friends-page .search-results .card p,.pages-dashboard .dashboard-group .friends-page .search-results .card span,.pages-dashboard .dashboard-group .friends-page .friends-list .card p,.pages-dashboard .dashboard-group .friends-page .friends-list .card span,.pages-dashboard .dashboard-group .friends-page .friend-requests .card p,.pages-dashboard .dashboard-group .friends-page .friend-requests .card span{font-family:Noto Sans JP;font-weight:500;font-size:16px;color:#333}.pages-dashboard .dashboard-group .friends-page .search-results .card .friend-btns,.pages-dashboard .dashboard-group .friends-page .search-results .card button,.pages-dashboard .dashboard-group .friends-page .friends-list .card .friend-btns,.pages-dashboard .dashboard-group .friends-page .friends-list .card button,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .friend-btns,.pages-dashboard .dashboard-group .friends-page .friend-requests .card button{padding:10px;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pages-dashboard .dashboard-group .friends-page .search-results .card .friend-btns,.pages-dashboard .dashboard-group .friends-page .friends-list .card .friend-btns,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .friend-btns{display:flex;gap:5px}.pages-dashboard .dashboard-group .friends-page .search-results .card .accept-btn,.pages-dashboard .dashboard-group .friends-page .friends-list .card .accept-btn,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .accept-btn{background-color:#007f5f;color:#fafafa}.pages-dashboard .dashboard-group .friends-page .search-results .card .decline-btn,.pages-dashboard .dashboard-group .friends-page .friends-list .card .decline-btn,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .decline-btn{background-color:#b00020;color:#fafafa}.pages-dashboard .dashboard-group .friends-page .search-results .card .show-friend-profile-btn,.pages-dashboard .dashboard-group .friends-page .friends-list .card .show-friend-profile-btn,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .show-friend-profile-btn{background-color:#007f5f;color:#fafafa}.pages-dashboard .dashboard-group .friends-page .search-results .card .show-friend-library-btn,.pages-dashboard .dashboard-group .friends-page .friends-list .card .show-friend-library-btn,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .show-friend-library-btn{background-color:#5b3e96;color:#fafafa}.pages-dashboard .dashboard-group .friends-page .search-results .card .delete-friend-btn,.pages-dashboard .dashboard-group .friends-page .friends-list .card .delete-friend-btn,.pages-dashboard .dashboard-group .friends-page .friend-requests .card .delete-friend-btn{background-color:#b00020;color:#fafafa}.pages-dashboard .dashboard-group .friends-page .friends-list{display:flex;flex-direction:column;gap:20px}.pages-dashboard .dashboard-group .friends-page .friend-requests{margin-bottom:20px}.pages-dashboard .dashboard-group .friends-page .friend-requests>.card img{height:60px;width:60px;border-radius:50%;object-fit:cover;aspect-ratio:1/1}.pages-dashboard .dashboard-group .friends-page .friend-requests>.card button img{display:none}.pages-dashboard .dashboard-group .friends-page .friend-requests>.card button span{color:#fafafa}.pages-dashboard .dashboard-group .friends-page .search-results .card p{font-family:Noto Sans JP}@media(max-width:1024px){.pages-dashboard .dashboard-group .friends-page h1{padding-left:60px}.pages-dashboard .dashboard-group .friends-page .friends-list h2,.pages-dashboard .dashboard-group .friends-page .friend-requests h2{font-size:24px}.pages-dashboard .dashboard-group .friends-page .friends-list>p,.pages-dashboard .dashboard-group .friends-page .friend-requests>p{margin-bottom:0}}@media(max-width:768px){.pages-dashboard .dashboard-group .friends-page .search-bar>input{width:100%}.pages-dashboard .dashboard-group .friends-page .search-bar>button{padding:15px}.pages-dashboard .dashboard-group .friends-page .search-bar>button>img{display:flex;width:20px;height:20px}.pages-dashboard .dashboard-group .friends-page .search-bar>button>span{display:none}.pages-dashboard .dashboard-group .friends-page .friends-list>.card{flex-direction:column;gap:10px}.pages-dashboard .dashboard-group .friends-page .friends-list>.card .friend-info{justify-content:flex-start}.pages-dashboard .dashboard-group .friends-page .friends-list>.card .friend-btns{padding:0}}@media(max-width:480px){.pages-dashboard .dashboard-group .friends-page .friend-requests>.card .accept-btn,.pages-dashboard .dashboard-group .friends-page .friend-requests>.card .decline-btn{padding:0;background-color:transparent}.pages-dashboard .dashboard-group .friends-page .friend-requests>.card .accept-btn span,.pages-dashboard .dashboard-group .friends-page .friend-requests>.card .decline-btn span{display:none}.pages-dashboard .dashboard-group .friends-page .friend-requests>.card .accept-btn img,.pages-dashboard .dashboard-group .friends-page .friend-requests>.card .decline-btn img{display:flex;height:30px;width:auto}}@media(max-width:375px){.pages-dashboard .dashboard-group .friends-page{padding:10px}.pages-dashboard .dashboard-group .friends-page h1{font-size:24px;margin-top:5px}.pages-dashboard .dashboard-group .friends-page .search-bar>button img{display:flex;width:20px;height:20px}.pages-dashboard .dashboard-group .friends-page .search-bar>button span{display:none}.pages-dashboard .dashboard-group .friends-page .friends-list>.card,.pages-dashboard .dashboard-group .friends-page .friend-requests>.card{padding:10px}}.pages-dashboard .dashboard-group .error{display:flex;flex-direction:column;justify-content:space-between;gap:60px;align-items:center;margin:auto}.pages-dashboard .dashboard-group .error h1{font-family:RocknRoll One;font-size:72px;font-weight:500}.pages-dashboard .dashboard-group .error p,.pages-dashboard .dashboard-group .error a{font-family:Noto Sans JP;font-size:28px;text-align:center}*,*:before,*:after{box-sizing:border-box}html,body{height:100vh;margin:0;padding:0;width:100vw;overflow:hidden;display:flex;flex-direction:column;scrollbar-gutter:stable}