:root{font-family:"Jersey 10",sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#ffffffde;background:linear-gradient(180deg,#090039,#5c148c,#540986,#6b209d,#085ba3);min-height:100vh;position:relative}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden;position:relative}@keyframes shootingStar{0%{transform:translate(-200px);opacity:1}to{transform:translate(2000px);opacity:0}}.star{position:absolute;top:0;left:0;width:2px;height:2px;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #ffffffb3;animation:shootingStar 9s linear infinite;opacity:0;z-index:0}.star{box-shadow:0 0 10px #ffffff80,0 0 20px #fff6}.landing-page{display:flex;justify-content:center;align-items:center;position:relative;font-family:"Jersey 10",sans-serif;animation:fadeIn 3s ease-out}.planet-container{position:relative;display:auto}.title{font-size:7rem;color:#fdfdfd;position:absolute;top:6%;width:100%;line-height:1.1;font-family:"Jersey 10",sans-serif;animation:pulse 08s ease-in-out infinite}.planet{width:500px;height:auto;z-index:0;object-fit:contain;animation:float 6s ease-in-out infinite}.rocket{top:10%;left:-10%}.helmet{top:9%;right:-10%}.frens{top:47%;left:107%}.store{top:45%;right:105%}.clan{bottom:2%;left:0%}.whistle{bottom:2%;right:0%}.messages{top:105%;right:45%}.icon{position:absolute;color:#fff;cursor:pointer;display:inline-block;text-align:center;animation:bob 20s ease-in-out infinite}.icon:hover{color:#9105b7;transform:scale(1.25);cursor:pointer}.icon:hover .tooltip{visibility:visible;opacity:1}.tooltip{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translate(-50%);color:#fff;font-size:15px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.top-buttons{position:fixed;top:975px;right:20px;display:flex;gap:20px;z-index:1000}.top-button{background-color:#a020f0;color:#fff;border:none;font-family:inherit;font-size:1.2rem;padding:15px 40px;border-radius:8px;cursor:pointer;transition:background-color .3s ease}.top-button:hover{background-color:#8b008b}.layout-container{display:flex;justify-content:flex-start;margin:0}.signup-container{display:flex;justify-content:center;align-items:center;position:relative;font-family:"Jersey 10",sans-serif;margin:50px}.signup-logo-container{display:auto;margin:0 auto}.logo-text{font-size:7rem;color:#ff0;position:absolute;top:6%;width:100%;line-height:1.1;font-family:"Jersey 10",sans-serif}.planet-logo{width:500px;height:auto;z-index:0;object-fit:contain;animation:float 6s ease-in-out infinite}.signup-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;font-family:"Jersey 10",sans-serif;color:#d3f114;margin:50px;width:100%;background-color:#9237cf;border-radius:10px;box-shadow:0 0 10px 5px #38035075}.signup-form-container h2{font-size:2rem;margin-bottom:1rem;color:#d3f114;text-align:center;font-family:"Jersey 10",sans-serif}.signup-form,.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;margin:20px}.login-textfield-email,.login-textfield-password,.signup-username-tf,.signup-email-tf,.signup-password-tf{font:inherit;border-radius:25px;width:100%;max-width:200px;height:30px;padding:5px 10px;font-size:1rem;letter-spacing:.2rem;border:2px solid #325f54;margin-bottom:1rem;color:#000;background-color:#fff}.form h1{font-size:2rem;margin-bottom:1rem}.form-input::placeholder{font-size:1.2rem;text-align:center}.login-button,.signup-button,.create-account-button,.go-to-login-btn{font:inherit;border-radius:25px;width:200px;max-width:200px;height:30px;text-align:center;border:2px solid #325f54;margin-bottom:1rem;color:#000;background-color:#fff;font-size:1.2rem}.login-button:hover,.signup-button:hover,.create-account-button:hover,.go-to-login-btn:hover{background-color:#4b15a1be;color:#d3f114}.navbar{display:flex;justify-content:space-between;align-items:center;padding:40px 15px;background:linear-gradient(to right,#000,#343434,#5c5c5c,#343434,#000);position:fixed;width:100%;top:0;left:0;z-index:9999}.logo{position:absolute;left:10.3%;top:-41%;transform:translate(-30%);display:flex;align-items:center}.logo a{font-size:4.5rem;font-weight:700;color:#fff;text-decoration:none;z-index:2100}.logo:hover a{color:#ececec}.nav-button{display:flex;position:absolute;background:#5c5c5ccc;color:#fff;padding:5px;font-size:1rem;cursor:pointer;border:clear;border-radius:4px;left:1%;z-index:2101}.nav-button svg{width:30px;height:30px;color:#fff}.nav-button:hover svg{color:#000}.profile-auth{position:absolute;right:45px;top:50%;transform:translateY(-45%)}.profile-icon{display:inline-block;transform:translate(-15px);transition:transform .3s ease-in-out,color .3s ease-in-out}.profile-btn{border:none;background:none;color:#fff;cursor:pointer;transition:transform .3s ease-in-out,color .3s ease-in-out}.profile-icon:hover{transform:translate(-15px) scale(1.3);color:#000}.side-menu{position:fixed;border:clear;top:80px;left:-380px;width:360px;height:66%;background-color:clear;transition:left .3s ease-in-out;z-index:2000;padding-top:85px}.nav-links{list-style:none;padding:10px;margin-top:-90px}.nav-links li{margin:.5% 0}.side-menu.open{left:0}.side-menu .nav-links a{display:flex;align-items:center;gap:15px;font-size:1.8rem;padding:16px 20px;text-decoration:none;font-weight:700;border:3px solid black;box-shadow:inset -6px -7px #00000080,0 4px 8px #0009;transition:transform .15s ease,background-color .2s ease;border-radius:3px;text-transform:uppercase}.side-menu .nav-links a:hover{transform:scale(1.02);filter:brightness(1.2);color:#f5f5f5}.nav-links .active-link{outline:2px solid rgb(0,0,0);color:#fff}.nav-home{background-color:#0096ff}.nav-market{background-color:#ff5733}.nav-party{background-color:#ffc300}.nav-chatbot{background-color:#00c49a}.nav-events{background-color:#ff33a6}.nav-dm{background-color:#8d33ff}.profile-pic-nav{width:6vh;height:6vh;border-radius:50%;margin-left:10px;margin-right:5px;object-fit:cover;border:2px solid #fff}.tooltip{background-color:#343434;border-radius:10px}.tooltip-content{display:flex;align-items:center;justify-content:center;gap:15px;flex-direction:column;padding:20px}.tooltip-content h1{font-size:1.8rem;color:#e0e0e0;margin:0;text-align:center}.tooltip-content h1:hover{color:#fff;text-decoration:underline}.sign-out-button{background-color:#ff4d4d;color:#fff;border:none;padding:12px 25px;font-size:1.1rem;cursor:pointer;border-radius:8px;transition:background-color .3s ease-in-out,transform .2s ease-in-out}.sign-out-button:hover{background-color:#e60000;transform:scale(1.08)}:root{--primary-bg: #5b168f;--secondary-bg: #3c006e;--accent-color: #eeff00;--neutral-bg: #888888;--border-radius: 10px;--small-font-size: 16px;--heading-font-size: 1.5rem;--body-font-color: #ffffff;--secondary-font-color: #cccccc;--base-spacing: 1rem;--small-spacing: .5rem;--box-shadow: 0 8px 25px rgba(0, 0, 0, .35);--fade-duration: .3s;--slide-duration: .4s}body{color:var(--body-font-color)}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--fade-duration) ease-in-out}.popup-container{width:95%;max-width:800px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);animation:slideUp var(--slide-duration) ease-out;background:linear-gradient(180deg,var(--secondary-bg),var(--primary-bg));color:var(--body-font-color)}.popup-container.profile-setup{max-height:85vh;display:flex;flex-direction:column}.popup-header{padding:.8rem 1.5rem;text-align:center;border-bottom:2px solid rgba(255,255,255,.1)}.popup-header h2{margin:0;font-size:var(--heading-font-size);color:var(--accent-color);margin-bottom:.3rem}.popup-header p{margin:0;font-size:var(--small-font-size);opacity:.9;line-height:1.3}.popup-form{padding:var(--base-spacing) 1.5rem;overflow-y:auto;max-height:60vh}.form-section.compact{margin-bottom:1rem}.form-section h3{color:var(--accent-color);font-size:1.1rem;margin-top:0;margin-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.3rem}.basic-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:.5rem}.game-selection-grid,.gaming-accounts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.form-group{margin-bottom:.5rem;display:flex;flex-direction:column}.game-select-container{position:relative}.game-select-button{width:100%;padding:.6rem;text-align:left;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:5px;color:var(--body-font-color);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.game-select-button:hover{background-color:#ffffff26;border-color:var(--accent-color)}.selector-icon{font-size:1rem;color:var(--accent-color);font-weight:700}.optional-label{font-size:.75rem;font-weight:400;color:#ffffffb3;margin-left:5px}.form-group.required label:after{content:"*";color:var(--accent-color);margin-left:3px}.form-group label{margin-bottom:.2rem;font-weight:700;font-size:.85rem}.form-group input,.form-group textarea,.form-group select{padding:.6rem;border-radius:5px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:var(--body-font-color);font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);background-color:#ffffff26}.compact-textarea{resize:none;min-height:60px}.form-group select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:.8em;padding-right:2rem}.form-group select option{background-color:var(--secondary-bg);color:var(--body-font-color)}.popup-actions{display:flex;justify-content:center;padding:.8rem 1.5rem;border-top:2px solid rgba(255,255,255,.1)}.popup-button{padding:.6rem 1.5rem;font-size:.95rem;font-weight:700;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;min-width:160px}.action-button{background:var(--neutral-bg);color:var(--body-font-color);font-weight:700;cursor:pointer;transition:background .3s ease-in-out,transform .3s ease}.action-button:hover{background:var(--accent-color);color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.popup-form::-webkit-scrollbar{width:6px}.popup-form::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.popup-form::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.popup-form::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 700px){.basic-info-grid,.gaming-accounts-grid,.game-selection-grid{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.popup-container.profile-setup{max-height:85vh}.popup-header{padding:.8rem 1rem}.popup-header h2{font-size:1.3rem}.popup-form,.popup-actions{padding:.8rem 1rem}.popup-button{width:100%}.basic-info-grid,.gaming-accounts-grid,.game-selection-grid{grid-template-columns:1fr}}.game-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-in-out}.game-popup-container{width:75%;max-width:600px;max-height:50vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--secondary-bg, #3c006e),var(--primary-bg, #5b168f));border-radius:var(--border-radius, 10px);overflow:hidden;box-shadow:var(--box-shadow, 0 8px 25px rgba(0, 0, 0, .35));animation:slideUp .4s ease-out;color:var(--body-font-color, #ffffff)}.game-popup-header{display:flex;justify-content:space-between;align-items:center;padding:.4rem .8rem;border-bottom:1px solid rgba(255,255,255,.1)}.game-popup-header h2{margin:0;font-size:1rem;color:var(--accent-color, #eeff00)}.game-popup-close{background:none;border:none;color:var(--body-font-color, #ffffff);font-size:1.2rem;cursor:pointer;transition:color .2s ease;padding:0;margin-left:10px;line-height:.8}.game-popup-close:hover{color:var(--accent-color, #eeff00)}.game-popup-toolbar{display:flex;flex-wrap:wrap;padding:.4rem .8rem;border-bottom:1px solid rgba(255,255,255,.1);gap:4px;align-items:center}.game-popup-search{flex:0 0 40%;min-width:100px}.game-popup-search input{width:100%;padding:.4rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:var(--body-font-color, #ffffff);font-size:.8rem;transition:all .2s ease}.game-popup-search input:focus{outline:none;border-color:var(--accent-color, #eeff00);background-color:#ffffff26}.game-popup-nav{flex:1 1 auto;display:flex;overflow-x:auto;gap:4px;align-items:center;padding:0 4px}.game-popup-nav-item{padding:.3rem .6rem;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fffc;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.game-popup-nav-item:hover{background:#ffffff1a;color:#fff}.game-popup-nav-item.active{background:#ef03;border-color:var(--accent-color, #eeff00);color:var(--accent-color, #eeff00)}.game-popup-nav::-webkit-scrollbar{height:2px}.game-popup-nav::-webkit-scrollbar-track{background:#ffffff0d}.game-popup-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.game-popup-content{padding:.6rem;overflow-y:auto;flex-grow:1}.game-popup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.7rem}.game-popup-card{background-color:#ffffff1a;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.game-popup-card:hover{transform:translateY(-2px);box-shadow:0 3px 10px #0000004d;background-color:#ffffff26}.game-popup-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#0000004d;position:relative}.game-popup-image img{width:100%;height:100%;object-fit:cover}.game-popup-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--accent-color, #eeff00);background-color:#0006}.game-popup-title{padding:.45rem;text-align:center;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-popup-loading,.game-popup-no-results{display:flex;justify-content:center;align-items:center;padding:1.5rem;height:120px;font-style:italic;color:#ffffffb3;font-size:.9rem}.game-popup-content::-webkit-scrollbar{width:4px}.game-popup-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.game-popup-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.game-popup-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.game-popup-container{width:80%;max-width:550px;max-height:45vh}.game-popup-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.6rem}}@media (max-width: 480px){.game-popup-container{width:90%;max-height:50vh}.game-popup-header{padding:.4rem .6rem}.game-popup-header h2{font-size:.9rem}.game-popup-content{padding:.5rem}.game-popup-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.game-popup-placeholder{font-size:1.3rem}.game-popup-title{padding:.4rem;font-size:.75rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.profileinfo-container{position:fixed;bottom:9px;left:18px;border:3px solid #000000;background:linear-gradient(to bottom,#d3d3d3,#fff);padding:55px 125px;border-radius:0;text-align:center;font-size:20px;width:90px}.profileinfo-container p{margin:10px 0;color:#000}.profileinfo-container button{font-size:20px;font-family:"Jersey 10",sans-serif;margin-top:10px;width:90%;padding:5px;background-color:#ff4d4d;color:#fff;border:none;cursor:pointer;border-radius:5px}.profileinfo-container button:hover{background-color:#c00}@media (max-width: 1206px){.profileinfo-container{padding:40px 100px;width:80px;font-size:15px}.profileinfo-container button{font-size:18px;padding:4px}}@media (max-width: 999px){.profileinfo-container{padding:60px 65px;width:70px;font-size:14px}.profileinfo-container button{font-size:16px;padding:3px}}@media (max-width: 900px){.profileinfo-container{padding:50px 48px;width:60px;font-size:13px}.profileinfo-container button{font-size:15px;padding:3px}}@media (max-width: 666px){.profileinfo-container{padding:45px 30px;width:50px;font-size:12px}.profileinfo-container button{font-size:14px;padding:2px}}.post-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:54.5vw;height:auto;min-height:10vh;padding:10px;border:1px solid #000000;background:linear-gradient(to bottom,#666,#d2d2d2);border-radius:10px 10px 0 0;position:fixed;top:83px;left:50%;transform:translate(-50%);z-index:0}.post-input-row{display:flex;flex-direction:row;align-items:flex-start;width:100%;gap:15px}.post-controls{display:flex;flex-direction:column;gap:1px}.post-content{font-size:13px;font-family:"Jersey 10",sans-serif;width:93%;height:85px;padding:10px;border-radius:0;border:1px solid #ddd;margin-bottom:auto;font-size:16px;display:flex;resize:none;text-align:left;justify-content:center;align-items:center;background-color:#fff;color:#303030;flex:1;z-index:0}.custom-file-button{background:#007bff;color:#fff;padding:8px 33px;border:none;cursor:pointer;border-radius:5px;font-size:16px;display:inline-block;margin-top:auto;margin-left:auto;margin-right:auto}.custom-file-button:hover{background-color:#0056b3}.post-image-info{font-size:18px;margin-top:auto;color:#303030;margin-left:auto;margin-right:auto}.post-button{font-size:16px;font-family:"Jersey 10",sans-serif;background:#007bff;color:#fff;padding:12px 55px;border:none;border-radius:5px;cursor:pointer;margin-top:auto;margin-left:auto;margin-right:auto;display:block}.post-button:hover{background:#0056b3}.post-image-input{display:none;position:absolute;opacity:0}.localevents-container{position:fixed;top:83px;left:calc(50% + 26.35vw);width:20.4vw;height:400px;padding:15px;border:3px solid #000000;background:linear-gradient(to bottom,#7a7a7a,#a7a7a7,#ededed);border-radius:0;transition:transform .3s ease;overflow:hidden}.localevents-container h1{margin:1px 0;text-align:center;font-size:30px}.localeventsscroll-box{width:100%;height:90%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:5px;padding-right:7px}.localeventsscroll-box::-webkit-scrollbar-thumb:hover{background:#555}.localevent-box{display:flex;align-items:center;background-color:#fff;color:#000;padding:5px;border:2px solid #000;font-size:16px;font-weight:700;width:100%;box-sizing:border-box}.localevent-content{display:flex;flex-direction:column;text-align:center}.media-container{position:fixed;top:29vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;width:56vw;height:calc(77vh - 50px);box-sizing:border-box;align-items:center;justify-content:flex-start;padding:15px;background:linear-gradient(to bottom,#737373,#a4a4a4,#d2d2d2,#fff);border:1px solid #000000;border-top:none;border-radius:0 0 10px 10px}.mediascroll-box{width:100%;height:100%;background-color:#d3d3d3;box-shadow:0 4px 10px #0000001a;border-radius:0;padding:5px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:20px}.media-box{display:flex;flex-direction:row;align-items:flex-start;background-color:#fff;color:#000;padding:5px;border:2px solid #000000;border-radius:0;font-size:20px;font-weight:700;width:100%;box-sizing:border-box}.media-box:hover{background-color:#cecece}.media-left{display:flex;flex-direction:column;justify-content:flex-start;width:50%;padding-right:20px;margin-right:-100px}.post-timestamp{position:absolute;top:8px;right:12px;font-size:12px;color:gray}.username{font-weight:700;font-size:25px;width:20%;margin-bottom:15px}.username:hover{color:#007bff;text-decoration:underline}.media-user-info{display:flex;align-items:center;gap:10px;border:1px black}.profile-pic{width:40px;height:40px;border-radius:50%;margin-left:10px;margin-right:5px;object-fit:cover;border:1px black}.mediapost-content{margin-top:auto}.media-image{height:200px;width:400px;object-fit:contain;border-radius:5px;margin-left:90px;flex-shrink:0;align-self:flex-start;margin-bottom:0}@media (max-width: 768px){.media-image{height:100px;width:100%}}.pagination-buttons{margin-top:9px}.pagination-buttons button{font-size:16px;font-family:"Jersey 10",sans-serif;margin:0;padding:12px 15px;border:none;background:#007bff;color:#fff;cursor:pointer;border-radius:5px;transition:background .3s}.pagination-buttons button:disabled{background:#ccc;cursor:not-allowed}.pagination-buttons button:hover:not(:disabled){background:#0056b3}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.popup-content{background:#fff;padding:2rem;border-radius:12px;position:relative;width:90%;max-width:400px}.white-background{background:#fff;color:#000}.blue-background{background:#007bff;color:#fff}.background-toggle-button{background-color:#ddd;color:#333;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.9rem;margin-bottom:1rem}.background-toggle-button:hover{background-color:#ccc}.close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer}.profile-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.popup-profile-pic{width:100px;height:100px;object-fit:cover;border-radius:50%}.popup-post-image{width:100%;margin-top:1rem;border-radius:10px}.popup-username{font-size:3rem}.user-bio{margin:1rem 0;font-size:1rem;text-align:center}.message-button{margin-top:1rem;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .3s,color .3s}.message-button-white{background-color:#007bff;color:#fff}.message-button-white:hover{background-color:#0056b3}.message-button-blue{background-color:#fff;color:#007bff}.message-button-blue:hover{background-color:#e6e6e6}.linked-services{margin-top:1.5rem;text-align:left}.linked-services h3{margin-bottom:.5rem;font-size:1.3rem;border-bottom:2px solid #ddd;padding-bottom:.3rem}.linked-services ul{list-style:none;padding:0;margin:0}.linked-services li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:1rem;border-bottom:1px solid #eee}.linked-services li strong{flex:0 0 120px;font-weight:600}.linked-services li span{flex:1;word-break:break-word}.favorite-games{margin-top:1.5rem;text-align:left}.favorite-games h3{margin-bottom:.5rem;font-size:1.3rem;border-bottom:2px solid #ddd;padding-bottom:.3rem}.favorite-games ol{margin:0;padding-left:1.5rem}.favorite-games li{margin-bottom:.5rem;font-size:1rem}.likes-section{display:flex;align-items:center;gap:10px;margin-top:5px}.like-button{background-color:#ff4d4d;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:16px}.like-button:hover{background-color:#c00}.like-count{font-size:16px;color:#333}.page-layout{position:relative;padding:0;margin:0;left:0;right:0}.preferences-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;text-align:left;gap:50px}.title-description{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;margin-left:60px;padding:0}.info-title{display:flex;align-items:center;gap:15px;margin:0;font-size:4rem;color:#d3f114}.title-description h2{font-size:2rem}.how-it-works{font-size:1.3rem}.highlight{color:#d3f114}.title-description p{text-align:left;margin:0;padding:0;font-size:1.3rem}.title-description ol{text-align:left;padding-left:20px}.title-description li{text-align:left}.start-button{font:inherit;cursor:pointer;background-color:#b567fa;border-radius:20px;width:160px;height:40px;display:flex;justify-content:center;align-items:center;border:none}.preferences-form-container{position:relative;top:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-right:80px;letter-spacing:.1rem;background-color:#f0f0f0;color:#000;padding:10px;border-radius:10px;box-shadow:#000 0 0 10px;overflow-y:hidden;max-width:1200px;max-height:600px}.preferences-form-wrapper{overflow-y:auto;height:100%;width:100%;box-sizing:border-box}.preferences-form{text-align:left;line-height:2.4;padding:20px;margin:0;height:100%;width:100%;box-sizing:border-box}.preferences-form h2{text-align:center}.preferences-form .button-container{text-align:center;width:100%}.preferences-form button{font:inherit;cursor:pointer;background-color:#b567fa;border-radius:20px;width:200px;height:30px;display:flex;justify-content:center;align-items:center;margin:0 auto}.preferences-form label{padding-bottom:0}.matches-layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:50px;align-items:start;justify-content:center;align-items:center;overflow-y:auto;height:100vh}@media (max-width: 1200px){.matches-layout{grid-template-columns:1fr;gap:30px}}@media (max-width: 768px){.matches-layout{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.matches-layout{grid-template-columns:1fr;gap:10px}}@media (max-height: 991px){.matches-layout{margin-top:50px}}@media (max-height: 776px){.matches-layout{margin-top:100px}}.screen-size{position:fixed;top:100px;right:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;z-index:1000}.decision-button{font:inherit;line-height:.8;font-size:7rem;background-color:transparent;border:none;cursor:pointer;color:#fff}.decision-button:hover{transform:scale(1.1)}.decision-button img{width:150px;height:150px}.No-match,.Yes-match{display:flex;flex-direction:column;align-items:center;justify-content:center}.No-match h1,.Yes-match h1{font-size:7rem;font-weight:700;margin:0;padding:0;line-height:1}.match-profiles-container{display:grid;place-items:center}.match-profile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#266bff,#a4e4ff);color:#000;max-height:800px;max-width:400px;border-radius:28px;margin-bottom:20px;grid-column:1;grid-row:1;z-index:1;opacity:0;transition:opacity .5s ease;cursor:grab}.match-profile:active{cursor:grabbing}.match-profile.active{opacity:1;z-index:2}@media (max-width: 1200px){.match-profile{max-width:350px;padding:15px}}@media (max-width: 760px){.match-profile{max-width:300px;padding:10px}}@media (max-width: 480px){.match-profile{max-width:250px;padding:5px}}.profile-picture{width:150px;height:150px;border-radius:50%;overflow:hidden;border:10px solid #ffcc00}.profile-information{display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1}.top-games,.Player-Type,.description-container{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;margin:0;padding:0}.top-games>*{margin:5px 0}.Player-Type>*{margin:5px 0}.description-container p{text-align:left}.top-5-games-input{background-color:#f9f9f9;color:#000;border:1px solid #ccc;padding:5px;width:100%}.top-5-games-input:hover{border-color:#888}.description-input-ta{width:100%;padding:8px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:#f9f9f9;color:#000}.preferences-description-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.description-textarea{width:100%;padding:8px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box;background-color:#f9f9f9;color:#000}.buttons-container{display:flex;flex-direction:row;gap:20px;margin-top:20px}.reload-button{padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:20px}.reload-button:hover{background-color:#45a049}.change-preferences-button{position:absolute;top:120px;left:20px;padding:5px 10px;font-size:16px;background-color:#b567fa;color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:999;font:inherit}.change-preferences-button:hover{background-color:#45a049}#root{height:100%;display:flex;justify-content:center;align-items:center}.chat-container{display:flex;flex-direction:column;width:60vw;height:calc(95vh - 55px);margin-top:75px;border:2px solid #333;border-radius:10px;background-color:#fcf9f9;box-sizing:border-box}.chat-header{display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#000,#292929,#484747);padding:10px;border-radius:10px 10px 0 0;color:#fff;font-size:18px}.chat-header h3{margin-left:10px;font-size:20px;margin-right:10px}.chat-box{flex-grow:1;overflow-y:auto;padding:10px;color:#fff;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.chat-user{align-self:flex-end;text-align:right;background-color:#0084ff;color:#fff;padding:8px;border-radius:8px;margin:5px;max-width:80%;word-wrap:break-word}.chat-bot{align-self:flex-start;text-align:left;background-color:#444;color:#fff;padding:8px;border-radius:8px;margin:5px;max-width:80%;word-wrap:break-word}.chat-input{display:flex;padding:10px;background-color:#222;box-sizing:border-box}.chat-input input{flex-grow:1;padding:10px;border:none;border-radius:5px}.chat-input button{padding:6px;border:none;border-radius:5px;background-color:#0084ff;color:#fff;cursor:pointer;margin-left:10px}html,body{margin:0;padding:0;height:100%}.dm-container{display:flex;width:95vw;height:calc(95vh - 55px);margin-top:75px;border:2px solid #333;border-radius:10px}.sidebar{width:25%;background-color:#2c2f33;color:#fff;padding:15px;display:flex;flex-direction:column;border-right:1px solid #444;overflow-y:auto;height:100%}h2{margin:0 0 10px;font-size:20px}.chat-item{padding:10px;border-radius:8px;cursor:pointer;margin-bottom:5px;background-color:#23272a;transition:background .2s ease-in-out}.chat-item:hover,.chat-item.active{background-color:#40444b}.chat-window{flex-grow:1;display:flex;flex-direction:column;background-color:#36393f;color:#fff;height:100%}.chat-header{background-color:#202225;padding:15px;font-size:18px;font-weight:700;text-align:center;border-bottom:1px solid #444}.chat-messages{flex-grow:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column}.message{max-width:75%;padding:10px;border-radius:8px;margin:5px 0;word-wrap:break-word}.sent{align-self:flex-end;background-color:#7289da}.received{align-self:flex-start;background-color:#40444b}.chat-input{display:flex;padding:10px;background-color:#202225;border-top:1px solid #444}.chat-input input{flex-grow:1;padding:10px;border:none;border-radius:5px;background-color:#40444b;color:#fff;outline:none}.chat-input button{padding:10px 15px;border:none;background-color:#7289da;color:#fff;margin-left:10px;border-radius:5px;cursor:pointer}.chat-input button:hover{background-color:#5b6eae}:root{--primary-bg: #5b168f;--secondary-bg: #3c006e;--accent-color: #eeff00;--neutral-bg: #888888;--border-radius: 10px;--base-gap: 15px;--base-padding: 15px;--title-font-size: 36px;--subtitle-font-size: 28px;--label-font-size: 18px;--button-font-size: 14px}body{margin:0;padding:0;height:100vh;overflow:hidden}.content-container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px;overflow:hidden}.account-page{box-sizing:border-box;display:grid;grid-template-areas:"pfp bio media-posts" "account-info games media-posts";grid-template-columns:minmax(100px,1.5fr) minmax(300px,2fr) minmax(100px,1fr);grid-template-rows:auto 1fr;gap:var(--base-gap);padding:var(--base-padding);background:linear-gradient(180deg,var(--secondary-bg),var(--primary-bg));height:90vh;max-height:900px;max-width:1200px;width:100%;margin:0 auto;color:#fff;border-radius:var(--border-radius);overflow:hidden}.profile-section{grid-area:pfp;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--base-gap);padding-top:20px;overflow-y:auto;max-height:100%}.profile-picture{width:130px;height:130px;overflow:hidden;border-radius:50%;background:var(--neutral-bg);border:2px solid white;flex-shrink:0}.profile-picture img{width:100%;height:100%;object-fit:cover}.Edit-or-genereate-pfp{display:flex;flex-direction:row;gap:10px}.action-button{background:var(--neutral-bg);color:#fff;font-size:var(--button-font-size);font-weight:700;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background .3s ease-in-out;margin:0 auto;display:block;flex-shrink:0}.action-button:hover{background:var(--accent-color);color:#000}.account-info-section{grid-area:account-info;background:var(--primary-bg);padding:15px;border-radius:var(--border-radius);display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.account-info-title{font-size:var(--title-font-size);font-weight:700;margin-bottom:5px;flex-shrink:0}.linked-services-title{font-size:var(--subtitle-font-size);flex-shrink:0}.error-message{color:red;font-weight:700;margin-bottom:10px;flex-shrink:0}.info-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:5px}.info-label{font-size:var(--label-font-size);font-weight:700;color:var(--accent-color);width:120px}.info-input{flex:1;padding:5px;border:none;border-radius:8px}.password-change-section{background:#ffffff0d;padding:15px;border-radius:var(--border-radius);margin-top:15px}.password-input-container{position:relative;margin-bottom:10px}.password-change-section .password-input-container .info-input{width:100%;padding:10px 40px 10px 10px;border:1px solid #ccc;border-radius:5px;background:#fff;color:#333;font-size:16px;transition:border-color .3s ease}.password-change-section .password-input-container .info-input:focus{outline:none;border-color:var(--accent-color)}.password-change-section .toggle-password-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:14px;color:#888}.password-change-section .password-buttons{display:flex;gap:10px;margin-top:10px}.password-change-section .password-buttons .action-button{padding:10px;font-size:16px}.password-change-section .password-buttons .cancel-button{background:#b22222;color:#fff}.password-change-section .password-buttons .cancel-button:hover{background:#a31d1d}.change-password-text{cursor:pointer;color:var(--accent-color);text-decoration:underline;font-size:var(--label-font-size)}.change-password-text:hover{cursor:pointer}.bio-section{grid-area:bio;background:var(--primary-bg);padding:15px;border-radius:var(--border-radius);display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.bio-title{font-size:var(--title-font-size);font-weight:700;margin-bottom:15px;flex-shrink:0}.bio-content{flex:1;overflow:visible;display:flex;flex-direction:column;gap:10px}.bio-input{width:100%;height:100%;min-height:100px;padding:5px;border:none;border-radius:5px;resize:none;background:transparent;color:var(--accent-color);font-size:var(--label-font-size);font-weight:700}.favoriteGames-section{grid-area:games;background:var(--primary-bg);padding:10px;border-radius:var(--border-radius);text-align:center;display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.favoriteGames-title{font-size:var(--title-font-size);font-weight:700;margin-bottom:15px;flex-shrink:0}.favoriteGames-content{display:flex;flex-wrap:wrap;justify-content:space-around;gap:15px;overflow-y:auto;padding-bottom:10px}.favorite-game{width:125px;aspect-ratio:125 / 187;border:2px solid var(--accent-color);background:var(--neutral-bg);border-radius:8px;overflow:hidden;cursor:pointer;transition:opacity .2s ease-in-out;flex-shrink:0}.favorite-game:hover{opacity:.8}.favorite-game img{width:100%;height:100%;object-fit:cover}.media-posts-section{grid-area:media-posts;background:var(--primary-bg);padding:15px;border-radius:var(--border-radius);display:flex;flex-direction:column;overflow-y:auto;max-height:100%}.media-posts-title{font-size:var(--title-font-size);font-weight:700;margin-bottom:15px;flex-shrink:0}.media-posts-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.posts-list{display:flex;flex-direction:column;gap:15px}.post-item{background:#ffffff1a;border-radius:8px;padding:15px;display:flex;flex-direction:column;gap:10px}.post-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.post-username{font-weight:700;color:var(--accent-color)}.post-date{font-size:.8em;color:#ffffffb3}.post-content{word-break:break-word;line-height:1.4}.post-attachment{width:100%;border-radius:6px;overflow:hidden;margin-top:5px}.post-attachment img{width:100%;max-height:300px;object-fit:cover}.post-actions{display:flex;justify-content:space-between;margin-top:10px}.post-like-button,.post-delete-button{display:flex;align-items:center;gap:5px;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;background:#ffffff1a;color:#fff;transition:background .2s ease}.post-like-button:hover,.post-delete-button:hover{background:#ff000080}.loading-posts{display:flex;justify-content:center;align-items:center;height:100px}.no-posts-message{text-align:center;color:#ffffffb3;padding:30px 0}.no-posts-message p{margin:5px 0}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:24px;color:#fff;background:linear-gradient(180deg,var(--secondary-bg),var(--primary-bg))}@media (max-width: 1024px){.account-page{grid-template-areas:"pfp bio" "account-info games" "media-posts media-posts";grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;height:calc(100vh - 40px)}.media-posts-section{grid-column:span 2}}@media (max-width: 768px){body{overflow-y:auto}.content-container{height:auto;padding:10px}.account-page{display:flex;flex-direction:column;gap:15px;height:auto;padding:15px;margin:20px 0}.profile-section,.account-info-section,.bio-section,.favoriteGames-section,.media-posts-section{max-height:none;overflow:visible;margin-bottom:15px}.bio-input{height:150px}.favoriteGames-content{max-height:400px;overflow-y:auto}.media-posts-content{max-height:500px;overflow-y:auto}}@media (max-height: 700px){.content-container{padding:10px}.account-page{gap:10px;padding:10px}.profile-picture{width:80px;height:80px}.account-info-title,.bio-title,.favoriteGames-title,.media-posts-title{font-size:22px;margin-bottom:8px}.info-label{font-size:14px}.bio-input{min-height:80px}.favorite-game{width:100px;aspect-ratio:100 / 150}}.prompt-input-container{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;width:100%;padding-top:10px;padding-bottom:10px;border-radius:var(--border-radius);background:var(--primary-bg)}.prompt-input{flex:1;padding:10px;border:none;border-radius:8px;width:38ch;max-width:100%;box-sizing:border-box}.action-button-generate{background:var(--neutral-bg);color:#fff;font-size:var(--button-font-size);font-weight:700;padding:5px 10px;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:background .3s ease-in-out;margin:0 auto;display:block;flex-shrink:0}.action-button-generate:hover{background:var(--accent-color);color:#000}.prompt-input-buttons{display:flex;gap:10px;margin-top:10px;justify-content:center;align-items:center;flex-direction:row}.generate-icon{color:var(--accent-color);padding:10px}.loading-animation{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.spinner{width:50px;height:50px;border:5px solid rgba(0,0,0,.1);border-top:5px solid var(--accent-color);border-radius:50%;box-sizing:border-box}@keyframes spin{to{transform:rotate(360deg)}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.marketplace-container{width:100%;height:100vh;padding:100px 50px 50px;box-sizing:border-box;display:flex;flex-direction:row}.product-listings-wrapper{flex-grow:1;display:flex;flex-direction:column;height:100%}.product-listings{flex-grow:1;padding:2rem;box-sizing:border-box;overflow-y:auto}.product-listings::-webkit-scrollbar{width:8px}.product-listings::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.product-listings::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.product-listings::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.product-listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;justify-content:center}@media (min-width: 1200px){.product-listings-grid{grid-template-columns:repeat(4,minmax(220px,1fr))}}@media (min-width: 1600px){.product-listings-grid{grid-template-columns:repeat(5,minmax(220px,1fr))}}@media (min-width: 1900px){.product-listings-grid{grid-template-columns:repeat(6,minmax(220px,1fr))}}.listing-card{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.listing-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.listing-picture{background-color:#e0e0e0;width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#555}.listing-info{background-color:#0074e4;color:#fff;padding:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}.listing-info h3{margin:0;font-size:1.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-price{display:flex;justify-content:space-between;align-items:center}.seller-price .seller{font-size:1.1rem}.seller-price .price{font-weight:700;font-size:1.2rem;color:gold}.listing-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.tag{background-color:#fff3;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8rem;transition:background-color .2s ease}.listing-card.placeholder{background-color:#ddd;display:flex;justify-content:center;align-items:center;color:#555;font-style:italic}.load-more-container{text-align:center;padding:1rem;box-sizing:border-box}.load-more-container button{background:var(--neutral-bg, #888888);color:#fff;font-size:18px;font-weight:700;padding:10px 15px;border:none;border-radius:var(--border-radius, 10px);cursor:pointer;transition:background .3s ease-in-out,transform .3s ease;margin:0 auto;display:block;font-family:inherit}.load-more-container button:hover{background:var(--accent-color, #eeff00);color:#000;transform:translateY(-2px)}.active-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px;background-color:#0074e41a;border-radius:8px}.active-search,.active-tag{display:flex;align-items:center;background-color:#0074e4;color:#fff;padding:6px 12px;border-radius:20px;font-size:.9rem;gap:8px}.active-search button,.active-tag button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-all-btn{background-color:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.no-results{text-align:center;padding:2rem;font-size:1.2rem;color:#666}.no-results button{margin-top:1rem;background-color:#0074e4;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.no-results button:hover{background-color:#044999}.item-page-container .loading-state,.item-page-container .error-state{background-color:#ffffffe6;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0000001a;text-align:center;width:80%;max-width:500px;margin:100px auto}.item-page-container .error-state{border-left:5px solid #f44336}.loading-state{display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner{border:4px solid rgba(0,116,228,.3);border-top:4px solid #0074e4;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.item-detail-description{font-size:22px;line-height:1.4;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2)}.filter-section{min-width:240px;max-width:300px;margin-top:35px;background:linear-gradient(135deg,#0074e4,#044999);padding:1.8rem 1.2rem;margin-right:1.5rem;border-radius:12px;color:#fff;box-shadow:0 8px 20px #00000040;align-self:flex-start;box-sizing:border-box;position:sticky}.filter-title{margin-bottom:1.2rem;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;padding-bottom:.8rem;cursor:pointer;transition:transform .3s ease,color .3s ease,text-shadow .3s ease}.filter-title:hover{color:#ff0;transform:scale(1.05)}.filter-title:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:#fff9;border-radius:1px}.search-bar{position:relative;margin-bottom:1.5rem;display:flex;align-items:center}.search-bar input{color:#000;width:100%;padding:.7rem 1rem .7rem 2rem;border-radius:6px;border:1px solid transparent;outline:none;font-size:.9rem;box-sizing:border-box;box-shadow:0 2px 6px #00000026;transition:all .2s ease;background-color:#fffffff2;padding-right:30px}.search-bar:before{content:"🔍";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6;pointer-events:none}.search-bar input:focus{box-shadow:0 2px 8px #0003;border-color:#ffffff4d;background-color:#fff}.search-clear-button{position:absolute;right:10px;background:none;border:none;color:#777;cursor:pointer;font-size:14px;padding:0}.search-clear-button:hover{color:#333}.create-listing-button{background-color:#fffffff2;margin:0 auto 12px;padding:8px 12px;border-radius:6px;font-weight:600;color:#044999;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.5px;font-size:.95rem;width:100%;box-shadow:0 2px 6px #00000026;transition:transform .3s ease,color .3s ease,text-shadow .3s ease}.create-listing-button:hover{background-color:#ffeb3b;transform:translateY(-2px);box-shadow:0 3px 8px #0003}.create-listing-button:active{transform:translateY(0);box-shadow:0 1px 3px #0003}.filter-group{background-color:#fffffff2;border-radius:10px;box-shadow:0 4px 10px #00000026;overflow:hidden;margin-top:1rem;transition:box-shadow .3s ease;max-height:70vh;overflow-y:auto}.filter-group:hover{box-shadow:0 6px 12px #0003}.collapsible-section{padding:.8rem 1.2rem;transition:background-color .2s ease}.collapsible-section:hover{background-color:#f0f0f0e6}.collapsible-section:not(:last-child){border-bottom:1px solid rgba(0,0,0,.08)}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0;transition:transform .2s ease}.section-header:hover h3{color:#0074e4}.section-header:active{transform:scale(.98)}.section-header h3{margin:0;font-size:1.1rem;color:#044999;font-weight:600;transition:color .2s ease}.toggle-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:#0449991a;color:#044999;font-size:1.1rem;font-weight:700;transition:all .2s ease}.section-header:hover .toggle-icon{background-color:#04499933}.section-list{list-style:none;margin:0;padding:.5rem 0 .5rem .8rem;max-height:300px;overflow-y:auto}.section-list::-webkit-scrollbar{width:6px;background-color:transparent}.section-list::-webkit-scrollbar-thumb{background-color:#0449994d;border-radius:3px}.section-list::-webkit-scrollbar-thumb:hover{background-color:#04499980}.section-list li{margin-bottom:.7rem;transition:transform .2s ease}.section-list li:hover{transform:translate(3px)}.section-list li label{font-size:.95rem;color:#444;cursor:pointer;display:flex;align-items:center;gap:8px}.section-list input[type=checkbox]{color:#000;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:16px;height:16px;border:2px solid #0074e4;border-radius:4px;outline:none;cursor:pointer;position:relative;transition:all .2s ease;margin-right:8px}.section-list input[type=checkbox]:checked{background-color:#0074e4;border-color:#0074e4}.section-list input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.section-list input[type=checkbox]:hover{border-color:#044999;box-shadow:0 0 0 2px #0074e433}.section-list label:hover{color:#0074e4}.tags-list{display:flex;flex-wrap:wrap;gap:8px;padding:.5rem 0}.filter-tag{background-color:#0074e41a;color:#044999;padding:5px 12px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:inline-block}.filter-tag:hover{background-color:#0074e44d;transform:translateY(-2px)}.filter-tag:active{transform:translateY(0)}.filter-tag.selected{background-color:#0074e4;color:#fff;animation:pulse .3s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.active-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;padding:10px;background-color:transparent;border-radius:5px}.active-tag,.active-search{display:flex;align-items:center;background-color:#0074e4;color:#fff;padding:5px 10px;border-radius:15px;font-size:14px}.active-tag button,.active-search button{background:none;border:none;color:#fff;margin-left:8px;cursor:pointer;font-weight:700}.active-tag button:hover,.active-search button:hover{transform:scale(1.2)}.clear-all-btn{background-color:#f44336;color:#fff;border:none;padding:5px 12px;border-radius:15px;cursor:pointer;font-size:14px;transition:background-color .2s}.clear-all-btn:hover{background-color:#d32f2f}.active-filters-sidebar{background-color:#fffffff2;border-radius:10px;padding:.8rem 1.2rem;margin-top:1rem;box-shadow:0 4px 10px #00000026}.active-filters-sidebar h3{margin:0 0 10px;font-size:1.1rem;color:#044999;font-weight:600}.active-filters-content{display:flex;flex-direction:column;gap:8px}.sidebar-active-tag,.sidebar-active-search{display:flex;justify-content:space-between;align-items:center;background-color:#0074e41a;padding:5px 10px;border-radius:6px;font-size:.9rem;color:#044999}.sidebar-active-tag button,.sidebar-active-search button{background:none;border:none;color:#f44336;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-all-filters-btn{width:100%;background-color:#f44336;color:#fff;border:none;padding:8px 0;border-radius:6px;margin-top:10px;cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .2s ease}.clear-all-filters-btn:hover{background-color:#d32f2f;transform:translateY(-2px)}.clear-all-filters-btn:active{transform:translateY(0)}.listing-modal{background:#fff;border-radius:16px;box-shadow:0 15px 40px #0000004d;width:90%;max-width:550px;animation:modalFadeIn .3s ease;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.listing-modal-header{background:linear-gradient(135deg,#0074e4,#044999);color:#fff;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1)}.listing-modal-header h2{margin:0;font-size:1.4rem;font-weight:600}.listing-form{padding:20px;overflow-y:auto;max-height:calc(90vh - 70px)}.form-group{margin-bottom:16px}.form-row{display:flex;gap:15px;margin-bottom:16px}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#333;font-size:.95rem}.required-indicator{color:#f44336;margin-left:3px}.listing-form input[type=text],.listing-form input[type=number],.listing-form textarea,.listing-form select{color:#000;width:100%;border:1px solid #ddd;border-radius:8px;padding:10px 12px;font-size:.95rem;transition:all .2s ease;background-color:#f9f9f9;box-sizing:border-box}.listing-form input[type=text]:focus,.listing-form input[type=number]:focus,.listing-form textarea:focus,.listing-form select:focus{border-color:#0074e4;box-shadow:0 0 0 3px #0074e426;outline:none;background-color:#fff}.listing-form textarea{min-height:100px;resize:vertical}.listing-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;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='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:35px}.listing-form input[type=file]{display:block;width:100%;padding:8px 0;color:#333;cursor:pointer;font-size:.95rem}.listing-form input[type=file]::file-selector-button{background-color:#f2f2f2;color:#444;border:1px solid #ddd;border-radius:4px;padding:8px 12px;margin-right:12px;cursor:pointer;transition:background-color .2s ease}.listing-form input[type=file]::file-selector-button:hover{background-color:#e0e0e0}.tag-selector-container{border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#f9f9f9;margin-bottom:20px}.tag-search{margin-bottom:10px}.tag-search input{width:100%;border:1px solid #ddd;border-radius:20px;padding:8px 15px;font-size:.9rem;background-color:#fff;transition:all .2s ease}.tag-search input:focus{border-color:#0074e4;box-shadow:0 0 0 3px #0074e426;outline:none;background-color:#f0f8ff}.tag-search input:not(:placeholder-shown){background-color:#f0f8ff;border-color:#0074e4}.tag-categories-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:8px}.category-tab{background:none;border:none;padding:5px 10px;border-radius:15px;font-size:.85rem;cursor:pointer;color:#666;transition:all .2s ease}.category-tab:hover{background-color:#0074e41a;color:#0074e4}.category-tab.active{background-color:#0074e4;color:#fff;font-weight:500}.selected-tags-container{margin-bottom:12px;min-height:35px;max-height:80px;overflow-y:auto;border:1px dashed #ccc;border-radius:6px;padding:8px;background-color:#fff}.selected-tags-list{display:flex;flex-wrap:wrap;gap:6px}.selected-tag{display:inline-flex;align-items:center;gap:3px;background-color:#0074e4;color:#fff;padding:4px 8px;border-radius:15px;font-size:.8rem}.selected-tag button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin-left:2px}.no-tags-selected{color:#999;font-style:italic;font-size:.9rem;display:flex;align-items:center;justify-content:center;height:25px}.available-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:150px;overflow-y:auto;padding:10px;border-radius:6px;background-color:#fff;border:1px solid #eee}.available-tags-grid::-webkit-scrollbar{width:6px;background-color:transparent}.available-tags-grid::-webkit-scrollbar-thumb{background-color:#0074e44d;border-radius:3px}.tag-option{background:none;border:1px solid #ddd;border-radius:15px;padding:4px 10px;font-size:.8rem;cursor:pointer;color:#444;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-option:hover{background-color:#0074e41a;border-color:#0074e4;color:#0074e4;transform:translateY(-2px)}.tag-option.selected{background-color:#0074e4;color:#fff;border-color:#0074e4}.no-tags-found{width:100%;text-align:center;color:#999;font-style:italic;padding:10px;font-size:.9rem}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:20px;border-top:1px solid #eee;padding-top:20px}.cancel-button{background-color:#f2f2f2;color:#666;border:none;padding:10px 16px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#e0e0e0;color:#333}.submit-button{background-color:#0074e4;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button:hover{background-color:#0063c1;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}@media (max-width: 768px){.filter-section{min-width:200px;margin-right:1rem;padding:1.5rem 1rem}.filter-title{font-size:1.4rem}.search-bar input{padding:.7rem 1rem .7rem 2rem}.create-listing-button{font-size:.9rem;padding:8px}}@media (max-width: 576px){.filter-section{min-width:100%;max-width:100%;margin-right:0;margin-bottom:1.5rem;position:static}.form-row{flex-direction:column;gap:16px}.listing-modal{width:95%;max-height:95vh}.tag-categories-tabs{gap:5px}.category-tab{padding:5px 10px;font-size:.8rem}.available-tags-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.tag-option{font-size:.75rem;padding:3px 8px}}.item-page-layout{display:flex;gap:1vw;justify-content:flex-start;align-items:flex-start;height:100vh;padding:20px;max-width:90vw;margin:0 auto;padding-top:15vh}.item-page-container{flex-grow:1;display:flex;justify-content:center;align-items:flex-start;height:100vh;width:100vw;padding-top:5vh}.item-detail-listing-card{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;border:1px solid #ccc;border-radius:12px;padding:30px;background:linear-gradient(180deg,#0074e4,#044999);box-shadow:0 6px 12px #00000026;width:100%;max-width:80vw}.item-detail-picture{display:flex;justify-content:center;align-items:center;width:100%;height:100%;max-width:350px;background-color:#f4f4f4;border-radius:8px;box-shadow:0 3px 6px #0000001a;overflow:hidden}.item-detail-picture img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;transition:transform .3s ease}.item-detail-picture img:hover{transform:scale(1.03)}.item-detail-info{flex:2;display:flex;flex-direction:column;gap:.6rem;background:linear-gradient(180deg,#0074e4,#044999);padding:15px;color:#fff;border-radius:8px}.item-detail-info h2{font-size:28px;margin:0 0 5px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.item-detail-description{font-size:22px;line-height:1.4;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.2);overflow-wrap:break-word;word-wrap:break-word;max-height:300px;overflow-y:auto}.item-detail-description::-webkit-scrollbar{width:6px}.item-detail-description::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.item-detail-tags{margin:10px 0}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.tag{background-color:#fff3;color:#fff;padding:5px 10px;border-radius:20px;font-size:.9rem;transition:background-color .2s ease}.tag:hover{background-color:#ffffff4d}.item-detail-username,.item-detail-condition,.item-detail-created-at{font-size:18px;margin:3px 0;opacity:.9}.item-detail-price{font-size:22px;color:#4dff4d;font-weight:700;margin:5px 0;text-shadow:1px 1px 1px rgba(0,0,0,.2)}.item-detail-info strong{color:gold;font-weight:600;margin-right:5px}@media (max-width: 768px){.item-detail-listing-card{flex-direction:column;padding:15px}.item-detail-picture{max-width:100%;margin-bottom:15px}.item-detail-description{font-size:18px}}.events-page{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;z-index:20001;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 10px #00000040}.events-cards-wrapper{overflow-y:auto;max-height:75vh}.events-cards-wrapper::-webkit-scrollbar{width:8px}.events-cards-wrapper::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.events-cards-wrapper::-webkit-scrollbar-track{background-color:#ffffff1a}.events-sidebar{min-width:35vh;max-width:40vh;margin-top:35px;background:linear-gradient(135deg,#0074e4,#044999);padding:1.8rem 1.2rem;margin-right:1.5rem;border-radius:12px;color:#fff;box-shadow:0 8px 20px #00000040;align-self:flex-start;box-sizing:border-box;position:sticky;top:20px;max-height:75vh;overflow:hidden}.events-cards-wrapper{overflow-y:auto;max-height:calc(75vh - 17rem);padding:.5rem;box-sizing:content-box}.events-cards-container{display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;box-sizing:border-box}.events-title{margin-bottom:1.2rem;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;padding-bottom:.8rem;transition:transform .3s ease,color .3s ease,text-shadow .3s ease;cursor:pointer}.search-bar input{color:#000;background-color:#ffffffe6;border:1px solid #cccccc;border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box}.create-event-button{background-color:#fffffff2;margin:0 auto 12px;padding:8px 12px;border-radius:6px;font-weight:600;color:#044999;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:.5px;font-size:.95rem;width:100%;box-shadow:0 2px 6px #00000026;transition:transform .3s ease,color .3s ease,text-shadow .3s ease}.events-filter{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:1rem}.events-filter-checkbox:checked{background-color:#0074e4;border-color:#044999}.events-filter-checkbox:hover{border-color:#888}.events-cards-container{display:flex;flex-direction:column;gap:1rem}.map-header{display:flex;flex-direction:row;justify-content:flex-start;margin-top:10px;font-size:large}.map-container{position:relative;z-index:0}.events-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;--background-color: rgba(255, 255, 255, .95);--color-text: #044999;background-color:var(--background-color);color:var(--color-text);border-radius:12px;margin:0;max-width:100%;text-align:left;box-sizing:border-box;padding:12px}.events-card.selected{border:2px solid #4285f4;background-color:#406ea2;color:#fff}.events-card-link h3:hover{text-decoration:underline;text-decoration-color:#0074e4}.events-card-content{width:100%}.events-card-header-and-date{display:flex;gap:1rem;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem;padding:0}.events-card-header-and-date h3{margin:0;font-size:1.3rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis}.events-card-header-and-date time{white-space:nowrap}.events-tags{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.5rem 0;width:100%}.tags{background-color:#0074e4;padding:.3rem .6rem;color:#fff;border-radius:8px;font-size:.8rem;text-align:center;white-space:nowrap;box-sizing:border-box;display:inline-block;flex:none;max-width:none}.events-location{padding:.5rem 0;word-break:break-word}.event-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.event-modal-container{background:#fff;border-radius:12px;padding:24px 28px;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0003;z-index:1000000}.event-modal-container::-webkit-scrollbar{width:8px}.event-modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.event-modal-container::-webkit-scrollbar-thumb{background:#0074e4;border-radius:8px}.event-modal-close{position:absolute;top:15px;right:15px;background:#f0f7ff;border:none;font-size:24px;height:36px;width:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#044999;transition:all .2s ease}.event-modal-close:hover{background:#044999;color:#fff}.event-modal-title{margin-top:0;margin-bottom:24px;text-align:center;color:#044999;font-size:1.8rem;font-weight:700;border-bottom:2px solid #e0eeff;padding-bottom:12px}.event-modal-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;row-gap:16px}.event-modal-form label{display:flex;flex-direction:column;font-weight:600;font-size:.95rem;color:#044999}.event-modal-form input,.event-modal-form textarea,.event-modal-form select,.time-input-display{margin-top:8px;padding:12px;border:1px solid #ccd6e0;border-radius:6px;font-size:.95rem;background-color:#f9fbfd;transition:all .2s ease}.event-modal-form input:focus,.event-modal-form textarea:focus,.event-modal-form select:focus,.time-input-display:focus{border-color:#0074e4;outline:none;box-shadow:0 0 0 3px #0074e41a;background-color:#fff}.state-dropdown{width:100%;height:42px;appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;cursor:pointer}.time-input-label,.time-input-container{position:relative}.time-input-display{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box}.time-icon{color:#0074e4}.time-picker-dropdown{position:absolute;top:calc(100% + 5px);left:0;width:260px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:100;padding:12px;border:1px solid #e0eeff}.time-picker-columns{display:flex;justify-content:space-between;gap:8px}.time-picker-column{flex:1;text-align:center}.am-pm-column{flex:.7}.time-picker-column-header{font-weight:600;font-size:.85rem;color:#044999;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #e0eeff}.time-picker-options{max-height:180px;overflow-y:auto;scrollbar-width:thin}.time-picker-options::-webkit-scrollbar{width:4px}.time-picker-options::-webkit-scrollbar-track{background:#f1f1f1}.time-picker-options::-webkit-scrollbar-thumb{background:#0074e4;border-radius:4px}.time-picker-option{padding:8px 0;cursor:pointer;transition:all .2s ease;border-radius:4px}.time-picker-option:hover{background-color:#f0f7ff}.time-picker-option.selected{background-color:#0074e4;color:#fff;font-weight:500}.time-picker-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:8px;border-top:1px solid #e0eeff}.time-picker-done-btn{background-color:#0074e4;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-weight:600;cursor:pointer;transition:all .2s ease}.time-picker-done-btn:hover{background-color:#0062c1}.description-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch}.description-container textarea{width:100%;box-sizing:border-box}.selection-container{grid-column:1 / -1;display:flex;gap:16px}.event-type-selector{background-color:#f0f7ff;padding:12px;border-radius:8px;border:1px solid #e0eeff;flex:0 0 auto;width:180px;align-self:flex-start}.event-type-label{font-weight:600;font-size:.95rem;color:#044999;margin-bottom:8px}.event-type-options{display:flex;flex-direction:column;gap:6px}.event-type-option{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:6px;transition:background-color .2s ease}.event-type-option:hover{background-color:#e0eeff}.event-type-option input[type=radio]{accent-color:#0074e4;width:18px;height:18px}.tag-selector-container{background-color:#f0f7ff;padding:12px;border-radius:8px;border:1px solid #e0eeff;flex:1}.tag-selector-label{font-weight:600;font-size:.95rem;color:#044999;margin-bottom:8px}.event-modal-form .tags-container{display:flex;flex-wrap:wrap;gap:8px;max-height:90px;overflow-y:auto;padding:10px;border:1px solid #e0eeff;border-radius:6px;background-color:#fff}.event-modal-form .tag-item{background-color:#0074e4;border-radius:16px;padding:4px 10px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease;color:#fff}.event-modal-form .tag-item:hover{background-color:#0062c1}.event-modal-form .tag-item.selected{background-color:#044999;color:#fff;font-weight:500;box-shadow:0 2px 4px #0074e44d}.event-modal-form .remove-tag{display:flex;align-items:center;justify-content:center;margin-left:4px}.event-modal-buttons{display:flex;justify-content:flex-end;gap:12px;grid-column:1 / -1;border-top:1px solid #e0eeff;padding-top:20px;margin-top:20px}.event-modal-cancel{padding:12px 20px;background-color:#f5f7fa;border:1px solid #ccd6e0;border-radius:6px;cursor:pointer;font-weight:600;color:#555;transition:all .2s ease}.event-modal-cancel:hover{background-color:#e5e9ef}.event-modal-submit{padding:12px 24px;background-color:#0074e4;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:all .2s ease}.event-modal-submit:hover{background-color:#0062c1}.create-event-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#0074e4;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}.create-event-button:hover{background-color:#0062c1}.error-message{color:#e53935;background-color:#ffebee;padding:10px;border-radius:6px;margin-bottom:16px;font-weight:500}@media (max-width: 768px){.event-modal-form{display:flex;flex-direction:column;gap:16px}.selection-container{flex-direction:column}.event-type-selector{width:100%;margin-bottom:16px}.event-type-options{flex-direction:row;justify-content:space-around;padding:0 10px}.tags-container{max-height:120px}.state-dropdown{width:100%}.event-modal-container{padding:20px 16px;width:95%}.event-modal-buttons{flex-direction:column}.event-modal-cancel,.event-modal-submit{width:100%;text-align:center}}.custom-autocomplete{position:relative;width:100%}.place-autocomplete{width:100%;margin-bottom:8px;padding:12px;border:1px solid #ccd6e0;border-radius:6px;font-size:.95rem;background-color:#f9fbfd;color:#044999;box-sizing:border-box}.place-autocomplete:focus{border-color:#0074e4;outline:none;box-shadow:0 0 0 3px #0074e41a;background-color:#fff}.autocomplete-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ccd6e0;border-radius:6px;box-shadow:0 4px 20px #00000026;z-index:1000;max-height:200px;overflow-y:auto;scrollbar-width:thin}.autocomplete-item{padding:10px 12px;font-size:.95rem;color:#044999;cursor:pointer}.autocomplete-item:hover{background-color:#f0f7ff}.autocomplete-item.selected{background-color:#f1f5f9}.autocomplete-input-container{position:relative;display:flex;align-items:center}.clear-autocomplete-button{position:absolute;right:10px;background:none;border:none;font-size:1.2rem;color:#999;cursor:pointer;padding:0}.clear-autocomplete-button:hover{color:#333}.postdetails-container{position:fixed;top:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;width:56vw;height:calc(100vh - 120px);box-sizing:border-box;align-items:center;justify-content:flex-start;padding:15px;background:linear-gradient(to bottom,#737373,#a4a4a4,#d2d2d2,#fff);border:1px solid #000000;border-radius:10px}.postdetails-scrollbox{width:100%;height:100%;background-color:#d3d3d3;padding:10px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 10px #0000001a;border-radius:8px}.postdetails-box{background-color:#fff;padding:10px;border:2px solid #000;font-size:20px;font-weight:700;color:#000;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.postdetails-user-info{display:flex;align-items:center;gap:10px;margin-bottom:10px}.postdetails-profile-pic{width:50px;height:50px;object-fit:cover;border-radius:50%;border:1px solid #000}.postdetails-username{font-size:24px;margin:0;color:#000}.postdetails-image{width:100%;max-height:400px;object-fit:contain;border-radius:5px;margin-top:10px}.comments-section{background-color:#f0f0f0;border:2px solid #000;border-radius:5px;padding:15px;width:100%;box-sizing:border-box;color:#000}.comment-box{background-color:#fff;padding:10px;margin-bottom:10px;border:2px solid #000;border-radius:0;color:#000;font-size:18px;font-weight:400}.new-comment-form{display:flex;flex-direction:column;margin-top:15px}.new-comment-form textarea{resize:none;padding:10px;font-size:16px;border-radius:5px;border:2px solid #000;background-color:#fff;color:#000;margin-bottom:10px;width:100%;box-sizing:border-box}.new-comment-form button{align-self:flex-end;padding:8px 16px;font-size:16px;background-color:#07c;color:#fff;border:none;border-radius:5px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.new-comment-form button:hover{background-color:#005fa3}.back-button{align-self:flex-start;padding:8px 12px;background-color:#444;color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer}.back-button:hover{background-color:#222}.like-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;gap:4px;font-size:1.1em;color:#000}html,body{height:100%;margin:0;overflow:hidden}.event-detail-page{display:flex;flex-direction:column;height:77.2vh;margin:0}.event-info-container{flex:0 0 55%;background:linear-gradient(135deg,#0074e4,#044999);padding:20px 90px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;box-sizing:border-box}.event-text-content{display:flex;flex-direction:column;justify-content:center;flex:1}.event-name{font-size:2rem;font-weight:700;margin-bottom:10px}.event-organizer{font-size:1.1rem;color:#555;margin-bottom:8px}.event-name,.event-organizer{color:#fff;text-align:left;margin-left:0;width:100%}.event-description{font-size:1rem;color:#d8d8d8}.event-image-container{display:flex;flex-direction:column;align-items:center}.event-image{width:200px;height:120px;object-fit:cover;border-radius:8px;margin-left:40px}.rsvp-button{margin-top:20px;margin-right:-40px;padding:10px 20px;background-color:#004cff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.rsvp-button:hover{background-color:#457dff}.rsvp-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.rsvp-modal-content{background-color:#fff;padding:30px;border-radius:10px;width:300px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;align-items:center;position:relative}.rsvp-close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:2rem;color:#000;cursor:pointer}.rsvp-close-button:hover{color:#f44336}.rsvp-modal input{width:100%;padding:8px;margin:10px 0;border-radius:5px;border:1px solid #ccc}.rsvp-submit-button{margin-top:45px}.rsvp-modal .rsvp-submit-button{padding:10px 20px;background-color:#004cff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.rsvp-modal .rsvp-submit-button:hover{background-color:#457dff}.event-map-container{background-color:#fff;padding:5px 5px 6px;border:0px solid #ffffff;margin-top:-15px;height:330px;display:flex;justify-content:center;align-items:center}.online{width:100%;height:100%;object-fit:contain;border-radius:12px}.rsvp-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.rsvp-modal-content{background-color:#f0f0f0;color:#000;padding:2rem;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 16px #0003;position:relative}.rsvp-close-button{position:absolute;top:.75rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#000;cursor:pointer}.rsvp-submit-button,.rsvp-button,.guest-list-button{background-color:#007bff;color:#fff;border:none;padding:.6rem 1.2rem;font-size:1rem;border-radius:8px;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.rsvp-submit-button:hover,.rsvp-button:hover,.guest-list-button:hover{background-color:#0056b3}.rsvp-modal-content input{width:100%;padding:.6rem;margin-top:.5rem;margin-bottom:1rem;border-radius:6px;border:1px solid #ccc}.rsvp-modal-content ul{max-height:200px;overflow-y:auto;padding-left:1rem}.rsvp-modal-content li{padding:.5rem 0;border-bottom:1px solid #ddd}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.dm-button{z-index:50;position:fixed;bottom:5px;right:30px;color:#fff;font-size:3vw;cursor:pointer;transition:transform .2s ease-in-out,font-size .2s ease-in-out}.dm-button:hover{transform:scale(1.15);color:#d3d3d3}