*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;background-color:#f4f2ee;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}canvas,img,picture,svg,video{display:block}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{text-decoration:none}.container{max-width:1128px;margin:0 auto;padding:0 16px}.container,.profilepage-container{display:flex;align-items:start;gap:24px}@media (max-width:768px){.container{padding:0;gap:0}.content-container{display:flex;flex-wrap:wrap}}@media (max-width:475px){.container,.content-container{gap:0}}.mobile,.mobile-container,.tablet-header-container{display:none}.desktop-header-container{padding-inline:204px;border-bottom:1px solid #d3d3d3;background-color:#fff;left:0;position:fixed;top:0;width:100vw;z-index:105;padding-block:5px}.desktop-header,.desktop-header-container{display:flex;align-items:center;justify-content:space-between}.desktop-header{margin:0 auto;min-height:100%;max-width:1440px;gap:60px}.nav-left{gap:10px}.main-nav,.main-nav .nav-list,.nav-left{display:flex;align-items:center}.main-nav .nav-list{justify-content:space-between;gap:25px}li{list-style:none}.nav-item{width:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#191919;font-size:14px;border-bottom:2px solid transparent;color:#666;.icon{display:flex;align-items:center;gap:2px}}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#191919;font-size:14px;border-bottom:2px solid transparent;color:#666}.nav-item:after,.nav-item:hover{width:70px;color:rgba(0,0,0,.6);border-bottom:2px solid rgba(0,0,0,.6)}.nav-right{display:flex;align-items:center;gap:25px}.search-container{max-width:400px;position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#666}.search-input{padding:8px 8px 8px 36px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;line-height:1.5;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#000;box-shadow:0 0 0 1px #000}.search-input::placeholder{color:#666}.menu-button{flex-direction:column;color:rgba(0,0,0,.6);border:none;background:none;text-align:center;cursor:pointer}.menu-button,.menu-button span:nth-child(2){display:flex;align-items:center}.notification{position:relative}.notification-badge{position:absolute;top:-4px;right:-8px;background-color:#cc1016;color:#fff;font-size:10px;padding:1px 5px;border-radius:50%}.flex{display:flex;align-items:center}@media (max-width:768px){.desktop-header-container,.mobile-container{display:none}.tablet-header-container{display:block;border-bottom:1px solid #d3d3d3;background-color:#fff;left:0;position:fixed;top:0;width:100vw;z-index:105;padding-inline:15px;padding-block:5px}.tablet-header{display:flex;align-items:center;justify-content:space-around;margin:0 auto;min-height:100%}}@media (max-width:475px){.desktop-header-container,.tablet-header,.tablet-header-container{display:none}.mobile-container{display:block;max-width:475px}.mobile-header{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 45px;background-color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;padding:4px 0;border-top:1px solid rgba(0,0,0,.08)}.search-mobile{max-width:400px;position:relative}.search-icon-mobile{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#666}.search-input-mobile{padding:4px 8px 4px 36px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;line-height:1.5;outline:none;transition:border-color .2s,box-shadow .2s}.search-input-mobile:focus{border-color:#000;box-shadow:0 0 0 1px #000}.search-input-mobile::placeholder{color:#666}.profile-avatar{border:1px solid #d3d3d3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:14px;color:#666;.icon{display:flex;align-items:center;gap:2px}img{width:30px;height:30px}}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#191919;font-size:14px;border-bottom:2px solid transparent;color:#666}.nav-link-post{border:none;padding:0}}