*{margin:0;padding:0;box-sizing:border-box}body{margin:min(4vw,20px);font-family:Inter,sans-serif;color:#fff;line-height:1.6;display:flex;justify-content:center;background-color:#323339}.loading{display:flex;justify-content:center;align-items:center;background:#ffffffe6;padding:30px;border-radius:15px}.login-container{position:relative;width:min(400px,92vw);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;background:#393a41;padding:30px;border-radius:15px}.login-container h1{font-size:4rem;background:linear-gradient(80deg,#d711cd,#43cfe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#fff;font-family:Inter,sans-serif;margin:0}.login-container .quotedblogo{animation:boing 2s infinite}.login-container input{padding:10px;font-size:16px;border:1px solid #2c2d32;border-radius:5px;background-color:#323339;color:#fff;width:100%;text-align:center;transition:background-color .3s ease-in-out}.login-container input:hover{background:#2c2d32}.login-container input input::placeholder{color:#fff}.login-container button{padding:10px 20px;font-size:16px;border:none;background-color:#5865f2;color:#fff;border-radius:5px;cursor:pointer;width:100%;transition:background-color .3s ease}.login-container button:hover{background-color:#4854ad}.login-container button:disabled{background-color:#4854ad;cursor:not-allowed}.login-container .login-text{color:#ffffff1a;font-size:.8rem}@keyframes boing{5%,to{transform:translateY(0) rotateX(0) rotateY(0) scale(1);rotate:0deg}30%{transform:scale(1.1) translateY(-10px);rotate:10deg}55%{transform:translateY(0) rotateX(-20deg) rotateY(-10deg) scale(.95)}75%{rotate:2deg;transform:translateY(3px)}80%{rotate:-2deg;transform:translateY(-3px)}85%{rotate:3deg;transform:translateY(5px)}90%{rotate:6deg;transform:translateY(-5px)}}p.error{color:#e74c3c;font-size:14px;text-align:center}.logout-container{position:fixed;right:2vh;bottom:2vh}.logout-btn{background:#5865f2;border:none;padding:15px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.logout-btn:hover{background:#4854ad}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.controls{display:flex;justify-content:space-between;align-items:center}.search-bar,.total-quotes,.sort-dropdown{padding:8px;border-radius:5px;border:2px solid #323339;transition:background-color .3s ease-in-out;color:#fff;background-color:#2c2d32}.search-bar:hover,.total-quotes:hover,.sort-dropdown:hover{background:#323339}.search-bar::placeholder{color:#fff}.total-quotes::placeholder{color:#fff}.search-bar{flex:1;margin-right:10px}.total-quotes{text-align:center;margin-right:10px}.sort-dropdown{cursor:pointer}@media (max-width: 600px){.controls{flex-direction:column;align-items:stretch}.search-bar{width:100%;margin-right:0;margin-bottom:10px}.total-quotes,.sort-dropdown{width:calc(50% - 5px)}}.container{width:min(1000px,92vw);background:#393a41;padding:min(3vw,15px);border-radius:15px}.header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.header h1{font-size:3rem;color:#fff;font-family:Inter,sans-serif;padding-left:15px}.header .server-icon{width:100px;height:100px;border-radius:20%;object-fit:cover;cursor:pointer;border:2px solid #393a41}@media (max-width: 600px){.header h1{font-size:2rem;word-break:break-word;padding-left:2vw}}.quotes-section{margin-top:20px}.quote{background-color:#2c2d32;padding:20px;border-radius:10px;margin-bottom:20px;font-family:Inter,sans-serif;transition:background-color .3s ease-in-out}.quote p{font-size:1.5rem;margin-bottom:10px;color:#fff}.quote span{font-size:1.2rem;color:#fff;font-style:italic;font-weight:700}.quote:hover{background:#323339;cursor:pointer}footer{text-align:center;margin-top:50px;font-family:Inter,sans-serif;color:#fff}footer p{font-size:1rem}.tiny-button{display:inline-block;font-size:.6rem;padding:2px 6px;background-color:#5865f2;color:#fff;border-radius:3px;text-decoration:none;transition:all .2s ease-in-out;margin-left:5px;margin-right:5px}.tiny-button:hover{background-color:#4854ad}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-overlay .modal-content{width:90%;max-width:1000px;background:#393a41;padding:20px;border-radius:8px;text-align:center}.modal-overlay .modal-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px}.modal-overlay .modal-content .modal-header .modal-title{text-align:left}.modal-overlay .modal-content .modal-header .server-icon{width:120px;height:120px;cursor:default;border-radius:20%}@media (max-width: 600px){.modal-overlay .modal-content .modal-header .server-icon{width:20vw;height:20vw;cursor:default}}.modal-overlay .modal-content h2{font-size:3rem;color:#fff;font-family:Inter,sans-serif;letter-spacing:1px;margin:0}@media (max-width: 600px){.modal-overlay .modal-content h2{font-size:2rem;word-break:break-word}}.modal-overlay .modal-content h3{font-size:1.2em;color:#fff}.modal-overlay .modal-content .stats-container{display:flex;gap:20px;margin-top:10px}.modal-overlay .modal-content .stats-section{flex:1;background:#2c2d32;padding:10px;border-radius:5px;text-align:left}@media (max-width: 600px){.modal-overlay .modal-content .stats-container{flex-direction:column}}.close-btn{margin-top:15px;padding:8px 16px;background:#5865f2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s ease}.close-btn:hover{background:#4854ad}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.moving-quote{position:absolute;transform:translate(-50%,-50%);color:#aaa;font-weight:700;font-size:2rem;min-width:20ch;max-width:20ch;text-align:center}.tos-container{max-width:700px;padding:20px;background:#393a41;border-radius:10px;text-align:center}.tos-container a{color:#fff}.tos-container p.updated-date{font-size:.7rem;color:#fff;margin-bottom:15px}.tos-container .content{text-align:left;color:#fff;padding:10px 0}.tos-container .content h1{font-size:2rem;color:#fff;font-family:Inter,sans-serif;margin-bottom:10px}.tos-container .content h2{margin-top:10px;color:#fff;font-family:Inter,sans-serif;margin-bottom:10px}.privacy-container{max-width:700px;padding:20px;background:#393a41;border-radius:10px;text-align:center}.privacy-container a{color:#fff}.privacy-container p.updated-date{font-size:.7rem;color:#fff;margin-bottom:15px}.privacy-container .content{text-align:left;color:#fff;padding:10px 0}.privacy-container .content h1{font-size:2rem;color:#fff;font-family:Inter,sans-serif;margin-bottom:10px}.privacy-container .content h2{margin-top:10px;color:#fff;font-family:Inter,sans-serif;margin-bottom:10px}.back-button{display:inline-block;font-size:.9rem;padding:8px 14px;background-color:#5865f2;color:#fff;border-radius:5px;text-decoration:none;transition:all .2s ease-in-out;margin-top:20px}.back-button:hover{background-color:#4854ad}