@import"https://fonts.googleapis.com/css2?family=Schoolbell&display=swap";body{margin-top:0%;margin-left:0%;background-image:url(https://firebasestorage.googleapis.com/v0/b/the-hype-f3b75.firebasestorage.app/o/Background%2Fcondoview.jpg?alt=media&token=31382e4c-3ba8-4025-ae6b-7726213049be);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;z-index:1}.navbar{pointer-events:auto}.page-body{margin-top:25px}.page-body,.main-container,.message-container,.input-field,.the-messages{pointer-events:auto!important}.menu-overlay,.mobile-overlay,html,body{overflow-y:auto!important;height:auto!important}@media (max-width: 480px){.nav-links.open{top:500px}}.home-box{border-style:double;border-color:bisque;grid-auto-rows:min-content;gap:20px;padding:60px 20px 20px;width:100%;max-width:1200px;min-width:0;margin:0 auto;box-sizing:border-box}.user-events-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;flex:1 1 auto;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:10px;background-color:#fff6;color:#101011;font-family:Impact,Arial Black,sans-serif;font-weight:900}@media (max-width: 768px){.home-box{grid-template-columns:1fr}}.home-body{position:relative;margin-top:40px;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.header{display:flex;justify-content:center;color:#ecd6b9;font-size:30px;font-weight:bolder;background-color:#f1d9bb33}.intro{height:50px;font-family:Arial,Helvetica,sans-serif;font-size:35px;font-weight:500;color:#eae0cf;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black}.quotes{color:#f3c068;font-size:20px;font-weight:500;height:150px}.quotes-container{color:#554b3c;font-size:15px;font-weight:500;border-radius:20px;padding:15px;width:50%;grid-column:1 / 2;grid-row:1}.event-container{display:flex;flex-direction:column;align-items:center;height:100%;background-color:#fff6;color:#101011;font-family:Impact,Arial Black,sans-serif;font-weight:900;letter-spacing:2px;grid-column:1 / 2;grid-row:2}.session{background-color:#79818180;color:#faebd7;padding:10px;height:100%;border-radius:20px;display:flex;flex-direction:row;gap:50px;min-width:0;width:100%}.pic{width:50px;border-radius:40%}.user-event-card{border-style:double;background-color:#5d5d5a33;padding:10px;border-radius:18px;box-sizing:border-box;flex:0 0 260px;height:150px;overflow-y:auto}.propic{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin-bottom:1cm}.current-events-scroll{width:100%;max-width:620px;max-height:340px;overflow-y:auto;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.18);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.user-events-panel{flex:1 1 auto;min-width:0;max-width:100%}.user-events-container::-webkit-scrollbar{height:6px}.user-events-container::-webkit-scrollbar-track{background:transparent}.user-events-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.35);border-radius:10px}.user-events-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.55)}.user-event-img{width:80%;max-height:180px;object-fit:cover;border-radius:12px;margin:8px 0}.page-body{padding-top:60px}.peeps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:18px;padding:20px;justify-content:center}.peep{width:100%;max-width:280px;height:520px;border:double antiquewhite;border-radius:12px;box-sizing:border-box;padding:8px;background-color:#3f411999;color:wheat;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.peep:hover{background-color:#6d712ccc;box-shadow:0 0 10px #0000004d;transform:scale(1.04)}.peep img{width:100%;height:160px;object-fit:cover;border-radius:10px}.peep-content{flex:1;padding-top:6px;text-align:center}.event-pics{display:flex;flex-direction:column;gap:6px;margin-top:8px;overflow-y:auto}.pic{width:80px!important;max-height:60%}.navbar{position:fixed;top:0;left:0;width:95%;display:flex;justify-content:space-between;align-items:center;padding:.1rem 1rem;color:#efe7e7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;overflow:visible;height:50px}.logo{height:100px;margin-top:25px}.menu-toggle{display:none;font-size:2rem;background:none;border:none;color:#fff}.nav-links{width:70%;list-style:none;display:flex;justify-content:space-between;gap:1.5rem}.nav-links li a{font-family:Impact,Arial Black,sans-serif;font-weight:900;color:#fafafa;text-decoration:none;text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;font-size:1.5rem;letter-spacing:4px;transition:.2s ease}.nav-links li a:hover{color:#c2cc99;text-decoration:underline}.nav-links li a.active{color:gold;text-decoration:underline;font-weight:700}.dropdown-menu{position:absolute;top:100%;left:0;border:1px solid #444;width:100%;z-index:1000;display:flex;flex-direction:column}.dropdown-menu button{width:100%;padding:10px;background:transparent;font-family:Impact,Arial Black,sans-serif;color:#0f0f0e;letter-spacing:2px;border:none;border-bottom:1px solid #444;text-align:center;box-sizing:border-box;cursor:pointer}.dropdown-menu button:hover{background-color:#90a9d2;color:#04021c;font-weight:bolder}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;width:fit-content;gap:1rem;align-items:center;padding:1rem}.nav-links.open{display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:-10px;background-color:#b1be66cc;border-radius:10px}.navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999999!important}.menu-toggle,.hamburger,#menu-toggle,.nav-toggle{position:relative!important;z-index:10000000!important;pointer-events:auto!important}.main-container,.message-container,.board-container{margin-top:90px!important}.input-field{position:sticky!important;bottom:0!important;z-index:2!important}}@media (max-width: 480px){.nav-links.open{top:100%}}.msg-backdrop{position:fixed;top:50%;left:50%;width:50%;height:15%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10}.msg-form{display:flex;flex-direction:column;background-color:transparent;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px;border-radius:5px;z-index:101}.msg-form h2{margin-bottom:20px;text-align:center;color:#599fe5}.msg-form input{margin-bottom:10px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:transparent;color:#599fe5}.msg-form button{padding:10px;background-color:#599fe5;color:#0a0606;border:none;border-radius:5px;cursor:pointer}.title{color:azure;background-color:#54475f}.chatroom-body{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:10px;height:calc(100vh - 120px);box-sizing:border-box}.main-container{height:100%;min-height:0;width:100%}.board-container,.message-container{border-style:double;display:flex;flex-direction:column;color:#080708;font-size:1.5rem;font-weight:500;padding:10px;box-sizing:border-box;min-height:0}.board-container{align-items:center;width:100%;overflow-y:auto}.board-container button{background-color:#6b6b6b66;color:#fff;border:double;border-radius:5px;padding:5px 10px;margin-top:10px;cursor:pointer;font-size:1rem;font-weight:500}.board-container button.active-room{color:#e4da22;background-color:#0000004d;border-color:#e4da22}.message-container{height:100%;min-height:0}.the-messages{flex:1;overflow-y:auto;padding-right:5px;min-height:0}.the-messages p{background-color:#9f9f9766;color:#080808}.schoolbell-regular{font-family:Schoolbell,cursive;font-weight:400;font-style:normal;word-break:break-word}.msg-edit{background-color:#9b9a9966;display:flex;justify-content:space-between}.boardrooms{overflow:auto}.input-field{display:flex;gap:10px;background:white;padding:10px;border-top:double;flex-shrink:0}@media (max-width: 768px){.chatroom-body{grid-template-columns:1fr;display:flex;flex-direction:column;gap:6px;padding:6px;height:100vh}.board-container{order:1;padding:6px;border-width:1px}.main-container{order:2;min-height:0}}@media (max-width: 768px){html,body{height:auto;overflow-y:auto;overscroll-behavior:auto}.main-container{display:flex;flex-direction:column;width:100%;margin-top:0!important;padding-top:0!important}.board-container{width:100%;order:1}.message-container{width:100%;order:2;display:flex;flex-direction:column;height:auto;overflow:visible!important;min-height:0}.the-messages{max-height:55vh;overflow-y:auto;min-height:0}.input-field{width:100%;position:sticky;bottom:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.event-body{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:20px;padding:20px;height:calc(100vh - 120px);box-sizing:border-box}.events-container{display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding-right:6px;min-height:0}.events-container h1{font-size:3rem;margin-bottom:2rem}.event-card{border-style:double;background-color:#5d5d5a33;padding:10px;border-radius:8px;box-sizing:border-box;transition:transform .12s ease}.event-card img{width:80%;height:80%;border-radius:28px;margin-bottom:10px}.event-card p{font-size:1rem;margin-bottom:1rem}.event-card button{background-color:#646460;color:#ede8e8;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:10px}.event-card button:hover{background-color:#a9ab9f}.event-card button:focus{outline:none}.event-card button:active{background-color:#878b5a}.event-card button:disabled{background-color:#ccc;cursor:not-allowed}.single-container{background-color:#d9cb624d;padding:10px;border-radius:15px;width:100%;position:sticky;top:90px;align-self:start;max-height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden;min-height:0}@media (max-width: 768px){.event-body{grid-template-columns:1fr;height:calc(100vh - 110px);gap:10px;padding:10px;box-sizing:border-box}.events-container{width:100%;display:flex;flex-direction:row;align-items:stretch;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:150px;padding:6px 6px 10px;box-sizing:border-box;min-height:0}.event-card{flex:0 0 210px;height:100%;padding:8px;border-radius:10px;overflow:hidden;scroll-snap-align:start;background-color:#5d5d5a33;border-style:double;box-sizing:border-box}.event-card img{width:100%;height:80px;object-fit:cover;border-radius:12px;margin-bottom:6px}.event-card p{font-size:.9rem;margin:0 0 6px;line-height:1.1}.event-card button{padding:.35rem .7rem;border-radius:10px;font-size:.9rem}.events-container::-webkit-scrollbar{height:8px}.events-container::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:10px}.events-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.22);border-radius:10px;border:2px solid rgba(255,255,255,.08)}.events-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.32)}.events-container{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.28) rgba(255,255,255,.06)}.single-container{position:relative;top:auto;height:calc(100vh - 290px);overflow-y:auto;overflow-x:hidden;padding:12px;border-radius:15px;background-color:#d9cb624d;min-height:0;box-sizing:border-box}.single-container::-webkit-scrollbar{width:8px}.single-container::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:10px}.single-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.22);border-radius:10px;border:2px solid rgba(255,255,255,.08)}.single-container img,.single-container video{max-width:100%;border-radius:12px;display:block}.single-container video{max-height:320px}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2147483647;pointer-events:auto}.login-form{width:min(420px,92vw);max-height:85vh;overflow:auto;display:flex;flex-direction:column;background-color:#0000001a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:20px;border-radius:12px;z-index:2147483647;border:double rgba(255,255,255,.35)}.login-form h2{margin-bottom:20px;text-align:center;color:#599fe5}.login-form input{margin-bottom:10px;padding:10px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background-color:#0003;color:#e5eaef}.login-form button{padding:10px;background-color:#599fe5;color:#0a0606;border:none;border-radius:10px;cursor:pointer}.modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;padding:16px;z-index:100;overflow-y:auto}.modal-content{border-style:double;width:min(520px,92vw);max-height:min(86vh,760px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:12px;z-index:101;align-items:stretch;box-sizing:border-box}.modal-content h2{margin:0 0 10px;text-align:center;color:#599fe5}.modal-content input,.modal-content textarea{width:100%;box-sizing:border-box;margin-bottom:10px;padding:10px;border:1px solid rgba(255,255,255,.25);border-radius:15px;background-color:#00000026;color:#e5eaef;outline:none}.modal-content textarea{border-radius:20px;min-height:90px;max-height:180px;resize:vertical;color:#599fe5}.modal-content input:focus,.modal-content textarea:focus{border-color:#599fe5bf;box-shadow:0 0 0 3px #599fe533}.modal-content button{padding:10px;background-color:#599fe5;color:#0a0606;border:none;border-radius:10px;cursor:pointer;width:100%}.modal-actions{display:flex;gap:10px}.modal-actions button{width:100%}.modal-content::-webkit-scrollbar{width:10px}.modal-content::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:rgba(89,159,229,.25);border-radius:10px;border:2px solid rgba(0,0,0,.18)}.modal-content::-webkit-scrollbar-thumb:hover{background:rgba(89,159,229,.45)}.modal-content{scrollbar-width:thin;scrollbar-color:rgba(89,159,229,.35) rgba(255,255,255,.06)}