@import"https://unicons.iconscout.com/release/v2.1.6/css/unicons.css";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#333;background-color:#f9f9f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f9f9f9;font-family:Poppins,sans-serif}@media (max-width: 768px){body{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}.login-container{font-family:Arial,sans-serif;height:100vh;display:flex;align-items:center;justify-content:center;background:url(/l.png) no-repeat center center fixed;background-size:cover;overflow:hidden}.container{display:flex;width:80%;max-width:900px;height:650px;box-shadow:0 10px 25px #0003;overflow:hidden;border-radius:10px;background-color:#fff;animation:fadeIn 1.2s ease-in-out}.left-panel{width:50%;background-color:#a36aff;display:flex;align-items:center;justify-content:center;transition:transform .6s ease-in-out}.illustration{width:80%;transform:translate(-20px);animation:slideInLeft 1s ease-out}.right-panel{width:50%;display:flex;align-items:center;justify-content:center;padding:20px;background-color:#fff}.login-box{width:100%;max-width:400px}.login-page-heading{font-size:28px;font-weight:700;color:#6d28d9;text-align:center;margin-bottom:20px;animation:fadeIn 1s ease-in-out}.login-type-container{display:flex;justify-content:space-between;margin-bottom:20px;border-radius:25px;background-color:#f0f0f0;padding:5px}.login-type{flex:1;text-align:center;padding:10px 20px;border-radius:20px;cursor:pointer;transition:background-color .3s ease;color:#6d28d9;font-weight:700;font-size:14px}.login-type.active{background-color:#4c1d95;color:#fff}.login-form{display:none}.login-form.active{display:block}.login-form h2{margin-bottom:20px;color:#6d28d9;font-weight:700;font-size:24px;animation:fadeIn 1.5s ease-in-out;text-align:center}.login-form input[type=text],.login-form input[type=password]{width:100%;padding:12px;margin:10px 0;border-radius:5px;border:1px solid #ccc;animation:fadeIn 1.5s ease-in-out;font-size:16px}.login-form input:focus{outline:none;border-color:#6d28d9;box-shadow:0 0 5px #6d28d94d}.login-btn{width:100%;padding:12px;background-color:#6d28d9;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:20px;animation:fadeIn 1.8s ease-in-out;transition:background-color .3s ease}.login-btn:hover:not(:disabled){background-color:#4c1d95}.login-btn:disabled{opacity:.6;cursor:not-allowed}.create-account{margin-top:20px;text-align:center}.create-account p{color:#333;font-size:14px;animation:fadeIn 2s ease-in-out}.create-account a{color:#6d28d9;text-decoration:none;font-weight:700}.create-account a:hover{text-decoration:underline}.select-login-type{text-align:center;padding:40px 20px;color:#666;font-style:italic}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(-20px)}}@media (max-width: 768px){.login-container{padding:2rem 1rem 1rem;align-items:flex-start}.container{flex-direction:column;width:95%;height:auto;max-width:none;min-height:auto}.left-panel{width:100%;height:200px;order:2}.right-panel{width:100%;height:auto;padding:1.5rem;order:1}.illustration{transform:translate(0);animation:none;width:60%;height:auto}.login-box{width:100%;max-width:400px;margin:0 auto}.login-type-container{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.login-type{width:100%;text-align:center;padding:.75rem;font-size:.9rem}}@media (max-width: 480px){.login-container{padding:1rem .5rem .5rem}.container{width:98%;border-radius:8px}.left-panel{height:150px}.right-panel{padding:1rem}.login-page-heading{font-size:1.5rem;margin-bottom:1rem}.login-form h2{font-size:1.25rem;margin-bottom:1rem}.login-form input[type=text],.login-form input[type=password],.login-btn{padding:.75rem;font-size:1rem}.create-account p{font-size:.875rem}.login-type{font-size:.875rem;padding:.75rem}.select-login-type{padding:2rem 1rem}.illustration{width:80%}}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;border-radius:var(--card-border-radius);padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--color-light);padding-bottom:1rem}.popup-header h3{color:var(--color-primary);font-size:1.25rem}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-grey);transition:color .3s ease}.close-btn:hover{color:var(--color-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-dark)}.custom-file-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--color-light);border:2px dashed var(--color-grey);border-radius:var(--border-radius);cursor:pointer;text-align:center;width:100%;transition:all .3s ease}.custom-file-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.form-group input[type=file]{display:none}.file-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.preview-item{border-radius:var(--border-radius);overflow:hidden;background:var(--color-light)}.preview-item img,.preview-item video{width:100%;height:150px;object-fit:cover}.form-group textarea{width:100%;padding:1rem;border:1px solid var(--color-grey);border-radius:var(--border-radius);resize:vertical;font-family:inherit;font-size:1rem;line-height:1.5}.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6d28d91a}.form-group textarea::placeholder{color:var(--color-grey)}.success-message{text-align:center;padding:2rem}.tick-mark{width:100px;height:100px;margin:0 auto 1rem}.tick-mark svg{width:100%;height:100%}.tick-mark circle{stroke:var(--color-success);stroke-width:2;fill:none;stroke-linecap:round;stroke-dasharray:158;stroke-dashoffset:158;animation:draw-circle 1s ease-out forwards}.tick-mark path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:20;animation:draw-check .5s ease-out .5s forwards}.success-message p{font-size:1.25rem;font-weight:500;color:var(--color-success);margin:0}@keyframes draw-circle{to{stroke-dashoffset:0}}@keyframes draw-check{to{stroke-dashoffset:0}}@media (max-width: 768px){.popup-content{width:95%;padding:1.5rem;max-height:85vh}.popup-header h3{font-size:1.1rem}.file-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.preview-item img,.preview-item video{height:120px}.form-group textarea{padding:.875rem;font-size:.9rem}.custom-file-btn{padding:.875rem 1.25rem;font-size:.9rem}}@media (max-width: 480px){.popup-content{width:98%;padding:1rem;margin:1rem;border-radius:12px}.file-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.preview-item img,.preview-item video{height:100px}.form-group textarea{padding:.75rem;font-size:1rem}.tick-mark{width:80px;height:80px}.success-message p{font-size:1.1rem}}.home-page{margin-top:4rem;min-height:100vh}main{position:relative;top:1rem;padding-bottom:2rem}main .container{display:grid;grid-template-columns:280px 1fr 280px;column-gap:1.5rem;position:relative;max-width:1200px;margin:0 auto;padding:0 1rem}main .container .left{height:max-content;position:sticky;top:var(--sticky-top-left)}main .container .left .profile{padding:var(--card-padding);background:var(--color-white);border-radius:var(--card-border-radius);display:flex;align-items:center;column-gap:1rem;width:100%;margin-bottom:1rem}.create-post-btn{margin-top:1rem;width:100%;text-align:center;padding:1rem}main .container .middle{flex-grow:1}.feeds{display:flex;flex-direction:column;gap:1rem}.feed{background:var(--color-white);border-radius:var(--card-border-radius);padding:var(--card-padding);margin:1rem 0;font-size:.85rem;line-height:1.5}.feed .head{display:flex;justify-content:space-between}.feed .user{display:flex;gap:1rem}.feed .photo{border-radius:var(--card-border-radius);overflow:hidden;margin:.7rem 0}.feed .photo img{width:100%;height:auto;object-fit:cover;max-height:500px}.feed .action-buttons{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;margin:.6rem 0}.feed .interaction-buttons{display:flex;gap:1rem}.feed .interaction-buttons span{cursor:pointer;transition:color .3s ease}.feed .interaction-buttons span:hover{color:var(--color-primary)}.feed .liked-by{display:flex;align-items:center}.feed .liked-by span{width:1.4rem;height:1.4rem;display:block;border-radius:50%;overflow:hidden;border:2px solid var(--color-white);margin-left:-.6rem}.feed .liked-by span:first-child{margin:0}.feed .liked-by span img{width:100%;height:100%;object-fit:cover}.feed .liked-by p{margin-left:.5rem}.feed .caption{margin-top:.5rem}.feed .comments{margin-top:.5rem;cursor:pointer}main .container .right{height:max-content;position:sticky;top:var(--sticky-top-left)}.right .messages{background:var(--color-white);border-radius:var(--card-border-radius);padding:var(--card-padding)}.right .messages .heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.right .messages i{font-size:1.4rem}.live-streams{display:flex;flex-direction:column;gap:1rem}.live-container{display:flex;flex-direction:column;gap:.5rem}.profile-button{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.profile-details h4{font-size:.85rem;margin:0}.profile-details p{font-size:.75rem;color:var(--color-grey);margin:0}.live-video{border-radius:var(--border-radius);overflow:hidden;background:var(--color-light)}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--color-grey)}.video-placeholder i{font-size:2rem;margin-bottom:.5rem}@media (max-width: 1200px){main .container{grid-template-columns:240px 1fr 240px;column-gap:1rem;padding:0 .75rem}}@media (max-width: 992px){main .container{grid-template-columns:80px 1fr 200px;column-gap:.75rem;padding:0 .5rem}main .container .left{width:80px}main .container .right{width:200px}}@media (max-width: 768px){.home-page{margin-top:3.5rem}main{top:.5rem}main .container{grid-template-columns:1fr;gap:1rem;padding:0 1rem}main .container .left,main .container .right{display:none}main .container .middle{width:100%}.mobile-sidebar{display:flex;justify-content:space-around;background:var(--color-white);border-radius:var(--card-border-radius);padding:.75rem;margin-bottom:1rem;box-shadow:0 2px 5px #0000001a;position:sticky;top:4rem;z-index:10}.mobile-sidebar a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--color-grey);transition:color .3s ease;padding:.5rem;border-radius:var(--border-radius);min-width:60px}.mobile-sidebar a.active,.mobile-sidebar a:hover{color:var(--color-primary);background:var(--color-light)}.mobile-sidebar i{font-size:1.25rem;margin-bottom:.25rem}.mobile-sidebar span{font-size:.75rem;font-weight:500}.mobile-create-btn{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:var(--color-grey);transition:color .3s ease;padding:.5rem;border-radius:var(--border-radius);min-width:60px;cursor:pointer}.mobile-create-btn:hover{color:var(--color-primary);background:var(--color-light)}.mobile-create-btn i{font-size:1.25rem;margin-bottom:.25rem}.mobile-create-btn span{font-size:.75rem;font-weight:500}}@media (max-width: 480px){.home-page{margin-top:3rem}main .container{padding:0 .75rem}.feed{padding:.75rem;margin:.75rem 0;font-size:.8rem}.feed .head{margin-bottom:.75rem}.feed .user .profile-photo{width:2.2rem;height:2.2rem}.feed .action-buttons{font-size:1.2rem;margin:.5rem 0}.feed .liked-by p{font-size:.8rem}.feed .caption{font-size:.85rem;line-height:1.4}.mobile-sidebar{padding:.5rem}.mobile-sidebar a{padding:.25rem;min-width:50px}.mobile-sidebar i{font-size:1.1rem}.mobile-sidebar span{font-size:.7rem}}.explore-page{margin-top:5rem}main{position:relative;top:5.4rem}main .container{display:grid;grid-template-columns:18vw auto 20vw;column-gap:2rem;position:relative}.explore-content{background:var(--color-white);border-radius:var(--card-border-radius);padding:2rem;margin:1rem 0}.explore-content h2{color:var(--color-primary);margin-bottom:1rem}.coming-soon{text-align:center;margin-top:3rem;color:var(--color-grey)}.coming-soon i{font-size:4rem;margin-bottom:1rem;color:var(--color-primary)}.coming-soon h3{color:var(--color-primary);margin-bottom:.5rem}.suggestions{background:var(--color-white);border-radius:var(--card-border-radius);padding:var(--card-padding)}.suggestions h4{margin-bottom:1rem;color:var(--color-primary)}.sport-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sport-tag{background:var(--color-light);color:var(--color-primary);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .3s ease}.sport-tag:hover{background:var(--color-primary);color:#fff}@media (max-width: 768px){.explore-page{margin-top:3.5rem}main .container{grid-template-columns:1fr;gap:1rem}main .container .left,main .container .right{display:none}.explore-content{margin:.5rem 0;padding:1.5rem}.explore-content h2{font-size:1.5rem;margin-bottom:.75rem}.coming-soon i{font-size:3rem}.coming-soon h3{font-size:1.25rem}}@media (max-width: 480px){.explore-content{padding:1rem}.explore-content h2{font-size:1.25rem}.coming-soon{margin-top:2rem}.coming-soon i{font-size:2.5rem}.coming-soon h3{font-size:1.1rem}}.athlete-setup{font-family:Verdana,sans-serif;min-height:100vh;background-color:#f4f4f4;background-image:url(/bgf.jpg);background-size:cover;background-position:center;position:relative;padding:20px}.navigation-buttons{position:absolute;top:20px;left:20px;z-index:10}.nav-text{color:#6b4de6;font-size:24px;font-weight:700;margin-bottom:10px}.back-btn{background-color:#6b4de6;color:#fff;padding:10px 15px;border:none;border-radius:25px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.back-btn:hover{background-color:#5a3fd4}.container{display:flex;justify-content:center;align-items:flex-start;gap:20px;width:90%;max-width:1200px;margin:80px auto 0}.form-section,.stats-section{background-color:#fff;border:2px solid #6b4de6;border-radius:15px;padding:30px;box-shadow:0 5px 15px #0000001a}.form-section{flex:2;min-height:600px}.stats-section{flex:1;min-height:600px}.form-section h2{color:#6b4de6;text-align:center;margin-bottom:30px;font-size:1.8rem}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.input-group input,.input-group select,.input-group textarea{width:100%;padding:12px;border:2px solid #6b4de6;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:#5a3fd4;box-shadow:0 0 0 3px #6b4de61a}.profile-upload{display:flex;justify-content:center;margin-bottom:20px}.upload-btn{display:block;width:120px;height:120px;border:3px dashed #6b4de6;border-radius:50%;cursor:pointer;transition:all .3s ease;overflow:hidden;position:relative}.upload-btn:hover{border-color:#5a3fd4;background-color:#6b4de60d}.preview-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b4de6;text-align:center}.upload-placeholder i{font-size:2rem;margin-bottom:5px}.upload-placeholder span{font-size:.8rem;font-weight:600}.submit-btn{width:100%;padding:15px;background-color:#6b4de6;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:20px}.submit-btn:hover{background-color:#5a3fd4}.stats-section h3{color:#6b4de6;text-align:center;margin-bottom:20px;font-size:1.5rem}.completion-stats{margin-bottom:30px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.stat-label{font-weight:500;color:#333}.stat-value{font-size:1.2rem}.tips{background-color:#f8f9ff;border-radius:8px;padding:20px}.tips h4{color:#6b4de6;margin-bottom:15px}.tips ul{list-style:none;padding:0}.tips li{margin-bottom:8px;padding-left:20px;position:relative;color:#555}.tips li:before{content:"💡";position:absolute;left:0;top:0}@media (max-width: 1024px){.container{width:95%;gap:15px}.form-section,.stats-section{padding:25px}}@media (max-width: 768px){.athlete-setup{padding:15px;background-attachment:scroll}.container{flex-direction:column;width:100%;gap:20px;margin-top:80px}.form-section{flex:none;min-height:auto}.stats-section{flex:none;min-height:auto;order:-1}.form-section,.stats-section{padding:20px;border-radius:12px}.nav-text{font-size:18px}.navigation-buttons{position:relative;top:0;left:0;margin-bottom:20px;text-align:center}.form-section h2{font-size:1.5rem}.tips{padding:15px}.tips ul{font-size:.9rem}}@media (max-width: 480px){.athlete-setup{padding:10px}.form-section h2{font-size:1.5rem}.upload-btn{width:100px;height:100px}.input-group input,.input-group select,.input-group textarea{padding:10px}}:root{--color-white: #ffffff;--color-light: #f9f9f9;--color-grey: #8b8b8b;--color-primary: #6D28D9;--color-secondary: #4C1D95;--color-success: #4caf50;--color-danger: #dc3545;--color-dark: #333333;--color-black: #000000;--border-radius: 8px;--card-border-radius: 1rem;--btn-padding: .6rem 2rem;--search-padding: .6rem 1rem;--card-padding: 1rem;--sticky-top-left: 5.4rem;--sticky-top-right: -18rem;--mobile-breakpoint: 768px;--tablet-breakpoint: 1024px;--desktop-breakpoint: 1200px;--container-padding: 1rem;--section-gap: 1rem}*,*:before,*:after{margin:0;padding:0;outline:0;box-sizing:border-box;text-decoration:none;list-style:none;border:none}body{font-family:Poppins,sans-serif;color:var(--color-dark);background:var(--color-light);overflow-x:hidden;line-height:1.6}.container{width:90%;margin:0 auto;max-width:1200px;padding:0 var(--container-padding)}@media (min-width: 768px){.container{width:85%}}@media (min-width: 1024px){.container{width:80%}}.profile-photo{width:2.7rem;height:2.7rem;border-radius:50%;overflow:hidden}.profile-photo img{width:100%;height:100%;object-fit:cover}.btn{display:inline-block;padding:var(--btn-padding);background:var(--color-primary);border-radius:var(--border-radius);color:#fff;cursor:pointer;transition:all .3s ease;font-size:.9rem;border:none}.btn:hover{opacity:.8}.btn-primary{background:var(--color-primary);color:#fff}.text-muted{color:var(--color-grey)}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}@media (max-width: 768px){.text-lg{font-size:1rem}.text-base{font-size:.875rem}}@media (max-width: 768px){.btn{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}button,.btn,a{min-height:44px;display:flex;align-items:center;justify-content:center}}@media (max-width: 768px){body{-webkit-overflow-scrolling:touch}.container{overflow-x:hidden}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(109,40,217,.2)}}.loading{opacity:.6;pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--color-light) 25%,var(--color-white) 50%,var(--color-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}nav{width:100%;background:var(--color-white);padding:.7rem 0;position:fixed;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a}nav .container{display:flex;align-items:center;justify-content:space-between}nav .logo{font-size:1.5rem;font-weight:700;flex-shrink:0}nav .logo a{color:var(--color-primary);text-decoration:none}.nav-center{flex:1;display:flex;justify-content:center;margin:0 2rem}nav .search-bar{background:var(--color-light);border-radius:var(--border-radius);padding:var(--search-padding);display:flex;align-items:center;gap:.5rem;width:100%;max-width:400px}nav .search-bar input[type=search]{background:transparent;width:100%;margin-left:.5rem;font-size:.9rem;color:var(--color-dark);border:none;outline:none}nav .search-bar input[type=search]::placeholder{color:var(--color-grey)}.nav-right{display:flex;align-items:center}nav .create{display:flex;align-items:center;gap:1rem}.logout-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;color:var(--color-grey);transition:color .3s ease;display:flex;align-items:center;gap:.5rem}.logout-btn:hover{color:var(--color-primary)}.mobile-menu-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--color-primary);padding:.5rem;border-radius:var(--border-radius);transition:background-color .3s ease}.mobile-menu-btn:hover{background:var(--color-light)}.mobile-menu{position:fixed;top:100%;left:0;width:100%;background:var(--color-white);box-shadow:0 5px 15px #0000001a;transform:translateY(-100%);transition:transform .3s ease;z-index:999}.mobile-menu.open{transform:translateY(0)}.mobile-search{padding:1rem;border-bottom:1px solid var(--color-light)}.mobile-profile{padding:1rem;display:flex;align-items:center;justify-content:space-between}.profile-info{display:flex;align-items:center;gap:1rem}.profile-details h4{margin:0;font-size:1rem}.profile-details p{margin:0;color:var(--color-grey);font-size:.875rem}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998}@media (max-width: 768px){nav .logo{font-size:1.25rem}.nav-center{margin:0}}@media (max-width: 480px){nav{padding:.5rem 0}nav .logo{font-size:1.1rem}.mobile-search .search-bar{padding:.75rem}}.sidebar{margin-top:1rem}.sidebar .menu-item{display:flex;align-items:center;height:4rem;cursor:pointer;transition:all .3s ease;position:relative;text-decoration:none;color:var(--color-dark);padding:0 1rem;border-radius:var(--border-radius);margin-bottom:.5rem}.sidebar .menu-item:hover{background:var(--color-light)}.sidebar .menu-item.active{background:var(--color-light);color:var(--color-primary)}.sidebar .menu-item.active i,.sidebar .menu-item.active h3{color:var(--color-primary)}.sidebar .menu-item.active:before{content:"";display:block;width:.5rem;height:100%;position:absolute;left:0;top:0;background:var(--color-primary);border-radius:0 var(--border-radius) var(--border-radius) 0}.sidebar .menu-item:first-child.active{border-top-left-radius:var(--card-border-radius);overflow:hidden}.sidebar .menu-item:last-child.active{border-bottom-left-radius:var(--card-border-radius);overflow:hidden}.sidebar .menu-item i{font-size:1.4rem;color:var(--color-grey);margin-left:2rem;position:relative}.sidebar .menu-item h3{margin-left:1.5rem;font-size:1rem}@media (max-width: 1200px){.sidebar .menu-item i{margin-left:1rem}.sidebar .menu-item h3{font-size:.9rem;margin-left:1rem}}@media (max-width: 992px){.sidebar .menu-item{justify-content:center;padding:.75rem .5rem}.sidebar .menu-item i{margin-left:0;font-size:1.2rem}.sidebar .menu-item h3{display:none}.sidebar .menu-item.active:before{width:3px}}@media (max-width: 768px){.sidebar{display:none}}.profile{padding:var(--card-padding);background:var(--color-white);border-radius:var(--card-border-radius);display:flex;align-items:center;column-gap:1rem;width:100%;margin-bottom:1rem;text-decoration:none;color:inherit;transition:background .3s ease}.profile:hover{background:var(--color-light)}.profile .handle h4{font-size:1rem;margin-bottom:.2rem}.profile .handle .text-muted{font-size:.85rem}@media (max-width: 768px){.profile{padding:.75rem;margin-bottom:.75rem}.profile .profile-photo{width:2.2rem;height:2.2rem}.profile .handle h4{font-size:.9rem}.profile .handle .text-muted{font-size:.8rem}}.App{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){html{font-size:16px}.App{padding-bottom:env(safe-area-inset-bottom)}}button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:2px solid var(--color-primary);outline-offset:2px}html{scroll-behavior:smooth}img{max-width:100%;height:auto;display:block}.profile-photo,.feed .photo{contain:layout style paint}