body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;font-family:Roboto,sans-serif;height:100vh;line-height:1.6;overflow:hidden}.dark-mode{background-color:#1e1e1e;color:#fff}.homepage-container{grid-gap:5px;display:grid;grid-template-columns:1fr 3fr 1fr;grid-template-rows:auto 1fr;height:100vh;margin:0 auto;max-width:1200px;padding:15px}.top-bar{align-items:center;background-color:#24292e;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;grid-column:1/span 3;justify-content:space-between;margin-top:-15px;padding:10px}.brand-name{font-size:1.5rem;font-weight:700;margin-left:10px;text-transform:uppercase}.top-bar-right{align-items:center;display:flex;gap:10px}.icon-btn{font-size:1.2rem;transition:color .3s ease}.icon-btn:hover{color:#ddd}.profile-pic{border-radius:50%;cursor:pointer;height:35px;width:35px}.search-form{width:150px}.search-bar{border:none;border-radius:8px;font-size:.9rem;padding:6px;width:100%}.notification-badge{background-color:#e74c3c;border-radius:50%;color:#fff;font-size:.7rem;margin-left:5px;padding:2px 6px}.notifications-dropdown{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;padding:10px;position:absolute;right:20px;top:50px;width:200px;z-index:100}.notification{cursor:pointer;font-size:.9rem;padding:8px;transition:background-color .3s ease}.notification:hover{background-color:#f1f1f1;border-radius:5px}.dropdown-menu{background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0003;padding:10px;position:absolute;right:0;top:50px;width:150px;z-index:100}.dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px;transition:background-color .3s ease}.dropdown-item:hover{background-color:#f1f1f1;border-radius:5px}.left-menu{background-color:#f0f4f8;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;padding:15px;text-decoration:none;transition:transform .3s ease}.left-menu:hover{transform:translateX(-5px)}.left-menu a,.left-menu:hover{text-decoration:none}.left-menu::-webkit-scrollbar{display:none}.menu-toggle-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;margin-right:10px;padding:8px}.menu-item{align-items:center;background-color:#080a2c;border-radius:8px;color:#6a706a;cursor:pointer;display:flex;font-size:1.1rem;padding:12px 16px;transition:color .3s ease,background-color .3s ease;width:100%}.menu-item:hover{background-color:#e3f2fd;border-radius:5px;color:#2069b7}.menu-item.active{color:#1162b8;font-weight:700}.menu-item .icon{font-size:1.4rem}a.menu-item{color:#dcd5e1;text-decoration:none}.icon{font-size:1.2rem;margin-right:8px}.featured-communities{border-top:1px solid #2f2f4f;flex-shrink:0;margin-top:auto;padding:1rem 0}.community-list{grid-gap:.5rem;display:grid;gap:.5rem;margin-bottom:.5rem}.community-item{align-items:center;background:#2f2f4f;border-radius:8px;display:flex;gap:.8rem;padding:.6rem;transition:background .2s ease}.community-item:hover{background:#3a3a5a}.community-icon{color:#7d5fff;flex-shrink:0;font-size:1.2rem}.community-name{color:#fff;flex:1 1;font-size:.9rem}.member-count{color:#a0a0c0;font-size:.8rem;padding-left:.5rem}.see-more-btn{align-items:center;background:none;border:1px solid #2f2f4f;border-radius:8px;color:#7d5fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.6rem;transition:all .2s ease;width:100%}.see-more-btn:hover{border-color:#7d5fff}.profile-summary{align-items:center;border-top:1px solid #2f2f4f;display:flex;flex-shrink:0;gap:.8rem;margin-top:auto;padding-top:1rem}.main-content{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 80px);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.main-content::-webkit-scrollbar{display:none}.post-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffea;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.post-box-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.profile-pic-post{border:2px solid #3b82f6;height:48px;width:48px}.post-input{background:#0000;border:none;border-radius:8px;color:inherit;flex:1 1;font-size:1.1rem;padding:1rem;transition:all .3s ease}.post-input::placeholder{color:#94a3b8}.post-input:focus{background:#ffffff08;box-shadow:0 0 0 2px #3b82f6}.media-preview{border-radius:12px;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:transform .2s ease}.media-preview:hover{transform:translateY(-2px)}.preview-media{border-radius:12px;max-height:400px;object-fit:contain;width:100%}.remove-media-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.remove-media-btn:hover{background:#fff3;transform:scale(1.1)}.post-options{gap:.5rem;margin-bottom:1.5rem}.option-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:inherit;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.option-btn:hover{background:#3b82f61a;border-color:#3b82f6}.option-btn svg{color:#3b82f6}.new-post-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;box-shadow:0 2px 4px #3b82f626;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.new-post-btn:hover{box-shadow:0 4px 8px #3b82f633;transform:translateY(-1px)}.new-post-btn:active{box-shadow:0 1px 2px #3b82f633}.new-post-btn:before{background:linear-gradient(120deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.new-post-btn:hover:before{left:100%}.new-post-btn span{font-size:.9rem;position:relative;z-index:1}.new-post-btn svg{font-size:1.1rem;position:relative;transition:transform .3s ease;z-index:1}.new-post-btn:hover svg{transform:scale(1.1) rotate(90deg)}.new-post-btn.loading{background:linear-gradient(135deg,#3b82f6,#6366f1);pointer-events:none}.new-post-btn.loading:after{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;width:16px}.new-post-btn.loading span{visibility:hidden}@keyframes spin{to{transform:rotate(1turn)}}.new-post-btn.success{background:linear-gradient(135deg,#10b981,#059669)}.new-post-btn.success svg{animation:checkmark .5s ease forwards;transform:scale(0)}@keyframes checkmark{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}.warning{animation:slideIn .3s ease;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;margin-bottom:1.5rem;padding:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.warning{background-color:#fdd;border:1px solid #d8000c;border-radius:4px;color:#d8000c;margin:10px 0;padding:10px;text-align:center}.profile-pic-post{border:2px solid #e0e0e0;border-radius:50%;height:40px;object-fit:cover;width:40px}.post-input{background-color:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;color:#000;font-size:1rem;min-height:100px;padding:12px 16px;resize:none;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.post-input:focus{border-color:#007bff;box-shadow:0 0 10px #007bff4d;outline:none}.post-input::placeholder{color:#999;transition:opacity .3s ease}.post-input:focus::placeholder{opacity:.5}.post-options-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px;transition:color .3s ease}.post-options-btn:hover{color:#333}.post-options{display:flex;gap:40px;justify-content:center;margin-bottom:15px}.option-btn{align-items:center;background-color:#2d5580;border:none;border-radius:8px;box-shadow:0 2px 4px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:4px;padding:6px 12px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.option-btn:hover{background-color:#0056b3;box-shadow:0 4px 6px #007bff4d;transform:translateY(-1px)}.option-btn:active{transform:translateY(0)}.voice-btn{background:none;border:none;color:#666;cursor:pointer;font-size:16px;transition:color .3s ease}.voice-btn:hover{color:#0056b3}.new-post-btn{align-items:center;background:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:5px;justify-content:center;padding:10px;transition:background .3s ease;width:100%}.new-post-btn:hover{background:#0056b3}.new-post-btn:active{transform:translateY(0)}.image-preview{margin-bottom:15px;position:relative}.preview-image{border-radius:10px;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .3s ease;width:30px}.remove-image-btn:hover{background-color:#000000e6}.feed{display:flex;flex-direction:column;gap:10px}.feed::-webkit-scrollbar{display:none}.post{background-color:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:0;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.post:hover{box-shadow:0 4px 15px #0003;transform:translateY(-5px)}.post-header{border-bottom:1px solid #eee;justify-content:space-between;padding:15px}.post-author,.post-header{align-items:center;display:flex}.post-author{gap:10px}.post-author-pic{border-radius:50%;height:40px;object-fit:cover;width:40px}.post-author-info{display:flex;flex-direction:column}.post-author-name{color:#000;font-size:14px;font-weight:700}.post-time{color:#777;font-size:12px}.post-text{color:#333;font-size:14px;line-height:1.5;padding:15px}.post-media{border-bottom:1px solid #eee;border-top:1px solid #eee;max-height:400px;object-fit:cover;width:100%}.post-content{border-radius:10px;margin-top:8px;padding:15px}.post-stats{color:#777;display:flex;font-size:12px;justify-content:space-between}.post-interactions{border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:10px 0}.post-interactions button{align-items:center;border:none;cursor:pointer;display:flex;font-size:14px;gap:5px}.post-interactions button:hover{color:#333;transform:scale(1.1)}.post-interactions button.active{color:#007bff}.post.flagged{border-radius:12px;overflow:hidden}.post-content.blurred{filter:blur(8px);opacity:.7;pointer-events:none;transition:all .3s ease;-webkit-user-select:none;user-select:none}.flag-overlay{align-items:center;background:#ffffffd9;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.flag-alert{animation:alert-entrance .6s cubic-bezier(.18,.89,.32,1.28);background:#fff0f0;border:2px solid #f44;border-radius:12px;box-shadow:0 10px 30px #f443;max-width:300px;padding:2rem;text-align:center}@keyframes alert-entrance{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.warning-icon{animation:icon-float 2s ease-in-out infinite;font-size:2.5rem;margin-bottom:1rem}.flag-alert h3{color:#d32f2f;font-size:1.4rem;margin:0 0 .5rem}.flag-alert p{color:#666;font-size:.9rem;margin:0}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.post.flagged:hover .post-content.blurred{filter:blur(4px);opacity:.9}.flag-alert{align-items:center;background-color:#ffeef0;border:1px solid #ffd1d9;border-radius:8px;color:#d72323;display:flex;font-size:.9rem;margin:10px 0;padding:1rem}.flag-alert:before{content:"⚠️";font-size:1.2rem;margin-right:10px}.post.flagged{background-color:#fff8f8;opacity:.7;position:relative}.post.flagged:after{background:repeating-linear-gradient(-45deg,#0000,#0000 10px,#ff00000d 0,#ff00000d 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.upvote-btn{align-items:center;background:linear-gradient(45deg,#4caf50,#81c784);background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:background-color .3s ease,transform .2s ease}.upvote-btn:hover{background-color:#45a049;transform:translateY(-2px)}.upvote-btn:active{background-color:#059669;transform:translateY(0)}.upvote-btn svg{font-size:.8rem;.upvote-btn:active svg{animation:bounce .3s ease}}.downvote-btn{align-items:center;background:linear-gradient(45deg,#594caf,#8281c7);background-color:#574caf;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:4px;padding:4px 8px;transition:background-color .3s ease,transform .2s ease}.downvote-btn:hover{background-color:#4945a0;transform:translateY(-2px)}.downvote-btn:active{background:#080a2c;transform:translateY(0)}.downvote-btn svg{font-size:.8rem;.downvote-btn:active svg{animation:bounce .3s ease}}.comments-section{background-color:#fcfcfc;border:1px solid #e0e0e0;border-radius:4px;font-size:.85rem;margin-top:6px;overflow:hidden;padding:4px;position:relative;transition:max-height .3s ease}.comments-section.collapsed{max-height:50px}.comments-section.collapsed:after{background:linear-gradient(#0000,#fcfcfcf2);bottom:2px;content:"Show more comments";cursor:pointer;display:block;font-size:.8rem;font-weight:700;left:0;padding:2px 0;position:absolute;right:0;text-align:center}.comments-section .comment{align-items:flex-start;border-bottom:1px solid #eaeaea;display:flex;margin-bottom:4px;padding:2px 4px}.comments-section .comment:last-child{border-bottom:none}.comment-profile-pic{border-radius:50%;height:24px;margin-right:6px;width:24px}.comment-details{flex:1 1}.comment-input-container{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;margin-top:4px;padding:2px}.comment-input{border:none;flex:1 1;font-size:.85rem;outline:none;padding:4px 6px}.comment-text{margin-top:0}.comment-btn{background:#0000;color:#555;padding:6px 12px;transition:background-color .2s ease,color .2s ease}.comment-btn:hover{background-color:#f0f2f5}.dark-mode .comment-btn:hover{background-color:#343a40}.comment-btn.active{color:#007bff;font-weight:500}.post-interactions button svg{font-size:16px}.comment-btn{align-items:center;background:linear-gradient(45deg,#4c84af,#81a5c7);background-color:#4c75af;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:4px;padding:4px 8px;transition:background-color .3s ease,transform .2s ease}.comment-btn:hover{background-color:#4945a0;transform:translateY(-2px)}.comment-btn:active{transform:translateY(0)}.comment-btn svg{font-size:.8rem;.comment-btn:active svg{animation:bounce .3s ease}}.share-btn{color:#246b76}.share-btn:hover{color:#1c5058}.bookmark-btn{color:#4c4c66}.bookmark-btn:hover{color:#4a4024}.right-sidebar{background:#232335;border-left:1px solid #2f2f4f;border-radius:10px;display:flex;flex-direction:column;gap:2rem;height:100vh;overflow-y:auto;padding:1.5rem;position:sticky;top:0;width:250px}.section-header{align-items:center;border-bottom:2px solid #2f2f4f;color:#7d5fff;display:flex;font-size:1.1rem;gap:.8rem;margin-bottom:1.5rem;padding:.5rem 0}.header-icon{font-size:1.3rem}.filter-icon{cursor:pointer;margin-left:auto;transition:transform .2s ease}.filter-icon:hover{transform:rotate(90deg)}.feed-item{background:#2f2f4f;border-radius:12px;margin-bottom:1.2rem;padding:1rem;transition:transform .2s ease}.feed-item:hover{transform:translateY(-2px)}.trend-meta{color:#a0a0c0;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.trend-text{font-size:.95rem;line-height:1.4;margin:.8rem 0}.engagement-metrics{align-items:center;color:#7d5fff;display:flex;font-size:.8rem;justify-content:space-between}.save-btn{background:none;border:none;color:#a0a0c0;cursor:pointer;transition:color .2s ease}.save-btn:hover{color:#7d5fff}.space-card{background:#2f2f4f;border-radius:12px;margin-bottom:1rem;padding:1rem}.space-header{align-items:center;display:flex;gap:1rem;margin-bottom:.8rem}.space-icon{color:#7d5fff;font-size:1.8rem}.space-info h4{font-size:1rem;margin:0}.space-info p{color:#a0a0c0;font-size:.8rem;margin:0}.join-space-btn{align-items:center;background:#4a2f7f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.6rem;transition:background .2s ease;width:100%}.join-space-btn:hover{background:#7d5fff}.space-preview{border-top:1px solid #2f2f4f;font-size:.9rem;padding-top:.8rem}.context-help{background:#2f2f4f;border-radius:12px;margin-top:auto;padding:1.5rem;text-align:center}.help-icon{color:#7d5fff;font-size:2rem;margin-bottom:.8rem}.quick-help-btn{background:#4a2f7f;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:1rem;padding:.8rem 1.5rem;transition:background .2s ease;width:100%}.quick-help-btn:hover{background:#7d5fff}.right-sidebar::-webkit-scrollbar{width:6px}.right-sidebar::-webkit-scrollbar-track{background:#1a1a2f}.right-sidebar::-webkit-scrollbar-thumb{background:#4a2f7f;border-radius:4px}@media (max-width:768px){.homepage-container{grid-gap:8px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:8px}.top-bar{flex-direction:column;gap:10px}.menu-item{font-size:1rem;margin:6px 0;padding:10px 12px}.menu-item .icon{font-size:1.2rem}.left-menu{background-color:#e0e0e0;box-shadow:2px 0 10px #0000001a;height:calc(100vh - 60px);left:-100%;max-width:200px;position:fixed;top:60px;transition:left .3s ease;width:50%;z-index:100}.left-menu.show{left:0}.menu-toggle-btn{background-color:#103154;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:1rem;left:15px;padding:10px 15px;position:absolute;top:15px;z-index:1000}.right-sidebar{display:none}.main-content{height:calc(100vh - 150px);margin-left:0;overflow-y:auto;padding-right:0}.feed .post,.post-box{flex-direction:column}.post-input{width:100%}.feed{padding:10px}.post{border-radius:10px}.post-content,.post-header,.post-text{padding:10px}.comment-input,.post-interactions button{font-size:12px}}*{box-sizing:border-box;margin:0;padding:0}body,html{align-items:center;font-family:Arial,sans-serif;justify-content:center}.container,body,html{background-color:#2e1a70;display:flex;height:100vh;width:100vw}.container{background-color:initial;box-shadow:0 4px 20px #0000001a;max-width:1200px;overflow:hidden;position:relative}.left-side{align-items:center;background-color:#2e1a70;display:flex;flex-direction:column;justify-content:center;padding:20px;position:relative;width:40%}.left-side h1{color:#fff;font-family:Arial,sans-serif;font-size:40px;font-weight:700;margin-bottom:auto;margin-top:20px;text-align:center}.right-side{align-items:center;background-color:#6daaeb;display:flex;justify-content:center;padding:20px;position:relative;width:60%}.auth-container{background-color:#6daaeb;border-radius:15px;box-shadow:0 4px 20px #3d35351a;padding:40px;width:500px}h2{color:#333;margin-bottom:20px;text-align:center}.form-group{margin-bottom:10px}#submit-button{background-color:#141a69;border:1px solid #08a9f9;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 20px;width:100%}#submit-button:hover{background-color:#094d7b}label{color:#101023;display:block;font-size:14px;margin-bottom:5px}input{border:1px solid #ccc;border-radius:5px;padding:10px;width:100%}#toggle-button{background-color:#714ee2;border:2px solid #714ee2;border-radius:5px;cursor:pointer}p{font-size:14px;margin-top:20px;text-align:center}a{color:#4838f3;cursor:pointer}a,a:hover{text-decoration:none}.error-message{color:red;margin-top:10px;text-align:center}.logo-container{left:50%;margin-left:-15%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:100}.logo{border-radius:20px;box-shadow:0 4px 20px #0003;height:auto;width:300px}@media screen and (max-width:768px){.logo{width:200px}}@media screen and (max-width:480px){.logo{width:150px}}.messaging-container{background:#0f0f1f;color:#fff;display:flex;font-family:Segoe UI,sans-serif;height:100vh;width:1200px}.sidebar-left{background:#1a1a2f;border-right:1px solid #2f2f4f;display:flex;flex-direction:column;padding:20px;width:280px}.server-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.channels-list{flex-grow:1;overflow-y:auto}.channel-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;margin:5px 0;padding:10px;transition:.3s}.channel-item:hover{background:#2f2f4f}.channel-item.active{background:#4a2f7f}.main-chat{display:flex;flex-direction:column;flex-grow:1;max-width:800px}.chat-header{align-items:center;border-bottom:1px solid #2f2f4f;display:flex;justify-content:space-between;padding:20px}.chat-messages{background:#0f0f1f;flex-grow:1;overflow-y:auto;padding:20px}.message{display:flex;gap:15px;margin-bottom:20px}.message.user{flex-direction:row-reverse}.avatar{background:#2f2f4f;border-radius:50%;height:40px;width:40px}.message-bubble{background:#2f2f4f;border-radius:15px;max-width:600px;padding:15px;position:relative}.message.user .message-bubble{background:#4a2f7f}.timestamp{color:#a0a0c0;font-size:.8em;margin-left:10px}.message-input{border-top:1px solid #2f2f4f;display:flex;padding:20px}.message-input input{background:#1a1a2f;border:none;border-radius:8px;color:#fff;flex-grow:1;margin-right:10px;padding:15px}.send-btn{background:#4a2f7f;border-radius:8px;padding:0 20px}.sidebar-right{background:#1a1a2f;border-left:1px solid #2f2f4f;padding:20px;width:300px}.user-profile{margin-bottom:30px;text-align:center}.avatar-large{background:#2f2f4f;border-radius:50%;height:80px;margin:0 auto 15px;width:80px}.upcoming-events{border-top:1px solid #2f2f4f;padding-top:20px}.event-item{align-items:center;background:#2f2f4f;border-radius:8px;display:flex;margin:10px 0;padding:10px}.event-date{margin-right:15px;text-align:center}.icon-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2f}::-webkit-scrollbar-thumb{background:#4a2f7f;border-radius:4px}.settings-container{background:#0f0f1f;color:#fff;display:grid;font-family:Segoe UI,sans-serif;grid-template-columns:240px 1fr;min-height:100vh}.settings-sidebar{background:#1a1a2f;border-right:1px solid #2f2f4f;padding:2rem}.settings-title{color:#7d5fff;font-size:1.5rem;margin-bottom:2rem}.sidebar-item{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:1rem;margin:.5rem 0;padding:1rem;transition:.3s;width:100%}.sidebar-item:hover{background:#2f2f4f}.sidebar-item.active{background:#4a2f7f}.settings-content{max-width:800px;padding:2rem}.settings-section{margin-bottom:3rem}.settings-section h3{color:#7d5fff;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#a0a0c0;display:block;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#1a1a2f;border:1px solid #2f2f4f;border-radius:6px;color:#fff;font-size:1rem;padding:.8rem;width:100%}.avatar-upload{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.avatar-preview{background:#2f2f4f;border:2px solid #7d5fff;border-radius:50%;height:80px;width:80px}.security-item{align-items:center;background:#1a1a2f;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.switch{display:inline-block;height:24px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#2f2f4f;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#7d5fff}input:checked+.slider:before{transform:translateX(24px)}.echo-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:.3s}.echo-btn.primary{background:#7d5fff;color:#fff}.echo-btn.ghost{background:none;border:1px solid #2f2f4f;color:#fff;margin-left:1rem}.settings-footer{background:#1a1a2f;border-radius:8px;bottom:2rem;box-shadow:0 4px 12px #0003;padding:1rem;position:fixed;right:2rem}.communities-page{background-color:#dbd1d1;color:#333;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.communities-header,.header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 20px}.communities-header .logo{font-size:24px;font-weight:700}.communities-header .search-bar,.search-bar{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:8px;width:40%}.communities-header .profile-icons{display:flex;gap:15px}.communities-main-body{display:flex;gap:20px;margin-top:20px}.communities-sidebar,.sidebar{background-color:#fff;border:1px solid #ddd;padding:20px;width:20%}.communities-sidebar h3{margin-bottom:10px}.communities-sidebar ul{list-style:none;padding:0}.communities-sidebar ul li{cursor:pointer;padding:5px 0}.communities-sidebar ul li:hover{background-color:#f0f0f0}.communities-sidebar .create-community{background-color:#007bff;border:none;color:#fff;cursor:pointer;margin-top:15px;padding:8px 12px;width:100%}.communities-sidebar .create-community:hover{background-color:#0056b3}.featured-communities{width:60%}.community-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.community-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#333;padding:20px}.community-card h3{font-size:20px;margin:0 0 10px}.community-card p{margin:5px 0}.communities-pagination{margin-top:20px;text-align:center}.communities-pagination span{background-color:#007bff;border-radius:5px;color:#fff;cursor:pointer;margin:0 5px;padding:5px 10px}.communities-pagination span:hover{background-color:#0056b3}.recent-posts{width:20%}.recent-posts ul{list-style:none;padding:0}.recent-posts ul li{background-color:#f8f8f8;border:1px solid #ddd;margin-bottom:15px;padding:10px}.recent-posts ul li:hover{background-color:#e0e0e0}.communities-header .search-bar::placeholder{color:#888}.ai-container{background:#0f172a;color:#f8fafc;display:flex;flex-direction:column;font-family:Segoe UI,system-ui,sans-serif;height:100vh;width:1000px}.ai-navbar{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 4px 6px -1px #0000001a;padding:1rem 2rem}.ai-navbar,.home-link{align-items:center;display:flex}.home-link{color:#7dd3fc;font-weight:500;gap:.5rem;text-decoration:none;transition:opacity .2s}.home-link:hover{opacity:.8}.chat-box{background:radial-gradient(circle at center,#1e293b 0,#0f172a 100%);flex:1 1;overflow-y:auto;padding:2rem;scroll-behavior:smooth}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track{background:#1e293b}.chat-box::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}.message{animation:messageAppear .3s ease-out;border-radius:1.5rem;margin:1rem 0;max-width:70%;padding:1.25rem;position:relative}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:#3b82f6;border-bottom-right-radius:.5rem;margin-left:auto}.message.assistant{background:#1e293b;border:1px solid #334155;border-bottom-left-radius:.5rem;margin-right:auto}.message-header{align-items:center;display:flex;margin-bottom:.75rem}.role-badge{background:#ffffff1a;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.message.user .role-badge{background:#fff3}.message-content{font-size:1rem;line-height:1.6}.message-content a{color:#7dd3fc;text-decoration:underline}.message-content a:hover{color:#38bdf8}.typing-indicator{display:inline-flex;gap:.5rem;padding:1rem}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite;background:#94a3b8;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.input-box{background:#1e293b;border-top:1px solid #334155;display:flex;gap:1rem;padding:1.5rem 2rem}textarea{background:#0f172a;border:1px solid #334155;border-radius:1rem;color:#f8fafc;flex:1 1;font-size:1rem;line-height:1.5;max-height:150px;min-height:50px;padding:1rem 1.5rem}textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.send-btn{align-items:center;background:#3b82f6;border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s,background .2s}.send-btn:hover{background:#2563eb;transform:translateY(-1px)}.send-btn:disabled{background:#334155;cursor:not-allowed;transform:none}@media (max-width:768px){.ai-container{height:100dvh}.message{max-width:85%}.input-box{padding:1rem}textarea{padding:.75rem}}.message.assistant:after{border-color:#1e293b #0000 #0000;border-style:solid;border-width:8px 8px 0;bottom:-8px;content:"";left:20px;position:absolute}.message.user:after{border-color:#3b82f6 #0000 #0000;border-style:solid;border-width:8px 8px 0;bottom:-8px;content:"";position:absolute;right:20px}.message-content strong{color:#7dd3fc}.message-content em{color:#f472b6;font-style:italic}.message-content code{background:#ffffff1a;border-radius:.375rem;font-family:monospace;padding:.25rem .5rem}.message-content pre{background:#0f172a;border-radius:.5rem;margin:1rem 0;overflow-x:auto;padding:1rem}.message-content blockquote{border-left:3px solid #3b82f6;color:#94a3b8;margin:1rem 0;padding-left:1rem}.progress-steps{gap:8px;margin-bottom:1rem}.progress-step{background:#ddd;border-radius:2px;height:4px;width:20px}.progress-step.active{background:#2a9d8f}.progress-step.completed{background:#2a9d8f;opacity:.5}.profile-setup-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff6;left:0;position:fixed;top:0;z-index:1000}.profile-setup-container,.profile-setup-overlay{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.profile-setup-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:650px;padding:30px;width:66.666%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.setup-progress{margin-bottom:30px}.progress-steps{display:flex;justify-content:space-between;margin-bottom:10px}.progress-step{background-color:#e1e8ed;border-radius:3px;height:6px;transition:all .3s ease;width:18%}.progress-step.active,.progress-step.completed{background-color:#1da1f2}.progress-text{color:#657786;font-size:14px}.setup-step{animation:fadeIn .3s ease-out}.setup-step h2{color:#14171a;font-size:24px;margin-bottom:12px}.setup-step p{color:#657786;line-height:1.5;margin-bottom:24px}.welcome-step{padding:20px 0;text-align:center}.step-icon-container{margin-bottom:20px}.step-icon{color:#1da1f2}.button-container{display:flex;justify-content:flex-end;margin-top:40px}.dual-buttons{justify-content:space-between}.primary-button{align-items:center;background-color:#1da1f2;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s}.primary-button:hover{background-color:#1991da}.primary-button:disabled{background-color:#88c9f9;cursor:not-allowed}.primary-button svg{margin-left:8px}.secondary-button{background-color:#fff;border:1px solid #1da1f2;border-radius:30px;color:#1da1f2;cursor:pointer;font-size:16px;font-weight:700;padding:12px 24px;transition:background-color .2s}.secondary-button:hover{background-color:#1da1f21a}.input-container{margin:24px 0}.input-wrapper{align-items:center;border:1px solid #e1e8ed;border-radius:4px;display:flex;padding:0 12px;transition:border-color .2s}.input-wrapper:focus-within{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f233}.input-prefix{color:#657786;font-size:16px}input{border:none;flex:1 1;font-size:16px;outline:none;padding:12px}input.error{border-color:#e0245e}.error-message{color:#e0245e;font-size:14px;margin-top:6px}.username-available{align-items:center;color:#17bf63;display:flex;font-size:14px;margin-top:6px}.check-icon{margin-right:4px}.username-tips{background-color:#f5f8fa;border-radius:8px;padding:16px}.username-tips h4{color:#14171a;margin-bottom:10px}.username-tips ul{color:#657786;padding-left:20px}.username-tips li{margin-bottom:6px}.profile-picture-upload{align-items:center;display:flex;flex-direction:column;margin:30px 0}.profile-picture-preview{align-items:center;background-color:#f5f8fa;border:2px dashed #1da1f2;border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:20px;overflow:hidden;width:120px}.profile-picture-preview img{height:100%;object-fit:cover;width:100%}.camera-icon{color:#1da1f2}.upload-button{align-items:center;background-color:#f5f8fa;border:1px solid #1da1f2;border-radius:30px;color:#1da1f2;cursor:pointer;display:flex;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .2s}.upload-button svg{margin-right:8px}.upload-button:hover{background-color:#1da1f21a}textarea{border:1px solid #e1e8ed;border-radius:4px;font-size:16px;outline:none;padding:12px;resize:none;transition:border-color .2s;width:100%}textarea:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f233}.character-count{color:#657786;font-size:12px;margin-top:6px;text-align:right}.bio-tips{background-color:#f5f8fa;border-radius:8px;margin-top:20px;padding:16px}.bio-tips h4{color:#14171a;margin-bottom:10px}.bio-tips ul{color:#657786;padding-left:20px}.bio-tips li{margin-bottom:6px}.location-input-wrapper{align-items:center;border:1px solid #e1e8ed;border-radius:4px;display:flex;padding:0 12px;transition:border-color .2s}.location-input-wrapper:focus-within{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f233}.location-icon{color:#657786}.location-privacy-note{background-color:#f5f8fa;border-left:4px solid #1da1f2;border-radius:8px;margin-top:20px;padding:12px}.location-privacy-note p{color:#657786;font-size:14px;margin:0}@media (max-width:768px){.profile-setup-modal{padding:20px;width:90%}.button-container.dual-buttons{flex-direction:column-reverse;gap:12px}.button-container button{justify-content:center;width:100%}}:root{--primary-bg:#fff;--secondary-bg:#f5f8fa;--text-primary:#333;--text-secondary:#666;--text-muted:#95a5a6;--border-color:#e5e8eb;--accent-color:#3498db;--accent-rgb:52,152,219;--success-color:#2ecc71;--error-color:#e74c3c;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 5px 15px #00000014;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--transition-speed:0.3s}@media (prefers-color-scheme:dark){:root{--primary-bg:#121212;--secondary-bg:#1e1e1e;--text-primary:#f5f5f5;--text-secondary:#ccc;--text-muted:#a0a0a0;--border-color:#333;--shadow-sm:0 2px 8px #0003;--shadow-md:0 5px 15px #0000004d}}.profile-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-sans);height:100vh;line-height:1.5;overflow-y:auto;scrollbar-width:none;width:1000px}.profile-card{background-color:#fff;background-color:var(--primary-bg);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 5px 15px #00000014;box-shadow:var(--shadow-md);margin:0 auto;overflow:hidden;scroll-behavior:smooth;transition:transform .3s,box-shadow .3s;transition:transform var(--transition-speed),box-shadow var(--transition-speed);width:100%}.profile-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.profile-header{height:180px;position:relative}.profile-cover{background-image:linear-gradient(135deg,#667eea,#764ba2);background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.profile-avatar-container{background-color:#fff;background-color:var(--primary-bg);border-radius:50%;bottom:-50px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);height:100px;left:30px;padding:4px;position:absolute;width:100px}.profile-avatar{background-color:#f5f8fa;background-color:var(--secondary-bg);border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-status{border:2px solid #fff;border:2px solid var(--primary-bg);border-radius:50%;bottom:8px;height:16px;position:absolute;right:8px;width:16px}.profile-avatar-status.online{animation:pulse 2s infinite;background-color:#2ecc71;background-color:var(--success-color);box-shadow:0 0 0 2px #2ecc714d}@keyframes pulse{0%{box-shadow:0 0 0 0 #2ecc71b3}70%{box-shadow:0 0 0 6px #2ecc7100}to{box-shadow:0 0 0 0 #2ecc7100}}.profile-info{padding:60px 30px 30px;position:relative}.profile-username{color:#333;color:var(--text-primary);font-size:1.6rem;font-weight:700;margin:0}.profile-fullname{font-size:1.1rem;font-weight:500;margin:4px 0 0}.profile-bio,.profile-fullname{color:#666;color:var(--text-secondary)}.profile-bio{font-size:.95rem;line-height:1.6;margin:16px 0}.profile-meta{color:#95a5a6;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px;margin-bottom:20px}.profile-location{align-items:center;display:flex;gap:4px}.location-icon:before{content:"📍";font-size:1em}.profile-stats{border-bottom:1px solid #e5e8eb;border-bottom:1px solid var(--border-color);border-top:1px solid #e5e8eb;border-top:1px solid var(--border-color);display:flex;gap:24px;justify-content:flex-start;margin:24px 0;padding:16px 0}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value{color:#333;color:var(--text-primary);font-size:1.2rem;font-weight:700}.stat-label{color:#95a5a6;color:var(--text-muted);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.profile-tag{background-color:#f5f8fa;background-color:var(--secondary-bg);border-radius:20px;color:#3498db;color:var(--accent-color);font-size:.8rem;font-weight:500;padding:4px 12px;transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}.profile-tag:hover{background-color:#3498db1a;background-color:rgba(var(--accent-rgb),.1);transform:translateY(-2px)}.profile-social-links{display:flex;gap:12px;margin:20px 0}.social-icon{align-items:center;background-color:#f5f8fa;background-color:var(--secondary-bg);border-radius:50%;color:#666;color:var(--text-secondary);display:flex;height:36px;justify-content:center;position:relative;text-decoration:none;transition:all .3s;transition:all var(--transition-speed);width:36px}.social-icon:before{font-size:18px}.social-icon:hover{background-color:#3498db;background-color:var(--accent-color);color:#fff;transform:translateY(-3px)}.social-icon.twitter:before{content:"𝕏"}.social-icon.instagram:before{content:"📸"}.social-icon.linkedin:before{content:"🔗"}.social-icon.github:before{content:"🐙"}.social-icon.facebook:before{content:"ƒ"}.profile-action-primary,.profile-action-secondary{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;margin-right:12px;outline:none;padding:8px 24px;transition:all .3s;transition:all var(--transition-speed)}.profile-action-primary{background-color:#3498db;background-color:var(--accent-color);color:#fff}.profile-action-primary:hover{background-color:#3498dbe6;background-color:rgba(var(--accent-rgb),.9);box-shadow:0 4px 12px #3498db4d;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.profile-action-primary.following{background-color:#2ecc71;background-color:var(--success-color)}.profile-action-secondary{background-color:initial;border:1px solid #e5e8eb;border:1px solid var(--border-color);color:#666;color:var(--text-secondary)}.profile-action-secondary:hover{transform:translateY(-2px)}.profile-action-secondary:hover,.profile-extended{background-color:#f5f8fa;background-color:var(--secondary-bg)}.profile-extended{border-top:1px solid #e5e8eb;border-top:1px solid var(--border-color);padding:20px 30px 30px}.profile-tabs{border-bottom:1px solid #e5e8eb;border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin-bottom:20px}.tab-button{background:#0000;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;position:relative;transition:color .3s;transition:color var(--transition-speed)}.tab-button:hover{color:#3498db;color:var(--accent-color)}.tab-button:after{background-color:initial;bottom:-1px;content:"";height:3px;left:0;position:absolute;transition:background-color .3s;transition:background-color var(--transition-speed);width:100%}.tab-button.active{color:#3498db;color:var(--accent-color)}.tab-button.active:after{background-color:#3498db;background-color:var(--accent-color)}.tab-content{animation:fadeIn .5s ease-in-out;display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#activity-chart{margin:20px 0;width:100%}.chart-container{height:150px}.activity-feed{margin-top:20px}.gallery-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:16px}.follow-feedback{background-color:#2ecc71;background-color:var(--success-color);border-radius:8px;border-radius:var(--radius-md);bottom:30px;box-shadow:0 5px 15px #00000014;box-shadow:var(--shadow-md);color:#fff;font-weight:500;left:50%;opacity:0;padding:12px 24px;position:fixed;transform:translateX(-50%) translateY(100px);transition:all .3s cubic-bezier(.68,-.55,.27,1.55);z-index:1000}.follow-feedback.show{opacity:1;transform:translateX(-50%) translateY(0)}.message-dialog{background-color:#fff;background-color:var(--primary-bg);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0003;left:50%;max-width:500px;opacity:0;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%) scale(.9);transition:all .3s cubic-bezier(.68,-.55,.27,1.55);width:90%;z-index:1000}.message-dialog.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.message-dialog.closing{opacity:0;transform:translate(-50%,-50%) scale(.9)}.message-dialog-header{align-items:center;border-bottom:1px solid #e5e8eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.message-dialog-header h3{font-size:1.1rem;font-weight:600;margin:0}.dialog-close{background:#0000;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;transition:color .3s;transition:color var(--transition-speed)}.dialog-close:hover{color:#e74c3c;color:var(--error-color)}.message-dialog-body{padding:20px}.message-dialog-body textarea{background-color:#f5f8fa;background-color:var(--secondary-bg);border:1px solid #e5e8eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-md);color:#333;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:.95rem;margin-bottom:16px;min-height:120px;padding:12px;resize:vertical;transition:border-color .3s;transition:border-color var(--transition-speed);width:100%}.message-dialog-body textarea:focus{border-color:#3498db;border-color:var(--accent-color);box-shadow:0 0 0 2px #3498db33;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.2);outline:none}.send-message-btn{background-color:#3498db;background-color:var(--accent-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;float:right;font-weight:600;padding:10px 20px;transition:all .3s;transition:all var(--transition-speed)}.send-message-btn:hover{background-color:#3498dbe6;background-color:rgba(var(--accent-rgb),.9);box-shadow:0 4px 12px #3498db4d;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}@media (max-width:600px){.profile-header{height:140px}.profile-avatar-container{bottom:-40px;height:80px;left:20px;width:80px}.profile-info{padding:50px 20px 20px}.profile-username{font-size:1.4rem}.profile-extended{padding:20px}.tab-button{font-size:.85rem;padding:10px 16px}.stat-value{font-size:1rem}.profile-stats{gap:16px}}
/*# sourceMappingURL=main.3ae8b147.css.map*/