*, *::before, *::after {
	 box-sizing: border-box;
	 margin: 0;
	 padding: 0;
	 user-select: none;
	 -webkit-user-select: none;
}
 input, textarea {
	 user-select: text;
	 -webkit-user-select: text;
}
 html, body {
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 -webkit-font-smoothing: antialiased;
}
 button {
	 border: none;
	 background: none;
	 cursor: pointer;
	 font-family: inherit;
	 padding: 0;
	 display: block;
	 user-select: none;
	 -webkit-user-select: none;
	 -webkit-user-drag: none;
	 -webkit-tap-highlight-color: transparent;
}
 input {
	 border: none;
	 outline: none;
	 background: none;
	 font-family: inherit;
}
 img {
	 display: block;
	 max-width: 100%;
	 user-select: none;
	 -webkit-user-select: none;
	 -webkit-user-drag: none;
	 -webkit-touch-callout: none;
}
 svg {
	 display: block;
	 user-select: none;
	 -webkit-user-select: none;
	 -webkit-user-drag: none;
	 -webkit-touch-callout: none;
}
button *,
.nav-btn,
.btn-photo,
.btn-post,
.btn-comments,
.btn-like,
.post__more,
.lightbox__tool,
.thread-compose__btn,
.btn-profile-settings,
.btn-scroll-top,
.material-symbols-outlined {
	 user-select: none;
	 -webkit-user-select: none;
	 -webkit-user-drag: none;
	 -webkit-touch-callout: none;
}
.bottom-nav,
.bottom-nav *,
.nav-icon,
.nav-btn img {
	 user-select: none;
	 -webkit-user-select: none;
	 -webkit-user-drag: none;
	 -webkit-touch-callout: none;
	 -webkit-tap-highlight-color: transparent;
}
.nav-icon,
.nav-btn img {
	 pointer-events: none;
}
 html {
	 font-size: 10px;
}
body {
	 width: 100vw;
	 height: 100vh;
	 overflow: hidden;
	 background: var(--app-wallpaper, #080808);
	 background-size: cover;
	 background-position: center;
	 background-attachment: fixed;
	 font-family: 'Inter', sans-serif;
	 display: flex;
	 flex-direction: column;
}
body::before {
	 content: '';
	 position: fixed;
	 inset: 0;
	 background: rgba(0,0,0,0.68);
	 pointer-events: none;
	 z-index: -1;
}
body.no-verified-gradients .post__verified-bg {
	 display: none;
}
/* в”Ђв”Ђ view switching в”Ђв”Ђ */
 .view {
	 display: none;
	 flex: 1;
	 min-height: 0;
	 flex-direction: column;
	 overflow: hidden;
	 position: relative;
}
 .view--active {
	 display: flex;
}
 .view--active::before {
	 content: '';
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 height: 120px;
	 background: linear-gradient(to bottom, #080808 0%, transparent 100%);
	 pointer-events: none;
	 z-index: 100;
	 opacity: 0;
	 transition: opacity 0.4s ease;
}
 .view--active.view--scrolled::before {
	 opacity: 1;
}
 .view--active::after {
	 content: '';
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 120px;
	 background: linear-gradient(to top, #080808 0%, transparent 100%);
	 pointer-events: none;
	 z-index: 100;
}
/* bottom nav */
 .floating-nav {
	 --floating-action-size: 56px;
	 position: fixed;
	 left: 50%;
	 bottom: 18px;
	 transform: translateX(-50%);
	 z-index: 500;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 0;
}
 .bottom-nav {
	 position: relative;
	 background: #111;
	 border-radius: 90px;
	 padding: 8px 10px;
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 box-shadow: 0 4px 24px rgba(0,0,0,0.22);
	 overflow: hidden;
}
 .bottom-nav__indicator {
	 position: absolute;
	 top: 8px;
	 left: 10px;
	 width: 52px;
	 height: 40px;
	 border-radius: 90px;
	 background: rgba(255,255,255,0.12);
	 opacity: 0;
	 transform: translateX(0) scale(0.86);
	 transition: transform 0.22s ease-out, opacity 0.15s ease;
	 pointer-events: none;
}
 .bottom-nav__indicator.visible {
	 opacity: 1;
	 transform: translateX(var(--nav-indicator-x, 0px)) scale(1);
}
 .nav-btn {
	 width: 52px;
	 height: 40px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: rgba(255,255,255,0.4);
	 cursor: pointer;
	 border-radius: 90px;
	 border: none;
	 background: transparent;
	 transition: color 0.18s;
	 position: relative;
	 z-index: 1;
}
 .nav-btn:hover {
	 color: rgba(255,255,255,0.75);
}
 .nav-btn.active {
	 color: #fff;
}
 .nav-icon {
	 width: 22px;
	 height: 22px;
	 object-fit: contain;
	 opacity: 0.45;
	 transition: opacity 0.18s;
	 filter: brightness(0) invert(1);
}
 .nav-btn:hover .nav-icon {
	 opacity: 0.8;
}
.nav-btn.active .nav-icon {
	 opacity: 1;
}
/* settings */
 .settings-wrap {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 16px 0 96px;
	 overflow-y: auto;
	 scroll-behavior: smooth;
	 gap: 12px;
	 scrollbar-width: none;
}
 .settings-wrap::-webkit-scrollbar {
	 display: none;
}
 .settings-profile,
 .settings-section {
	 width: 440px;
	 background: #111;
	 border-radius: 22px;
}
 .settings-profile {
	 display: flex;
	 align-items: center;
	 gap: 14px;
	 padding: 16px;
}
 .settings-profile__avatar {
	 width: 58px;
	 height: 58px;
	 border-radius: 50%;
	 object-fit: cover;
	 background: #222;
	 flex-shrink: 0;
}
 .settings-profile__info {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 4px;
}
 .settings-profile__namerow {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 min-width: 0;
}
 .settings-profile__name {
	 color: #fff;
	 font-size: 1.65rem;
	 font-weight: 600;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .settings-profile__verified {
	 width: 16px;
	 height: 16px;
	 flex-shrink: 0;
}
 .settings-profile__username,
 .settings-section__limit,
 .account-row__username,
 .account-row__meta {
	 color: rgba(255,255,255,0.38);
	 font-size: 1.2rem;
}
 .settings-section {
	 padding: 14px;
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
}
 .settings-section__head {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 10px;
	 padding: 0 2px;
}
 .settings-section__title {
	 color: #fff;
	 font-size: 1.45rem;
	 font-weight: 600;
}
 .accounts-list {
	 display: flex;
	 flex-direction: column;
	 gap: 6px;
}
 .account-row {
	 width: 100%;
	 min-height: 62px;
	 border: 1px solid rgba(255,255,255,0.08);
	 background: #181818;
	 border-radius: 16px;
	 display: flex;
	 align-items: center;
	 gap: 10px;
	 padding: 10px;
	 color: #fff;
	 text-align: left;
	 cursor: pointer;
}
 .account-row--active {
	 border-color: rgba(78,122,223,0.65);
	 background: rgba(78,122,223,0.14);
	 cursor: default;
}
 .account-row__avatar {
	 width: 42px;
	 height: 42px;
	 border-radius: 50%;
	 object-fit: cover;
	 background: #222;
	 flex-shrink: 0;
}
 .account-row__body {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
	 flex: 1;
}
 .account-row__namerow {
	 display: flex;
	 align-items: center;
	 gap: 5px;
	 min-width: 0;
}
 .account-row__name {
	 font-size: 1.35rem;
	 font-weight: 600;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .account-row__verified {
	 width: 14px;
	 height: 14px;
	 flex-shrink: 0;
}
 .account-row__state {
	 color: rgba(255,255,255,0.42);
	 font-size: 1.15rem;
	 flex-shrink: 0;
}
 .account-add {
	 height: 46px;
	 border: none;
	 border-radius: 16px;
	 background: #fff;
	 color: #000;
	 font-size: 1.35rem;
	 font-weight: 600;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
	 cursor: pointer;
}
 .account-add:disabled {
	 opacity: 0.45;
	 cursor: not-allowed;
}
 .account-add__icon {
	 font-size: 2rem;
	 line-height: 1;
}
 .account-auth-box {
	 max-width: 360px;
}
 .customization-panel {
	 display: flex;
	 flex-direction: column;
	 gap: 12px;
	 padding-top: 2px;
}
 .customization-panel[hidden] {
	 display: none;
}
 .settings-toggle {
	 min-height: 62px;
	 border-radius: 16px;
	 background: #181818;
	 padding: 10px 12px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
 .settings-toggle__body {
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
	 min-width: 0;
	 flex: 1;
}
 .settings-toggle__title {
	 color: #fff;
	 font-size: 1.35rem;
	 font-weight: 600;
}
 .settings-toggle__sub {
	 color: rgba(255,255,255,0.38);
	 font-size: 1.15rem;
	 line-height: 1.35;
}
 .settings-toggle input {
	 display: none;
}
 .settings-toggle__switch {
	 width: 48px;
	 height: 28px;
	 border-radius: 90px;
	 background: rgba(255,255,255,0.16);
	 position: relative;
	 flex-shrink: 0;
	 transition: background 0.18s;
}
 .settings-toggle__switch::before {
	 content: '';
	 position: absolute;
	 top: 4px;
	 left: 4px;
	 width: 20px;
	 height: 20px;
	 border-radius: 50%;
	 background: #fff;
	 transition: transform 0.18s;
}
 .settings-toggle input:checked + .settings-toggle__switch {
	 background: #4E7ADF;
}
 .settings-toggle input:checked + .settings-toggle__switch::before {
	 transform: translateX(20px);
}
 .gradient-colors {
	 display: grid;
	 grid-template-columns: 1fr 1fr;
	 gap: 8px;
}
 .gradient-preview {
	 position: relative;
	 height: 96px;
	 border-radius: 16px;
	 overflow: hidden;
	 background: #111;
	 border: 1px solid rgba(255,255,255,0.08);
}
 .gradient-preview::before {
	 content: none;
}
 .gradient-preview__bg {
	 position: absolute;
	 bottom: -29px;
	 left: -24%;
	 width: 100%;
	 height: auto;
	 pointer-events: none;
}
 .settings-divider {
	 width: 48%;
	 height: 1px;
	 background: rgba(255,255,255,0.14);
	 align-self: center;
	 margin: 4px 0;
}
 .settings-save {
	 height: 42px;
	 border-radius: 15px;
	 background: #fff;
	 color: #000;
	 font-size: 1.3rem;
	 font-weight: 700;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .settings-save:disabled {
	 opacity: 0.55;
	 cursor: default;
}
 .color-pick {
	 height: 48px;
	 border-radius: 16px;
	 background: #181818;
	 color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 8px;
	 font-size: 1.25rem;
	 font-weight: 600;
	 cursor: pointer;
}
 .color-pick__swatch {
	 width: 18px;
	 height: 18px;
	 border-radius: 50%;
	 background: #4E7ADF;
	 border: 1px solid rgba(255,255,255,0.24);
}
 .color-pick input {
	 width: 0;
	 height: 0;
	 opacity: 0;
	 pointer-events: none;
}
 .wallpaper-control {
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
}
 .wallpaper-preview {
	 width: 100%;
	 min-height: 150px;
	 border-radius: 16px;
	 background: #181818;
	 background-size: cover;
	 background-position: center;
	 border: 1px solid rgba(255,255,255,0.08);
}
 .wallpaper-control__actions {
	 display: flex;
	 width: 100%;
}
 .wallpaper-btn {
	 width: 100%;
	 height: 42px;
	 border-radius: 14px;
	 background: #242424;
	 color: rgba(255,255,255,0.86);
	 font-size: 1.25rem;
	 font-weight: 600;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
}
 .settings-action {
	 width: 100%;
	 min-height: 58px;
	 border-radius: 16px;
	 background: #181818;
	 color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 12px;
	 padding: 12px 14px;
	 text-align: left;
	 transition: background 0.18s, transform 0.18s;
}
 .settings-action:hover {
	 background: #202020;
}
 .settings-action--open .settings-action__chevron {
	 transform: rotate(90deg);
}
 .settings-action__body {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
}
 .settings-action__title {
	 font-size: 1.4rem;
	 font-weight: 600;
}
 .settings-action__sub,
 .privacy-panel__sub,
 .login-session__meta {
	 color: rgba(255,255,255,0.42);
	 font-size: 1.15rem;
}
 .settings-action__chevron {
	 color: rgba(255,255,255,0.5);
	 font-size: 2.4rem;
	 line-height: 1;
	 transition: transform 0.18s ease;
}
 .privacy-panel {
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
	 padding-top: 2px;
}
 .privacy-panel[hidden] {
	 display: none;
}
 .privacy-panel__head {
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
	 padding: 0 12px 0 2px;
}
 .privacy-panel__title {
	 color: #fff;
	 font-size: 1.3rem;
	 font-weight: 600;
	 padding: 0px 0px 0px 12px;
}
 .privacy-panel__sub {
	 display: block;
	 padding-left: 12px;
}
 .login-sessions {
	 display: flex;
	 flex-direction: column;
	 gap: 6px;
}
 .login-session {
	 border: 1px solid rgba(255,255,255,0.08);
	 background: #181818;
	 border-radius: 16px;
	 display: flex;
	 align-items: center;
	 flex-wrap: wrap;
	 gap: 10px;
	 padding: 10px;
}
 .login-session--current {
	 border-color: rgba(78,122,223,0.55);
}
 .login-session__icon {
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 background: rgba(78,122,223,0.18);
	 color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 2rem;
	 font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
	 flex-shrink: 0;
}
 .login-session__body {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
	 flex: 1;
}
 .login-session__device {
	 color: #fff;
	 font-size: 1.3rem;
	 font-weight: 600;
	 display: flex;
	 align-items: center;
	 gap: 7px;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .login-session__status {
	 border-radius: 999px;
	 background: rgba(78,122,223,0.22);
	 color: #fff;
	 font-size: 1rem;
	 font-weight: 700;
	 line-height: 1;
	 padding: 4px 7px;
	 flex-shrink: 0;
}
 .login-session__revoke,
 .login-session__ended {
	 flex: 0 0 calc(100% - 50px);
	 width: calc(100% - 50px);
	 margin-left: 50px;
	 max-width: calc(100% - 50px);
	 border-radius: 999px;
	 padding: 8px 10px;
	 font-size: 1.1rem;
	 font-weight: 600;
	 text-align: center;
	 box-sizing: border-box;
}
 .login-session__revoke {
	 background: rgba(255,255,255,0.1);
	 color: #fff;
}
 .login-session__revoke:disabled {
	 opacity: 0.55;
	 cursor: default;
}
 .login-session__ended {
	 color: rgba(255,255,255,0.34);
}
/* в”Ђв”Ђ feed в”Ђв”Ђ */
.feed {
	 flex: 1;
	 overflow-y: auto;
	 scroll-behavior: smooth;
	 padding: 29px 0 96px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 12px;
	 scrollbar-width: none;
	 position: relative;
}
 .feed::-webkit-scrollbar {
	 display: none;
}
 #posts-container {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 12px;
	 width: 100%;
}
/* в”Ђв”Ђ avatar в”Ђв”Ђ */
 .avatar {
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 object-fit: cover;
	 flex-shrink: 0;
	 background: #222;
}
/* в”Ђв”Ђ compose в”Ђв”Ђ */
 .compose {
	 width: 440px;
	 border-radius: 22px;
	 padding: 14px 16px;
	 display: flex;
	 flex-direction: column;
	 gap: 12px;
	 border: 2px solid transparent;
	 background: linear-gradient(#111,#111) padding-box, transparent border-box;
	 transition: background 0.15s ease;
}
 .compose--drag-over {
	 background: #161b2e padding-box, linear-gradient(to right,#144CCC,#4E7ADF) border-box;
}
 .compose__row {
	 display: flex;
	 align-items: center;
	 gap: 12px;
}
.compose__input {
	 flex: 1;
	 position: relative;
	 background: transparent;
	 border: none;
	 outline: none;
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.45rem;
	 line-height: 1.45;
	 caret-color: #fff;
	 min-height: 40px;
	 padding: 9px 0;
	 word-break: break-word;
	 white-space: pre-wrap;
	 overflow-wrap: anywhere;
}
 .compose__input:empty::before {
	 content: attr(data-placeholder);
	 position: absolute;
	 left: 0;
	 top: 9px;
	 color: rgba(255,255,255,0.38);
	 pointer-events: none;
	 white-space: nowrap;
}
 .compose__emoji-node {
	 display: inline-flex;
	 align-items: center;
	 vertical-align: middle;
	 user-select: none;
	 margin: 0 1px;
}
 .compose__previews {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 8px;
}
 .compose__previews:empty {
	 display: none;
}
.compose-reply {
	 position: relative;
	 display: grid;
	 grid-template-columns: 3px 1fr 28px;
	 align-items: center;
	 gap: 10px;
	 padding: 11px 11px 11px 13px;
	 border-radius: 14px;
	 background: #202020;
	 border: 1px solid rgba(255,255,255,0.12);
	 box-shadow: inset 0 1px 0 rgba(255,255,255,0.04), 0 10px 28px rgba(0,0,0,0.18);
	 overflow: hidden;
}
.reply-dock {
	 position: fixed;
	 top: calc(12px + env(safe-area-inset-top));
	 left: 50%;
	 z-index: 8500;
	 width: min(440px, calc(100vw - 28px));
	 display: grid;
	 grid-template-columns: 1fr 34px;
	 gap: 6px;
	 padding: 7px;
	 border-radius: 18px;
	 background: rgba(18,18,18,0.94);
	 border: 1px solid rgba(255,255,255,0.12);
	 box-shadow: 0 18px 52px rgba(0,0,0,0.55);
	 backdrop-filter: blur(18px);
	 opacity: 0;
	 pointer-events: none;
	 transform: translateX(-50%) translateY(-12px) scale(0.98);
	 transition: opacity 0.16s ease, transform 0.16s ease;
}
.reply-dock--visible {
	 opacity: 1;
	 pointer-events: auto;
	 transform: translateX(-50%) translateY(0) scale(1);
}
.reply-dock__body {
	 min-width: 0;
	 display: grid;
	 grid-template-columns: auto 1fr;
	 grid-template-areas:
		 "label label"
		 "author text";
	 gap: 2px 8px;
	 padding: 9px 11px 9px 13px;
	 border-radius: 13px;
	 background: rgba(255,255,255,0.055);
	 text-align: left;
	 overflow: hidden;
}
.reply-dock__body::before {
	 content: '';
	 grid-row: 1 / 3;
	 width: 3px;
	 margin-right: 2px;
	 border-radius: 999px;
	 background: linear-gradient(180deg, #58a2ff, #1d55ff);
}
.reply-dock__label {
	 grid-area: label;
	 color: rgba(255,255,255,0.38);
	 font-size: 1.05rem;
	 font-weight: 700;
}
.reply-dock__author {
	 grid-area: author;
	 color: #fff;
	 font-size: 1.24rem;
	 font-weight: 800;
	 white-space: nowrap;
}
.reply-dock__text {
	 grid-area: text;
	 min-width: 0;
	 color: rgba(255,255,255,0.58);
	 font-size: 1.2rem;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
.reply-dock__close {
	 width: 34px;
	 height: 34px;
	 align-self: center;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 50%;
	 background: rgba(255,255,255,0.07);
	 color: rgba(255,255,255,0.64);
	 font-size: 1.8rem;
	 line-height: 1;
}
.compose-reply__bar {
	 width: 3px;
	 height: 100%;
	 min-height: 42px;
	 border-radius: 999px;
	 background: linear-gradient(180deg, #58a2ff, #1d55ff);
}
.compose-reply__body {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 2px;
}
.compose-reply__label {
	 color: rgba(255,255,255,0.34);
	 font-size: 1.05rem;
	 font-weight: 700;
}
.compose-reply__author {
	 color: #fff;
	 font-size: 1.25rem;
	 font-weight: 700;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
.compose-reply__text {
	 color: rgba(255,255,255,0.56);
	 font-size: 1.2rem;
	 line-height: 1.3;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
.compose-reply__close {
	 width: 28px;
	 height: 28px;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 color: rgba(255,255,255,0.58);
	 background: rgba(255,255,255,0.06);
	 font-size: 1.7rem;
	 line-height: 1;
	 transition: background 0.15s, color 0.15s;
}
.compose-reply__close:hover {
	 background: rgba(255,255,255,0.12);
	 color: #fff;
}
 .compose__preview-wrap {
	 position: relative;
	 width: 80px;
	 height: 80px;
	 border-radius: 10px;
	 overflow: hidden;
	 flex-shrink: 0;
}
 .compose__preview-wrap img, .compose__preview-wrap video {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
 .compose__preview-remove {
	 position: absolute;
	 top: 4px;
	 right: 4px;
	 width: 18px;
	 height: 18px;
	 border-radius: 50%;
	 background: rgba(0,0,0,0.6);
	 border: none;
	 color: #fff;
	 font-size: 12px;
	 line-height: 1;
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .compose__footer {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 justify-content: center;
}
 .btn-photo {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 width: 38px;
	 height: 38px;
	 border-radius: 50%;
	 color: rgba(255,255,255,0.6);
	 cursor: pointer;
	 transition: background 0.15s, color 0.15s;
	 flex-shrink: 0;
}
 .btn-photo:hover {
	 background: rgba(255,255,255,0.08);
	 color: #fff;
}
 .btn-emoji-open.active {
	 background: rgba(255,255,255,0.12);
	 color: #fff;
}
/* в”Ђв”Ђ emoji panel в”Ђв”Ђ */
 .emoji-panel {
	 position: fixed;
	 width: 280px;
	 height: 320px;
	 background: #111;
	 border-radius: 20px;
	 border: 1px solid rgba(255,255,255,0.07);
	 box-shadow: 0 16px 48px rgba(0,0,0,0.7);
	 z-index: 600;
	 display: flex;
	 flex-direction: column;
	 overflow: hidden;
	 transform: scale(0.92) translateY(8px);
	 opacity: 0;
	 pointer-events: none;
	 transition: transform 0.18s cubic-bezier(0.4,0,0.2,1), opacity 0.18s cubic-bezier(0.4,0,0.2,1);
}
 .emoji-panel--open {
	 transform: scale(1) translateY(0);
	 opacity: 1;
	 pointer-events: all;
}
 .emoji-panel__grid {
	 flex: 1;
	 overflow-y: auto;
	 padding: 8px;
	 display: grid;
	 grid-template-columns: repeat(6,1fr);
	 gap: 2px;
	 scrollbar-width: none;
}
 .emoji-panel__grid::-webkit-scrollbar {
	 display: none;
}
 .emoji-panel__btn {
	 aspect-ratio: 1;
	 background: transparent;
	 border: none;
	 border-radius: 10px;
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 transition: background 0.12s, transform 0.1s;
}
 .emoji-panel__btn:hover {
	 background: rgba(255,255,255,0.07);
	 transform: scale(1.15);
}
 .emoji-panel__btn:active {
	 transform: scale(0.9);
}
 .post__text-tgs {
	 display: inline-block;
	 vertical-align: -4px;
	 margin: 0;
}
/* в”Ђв”Ђ btn-post в”Ђв”Ђ */
 .btn-post {
	 background: linear-gradient(to right,#144CCC,#4E7ADF);
	 border: none;
	 color: #fff;
	 border-radius: 90px;
	 padding: 9px 42px;
	 font-family: 'Unbounded', sans-serif;
	 font-size: 1.3rem;
	 font-weight: 600;
	 cursor: pointer;
	 transition: opacity 0.18s;
}
 .btn-post:hover {
	 opacity: 0.85;
}
 .btn-post:active {
	 opacity: 0.7;
}
 .btn-post:disabled {
	 opacity: 0.5;
	 cursor: default;
}
.btn-post--loading {
	position: relative;
	opacity: 0.78 !important;
}
.btn-post--loading::after {
	content: '';
	position: absolute;
	right: 18px;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.35);
	border-top-color: #fff;
	animation: button-spin 0.75s linear infinite;
}
@keyframes button-spin {
	to {
		transform: rotate(360deg);
	}
}
/* в”Ђв”Ђ post в”Ђв”Ђ */
 @keyframes post-rise {
	 from {
		 opacity: 0;
		 transform: translateY(18px);
	}
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 .post--enter {
	 animation: post-rise 0.28s cubic-bezier(0.22,1,0.36,1) both;
}
@keyframes skeleton-shimmer {
	0%, 100% {
		opacity: 0.38;
	}
	50% {
		opacity: 0.88;
	}
}
.post-skeleton {
	width: 440px;
	min-height: 154px;
	background: #111;
	border-radius: 22px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	contain: content;
}
.post-skeleton__header {
	display: flex;
	align-items: center;
	gap: 10px;
}
.post-skeleton__avatar,
.post-skeleton__line,
.post-skeleton__pill {
	display: block;
	background: #1f1f1f;
	animation: skeleton-shimmer 1.25s ease-in-out infinite;
}
.post-skeleton__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
}
.post-skeleton__meta {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
}
.post-skeleton__line {
	height: 11px;
	border-radius: 999px;
}
.post-skeleton__line--name {
	width: 42%;
}
.post-skeleton__line--handle {
	width: 28%;
}
.post-skeleton__line--wide {
	width: 86%;
}
.post-skeleton__line--mid {
	width: 58%;
}
.post-skeleton__footer {
	display: flex;
	gap: 8px;
	margin-top: 2px;
}
.post-skeleton__pill {
	width: 72px;
	height: 32px;
	border-radius: 999px;
}
.post-skeleton__pill--small {
	width: 54px;
}
 .post {
	 width: 440px;
	 background: #111;
	 border-radius: 22px;
	 padding: 16px;
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
	 position: relative;
	 overflow: hidden;
}
 .post--menu-open {
	 width: 382px;
	 margin-right: 58px;
	 transition: width 0.2s ease, margin-right 0.2s ease;
}
.post--swiping {
	 transition: transform 0.16s ease, box-shadow 0.16s ease, outline-color 0.16s ease;
	 box-shadow: 0 0 0 1px rgba(75,140,255,0.32), 0 16px 40px rgba(0,0,0,0.35);
}
.post--swipe-armed,
.post--reply-picked {
	 outline: 1px solid rgba(90,160,255,0.7);
	 box-shadow: 0 0 0 1px rgba(90,160,255,0.25), 0 0 28px rgba(40,105,255,0.25);
}
.post-reply {
	 position: relative;
	 z-index: 2;
	 display: grid;
	 grid-template-columns: 3px 1fr;
	 gap: 10px;
	 padding: 10px 12px;
	 border-radius: 14px;
	 background: #202020;
	 border: 1px solid rgba(255,255,255,0.12);
	 box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
	 cursor: pointer;
}
.post-reply__line {
	 width: 3px;
	 height: 100%;
	 min-height: 42px;
	 border-radius: 999px;
	 background: linear-gradient(180deg, #58a2ff, #1d55ff);
}
.post-reply__body {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 2px;
}
.post-reply__label {
	 color: rgba(255,255,255,0.32);
	 font-size: 1.02rem;
	 font-weight: 700;
	 text-transform: uppercase;
}
.post-reply__author {
	 color: #fff;
	 font-size: 1.28rem;
	 font-weight: 700;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
.post-reply__text {
	 color: rgba(255,255,255,0.58);
	 font-size: 1.22rem;
	 line-height: 1.35;
	 white-space: nowrap;
	 overflow: hidden;
	 text-overflow: ellipsis;
}
 .post--verified {
	 background: #111;
}
 .post__verified-bg {
	 position: absolute;
	 bottom: -29px;
	 left: -24%;
	 width: 100%;
	 height: auto;
	 pointer-events: none;
	 z-index: 0;
}
.post--verified-tall .post__verified-bg {
	 top: -16%;
	 left: -29%;
	 width: 124%;
	 height: 172%;
	 transform: none;
}
.post--has-reply.post--verified .post__verified-bg {
	 opacity: 0.92;
	 left: -33%;
	 bottom: -64px;
	 width: 132%;
}
.post--has-reply.post--verified-tall .post__verified-bg {
	 top: auto;
	 bottom: -70px;
	 left: -36%;
	 width: 142%;
	 height: auto;
}
 .post--editing.post--verified .post__verified-bg {
	 top: -24%;
	 bottom: auto;
	 left: -28%;
	 width: 122%;
	 height: 152%;
	 transform: none;
}
 .post__header {
	 display: flex;
	 align-items: flex-start;
	 gap: 10px;
	 position: relative;
	 z-index: 1;
}
 .post__meta {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
	 gap: 2px;
	 align-self: center;
}
 .post__namerow {
	 display: flex;
	 align-items: center;
	 gap: 4px;
}
 .post__name {
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.45rem;
	 font-weight: 600;
	 line-height: 1;
	 cursor: pointer;
}
 .post__name:hover {
	 opacity: 0.75;
}
 .post__verified-badge {
	 width: 16px;
	 height: 16px;
	 flex-shrink: 0;
	 display: block;
}
 .post__handle {
	 color: rgba(255,255,255,0.38);
	 font-size: 1.2rem;
	 line-height: 1;
	 cursor: pointer;
}
 .post__handle:hover {
	 opacity: 0.75;
}
 .post__more-wrap {
	 position: relative;
	 flex-shrink: 0;
	 width: 44px;
	 height: 44px;
	 margin: -10px -8px -10px 0;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 z-index: 2;
}
 .post__more {
	 position: relative;
	 display: flex;
	 align-items: center;
	 gap: 3px;
	 padding: 10px 8px;
	 cursor: pointer;
	 border: none;
	 background: transparent;
	 flex-shrink: 0;
	 opacity: 0;
	 transition: opacity 0.2s;
}
 .post__more::before {
	 content: '';
	 position: absolute;
	 inset: -12px -16px;
}
 .post:hover .post__more {
	 opacity: 1;
}
 .post--menu-open .post__more,
 .post__more-wrap:hover .post__more {
	 opacity: 1;
}
 .post__more-dot {
	 display: block;
	 width: 4px;
	 height: 4px;
	 border-radius: 50%;
	 background: rgba(255,255,255,0.45);
	 transition: background 0.15s;
}
 .post__more:hover .post__more-dot {
	 background: #fff;
}
/* в”Ђв”Ђ emoji menu в”Ђв”Ђ */
 .post__emoji-menu {
	 --item-sz: 36px;
	 --menu-h: calc(5 * 36px + 4 * 4px + 16px);
	 position: fixed;
	 background: #111;
	 border-radius: 18px;
	 padding: 8px;
	 z-index: 1000;
	 display: grid;
	 grid-template-columns: repeat(2, var(--item-sz));
	 gap: 4px;
	 box-shadow: 0 8px 32px rgba(0,0,0,0.7);
	 overflow-y: auto;
	 max-height: var(--menu-h);
	 scrollbar-width: none;
}
 .post__emoji-menu::-webkit-scrollbar {
	 display: none;
}
 .post__emoji-item {
	 width: var(--item-sz);
	 height: var(--item-sz);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: transparent;
	 border: none;
	 border-radius: 14px;
	 cursor: pointer;
	 transition: background 0.14s, transform 0.12s;
	 flex-shrink: 0;
	 padding: 4px;
}
 .post__emoji-item:hover {
	 background: rgba(255,255,255,0.08);
	 transform: scale(1.12);
}
 .post__emoji-item--active {
	 background: rgba(255,255,255,0.14);
	 outline: 1.5px solid rgba(255,255,255,0.25);
}
/* в”Ђв”Ђ post menu в”Ђв”Ђ */
 .post__menu {
	 position: fixed;
	 background: #111;
	 border-radius: 26px;
	 padding: 6px;
	 z-index: 1000;
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
	 box-shadow: 0 8px 32px rgba(0,0,0,0.7);
}
 .post__menu-item {
	 width: 43px;
	 height: 43px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: transparent;
	 border: none;
	 border-radius: 18px;
	 cursor: pointer;
	 transition: background 0.14s;
	 flex-shrink: 0;
}
 .post__menu-item:hover {
	 background: rgba(255,255,255,0.08);
}
 .post__menu-icon {
	 width: 18px;
	 height: 18px;
	 object-fit: contain;
}
 .post__pinned {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 5px;
	 color: rgba(255,255,255,0.38);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.15rem;
	 position: relative;
	 z-index: 1;
}
 .post__pinned-icon {
	 width: 12px;
	 height: 12px;
	 object-fit: contain;
	 opacity: 0.38;
}
/* в”Ђв”Ђ post edit в”Ђв”Ђ */
 .post__edit-area {
	 width: 100%;
	 background: rgba(255,255,255,0.05);
	 border: 1px solid rgba(255,255,255,0.12);
	 border-radius: 10px;
	 padding: 10px 12px;
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.5rem;
	 line-height: 1.55;
	 resize: none;
	 outline: none;
	 position: relative;
	 z-index: 1;
	 min-height: 48px;
	 scrollbar-width: none;
	 overflow: hidden;
}
 .post__edit-actions {
	 display: flex;
	 gap: 8px;
	 position: relative;
	 z-index: 1;
}
 .post__edit-btn {
	 border-radius: 90px;
	 padding: 6px 18px;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.25rem;
	 font-weight: 600;
	 cursor: pointer;
	 border: none;
	 transition: opacity 0.15s;
}
 .post__edit-btn:hover {
	 opacity: 0.8;
}
 .post__edit-btn--save {
	 background: #2d52ff;
	 color: #fff;
}
 .post__edit-btn--cancel {
	 background: rgba(255,255,255,0.1);
	 color: #fff;
}
/* в”Ђв”Ђ post text в”Ђв”Ђ */
 .post__text {
	 position: relative;
	 z-index: 1;
	 color: #fff;
	 font-size: 1.5rem;
	 font-family: 'Inter', sans-serif;
	 line-height: 1.55;
	 word-break: break-word;
	 overflow-wrap: break-word;
	 white-space: pre-wrap;
}
.post__link {
	 color: #66a6ff;
	 font-weight: 600;
	 text-decoration: none;
	 overflow-wrap: anywhere;
}
.post__link:hover {
	 color: #9bc5ff;
	 text-decoration: underline;
	 text-underline-offset: 3px;
}
/* в”Ђв”Ђ post images в”Ђв”Ђ */
 .post__images {
	 position: relative;
	 z-index: 1;
	 display: grid;
	 gap: 4px;
	 border-radius: 14px;
	 overflow: hidden;
}
 .post__images--1 {
	 grid-template-columns: 1fr;
}
 .post__images--2 {
	 grid-template-columns: 1fr 1fr;
}
 .post__images--3 {
	 grid-template-columns: 1fr 1fr;
}
 .post__images--3 .post__image:first-child {
	 grid-column: 1 / -1;
}
 .post__images--4 {
	 grid-template-columns: 1fr 1fr;
}
 .post__image {
	 width: 100%;
	 aspect-ratio: 16/9;
	 object-fit: cover;
	 display: block;
	 cursor: pointer;
}
 .post__images--1 .post__image {
	 aspect-ratio: auto;
	 max-height: 320px;
}
 .post__image--gif {
	 max-width: 50%;
	 aspect-ratio: auto;
	 justify-self: start;
}
/* в”Ђв”Ђ lightbox в”Ђв”Ђ */
 @keyframes lightbox-in {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 .lightbox {
	 position: fixed;
	 inset: 0;
	 z-index: 9000;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: rgba(0,0,0,0.5);
	 backdrop-filter: blur(18px);
	 cursor: zoom-out;
	 animation: lightbox-in 0.18s ease;
}
 .lightbox__close {
	 position: absolute;
	 top: 20px;
	 left: 20px;
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 background: rgba(0,0,0,0.5);
	 border: 1px solid rgba(255,255,255,0.15);
	 color: #fff;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 z-index: 10;
	 transition: background 0.15s;
}
 .lightbox__close:hover {
	 background: rgba(255,255,255,0.15);
}
 .lightbox__toolbar {
	 position: absolute;
	 bottom: 28px;
	 left: 50%;
	 transform: translateX(-50%);
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 background: rgba(0,0,0,0.55);
	 backdrop-filter: blur(12px);
	 border: 1px solid rgba(255,255,255,0.12);
	 border-radius: 50px;
	 padding: 6px 10px;
	 cursor: default;
}
 .lightbox__tool {
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 background: transparent;
	 border: none;
	 color: rgba(255,255,255,0.8);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 transition: background 0.15s, color 0.15s;
}
 .lightbox__tool:hover {
	 background: rgba(255,255,255,0.12);
	 color: #fff;
}
 .lightbox__tool--save {
	 color: #4f8eff;
}
 .lightbox__tool--save:hover {
	 background: rgba(79,142,255,0.15);
	 color: #6fa3ff;
}
 .lightbox__toolbar-sep {
	 width: 1px;
	 height: 24px;
	 background: rgba(255,255,255,0.15);
	 margin: 0 4px;
}
 .lightbox__img {
	 max-width: 90vw;
	 max-height: 90vh;
	 border-radius: 16px;
	 object-fit: contain;
	 box-shadow: 0 24px 80px rgba(0,0,0,0.8);
	 pointer-events: none;
	 transform-origin: center;
	 will-change: transform;
}
 #lightbox-video {
	 pointer-events: all;
	 max-width: 90vw;
	 max-height: calc(100vh - 130px);
}
/* в”Ђв”Ђ video player в”Ђв”Ђ */
 .vplayer {
	 position: relative;
	 background: #000;
	 border-radius: 12px;
	 overflow: hidden;
	 width: 100%;
	 aspect-ratio: 16/9;
	 cursor: pointer;
}
 .post__images--1 .vplayer {
	 max-height: 320px;
}
 .vplayer__video {
	 width: 100%;
	 height: 100%;
	 object-fit: contain;
	 display: block;
}
 .lightbox__toolbar--video {
	 width: min(700px,90vw);
	 border-radius: 50px;
	 gap: 8px;
	 padding: 6px 14px;
}
 .lb-volume-wrap {
	 position: relative;
	 display: flex;
	 align-items: center;
}
 .lb-volume-slider {
	 overflow: hidden;
	 width: 0;
	 opacity: 0;
	 transition: width 0.2s ease, opacity 0.2s ease;
	 display: flex;
	 align-items: center;
}
 .lb-volume-wrap:hover .lb-volume-slider, .lb-volume-wrap.dragging .lb-volume-slider {
	 width: 80px;
	 opacity: 1;
}
 .lb-volume-track {
	 width: 72px;
	 height: 4px;
	 background: rgba(255,255,255,0.2);
	 border-radius: 3px;
	 position: relative;
	 cursor: pointer;
	 user-select: none;
	 margin-left: 6px;
	 flex-shrink: 0;
	 transition: height 0.15s;
	 overflow: hidden;
}
 .lb-volume-wrap:hover .lb-volume-track, .lb-volume-wrap.dragging .lb-volume-track {
	 height: 6px;
}
 .lb-volume-bar {
	 height: 100%;
	 background: #fff;
	 width: 100%;
	 pointer-events: none;
}
 .lb-volume-thumb {
	 position: absolute;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 width: 12px;
	 height: 12px;
	 border-radius: 50%;
	 background: #fff;
	 pointer-events: none;
	 left: 100%;
	 opacity: 0;
	 transition: opacity 0.15s;
}
 .lb-volume-wrap:hover .lb-volume-thumb, .lb-volume-wrap.dragging .lb-volume-thumb {
	 opacity: 1;
}
 .lb-time {
	 font-size: 1.1rem;
	 color: rgba(255,255,255,0.8);
	 font-family: 'Inter', sans-serif;
	 white-space: nowrap;
	 flex-shrink: 0;
}
 .lb-progress {
	 flex: 1;
	 height: 4px;
	 background: rgba(255,255,255,0.2);
	 border-radius: 3px;
	 position: relative;
	 cursor: pointer;
	 user-select: none;
	 transition: height 0.15s;
}
 .lb-progress:hover, .lb-progress.dragging {
	 height: 6px;
}
 .lb-progress:hover .lb-progress__thumb, .lb-progress.dragging .lb-progress__thumb {
	 opacity: 1;
}
 .lb-progress__bar {
	 height: 100%;
	 background: #fff;
	 border-radius: 3px;
	 width: 0%;
	 pointer-events: none;
}
 .lb-progress__thumb {
	 position: absolute;
	 top: 50%;
	 transform: translate(-50%,-50%);
	 width: 14px;
	 height: 14px;
	 border-radius: 50%;
	 background: #fff;
	 opacity: 0;
	 pointer-events: none;
	 transition: opacity 0.15s;
	 left: 0%;
}
/* в”Ђв”Ђ post footer в”Ђв”Ђ */
 .post__footer {
	 display: flex;
	 align-items: flex-end;
	 gap: 8px;
	 position: relative;
	 z-index: 1;
}
 .post__reactions-wrap {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
	 gap: 7px;
	 flex: 1;
	 min-width: 0;
}
 .post__time {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 margin-left: auto;
	 color: rgba(255,255,255,0.28);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.1rem;
}
 .post__time-edit {
	 width: 11px;
	 height: 11px;
	 object-fit: contain;
	 opacity: 0.28;
}
 .post__reactions {
	 display: contents;
}
 .btn-like {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 7px;
	 background: #1c1c1c;
	 border: 1px solid #2a2a2a;
	 border-radius: 90px;
	 padding: 0 16px;
	 min-width: 54px;
	 height: 32px;
	 color: #fff;
	 font-size: 1.3rem;
	 line-height: 1;
	 font-family: 'Inter', sans-serif;
	 cursor: pointer;
	 transition: background 0.18s;
}
 .btn-like:hover {
	 background: #242424;
}
 .btn-like__icon {
	 width: 14px;
	 height: 14px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-shrink: 0;
	 filter: invert(1);
}
 .btn-like__icon--emoji {
	 width: 18px;
	 height: 18px;
	 filter: none;
	 font-size: 1.45rem;
	 line-height: 1;
}
 .btn-like__icon--emoji canvas,
 .btn-like__icon--emoji svg {
	 display: block;
	 width: 18px !important;
	 height: 18px !important;
}
 .btn-like--active .btn-like__icon {
	 filter: invert(27%) sepia(90%) saturate(700%) hue-rotate(330deg) brightness(110%);
}
 .btn-like--active .btn-like__icon--emoji {
	 filter: none;
}
 .btn-comments {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 gap: 7px;
	 background: #1c1c1c;
	 border: 1px solid #2a2a2a;
	 border-radius: 90px;
	 padding: 0 16px;
	 min-width: 54px;
	 height: 32px;
	 color: #fff;
	 font-size: 1.3rem;
	 line-height: 1;
	 font-family: 'Inter', sans-serif;
	 cursor: pointer;
	 transition: background 0.18s;
}
 .btn-comments:hover {
	 background: #242424;
}
 .btn-comments__icon {
	 width: 14px;
	 height: 14px;
	 display: block;
	 flex-shrink: 0;
	 filter: invert(1);
	 opacity: 0.7;
}
 .btn-comments__count {
	 color: rgba(255,255,255,0.6);
}
/* в”Ђв”Ђ thread в”Ђв”Ђ */
 .thread-overlay {
	 position: fixed;
	 inset: 0;
	 z-index: 800;
	 background: rgba(0,0,0,0.5);
	 backdrop-filter: blur(4px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .thread-overlay[hidden] {
	 display: none;
}
 .thread-wrap {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 8px;
}
 .thread-header {
	 width: 500px;
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .thread-panel__back {
	 position: absolute;
	 left: 0;
	 width: 48px;
	 height: 48px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: #111;
	 border-radius: 50%;
	 cursor: pointer;
	 flex-shrink: 0;
	 transition: background 0.15s;
	 border: none;
}
 .thread-panel__back:hover {
	 background: #1e1e1e;
}
 .thread-panel__back img {
	 width: 16px;
	 height: 16px;
	 filter: brightness(0) invert(1);
}
 .thread-panel__title {
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.6rem;
	 font-weight: 600;
	 background: #111;
	 padding: 12px 32px;
	 border-radius: 999px;
}
 .thread-panel {
	 width: 500px;
	 max-height: 80vh;
	 background: #111;
	 border-radius: 28px;
	 display: flex;
	 flex-direction: column;
	 overflow: hidden;
	 box-shadow: 0 16px 64px rgba(0,0,0,0.7);
}
 .thread-panel__body {
	 flex: 1;
	 overflow-y: auto;
	 padding: 16px 20px;
	 display: flex;
	 flex-direction: column;
	 gap: 12px;
	 scrollbar-width: thin;
	 scrollbar-color: rgba(255,255,255,0.15) transparent;
}
 .thread-panel__body::-webkit-scrollbar {
	 width: 4px;
}
 .thread-panel__body::-webkit-scrollbar-thumb {
	 background: rgba(255,255,255,0.15);
	 border-radius: 99px;
}
 .thread-divider {
	 height: 1px;
	 background: rgba(255,255,255,0.07);
	 flex-shrink: 0;
}
 .thread-empty {
	 color: rgba(255,255,255,0.3);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.3rem;
	 text-align: center;
	 padding: 20px 0;
}
 .thread-panel__compose {
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 12px 16px;
	 background: #111;
	 border-radius: 50px;
	 width: 500px;
	 box-sizing: border-box;
	 transition: border-radius 0.4s cubic-bezier(0.4,0,0.2,1);
}
 .thread-panel__compose.multiline {
	 border-radius: 22px;
	 align-items: flex-end;
}
 .thread-panel__compose.multiline .avatar {
	 margin-bottom: 0;
}
 .thread-panel__compose.multiline .thread-compose__btn {
	 margin-bottom: 0;
}
 .thread-compose__field {
	 flex: 1;
	 position: relative;
	 height: 40px;
	 min-height: 40px;
	 max-height: 120px;
	 min-width: 0;
	 display: flex;
	 align-items: center;
}
 .thread-panel__compose.multiline .thread-compose__field {
	 height: auto;
	 align-items: flex-end;
}
 .thread-compose__input {
	 width: 100%;
	 height: 40px;
	 min-height: 40px;
	 max-height: 120px;
	 border: 0;
	 outline: 0;
	 background: transparent;
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.45rem;
	 line-height: 22px;
	 caret-color: #fff;
	 overflow-y: auto;
	 scrollbar-width: none;
	 resize: none;
	 padding: 9px 0;
	 position: relative;
	 z-index: 1;
}
 .thread-panel__compose.multiline .thread-compose__input {
	 height: auto;
	 padding: 12px 0 6px;
}
 .thread-compose__placeholder {
	 position: absolute;
	 left: 0;
	 top: 50%;
	 transform: translateY(-50%);
	 color: rgba(255,255,255,0.38);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.45rem;
	 line-height: 1;
	 pointer-events: none;
	 z-index: 0;
}
 .thread-compose__field.has-value .thread-compose__placeholder {
	 display: none;
}
 .thread-compose__input::-webkit-scrollbar {
	 display: none;
}
 .thread-compose__btn {
	 width: 36px;
	 height: 36px;
	 min-width: 36px;
	 border-radius: 50%;
	 background: linear-gradient(to right,#144CCC,#4E7ADF);
	 color: #fff;
	 font-size: 1.4rem;
	 border: none;
	 outline: none;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 flex-shrink: 0;
	 transition: opacity 0.15s;
}
 .thread-compose__btn img {
	 width: 21px;
	 height: 21px;
	 object-fit: contain;
	 filter: brightness(0) invert(1);
}
 .thread-compose__btn:hover {
	 opacity: 0.85;
}
 #thread-comments {
	 display: flex;
	 flex-direction: column;
	 gap: 0;
	 max-height: calc(3 * 88px + 2 * 8px);
	 overflow-y: auto;
	 scrollbar-width: none;
}
 #thread-comments::-webkit-scrollbar {
	 display: none;
}
/* в”Ђв”Ђ comment в”Ђв”Ђ */
 .comment-row {
	 display: flex;
	 align-items: flex-start;
	 gap: 0;
	 margin-bottom: 8px;
}
 .comment-row:last-child {
	 margin-bottom: 0;
}
 .comment-row .comment {
	 flex: 1 1 auto;
	 min-width: 0;
}
 .comment__island {
	 flex: 0 0 0;
	 overflow: hidden;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: flex-start;
	 align-self: flex-start;
	 background: rgba(255,255,255,0.05);
	 backdrop-filter: blur(12px);
	 border: 1px solid rgba(255,255,255,0.07);
	 border-radius: 22px;
	 opacity: 0;
	 padding: 0;
	 margin-left: 0;
	 transition: flex 0.3s cubic-bezier(0.4,0,0.2,1), opacity 0.3s, margin-left 0.3s, padding 0.3s;
}
 .comment-row--open .comment__island {
	 flex: 0 0 44px;
	 opacity: 1;
	 padding: 6px;
	 margin-left: 6px;
}
 .comment {
	 position: relative;
	 display: flex;
	 gap: 10px;
	 padding: 12px 14px;
	 border-radius: 18px;
	 background: rgba(255,255,255,0.05);
	 backdrop-filter: blur(12px);
	 border: 1px solid rgba(255,255,255,0.07);
}
 .comment__body {
	 flex: 1;
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 4px;
}
 .comment__namerow {
	 display: flex;
	 align-items: center;
	 gap: 8px;
}
 .comment__name {
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.35rem;
	 font-weight: 600;
}
 .comment__time {
	 color: rgba(255,255,255,0.3);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.1rem;
	 margin-left: auto;
}
 .comment__menu-btn {
	 display: flex;
	 flex-direction: row;
	 align-items: center;
	 gap: 3px;
	 margin-left: auto;
	 background: none;
	 border: none;
	 cursor: pointer;
	 padding: 2px 4px;
	 opacity: 0;
	 transition: opacity 0.15s;
}
 .comment:hover .comment__menu-btn {
	 opacity: 1;
}
 .comment__menu-btn span {
	 display: block;
	 width: 3px;
	 height: 3px;
	 border-radius: 50%;
	 background: rgba(255,255,255,0.45);
	 transition: background 0.15s;
}
 .comment__menu-btn:hover span {
	 background: #fff;
}
 .comment__trash-btn {
	 width: 32px;
	 height: 32px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 background: none;
	 border: none;
	 border-radius: 14px;
	 cursor: pointer;
	 padding: 0;
	 flex-shrink: 0;
}
 .comment__trash-btn img {
	 width: 14px;
	 height: 14px;
	 filter: brightness(0) invert(1);
	 transition: filter 0.4s ease;
}
 .comment__trash-btn:hover img {
	 filter: brightness(0) saturate(100%) invert(30%) sepia(90%) saturate(600%) hue-rotate(330deg) brightness(110%);
}
 .comment__text {
	 color: rgba(255,255,255,0.85);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.35rem;
	 line-height: 1.5;
	 word-break: break-word;
	 white-space: pre-wrap;
	 overflow-wrap: anywhere;
}
 .comment__footer {
	 display: flex;
	 align-items: center;
	 margin-top: 4px;
	 gap: 6px;
}
 .comment__like {
	 display: flex;
	 align-items: center;
	 gap: 4px;
	 padding: 3px 8px;
	 border-radius: 90px;
	 background: transparent;
	 border: none;
	 cursor: pointer;
	 color: rgba(255,255,255,0.4);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.2rem;
	 transition: background 0.15s;
}
 .comment__like:hover {
	 background: rgba(255,255,255,0.06);
}
 .comment__like img {
	 width: 12px;
	 height: 12px;
	 filter: invert(1);
	 opacity: 0.5;
}
 .comment__like--active img {
	 filter: invert(27%) sepia(90%) saturate(700%) hue-rotate(330deg) brightness(110%);
	 opacity: 1;
}
 .comment__like--active span {
	 color: #fff;
}
/* в”Ђв”Ђ misc в”Ђв”Ђ */
 .heart-source {
	 display: inline;
}
 .btn-scroll-top,
 .btn-profile-settings {
	 position: relative;
	 flex: 0 0 var(--floating-action-size);
	 width: var(--floating-action-size);
	 max-width: 0;
	 min-width: 0;
	 margin: 0;
	 height: var(--floating-action-size);
	 border-radius: 50%;
	 background: #111;
	 border: none;
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 box-shadow: 0 4px 16px rgba(0,0,0,0.5);
	 opacity: 0;
	 visibility: hidden;
	 overflow: hidden;
	 transform: translateY(10px) scale(0.78);
	 transition:
		 max-width 0.32s cubic-bezier(0.22,1,0.36,1),
		 margin 0.32s cubic-bezier(0.22,1,0.36,1),
		 opacity 0.22s ease,
		 transform 0.32s cubic-bezier(0.22,1,0.36,1),
		 visibility 0s linear 0.32s;
	 pointer-events: none;
	 contain: layout paint;
	 will-change: max-width, margin, opacity, transform;
}
 .btn-scroll-top.visible {
	 max-width: var(--floating-action-size);
	 margin-left: 8px;
	 opacity: 1;
	 visibility: visible;
	 transform: scale(1) translateY(0);
	 transition-delay: 0s;
	 pointer-events: auto;
}
 .btn-profile-settings.visible {
	 max-width: var(--floating-action-size);
	 margin-right: 8px;
	 opacity: 1;
	 visibility: visible;
	 transform: scale(1) translateY(0);
	 transition-delay: 0s;
	 pointer-events: auto;
}
 .btn-scroll-top img,
 .btn-profile-settings img {
	 width: 22px;
	 height: 22px;
	 filter: brightness(0) invert(1);
}
 .date-separator {
	 display: flex;
	 justify-content: center;
	 width: 100%;
}
 .date-separator span {
	 background: #1c1c1c;
	 border: 1px solid rgba(255,255,255,0.08);
	 border-radius: 90px;
	 padding: 4px 14px;
	 color: rgba(255,255,255,0.4);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.15rem;
	 font-weight: 500;
}
 .feed__empty {
	 color: rgba(255,255,255,0.3);
	 font-size: 1.4rem;
	 font-family: 'Inter', sans-serif;
	 text-align: center;
	 margin-top: 8px;
}
/* в”Ђв”Ђ profile в”Ђв”Ђ */
 .profile-wrap {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 16px 0 96px;
	 overflow-y: auto;
	 scroll-behavior: smooth;
	 gap: 12px;
	 scrollbar-width: none;
	 position: relative;
}
 .profile-wrap::-webkit-scrollbar {
	 display: none;
}
 .profile-sticky-card {
	 position: fixed;
	 top: 12px;
	 left: 50%;
	 z-index: 180;
	 width: 440px;
	 min-height: 70px;
	 display: flex;
	 align-items: center;
	 gap: 12px;
	 padding: 10px 14px;
	 border-radius: 22px;
	 background: rgba(17,17,17,0.94);
	 border: 1px solid rgba(255,255,255,0.06);
	 box-shadow: 0 10px 32px rgba(0,0,0,0.26);
	 backdrop-filter: blur(12px);
	 opacity: 0;
	 pointer-events: none;
	 transform: translate3d(-50%, -14px, 0) scale(0.98);
	 transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.22,1,0.36,1);
	 contain: layout paint;
}
 .profile-sticky-card.visible {
	 opacity: 1;
	 transform: translate3d(-50%, 0, 0) scale(1);
}
 .profile-sticky-card__avatar {
	 width: 50px;
	 height: 50px;
	 border-radius: 50%;
	 object-fit: cover;
	 background: #222;
	 flex-shrink: 0;
}
 .profile-sticky-card__info {
	 min-width: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
}
 .profile-sticky-card__namerow {
	 display: flex;
	 align-items: center;
	 gap: 6px;
	 min-width: 0;
}
 .profile-sticky-card__name {
	 color: #fff;
	 font-size: 1.45rem;
	 font-weight: 700;
	 line-height: 1.2;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 .profile-sticky-card__verified {
	 width: 17px;
	 height: 17px;
	 flex-shrink: 0;
}
 .profile-sticky-card__username {
	 color: rgba(255,255,255,0.45);
	 font-size: 1.2rem;
	 line-height: 1.2;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 white-space: nowrap;
}
 #profile-posts-container, #up-posts-container {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 12px;
	 width: 100%;
}
 .profile-card {
	 width: 440px;
	 background: #111;
	 border-radius: 22px;
	 overflow: visible;
}
 .profile-card__banner {
	 position: relative;
	 height: 160px;
	 border-radius: 22px 22px 0 0;
	 overflow: hidden;
	 background: linear-gradient(135deg,#141428 0%,#1c2450 100%);
}
 .profile-card__banner-img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: center;
	 display: none;
}
 .profile-card__banner-img.loaded {
	 display: block;
}
 .profile-card__banner-placeholder {
	 width: 100%;
	 height: 100%;
}
 .btn-banner-settings {
	 position: absolute;
	 top: 12px;
	 right: 12px;
	 width: 34px;
	 height: 34px;
	 border-radius: 50%;
	 background: rgb(16, 16, 16);
	 backdrop-filter: blur(6px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 cursor: pointer;
	 border: none;
	 transition: background 0.18s;
	 z-index: 2;
}
 .btn-banner-settings:hover {
	 background: rgba(16,16,16,0.22);
}
 .btn-banner-settings img {
	 width: 16px;
	 height: 16px;
	 object-fit: contain;
	 filter: brightness(0) invert(1);
	 opacity: 0.8;
	 transition: opacity 0.18s;
}
 .btn-banner-settings:hover img {
	 opacity: 1;
}
 .profile-card__avatar-section {
	 padding: 0 0 0 18px;
}
 .profile-card__avatar-wrap {
	 width: 90px;
	 height: 90px;
	 margin-top: -45px;
	 position: relative;
	 z-index: 5;
}
 .profile-card__avatar {
	 width: 90px;
	 height: 90px;
	 border-radius: 50%;
	 border: 3px solid #111;
	 object-fit: cover;
	 background: #222;
	 display: block;
}
 .profile-card__body {
	 padding: 10px 18px 18px;
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 16px;
}
 .profile-card__info {
	 display: flex;
	 flex-direction: column;
	 gap: 3px;
	 flex: 1;
}
 .profile-card__namerow {
	 display: flex;
	 align-items: center;
	 gap: 6px;
}
 .profile-card__name {
	 font-size: 1.6rem;
	 font-weight: 600;
	 color: #fff;
	 font-family: 'Inter', sans-serif;
	 line-height: 1.2;
}
 .profile-card__verified {
	 width: 18px;
	 height: 18px;
	 flex-shrink: 0;
	 display: block;
}
 .bio-link {
	 color: #5aabff;
	 text-decoration: none;
	 word-break: break-all;
}
 .bio-link:hover {
	 text-decoration: underline;
}
 .profile-card__username {
	 font-size: 1.2rem;
	 color: rgba(255,255,255,0.45);
	 font-family: 'Inter', sans-serif;
	 margin-bottom: 2px;
}
 .profile-card__bio {
	 font-size: 1.25rem;
	 color: rgba(255,255,255,0.4);
	 font-family: 'Inter', sans-serif;
}
/* в”Ђв”Ђ edit modal в”Ђв”Ђ */
 @keyframes fadeIn {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
 @keyframes slideUp {
	 from {
		 transform: translateY(16px);
		 opacity: 0;
	}
	 to {
		 transform: translateY(0);
		 opacity: 1;
	}
}
 .edit-modal {
	 position: fixed;
	 inset: 0;
	 z-index: 900;
	 background: rgba(0,0,0,0.45);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 backdrop-filter: blur(4px);
	 animation: fadeIn 0.18s ease;
}
 .edit-modal[hidden] {
	 display: none;
}
 .edit-modal__box {
	 width: 380px;
	 max-height: calc(100vh - 80px);
	 background: #111;
	 border-radius: 22px;
	 box-shadow: 0 8px 48px rgba(0,0,0,0.5);
	 display: flex;
	 flex-direction: column;
	 overflow: hidden;
	 animation: slideUp 0.22s ease;
}
 .edit-modal__header {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 padding: 18px 20px 14px;
	 border-bottom: 1px solid rgba(255,255,255,0.08);
	 flex-shrink: 0;
}
 .edit-modal__title {
	 font-family: 'Inter', sans-serif;
	 font-size: 1.55rem;
	 font-weight: 600;
	 color: #fff;
}
 .btn-close-modal {
	 width: 30px;
	 height: 30px;
	 border-radius: 50%;
	 background: rgba(255,255,255,0.08);
	 border: none;
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 transition: background 0.15s;
}
 .btn-close-modal:hover {
	 background: rgba(255,255,255,0.14);
}
 .btn-close-modal img {
	 width: 14px;
	 height: 14px;
	 filter: brightness(0) invert(1);
	 opacity: 0.7;
}
 .edit-modal__body {
	 flex: 1;
	 overflow-y: auto;
	 padding: 18px 20px;
	 display: flex;
	 flex-direction: column;
	 gap: 14px;
	 scrollbar-width: thin;
	 scrollbar-color: rgba(255,255,255,0.12) transparent;
}
 .edit-img-row {
	 display: flex;
	 gap: 12px;
	 align-items: flex-end;
}
 .edit-img-field {
	 display: flex;
	 flex-direction: column;
	 gap: 5px;
}
 .edit-img-field--avatar {
	 width: 70px;
	 flex: none;
}
 .edit-img-btn {
	 position: relative;
	 width: 100%;
	 height: 70px;
	 border-radius: 12px;
	 overflow: hidden;
	 border: 1.5px dashed rgba(255,255,255,0.2);
	 background: rgba(255,255,255,0.05);
	 cursor: pointer;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 transition: border-color 0.15s, background 0.15s;
}
 .edit-img-btn:hover {
	 border-color: rgba(255,255,255,0.4);
	 background: rgba(255,255,255,0.08);
}
 .edit-img-field--avatar .edit-img-btn {
	 border-radius: 50%;
}
 .edit-img-btn img {
	 position: absolute;
	 inset: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 border-radius: inherit;
}
 .img-overlay {
	 position: absolute;
	 inset: 0;
	 background: rgba(0,0,0,0.32);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: inherit;
	 color: #fff;
}
 .img-overlay .material-symbols-outlined {
	 font-size: 2.2rem;
}
 .edit-img-btn:not(.has-image) .img-overlay {
	 background: transparent;
	 color: rgba(255,255,255,0.3);
}
 .edit-field {
	 display: flex;
	 flex-direction: column;
	 gap: 5px;
}
 .edit-field label {
	 font-family: 'Inter', sans-serif;
	 font-size: 1.2rem;
	 font-weight: 500;
	 color: rgba(255,255,255,0.4);
}
 .edit-field input[type="text"] {
	 height: 40px;
	 border: 1.5px solid rgba(255,255,255,0.12);
	 border-radius: 10px;
	 padding: 0 12px;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.4rem;
	 color: #fff;
	 background: rgba(255,255,255,0.06);
	 outline: none;
	 transition: border-color 0.15s;
}
 .edit-field input[type="text"]:focus {
	 border-color: rgba(255,255,255,0.35);
	 background: rgba(255,255,255,0.08);
}
 .edit-field input[type="text"].input--error {
	 border-color: #ff4d4d;
	 animation: shake 0.35s ease;
}
 .edit-field__error {
	 font-family: 'Inter', sans-serif;
	 font-size: 1.15rem;
	 color: #ff4d4d;
	 display: flex;
	 align-items: center;
	 gap: 5px;
	 opacity: 0;
	 transform: translateY(-4px);
	 animation: errorIn 0.2s ease forwards;
}
 @keyframes errorIn {
	 to {
		 opacity: 1;
		 transform: translateY(0);
	}
}
 .edit-modal__footer {
	 padding: 14px 20px 18px;
	 border-top: 1px solid rgba(255,255,255,0.08);
	 flex-shrink: 0;
	 display: flex;
	 flex-direction: column;
	 gap: 12px;
}
 .btn-save {
	 width: 100%;
	 height: 44px;
	 background: transparent;
	 color: #fff;
	 border: 1.5px solid rgba(255,255,255,0.7);
	 border-radius: 90px;
	 font-family: 'Unbounded', sans-serif;
	 font-size: 1.3rem;
	 font-weight: 600;
	 cursor: pointer;
	 transition: background 0.18s, border-color 0.18s;
}
 .btn-save:hover {
	 background: rgba(255,255,255,0.08);
	 border-color: #fff;
}
 .btn-logout {
	 width: 100%;
	 height: 44px;
	 background: transparent;
	 color: #e05555;
	 border: 1.5px solid rgba(224,85,85,0.7);
	 border-radius: 90px;
	 font-family: 'Unbounded', sans-serif;
	 font-size: 1.3rem;
	 font-weight: 600;
	 cursor: pointer;
	 margin-top: 44px;
	 transition: background 0.18s, border-color 0.18s;
}
 .btn-logout:hover {
	 background: rgba(224,85,85,0.08);
	 border-color: #e05555;
}
/* в”Ђв”Ђ confirm overlay в”Ђв”Ђ */
 .confirm-overlay {
	 position: fixed;
	 inset: 0;
	 background: rgba(0,0,0,0.6);
	 backdrop-filter: blur(6px);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 z-index: 2000;
}
 .confirm-overlay[hidden] {
	 display: none;
}
 .confirm-box {
	 background: #161616;
	 border: 1px solid rgba(255,255,255,0.08);
	 border-radius: 20px;
	 padding: 28px 24px 20px;
	 width: 300px;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 8px;
	 box-shadow: 0 24px 64px rgba(0,0,0,0.7);
}
 .confirm-box__title {
	 color: #fff;
	 font-family: 'Unbounded', sans-serif;
	 font-size: 1.5rem;
	 font-weight: 700;
	 margin-bottom: 4px;
}
 .confirm-box__sub {
	 color: rgba(255,255,255,0.45);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.3rem;
	 margin-bottom: 16px;
	 text-align: center;
}
 .confirm-box__btn {
	 width: 100%;
	 height: 44px;
	 border-radius: 90px;
	 font-family: 'Unbounded', sans-serif;
	 font-size: 1.3rem;
	 font-weight: 600;
	 cursor: pointer;
	 transition: opacity 0.18s;
	 border: none;
}
 .confirm-box__btn--yes {
	 background: #e05555;
	 color: #fff;
}
 .confirm-box__btn--no {
	 background: transparent;
	 color: rgba(255,255,255,0.5);
	 border: 1.5px solid rgba(255,255,255,0.15) !important;
}
 .confirm-box__btn:hover {
	 opacity: 0.82;
}
/* в”Ђв”Ђ user profile wrap в”Ђв”Ђ */
 #user-profile-wrap {
	 flex: 1;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 padding: 16px 0 96px;
	 overflow-y: auto;
	 scroll-behavior: smooth;
	 gap: 12px;
	 scrollbar-width: none;
}
 #user-profile-wrap::-webkit-scrollbar {
	 display: none;
}
/* в”Ђв”Ђ post error toast в”Ђв”Ђ */
 .post-error-toast {
	 position: fixed;
	 bottom: 80px;
	 left: 50%;
	 transform: translateX(-50%) translateY(12px);
	 background: #2a1a1a;
	 border: 1px solid #c0392b55;
	 color: #e74c3c;
	 font-family: 'Inter', sans-serif;
	 font-size: 1.3rem;
	 padding: 10px 20px;
	 border-radius: 12px;
	 pointer-events: none;
	 opacity: 0;
	 transition: opacity 0.2s, transform 0.2s;
	 z-index: 2000;
	 white-space: nowrap;
}
 .post-error-toast--visible {
	 opacity: 1;
	 transform: translateX(-50%) translateY(0);
}
/* в”Ђв”Ђ post context menu в”Ђв”Ђ */
 .post-ctx-menu {
	 position: fixed;
	 z-index: 8000;
	 background: rgba(18,18,18,0.94);
	 border: 1px solid rgba(255,255,255,0.1);
	 border-radius: 16px;
	 padding: 6px;
	 min-width: 214px;
	 box-shadow: 0 18px 54px rgba(0,0,0,0.55);
	 backdrop-filter: blur(18px);
	 opacity: 0;
	 pointer-events: none;
	 transform: scale(0.95);
	 transform-origin: top left;
	 transition: opacity 0.12s ease, transform 0.12s ease;
}
 .post-ctx-menu--visible {
	 opacity: 1;
	 pointer-events: all;
	 transform: scale(1);
}
 .post-ctx-menu__item {
	 width: 100%;
	 display: flex;
	 align-items: center;
	 gap: 11px;
	 padding: 10px 12px;
	 border-radius: 12px;
	 border: none;
	 background: none;
	 color: rgba(255,255,255,0.85);
	 font-family: 'Inter', sans-serif;
	 font-size: 1.35rem;
	 font-weight: 500;
	 cursor: pointer;
	 text-align: left;
	 transition: background 0.15s, color 0.15s;
}
 .post-ctx-menu__item:hover {
	 background: rgba(255,255,255,0.08);
	 color: #fff;
}
.post-ctx-menu__item svg {
	 flex-shrink: 0;
	 opacity: 0.78;
}
/* в”Ђв”Ђ animations в”Ђв”Ђ */
@keyframes shake {
	 0%,100% {
		 transform: translateX(0);
	}
	 20% {
		 transform: translateX(-0.6rem);
	}
	 40% {
		 transform: translateX(0.6rem);
	}
	 60% {
		 transform: translateX(-0.4rem);
	}
	 80% {
		 transform: translateX(0.4rem);
	}
}

/* Mobile layout */
@media (max-width: 640px) {
	html, body {
		width: 100%;
		min-width: 0;
		overflow: hidden;
	}

	body {
		min-height: 100dvh;
		height: 100dvh;
	}

	.view--active::before {
		height: 72px;
	}

	.view--active::after {
		height: 108px;
	}

	.feed,
	.profile-wrap,
	.settings-wrap,
	#user-profile-wrap {
		padding: 10px 10px calc(92px + env(safe-area-inset-bottom));
		gap: 10px;
		align-items: stretch;
	}

	#posts-container,
	#profile-posts-container,
	#up-posts-container {
		align-items: stretch;
		gap: 10px;
	}

	.compose,
	.post,
	.post-skeleton,
	.profile-sticky-card,
	.profile-card,
	.settings-profile,
	.settings-section {
		width: 100%;
		max-width: none;
		border-radius: 18px;
	}

	.profile-sticky-card {
		top: 10px;
		left: 10px;
		right: 10px;
		width: auto;
		min-height: 64px;
		padding: 9px 12px;
		transform: translate3d(0, -14px, 0) scale(0.98);
	}

	.profile-sticky-card.visible {
		transform: translate3d(0, 0, 0) scale(1);
	}

	.profile-sticky-card__avatar {
		width: 46px;
		height: 46px;
	}

	.compose {
		padding: 12px;
		gap: 10px;
	}

	.compose__row {
		align-items: center;
		gap: 10px;
	}

	.compose__input {
		min-width: 0;
		min-height: 40px;
		font-size: 1.5rem;
		line-height: 1.45;
		padding: 9px 0;
	}

	.compose__footer {
		justify-content: flex-start;
		gap: 8px;
	}

	.btn-post {
		flex: 0 0 auto;
		min-width: 136px;
		min-height: 35px;
		padding: 9px 22px;
		font-size: 1.25rem;
	}

	.compose__preview-wrap {
		width: 72px;
		height: 72px;
		border-radius: 8px;
	}

	.post {
		padding: 14px;
		gap: 9px;
	}

	.post--has-reply.post--verified .post__verified-bg {
		left: -48%;
		bottom: -74px;
		width: 164%;
		opacity: 0.94;
	}

	.post--has-reply.post--verified-tall .post__verified-bg {
		top: auto;
		left: -52%;
		bottom: -82px;
		width: 178%;
		height: auto;
	}

	.post--menu-open {
		width: calc(100% - 58px);
		margin-right: 58px;
	}

	.post__header {
		gap: 9px;
	}

	.post__meta,
	.post__namerow {
		min-width: 0;
	}

	.post__name,
	.post__handle {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.post__name {
		font-size: 1.5rem;
	}

	.post__text {
		font-size: 1.5rem;
		line-height: 1.5;
		overflow-wrap: anywhere;
	}

	.post__images--2,
	.post__images--3,
	.post__images--4 {
		grid-template-columns: 1fr 1fr;
	}

	.post__images--1 .post__image,
	.post__images--1 .vplayer {
		max-height: 70vh;
	}

	.post__image--gif {
		max-width: 100%;
	}

	.post__more {
		opacity: 1;
		min-width: 30px;
		justify-content: flex-end;
	}

	.post__more-wrap {
		width: 50px;
		height: 50px;
		margin: -12px -10px -12px 0;
	}

	.post__footer {
		align-items: flex-end;
		flex-direction: row;
		gap: 8px;
	}

	.post__reactions-wrap {
		width: auto;
		flex: 1;
	}

	.post__time {
		margin-left: auto;
		align-self: auto;
		flex-shrink: 0;
	}

	.btn-like,
	.btn-comments {
		height: 38px;
		min-width: 62px;
		padding: 0 17px;
		gap: 8px;
		font-size: 1.35rem;
	}

	.btn-like__icon,
	.btn-comments__icon {
		width: 16px;
		height: 16px;
	}

	.btn-like__icon--emoji,
	.btn-like__icon--emoji canvas,
	.btn-like__icon--emoji svg {
		width: 20px !important;
		height: 20px !important;
		font-size: 1.55rem;
	}

	.profile-card__banner {
		height: 138px;
		border-radius: 18px 18px 0 0;
	}

	.profile-card__avatar-section {
		padding-left: 14px;
	}

	.profile-card__avatar-wrap,
	.profile-card__avatar {
		width: 78px;
		height: 78px;
	}

	.profile-card__avatar-wrap {
		margin-top: -39px;
	}

	.profile-card__body {
		padding: 8px 14px 16px;
	}

	.profile-card__name,
	.profile-card__bio {
		overflow-wrap: anywhere;
	}

	.floating-nav {
		bottom: calc(12px + env(safe-area-inset-bottom));
	}

	.bottom-nav {
		padding: 8px 10px;
	}

	.nav-btn {
		width: 56px;
		height: 46px;
	}

	.login-session {
		align-items: flex-start;
	}

	.login-session__revoke,
	.login-session__ended {
		margin-top: 2px;
	}

	.nav-icon {
		width: 24px;
		height: 24px;
	}

	.floating-nav {
		--floating-action-size: 62px;
	}

	.btn-scroll-top img,
	.btn-profile-settings img {
		width: 24px;
		height: 24px;
	}

	.emoji-panel {
		left: 10px !important;
		right: 10px;
		bottom: calc(76px + env(safe-area-inset-bottom)) !important;
		top: auto !important;
		width: auto;
		height: min(320px, 50dvh);
		border-radius: 18px;
		transform-origin: bottom center;
	}

	.lightbox {
		align-items: center;
		padding: 12px;
	}

	.lightbox__close {
		top: calc(12px + env(safe-area-inset-top));
		left: 12px;
	}

	.lightbox__img {
		max-width: calc(100vw - 24px);
		max-height: calc(100dvh - 140px - env(safe-area-inset-bottom));
		border-radius: 12px;
	}

	#lightbox-video {
		max-width: calc(100vw - 24px);
		max-height: calc(100dvh - 150px - env(safe-area-inset-bottom));
	}

	.lightbox__toolbar {
		width: calc(100vw - 20px);
		bottom: calc(10px + env(safe-area-inset-bottom));
		justify-content: center;
		overflow-x: auto;
		scrollbar-width: none;
		border-radius: 22px;
		padding: 6px;
	}

	.lightbox__toolbar::-webkit-scrollbar {
		display: none;
	}

	.lightbox__tool {
		width: 38px;
		height: 38px;
		flex: 0 0 38px;
	}

	.lightbox__toolbar--video {
		width: calc(100vw - 20px);
		gap: 5px;
	}

	.lb-volume-wrap,
	.lightbox__toolbar--video .lightbox__toolbar-sep:nth-of-type(2),
	#lb-rotate-ccw-v,
	#lb-rotate-cw-v,
	#lb-flip-h-v,
	#lb-flip-v-v {
		display: none;
	}

	.thread-overlay {
		align-items: stretch;
		justify-content: stretch;
		padding: calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom));
	}

	.thread-wrap {
		width: 100%;
		min-width: 0;
		height: 100%;
		align-items: stretch;
		gap: 8px;
	}

	.thread-header,
	.thread-panel,
	.thread-panel__compose {
		width: 100%;
	}

	.thread-header {
		min-height: 48px;
	}

	.thread-panel__back {
		width: 48px;
		height: 48px;
	}

	.thread-panel__title {
		padding: 11px 24px;
		font-size: 1.45rem;
	}

	.thread-panel {
		flex: 1;
		max-height: none;
		min-height: 0;
		border-radius: 22px;
	}

	.thread-panel__body {
		padding: 12px;
	}

	.thread-panel__compose {
		border-radius: 22px;
		padding: 10px 12px;
		gap: 10px;
	}

	.thread-compose__input {
		min-width: 0;
		font-size: 1.45rem;
	}

	.thread-compose__btn {
		width: 42px;
		height: 42px;
		min-width: 42px;
	}

	.comment {
		padding: 10px 12px;
		border-radius: 16px;
	}

	.comment__namerow {
		gap: 6px;
	}

	.comment__name {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.comment__menu-btn {
		opacity: 1;
	}

	.edit-modal {
		align-items: flex-end;
		padding: 10px;
	}

	.edit-modal__box {
		width: 100%;
		max-height: calc(100dvh - 20px - env(safe-area-inset-top));
		border-radius: 22px;
	}

	.edit-modal__header {
		padding: 16px 16px 12px;
	}

	.edit-modal__body {
		padding: 16px;
	}

	.edit-modal__footer {
		padding: 12px 16px calc(16px + env(safe-area-inset-bottom));
	}

	.btn-logout {
		margin-top: 18px;
	}

	.confirm-overlay {
		padding: 16px;
	}

	.confirm-box {
		width: 100%;
		max-width: 340px;
	}

	.post-error-toast {
		left: 10px;
		right: 10px;
		bottom: calc(78px + env(safe-area-inset-bottom));
		transform: translateY(12px);
		white-space: normal;
		text-align: center;
	}

	.post-error-toast--visible {
		transform: translateY(0);
	}

	.post-ctx-menu {
		max-width: calc(100vw - 20px);
	}
}

@media (max-width: 380px) {
	.feed,
	.profile-wrap,
	#user-profile-wrap {
		padding-left: 8px;
		padding-right: 8px;
	}

	.compose,
	.post {
		padding: 12px;
	}

	.avatar {
		width: 36px;
		height: 36px;
	}

	.btn-photo {
		width: 40px;
		height: 40px;
	}

	.btn-post {
		min-width: 128px;
		font-size: 1.15rem;
	}

	.post__name,
	.post__text {
		font-size: 1.35rem;
	}
}

.profile-card__spec-mark, .post__spec-mark { width: 18px; height: 18px; display: inline-block; vertical-align: middle; margin-left: 4px; object-fit: contain; }
.nav-icon-material { font-size: 22px; opacity: 0.45; transition: opacity 0.18s; pointer-events: none; }
.nav-btn:hover .nav-icon-material { opacity: 0.8; }
.nav-btn.active .nav-icon-material { opacity: 1; }
.nav-badge { position: absolute; top: 2px; right: 4px; min-width: 16px; height: 16px; background: #e53935; color: #fff; font-size: 10px; font-weight: 700; border-radius: 90px; display: flex; align-items: center; justify-content: center; padding: 0 4px; pointer-events: none; }
#nav-notifications { position: relative; }
.search-wrap { flex: 1; overflow-y: auto; padding: 40px 0 96px; display: flex; flex-direction: column; align-items: center; scrollbar-width: none; }
.search-wrap::-webkit-scrollbar { display: none; }
.search-header { width: 440px; display: flex; flex-direction: column; gap: 12px; }
.search-input-wrap { display: flex; align-items: center; gap: 10px; background: #111; border: 1.5px solid rgba(255,255,255,0.1); border-radius: 16px; padding: 12px 16px; transition: border-color 0.2s; }
.search-input-wrap:focus-within { border-color: rgba(255,255,255,0.3); }
.search-icon { flex-shrink: 0; color: rgba(255,255,255,0.4); }
.search-input { flex: 1; background: none; border: none; outline: none; color: #fff; font-family: 'Inter', sans-serif; font-size: 1.4rem; }
.search-input::placeholder { color: rgba(255,255,255,0.35); }
.search-tabs { display: flex; gap: 8px; }
.search-tab { flex: 1; padding: 8px 0; border-radius: 12px; background: #111; color: rgba(255,255,255,0.5); font-size: 1.3rem; font-weight: 500; transition: background 0.15s, color 0.15s; }
.search-tab.active { background: rgba(255,255,255,0.1); color: #fff; }
.search-results { width: 440px; margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.search-empty { text-align: center; color: rgba(255,255,255,0.35); font-size: 1.35rem; padding: 40px 0; }
.search-user-card { display: flex; align-items: center; gap: 12px; padding: 12px 16px; background: #111; border-radius: 16px; cursor: pointer; transition: background 0.15s; }
.search-user-card:hover { background: #1a1a1a; }
.search-user-card__info { display: flex; flex-direction: column; gap: 2px; }
.search-user-card__name { color: #fff; font-size: 1.35rem; font-weight: 500; display: flex; align-items: center; gap: 4px; }
.search-user-card__handle { color: rgba(255,255,255,0.4); font-size: 1.2rem; }
.mira-fab { position: fixed; bottom: 20px; right: 20px; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; cursor: pointer; z-index: 400; box-shadow: 0 4px 20px rgba(0,0,0,0.4); transition: transform 0.2s; border: none; padding: 0; }
.mira-fab:hover { transform: scale(1.08); }
.mira-fab__img { width: 100%; height: 100%; object-fit: cover; }
.mira-overlay { position: fixed; inset: 0; z-index: 550; display: flex; align-items: flex-end; justify-content: flex-end; padding: 80px 16px 80px 16px; pointer-events: none; }
.mira-panel { width: 360px; height: 500px; background: #111; border-radius: 20px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 16px 48px rgba(0,0,0,0.6); display: flex; flex-direction: column; overflow: hidden; pointer-events: all; }
.mira-header { display: flex; align-items: center; gap: 10px; padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,0.06); }
.mira-header__logo { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.mira-header__title { flex: 1; font-family: 'Unbounded', sans-serif; font-size: 1.3rem; font-weight: 600; color: #fff; }
.mira-header__close { color: rgba(255,255,255,0.4); cursor: pointer; }
.mira-header__close:hover { color: #fff; }
.mira-messages { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 10px; scrollbar-width: none; }
.mira-messages::-webkit-scrollbar { display: none; }
.mira-msg { max-width: 85%; padding: 10px 14px; border-radius: 14px; font-size: 1.25rem; line-height: 1.5; }
.mira-msg--user { align-self: flex-end; background: linear-gradient(135deg, #144CCC, #4E7ADF); color: #fff; border-bottom-right-radius: 4px; }
.mira-msg--ai { align-self: flex-start; background: #1a1a1a; color: rgba(255,255,255,0.85); border-bottom-left-radius: 4px; }
.mira-msg--ai p { margin: 0; }
.mira-msg--loading { display: flex; align-items: center; padding: 12px 18px; }
.mira-dots span { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.4); margin: 0 2px; animation: miraDot 1.2s infinite; }
.mira-dots span:nth-child(2) { animation-delay: 0.2s; }
.mira-dots span:nth-child(3) { animation-delay: 0.4s; }
@keyframes miraDot { 0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); } 40% { opacity: 1; transform: scale(1.2); } }
.mira-input-wrap { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: #1a1a1a; border-top: 1px solid rgba(255,255,255,0.06); }
.mira-input { flex: 1; background: none; border: none; outline: none; color: #fff; font-family: 'Inter', sans-serif; font-size: 1.3rem; }
.mira-input::placeholder { color: rgba(255,255,255,0.3); }
.mira-send { cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: linear-gradient(135deg, #144CCC, #4E7ADF); transition: transform 0.15s, opacity 0.15s; }
.mira-send:hover { transform: scale(1.08); opacity: 0.85; }
.mira-send img { filter: brightness(0) invert(1); width: 18px; height: 18px; }
.notif-empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 20px; text-align: center; }
.notif-empty { color: rgba(255,255,255,0.5); font-size: 1.45rem; font-weight: 600; margin-bottom: 4px; font-family: 'Inter', sans-serif; }
.notif-empty-sub { color: rgba(255,255,255,0.38); font-size: 1.2rem; font-family: 'Inter', sans-serif; }
.notif-wrap { flex: 1; overflow-y: auto; padding: 40px 0 96px; display: flex; flex-direction: column; align-items: center; scrollbar-width: none; }
.notif-wrap::-webkit-scrollbar { display: none; }
.notif-header { width: 440px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; }
.notif-title { font-family: 'Unbounded', sans-serif; font-size: 1.6rem; font-weight: 600; color: #fff; }
.notif-clear { color: rgba(255,255,255,0.38); font-size: 1.2rem; cursor: pointer; font-family: 'Inter', sans-serif; background: none; border: none; transition: color 0.15s; }
.notif-clear:hover { color: #e53935; }
.notif-list { width: 440px; display: flex; flex-direction: column; gap: 8px; }
.notif--unread { border: 1px solid rgba(78,122,223,0.2) !important; }
.post--deleted { opacity: 0.45; position: relative; }
.post--deleted::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); border-radius: 22px; pointer-events: none; }
.post--deleted .post__deleted-badge { display: flex !important; }
.post__deleted-badge { display: none !important; position: absolute; top: 12px; right: 12px; align-items: center; gap: 4px; background: rgba(229,57,53,0.15); color: #e53935; font-size: 1.1rem; font-family: 'Inter', sans-serif; padding: 4px 10px; border-radius: 8px; z-index: 3; }
.nav-btn--has-notif .nav-icon { filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(78,122,223,0.5)); }
.nav-btn--admin .nav-icon { opacity: 0.5; }
.nav-btn--admin:hover .nav-icon { opacity: 0.9; }
[data-theme="midnight"] body { background: #0a0e1a; }
[data-theme="midnight"] .bottom-nav { background: #111628; }
[data-theme="midnight"] .btn-post { background: linear-gradient(135deg, #6c3ce0, #3b82f6); }
[data-theme="midnight"] .compose { background: linear-gradient(#111628, #111628) padding-box, transparent border-box; }
[data-theme="midnight"] .post { background: #111628; }
[data-theme="midnight"] .search-input-wrap { background: #161b3e; border-color: rgba(108,60,224,0.3); }
[data-theme="midnight"] .search-user-card { background: #161b3e; }
[data-theme="midnight"] .notif-item { background: #161b3e; }
[data-theme="midnight"] .notif-item--unread { border-left: 3px solid #6c3ce0; }
[data-theme="midnight"] .mira-panel { background: #111628; }
[data-theme="midnight"] .mira-input-wrap { background: #161b3e; }
[data-theme="midnight"] .mira-send { color: #6c3ce0; }
[data-theme="midnight"] .btn-like--active { background: rgba(108,60,224,0.2); border-color: rgba(108,60,224,0.5); }
[data-theme="midnight"] .profile-card__banner-placeholder { background: linear-gradient(135deg, #1a1040, #0d1f3c); }
[data-theme="aurora"] body { background: #06110f; }
[data-theme="aurora"] .bottom-nav { background: #0c1e1a; }
[data-theme="aurora"] .btn-post { background: linear-gradient(135deg, #0d9668, #14b8a6); }
[data-theme="aurora"] .compose { background: linear-gradient(#0c1e1a, #0c1e1a) padding-box, transparent border-box; }
[data-theme="aurora"] .post { background: #0c1e1a; }
[data-theme="aurora"] .search-input-wrap { background: #0c2e24; border-color: rgba(13,150,104,0.3); }
[data-theme="aurora"] .search-user-card { background: #0c2e24; }
[data-theme="aurora"] .notif-item { background: #0c2e24; }
[data-theme="aurora"] .notif-item--unread { border-left: 3px solid #14b8a6; }
[data-theme="aurora"] .mira-panel { background: #0c1e1a; }
[data-theme="aurora"] .mira-input-wrap { background: #0c2e24; }
[data-theme="aurora"] .mira-send { color: #14b8a6; }
[data-theme="aurora"] .btn-like--active { background: rgba(13,150,104,0.2); border-color: rgba(13,150,104,0.5); }
[data-theme="aurora"] .profile-card__banner-placeholder { background: linear-gradient(135deg, #062a20, #0a3d35); }