/* © 2026 Paftom */:root{--a:var(--pink);--ah:var(--pink-h)}header{border-bottom:1px solid var(--br)}main:has(+nav){margin-bottom:48px}main article div:has(>img)>div:last-child{background-color:#1F1F1FE0;border:1px solid #2F2F2F;height:fit-content;position:sticky;right:12px;top:12px;padding:5px 11px;border-radius:16px}main article div:has(>img)>div:last-child>p{color:#F0F0F0}footer{border-top:1px solid var(--br)}.login main{min-height:calc(100dvh - 67px)}@media screen and (min-width:1024px){nav{width:240px;height:100dvh;padding-top:16px;padding-bottom:24px;position:fixed;left:0px;top:0px;border-right:1px solid var(--br)}main{width:432px}.home main>div:last-child>div.gr-24{width:336px;align-self:center}.chats main>div:first-child{width:288px;border-right:1px solid var(--br)}.create-post .first>div:last-child>:last-child{width:336px;align-self:center}.post main>div{width:336px;align-self:center}.login main{width:960px;min-height:calc(100dvh - 91px)}.login main>div{width:432px}nav>div:first-child>a:hover{background-color:var(--fg)}nav>div:nth-child(2)>div.column>a.row{padding:8px;border-radius:10px}nav>div:nth-child(2)>div.column>a.row:hover{background-color:var(--fg)}.home main>div:first-child>div:last-child>button:hover>div:last-child:not(.cg){background-color:var(--bh)}.explore main>div:last-child>a{padding:6px;border-radius:12px}.explore main>div:last-child>a:hover{background-color:var(--fg)}.explore main>div:last-child>a:hover>div:first-child>div{border:1px solid var(--br)}.chats nav{position:sticky}.chats main>div:first-child>div:last-child>a:hover{background-color:var(--fg)}.chats main>div:first-child>div:last-child>a:hover>div:first-child>div{border:1px solid var(--br)}.create-post>main button:has(+input).dragging{box-shadow:inset 0 0 0 2px var(--a)}.profile main>div:last-child>div:first-child>div:first-child>div:first-child>button:hover{background-color:var(--fg)}}@media screen and (min-width:1280px){nav{width:288px}main{width:480px}.chats main>div:first-child{width:336px}}@media screen and (min-width:1366px){main{width:528px}.profile main>div:last-child>div:first-child{width:480px;align-self:center}}@media screen and (min-width:1600px){main{width:576px}.home main>div:last-child>div.gr-24{width:432px}.create-post .first>div:last-child>:last-child{width:432px}.post main>div{width:432px}}@media screen and (min-width:1920px){main{width:632px}.home main>div:last-child>div.gr-24{width:480px}.create-post .first>div:last-child>:last-child{width:480px}.post main>div{width:480px}}