*{box-sizing:border-box;margin:0;padding:0}
:root{--page-bg:#000;--panel-bg:#050505;--soft-bg:#080808;--line:#262626;--line-soft:#303030;--hover-bg:#121212}
body[data-bg-theme=gray]{--page-bg:#121417;--panel-bg:#1a1d22;--soft-bg:#23272e;--line:#3a414b;--line-soft:#4a5360;--hover-bg:#2d333c}
body[data-bg-theme=blue]{--page-bg:#0b2038;--panel-bg:#102b47;--soft-bg:#153756;--line:#2d5f8c;--line-soft:#3d76a8;--hover-bg:#1b4468}
body[data-bg-theme=sky]{--page-bg:#082433;--panel-bg:#0c3346;--soft-bg:#104258;--line:#246984;--line-soft:#3689a7;--hover-bg:#15516b}
body[data-bg-theme=teal]{--page-bg:#072822;--panel-bg:#0b352e;--soft-bg:#10453c;--line:#287565;--line-soft:#3c9582;--hover-bg:#16584c}
body[data-bg-theme=green]{--page-bg:#0d2512;--panel-bg:#12341a;--soft-bg:#194624;--line:#347545;--line-soft:#4a965e;--hover-bg:#20582d}
body[data-bg-theme=yellow]{--page-bg:#282204;--panel-bg:#383006;--soft-bg:#4b4009;--line:#7f6e18;--line-soft:#a08a24;--hover-bg:#5c4f0f}
body[data-bg-theme=orange]{--page-bg:#2a1605;--panel-bg:#3a1f09;--soft-bg:#4d2a0d;--line:#86501e;--line-soft:#a8662b;--hover-bg:#603413}
body[data-bg-theme=purple]{--page-bg:#100816;--panel-bg:#180d24;--soft-bg:#20112f;--line:#3a2553;--line-soft:#4a3268;--hover-bg:#29183d}
body[data-bg-theme=red]{--page-bg:#210b0d;--panel-bg:#2d1114;--soft-bg:#3a171b;--line:#6f3037;--line-soft:#8a424b;--hover-bg:#4a1f25}
body[data-bg-theme=pink]{--page-bg:#24101c;--panel-bg:#331527;--soft-bg:#431d34;--line:#71385c;--line-soft:#904875;--hover-bg:#552540}
body[data-bg-theme=indigo]{--page-bg:#0c102c;--panel-bg:#12183d;--soft-bg:#192052;--line:#303b84;--line-soft:#4654a6;--hover-bg:#202969}
body{font-family:Arial,Helvetica,sans-serif;background:var(--page-bg);color:#fff;overflow-x:hidden}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
button,input,textarea{font:inherit}
select{font:inherit;background:var(--panel-bg);color:#fff;border-color:var(--line-soft)}
select option{background:var(--panel-bg);color:#fff}
select:focus{outline:0;border-color:#566071}
button{color:inherit}
img,video{-webkit-user-drag:none;user-select:none}
[data-avatar-fallback]{border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;font-family:Arial,Tahoma,sans-serif;font-weight:800;line-height:1;text-transform:uppercase;flex:none}
.verified-badge{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1d9bf0;color:#fff;vertical-align:-3px;margin-left:5px;flex:none;box-shadow:0 0 0 2px #000}
.verified-badge svg{width:12px;height:12px;display:block;fill:currentColor}
[dir=rtl] .verified-badge{margin-left:0;margin-right:5px}
html[dir=rtl] body{font-family:Tahoma,Arial,Helvetica,sans-serif}
html[dir=rtl] .menu a,html[dir=rtl] .menu button{text-align:right}
html[dir=rtl] .rightbar,html[dir=rtl] .caption,html[dir=rtl] .comment-list{text-align:right}
.app{display:grid;grid-template-columns:245px minmax(0,1fr) 340px;max-width:1400px;width:100%;margin:auto}
.sidebar{width:245px;max-width:245px;height:100vh;border-right:1px solid #262626;padding:26px 16px;position:sticky;top:0;overflow:hidden}
.logo{display:block;font-size:28px;font-family:cursive;margin-bottom:35px}
.language-switcher{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:8px;margin:-22px 0 22px;color:#aaa;font-size:12px;font-weight:bold}
.language-switcher select{height:38px;border:1px solid #262626;border-radius:8px;background:#050505;color:#fff;padding:0 10px;font:inherit;outline:0;cursor:pointer}
.language-switcher select:focus{border-color:#555}
.auth-card .language-switcher{display:block;margin:0}
.auth-card .language-switcher span{display:none}
.auth-card .language-switcher select{width:100%;height:46px;border-color:#303030;border-radius:6px;padding:0 12px}
.menu a,.menu button{position:relative;display:flex;align-items:center;gap:16px;width:100%;min-width:0;padding:13px 10px;border-radius:12px;font-size:16px;margin-bottom:7px;background:transparent;border:0;cursor:pointer;text-align:left;overflow:hidden}
.menu a:hover,.menu button:hover,.menu .active{background:#121212}
.menu .text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu .nav-unread-dot{top:10px;right:10px}
.icon{font-size:24px;width:28px;text-align:center}
.icon svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.feed{max-width:640px;width:100%;min-width:0;margin:auto;padding:24px 18px 80px}
.mobile-topbar{display:none}
.stories-wrap{position:relative;max-width:100%;min-width:0;overflow:hidden;border-bottom:1px solid #262626;margin-bottom:4px}
.stories{display:flex;max-width:100%;min-width:0;gap:14px;overflow-x:auto;overflow-y:hidden;padding:4px 0 18px;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;user-select:none}
.stories::-webkit-scrollbar{display:none}
.story{min-width:78px;max-width:78px;text-align:center;font-size:12px;flex-shrink:0;background:transparent;border:0;cursor:pointer}
.story-self{position:relative}
.story-main{display:block;width:100%;background:transparent;border:0;color:inherit;cursor:pointer;text-align:center}
.story-add{position:absolute;right:3px;bottom:22px;width:22px;height:22px;border-radius:50%;border:2px solid #000;background:#0095f6;color:#fff;font-size:17px;font-weight:bold;line-height:17px;display:grid;place-items:center;cursor:pointer}
.story-ring{display:block;width:68px;height:68px;margin:auto;border-radius:50%;padding:3px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.story[data-story-viewed="1"] .story-ring,.story-main[data-story-viewed="1"] .story-ring{background:#2b2b2b}
.story[data-story-viewed="1"] .story-ring img,.story-main[data-story-viewed="1"] .story-ring img,.story[data-story-viewed="1"] .story-ring [data-avatar-fallback],.story-main[data-story-viewed="1"] .story-ring [data-avatar-fallback]{border-color:#050505}
.story img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #000;pointer-events:none;background:#222}
.story-ring [data-avatar-fallback]{width:100%;height:100%;border-radius:50%;border:3px solid #000;background:#000;color:#fff;display:grid;place-items:center;font-size:27px;font-weight:800;font-family:Arial,Tahoma,sans-serif;line-height:1}
.story-main>span:last-child,.story>span:last-child{display:block;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8e8e8}
.story-btn{position:absolute;top:28px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:#000;font-size:18px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center}
.story-btn.left{left:4px}.story-btn.right{right:4px}.story-btn:hover{background:#fff}
.post{border-bottom:1px solid #262626;padding:22px 0}
.post-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.post-head-actions{position:relative;display:flex;align-items:center;gap:10px;color:#aaa}
.post-more{border:0;background:transparent;color:#aaa;font-size:19px;line-height:1;padding:4px 0;cursor:pointer}
.post-menu{position:absolute;top:28px;right:0;z-index:4;display:grid;gap:3px;min-width:82px;padding:4px;background:#0b0f15;border:1px solid #2b3038;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.42)}
.post-menu[hidden]{display:none}
.post-menu button{border:1px solid #2b3038;border-radius:5px;background:#121820;color:#fff;font-size:11px;font-weight:bold;padding:5px 7px;cursor:pointer;text-align:left}
.post-menu button:hover{background:#1d2633}
.pin-post{width:30px;height:30px;border:0;background:transparent;color:#aaa;display:grid;place-items:center;cursor:pointer;border-radius:50%;transition:.14s ease}
.pin-post:hover,.pin-post.pinned{color:#fff;background:#151515}
.pin-post.pinned svg path{fill:currentColor;stroke:currentColor}
.pin-post svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.user{display:flex;align-items:center;gap:10px}
.user img,.user [data-avatar-fallback]{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#000;font-size:16px}
.user b{font-size:14px}.time{color:#999;font-size:13px}
.post-meta-line{display:flex;align-items:center;gap:7px;max-width:min(62vw,420px);min-width:0;line-height:1.35}
.post-meta-name,.post-meta-time{display:block;min-width:0;unicode-bidi:plaintext}
.post-meta-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-meta-time{flex:0 0 auto;white-space:nowrap;color:#8c8c8c;direction:ltr}
.post-meta-time::before{content:"";display:inline-block;width:3px;height:3px;margin:0 1px 2px 0;border-radius:50%;background:currentColor;vertical-align:middle}
.name-link:hover{text-decoration:underline}
.post-media{position:relative}
.post-carousel{position:relative;width:100%;overflow:hidden;background:#000;border-radius:10px}
.post-carousel-track{display:flex;width:100%;transition:transform .22s ease}
.post-carousel-slide{min-width:100%;display:grid;place-items:center;background:#000}
.post-carousel-slide .post-img{width:100%;display:block}
.post-carousel[data-dragging-carousel="1"] .post-carousel-track{transition:none}
.carousel-btn{position:absolute;top:50%;z-index:3;width:32px;height:32px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;transform:translateY(-50%)}
.carousel-prev{left:10px}.carousel-next{right:10px}
.carousel-count{position:absolute;top:10px;right:10px;z-index:3;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:12px;font-weight:700;padding:5px 9px}
.carousel-dots{position:absolute;left:50%;bottom:10px;z-index:3;display:flex;gap:5px;transform:translateX(-50%)}
.carousel-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
.carousel-dots span.active{background:#fff}
.video-segment-carousel .post-carousel-slide{position:relative}
.video-segment-progress{position:absolute;left:12px;right:12px;bottom:8px;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;pointer-events:auto}
.video-segment-progress button{position:relative;height:4px;border:0;border-radius:999px;background:rgba(255,255,255,.38);padding:0;cursor:pointer;overflow:hidden}
.video-segment-progress button::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--segment-progress,0%);border-radius:inherit;background:#fff;transition:width .12s linear}
.video-segment-progress button.active{background:rgba(255,255,255,.38)}
.video-playback-host-static{position:relative}
.video-mute-toggle{position:absolute;right:12px;bottom:22px;z-index:5;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.video-mute-toggle:hover{background:rgba(0,0,0,.82)}
.video-mute-toggle svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.carousel-btn{display:none}.post-carousel{touch-action:pan-y}}
.profile-tile .tile-stack-badge{position:absolute;inset:auto;right:7px;top:7px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.58);color:#fff;display:grid;place-items:center;z-index:3;opacity:1;padding:0}
.tile-stack-badge svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.post-img{width:100%;border-radius:10px;border:1px solid #262626;max-height:720px;object-fit:cover;background:#101010;display:block}
.post-video{display:block;aspect-ratio:16/9;object-fit:contain}
.post-video.is-portrait{width:auto;height:min(76svh,720px);max-width:100%;max-height:min(76svh,720px);aspect-ratio:var(--video-aspect,9/16);margin:0 auto;object-fit:contain}
.post-video[data-video-playback],.stream-video[data-video-playback],.story-viewer-video[data-video-playback],.message-media[data-video-playback]{cursor:pointer}
video[data-video-playback]::-webkit-media-controls{display:none!important}
video[data-video-playback]::-webkit-media-controls-enclosure{display:none!important}
.podcast-card{display:grid;grid-template-columns:168px 1fr;gap:16px;align-items:center;border:1px solid #262626;border-radius:8px;background:#070707;padding:14px;min-height:196px}
.podcast-cover{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;background:#151515}
.podcast-info{display:grid;gap:10px;min-width:0}
.podcast-info small{color:#0095f6;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:.04em}
.podcast-info b{font-size:20px;line-height:1.25;overflow-wrap:anywhere}
.podcast-info audio{width:100%;height:42px}
.podcast-floating-player{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:220;width:min(520px,calc(100vw - 24px));display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(8,8,10,.92);color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.38);backdrop-filter:blur(14px)}
.podcast-floating-player[hidden]{display:none}
.podcast-floating-player.is-clickable{cursor:pointer}.podcast-floating-player.is-clickable:hover{border-color:rgba(255,255,255,.3);background:rgba(18,18,22,.95)}
.podcast-floating-pause{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;cursor:pointer}
.podcast-floating-pause svg{width:18px;height:18px;fill:currentColor}
.podcast-floating-meta{min-width:0;display:grid;gap:2px}
.podcast-floating-meta small{font-size:11px;color:#a8adb7;text-transform:uppercase;font-weight:800;letter-spacing:.04em}
.podcast-floating-meta b{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podcast-floating-player span{font-size:12px;color:#d7dbe3;white-space:nowrap}
.video-floating-player{top:64px}
body:not(.has-podcast-floating-player) .video-floating-player{top:12px}
.pin-badge{display:flex;align-items:center;gap:7px;color:#a8adb7;font-size:13px;font-weight:bold;margin-top:9px}
.pin-badge svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.actions{display:flex;justify-content:space-between;align-items:center;padding:12px 0}
.actions>div{display:flex;align-items:center;gap:12px}
.actions button{background:transparent;border:0;cursor:pointer}
.action-icon{width:28px;height:28px;display:grid;place-items:center;color:#fff;padding:0;transition:transform .14s ease,color .14s ease}
.action-icon:hover{transform:scale(1.08);color:#d8d8d8}
.action-icon.copied{color:#00d26a}
.action-icon svg{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.action-like.liked{color:#ed4956}
.action-like.liked svg,.action-like.liked svg path{fill:#ed4956!important;stroke:#ed4956!important}
.action-save.saved svg path{fill:currentColor;stroke:currentColor}
.action-repost.reposted{color:#00d26a}
.action-repost.reposted svg path{stroke:currentColor}
.likes{font-weight:bold;font-size:14px;margin-bottom:7px}
.post-likes-trigger{border:0;background:transparent;padding:0;color:inherit;font:inherit;cursor:pointer}
.post-likes-trigger:hover{text-decoration:underline}
.profile-post-likes-trigger{border:0;background:transparent;padding:0;color:inherit;font:inherit;display:block}
.profile-post-likes-trigger:hover{text-decoration:underline}
.post-likes-list{display:grid;max-height:min(520px,70vh);overflow:auto;padding:8px 0}
.post-likes-empty{padding:26px 16px;color:#aaa;text-align:center}
.post-likes-loading{padding:10px 16px;color:#a8adb7}
.post-likes-avatar-fallback{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#262a34;color:#fff;font-weight:700;font-size:17px;line-height:1}
.post-likes-modal{width:min(430px,calc(100vw - 24px))}
.post-inline-status{margin:0 0 8px;color:#0095f6;font-size:13px;font-weight:bold}
.post-inline-status[hidden]{display:none}
.caption{font-size:14px;line-height:1.5}.caption b{margin-right:5px}
.hashtag-link{color:#4da8ff;font-weight:bold}
.hashtag-link:hover{text-decoration:underline}
.hashtag-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262626;padding:14px 0;margin-bottom:4px}
.hashtag-heading span{font-size:22px;font-weight:800;color:#fff}
.hashtag-heading a{color:#0095f6;font-size:13px;font-weight:bold}
.comments{display:inline-flex;align-items:center;gap:4px;background:transparent;border:0;color:#aaa;margin-top:8px;font:inherit;font-size:14px;padding:0;cursor:pointer}
.comments:hover{color:#fff}
.comment-list{display:grid;gap:7px;font-size:14px;line-height:1.55;margin-top:8px;color:#eee}
.comment-list b{margin-right:5px}
.comment-list[hidden]{display:none}
.profile-post-comments-list{max-height:min(260px,32vh);overflow:auto;padding-right:4px}
.comment-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
.comment-row>span{min-width:0;overflow-wrap:anywhere}
.comment-row button{display:flex;align-items:center;gap:4px;border:0;background:transparent;color:#aaa;cursor:pointer;padding:1px 0}
.comment-row button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.comment-row button.liked{color:#ff3040}.comment-row button.liked svg{fill:currentColor}
.comment-row button small{font-size:11px;color:currentColor;min-width:10px}
.rightbar{padding:36px 20px;position:sticky;top:0;height:100vh}
.profile-mini,.suggest-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}
.profile-info{display:flex;align-items:center;gap:12px;min-width:0}
.profile-info img,.profile-info [data-avatar-fallback]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#000;font-size:18px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:8px;color:#999;font-size:12px}
.footer-links a:hover{color:#fff;text-decoration:underline}
.info-page{min-height:100vh}
.info-shell{width:min(920px,calc(100vw - 28px));margin:0 auto;padding:28px 0 72px}
.info-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:26px}
.info-nav .logo{margin:0;font-size:30px}
.info-nav>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;color:#a8adb7;font-size:14px;font-weight:700}
.info-nav a:hover{color:#fff}
.info-account{justify-self:end;border:1px solid var(--line-soft);border-radius:8px;padding:9px 13px;background:var(--panel-bg);font-weight:800}
.info-card{border:1px solid var(--line);border-radius:10px;background:var(--panel-bg);padding:34px;display:grid;gap:26px}
.info-card header{display:grid;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.info-card h1{font-size:clamp(30px,5vw,48px);line-height:1.05}
.info-card header p{font-size:17px;line-height:1.65;color:#d7dce6;max-width:760px}
.info-card section{display:grid;gap:10px}
.info-card h2{font-size:21px}
.info-card p{color:#c7ceda;line-height:1.75;font-size:15px}
.profile-info small{color:#aaa}.profile-info div{min-width:0}.profile-info b{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.switch,.follow{color:#0095f6;font-size:12px;font-weight:bold;background:transparent;border:0;cursor:pointer;white-space:nowrap}
.suggest-title{display:flex;justify-content:space-between;color:#aaa;font-size:14px;margin:25px 0 18px}
.footer{color:#666;font-size:12px;line-height:1.8;margin-top:25px}
.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:58px;background:#000;border-top:1px solid #262626;z-index:99;justify-content:space-around;align-items:center;font-size:25px}
.mobile-nav button{background:transparent;border:0;font-size:25px}
.insta-footer{height:64px;padding:0 12px;box-shadow:0 -8px 28px rgba(0,0,0,.38)}
.insta-footer > :not(.mobile-nav__item){display:none}
.mobile-nav__item{position:relative;width:42px;height:42px;border:0;background:transparent;color:#fff;display:grid;place-items:center;border-radius:50%;font-size:24px;cursor:pointer}
.mobile-nav__item:hover{background:#121212}
.mobile-nav__item svg{width:27px;height:27px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mobile-nav__item svg path,.mobile-nav__item svg circle,.mobile-nav__item svg rect{fill:none;stroke:currentColor}
.mobile-nav__item.active{background:#121212;color:#fff}
.nav-unread-dot{position:absolute;top:7px;right:7px;width:10px;height:10px;border-radius:50%;background:#ed4956;border:2px solid #000;box-shadow:0 0 0 1px rgba(237,73,86,.22)}
.mobile-nav__item[aria-label="Home"] svg path:first-child{fill:none}
.mobile-nav__profile img,.mobile-nav__profile [data-avatar-fallback]{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#000;font-size:13px}
.empty{padding:70px 0;text-align:center;color:#aaa}.empty h2{color:#fff;margin-bottom:8px}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:120}
.modal{position:fixed;z-index:130;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 24px));max-height:88vh;overflow:auto;background:#101010;border:1px solid #2d2d2d;border-radius:8px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262626;padding:14px 16px}
.modal-head button{background:transparent;border:0;font-size:26px;cursor:pointer}
.create-choice-modal{width:min(420px,calc(100vw - 24px))}
.create-choice-list{padding:12px;display:grid;gap:8px}
.create-choice-list button{height:64px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;border:1px solid #262626;border-radius:8px;background:#080808;color:#fff;text-align:left;padding:0 14px;cursor:pointer}
.create-choice-list button:hover{background:#151515;border-color:#3a3a3a}
.create-choice-list span{width:36px;height:36px;display:grid;place-items:center}
.create-choice-list svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.create-choice-list b{font-size:17px}
.highlights-modal{width:min(420px,calc(100vw - 24px))}
.highlights-panel{padding:16px;display:grid;gap:12px}
.highlights-panel button{min-height:66px;border:1px solid #262626;background:#080808;color:#fff;border-radius:8px;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;text-align:left;padding:0 14px;cursor:pointer}
.highlights-panel button:hover{background:#151515;border-color:#3a3a3a}
.highlights-panel span{width:36px;height:36px;display:grid;place-items:center}
.highlights-panel svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.highlights-panel p{color:#a8adb7;font-size:14px;line-height:1.45}
.comment-modal{width:min(460px,calc(100vw - 24px))}
.comment-modal-form{padding:14px;display:grid;grid-template-columns:1fr 44px;gap:10px;align-items:end}
.comment-modal-form textarea{grid-column:1 / -1;width:100%;resize:vertical;min-height:126px;background:#050505;border:1px solid #303030;border-radius:8px;color:#fff;outline:0;padding:12px;font:inherit;line-height:1.5}
.comment-modal-form textarea:focus{border-color:#555}
.comment-send-icon{justify-self:end;grid-column:2;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#0095f6;color:#fff;cursor:pointer;transition:transform .14s ease,background .14s ease}
.comment-send-icon:hover{transform:scale(1.04);background:#1877f2}
.comment-send-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.upload-alert-modal{z-index:280;width:min(390px,calc(100vw - 24px));text-align:left}
.upload-alert-modal .modal-pad{display:grid;gap:12px}
.upload-alert-modal p{color:#d6dbe5;line-height:1.5;margin:0}
.upload-alert-modal .primary{justify-self:end;min-width:92px;height:40px;border:0;border-radius:8px;background:#0095f6;color:#fff;font-weight:800;cursor:pointer}
.create-form,.search-panel{padding:16px;display:grid;gap:12px}
.create-form input,.create-form textarea,.search-panel input,.auth-card input,.auth-card select{width:100%;height:46px;background:#050505;border:1px solid #303030;color:#fff;border-radius:6px;padding:0 12px;outline:0}
.create-form textarea{height:auto;padding:12px}
.auth-card select{display:block;cursor:pointer;appearance:auto}
.create-form textarea{resize:vertical}
.upload-box{display:grid;place-items:center;min-height:260px;border:1px dashed #444;border-radius:8px;background:#050505;cursor:pointer;overflow:hidden}
.upload-box[hidden]{display:none}
.upload-box img{width:100%;height:320px;object-fit:cover}.form-message,.notice{color:#ffb4b4;font-size:13px}
.story-upload{min-height:54px;border-style:solid;display:flex;align-items:center;justify-content:center;padding:0 14px;color:#fff;font-weight:700}
.story-upload.has-file{border-color:#0095f6;background:#07131d;color:#9fd7ff}
.story-upload img{display:none!important}
.avatar-viewer{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.92);display:grid;place-items:center;align-content:center;gap:18px;padding:24px;color:#fff}
.avatar-viewer[hidden]{display:none}
.avatar-viewer button{position:absolute;top:18px;right:18px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.avatar-viewer-frame{width:min(78vw,78vh,560px);height:min(78vw,78vh,560px);border-radius:50%;overflow:hidden;background:#000;display:grid;place-items:center;border:4px solid rgba(255,255,255,.9);box-shadow:0 30px 120px rgba(0,0,0,.7)}
.avatar-viewer-frame img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-viewer-frame span{width:100%;height:100%;display:grid;place-items:center;background:#000;color:#fff;font-size:clamp(86px,22vw,180px);font-weight:900;font-family:Arial,Tahoma,sans-serif;text-transform:uppercase}
.avatar-viewer>b{font-size:20px;text-align:center;max-width:min(82vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
[data-profile-avatar-view]{cursor:pointer}
.video-fullscreen-viewer{position:fixed;inset:0;z-index:270;background:rgba(0,0,0,.96);display:grid;place-items:center;padding:18px}
.video-fullscreen-viewer[hidden]{display:none}
.video-fullscreen-viewer button{position:fixed;top:18px;right:18px;z-index:2;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.video-fullscreen-viewer video{width:min(calc(100vw - 36px),1100px);height:min(calc(100vh - 36px),820px);object-fit:contain;background:#000;border-radius:10px}
.stream-page{overflow:hidden;background:#000}
.stream-brandbar{position:fixed;top:0;left:0;right:0;z-index:80;height:52px;display:grid;place-items:center;background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,0));color:#fff;font-family:cursive;font-size:27px;font-weight:700;letter-spacing:0;text-shadow:0 2px 16px rgba(0,0,0,.72);pointer-events:none}
.stream-desktop-nav{position:fixed;top:18px;left:18px;z-index:92;display:grid;gap:10px;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.42);backdrop-filter:blur(12px)}
.stream-desktop-nav a,.stream-desktop-nav button{position:relative;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.stream-desktop-nav a:hover,.stream-desktop-nav button:hover{background:rgba(255,255,255,.12)}
.stream-desktop-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stream-desktop-nav img,.stream-desktop-nav [data-avatar-fallback]{width:30px;height:30px;border-radius:50%;object-fit:cover;background:#000;font-size:13px}
.stream-topbar{position:fixed;top:0;left:0;right:0;z-index:80;height:56px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;background:linear-gradient(rgba(0,0,0,.72),rgba(0,0,0,0));padding:0 10px;color:#fff}
.stream-topbar a,.stream-topbar button{width:42px;height:42px;border:0;background:transparent;color:#fff;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.stream-topbar svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.stream-topbar b{justify-self:center;font-size:22px}
.stream-feed{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;background:#000;scrollbar-width:none}
.stream-feed::-webkit-scrollbar{display:none}
.stream-card{position:relative;height:100svh;width:100%;max-width:none;margin:0;padding:0;border:0;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden}
.stream-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;border-radius:10px}
.stream-video.is-portrait{width:100%;height:100%;object-fit:contain}
.stream-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 30%,transparent 55%,rgba(0,0,0,.78));pointer-events:none}
.stream-info{position:absolute;left:18px;right:90px;bottom:84px;z-index:2;display:grid;gap:10px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.stream-user{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.stream-user img,.stream-user [data-avatar-fallback]{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#000;border:2px solid rgba(255,255,255,.86);font-size:16px}
.stream-user span{display:grid;gap:2px;min-width:0}.stream-user b,.stream-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-user small{color:#d6d9df}
.stream-info p{font-size:15px;line-height:1.42;max-height:4.2em;overflow:hidden}
.stream-actions{position:absolute;right:18px;bottom:92px;z-index:2;display:grid;justify-items:center;gap:7px;color:#fff}
.stream-actions .action-icon{width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.34);backdrop-filter:blur(10px);color:#fff;transition:transform .16s ease,background .16s ease,color .16s ease}
.stream-actions .action-icon svg{width:15px;height:15px}
.stream-actions .action-icon:hover{transform:scale(1.55);background:rgba(0,0,0,.56);color:#fff}
.stream-actions small{font-size:12px;font-weight:900;text-shadow:0 2px 8px rgba(0,0,0,.85)}
.stream-empty{height:100svh;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;color:#fff;padding:24px}
.stream-empty svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.8}.stream-empty p{color:#a8adb7}
@media(min-width:761px){
  .stream-page .mobile-nav{display:flex}
  .stream-info{left:max(24px,calc((100vw - 620px) / 2));right:max(104px,calc((100vw - 620px) / 2 + 86px))}
  .stream-actions{right:max(24px,calc((100vw - 620px) / 2))}
}
.post-type-switch{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}
.post-type-switch label[hidden]{display:none}
.post-type-switch label{position:relative;display:grid;place-items:center;height:44px;border-radius:8px;border:1px solid #303030;background:#050505;color:#aaa;cursor:pointer;font-weight:bold}
.post-type-switch input{position:absolute;opacity:0;pointer-events:none}
.post-type-switch label:has(input:checked){background:#262a34;border-color:#4c5361;color:#fff}
.video-upload-box{min-height:88px;border:1px dashed #444;border-radius:8px;background:#050505;cursor:pointer;display:grid;place-items:center;gap:6px;color:#fff;padding:14px;text-align:center}
.video-upload-box[hidden]{display:none}
.video-upload-box b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a8adb7;font-size:13px}
.podcast-cover-upload img{width:min(220px,100%);aspect-ratio:1/1;object-fit:cover;border-radius:8px;border:1px solid #303030;background:#000}
.podcast-cover-upload img[hidden]{display:none}
.cover-modal-trigger,.cover-picker{height:46px;border:1px solid #303030;border-radius:8px;background:#121820;color:#fff;font-weight:700;cursor:pointer}
.cover-modal-trigger[hidden]{display:none}
.cover-picker{width:100%;margin-bottom:12px}
.cover-preview{display:grid;gap:8px;color:#a8adb7;font-size:13px;font-weight:700}
.cover-preview[hidden]{display:none}
.cover-preview img{width:100%;max-height:280px;object-fit:cover;border-radius:8px;background:#000;border:1px solid #303030}
.podcast-recorder{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.podcast-recorder button{border:0;border-radius:7px;background:#262a34;color:#fff;font-weight:bold;padding:10px;cursor:pointer}
.podcast-recorder [data-audio-upload-trigger]{background:#0095f6}
.podcast-recorder [data-audio-record-start]{background:#1f2937}
.podcast-recorder button[hidden],.podcast-recorder audio[hidden]{display:none}
.podcast-recorder small,.podcast-recorder audio{grid-column:1 / -1;width:100%}
.podcast-recorder small{min-height:18px;color:#a8adb7;font-size:12px}
.video-editor,.video-editor-form{border:1px solid #303030;border-radius:8px;background:#050505;padding:12px;display:grid;gap:10px}
.video-editor[hidden]{display:none}
.video-editor video{width:100%;max-height:260px;border-radius:6px;background:#000}
.video-editor-grid,.video-editor-form{grid-template-columns:1fr 1fr}
.video-editor-grid{display:grid;gap:10px}
.video-editor label,.video-editor-form label{display:grid;gap:5px;color:#a8adb7;font-size:13px}
.video-range-control{grid-column:1 / -1!important;grid-template-columns:1fr auto;align-items:center}
.video-range-control output{color:#fff;font-weight:bold;font-size:13px}
.video-range-control input[type=range]{grid-column:1 / -1;width:100%;accent-color:#0095f6;cursor:pointer}
.video-muted{display:flex!important;align-items:center;gap:8px;color:#fff!important}
.video-muted input{width:auto}
.video-edit-modal{width:min(430px,calc(100vw - 24px))}
.video-editor-form{padding:16px;display:grid}
.video-editor-form .primary,.video-editor-form .form-message{grid-column:1 / -1}
.primary{border:0;border-radius:6px;background:#0095f6;color:#fff;font-weight:bold;padding:12px 14px;cursor:pointer;text-align:center}
.upload-indicator{position:fixed;left:50%;top:50%;z-index:260;transform:translate(-50%,-50%);display:grid;place-items:center;width:150px;min-height:150px;border:1px solid #263140;border-radius:8px;background:rgba(11,17,26,.94);color:#e7edf7;font-size:14px;font-weight:bold;box-shadow:0 24px 80px rgba(0,0,0,.58);backdrop-filter:blur(10px)}
.upload-indicator[hidden]{display:none}
.upload-progress{--upload-progress:0%;width:82px;height:82px;border-radius:50%;background:conic-gradient(#0095f6 var(--upload-progress),rgba(255,255,255,.16) 0);display:grid;place-items:center;position:relative;flex:none}
.upload-progress:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#0b111a}
.upload-progress em{position:relative;z-index:1;font-size:17px;font-style:normal;font-weight:900;color:#fff}
.is-uploading{position:relative}
.is-uploading button[type=submit],.is-uploading .primary{opacity:.74;cursor:progress}
@keyframes upload-spin{to{transform:rotate(360deg)}}
.link-button{display:inline-block}.modal-pad{padding:18px}
.story-text-editor{display:grid;gap:12px}
.story-text-editor[hidden]{display:none}
.story-reply-toggle{display:flex;align-items:center;gap:10px;border:1px solid #303030;border-radius:8px;background:#07090d;padding:12px;color:#fff;font-weight:700}
.story-reply-toggle input{width:18px;height:18px;accent-color:#0095f6}
.story-image-tools{display:grid;gap:12px}
.story-image-tools[hidden]{display:none}
.story-text-editor label,.story-image-tools label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d8d8d8}
.story-text-editor input[type=color]{width:58px;height:42px;border:0;background:transparent;padding:0}
.story-image-tools input[type=color]{width:58px;height:42px;border:0;background:transparent;padding:0}
.story-image-tools input[type=range],.story-text-editor input[type=range]{width:58%;accent-color:#0095f6}
.story-image-toolbar{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.story-image-toolbar label{height:48px;border:1px solid #303030;border-radius:8px;background:#050505;padding:0 10px;font-size:13px}
.story-image-toolbar button{height:48px;border:1px solid #303030;border-radius:8px;background:#121820;color:#fff;font-weight:700;padding:0 12px;cursor:pointer}
.story-image-toolbar button:hover{background:#1d2633}
.story-text-toolbar{display:grid;grid-template-columns:92px minmax(120px,1fr) minmax(150px,1.2fr);gap:8px;align-items:center}
.story-text-toolbar label{height:48px;border:1px solid #303030;border-radius:8px;background:#050505;padding:0 10px;font-size:13px}
.story-text-toolbar select{min-width:0;width:100%;border:0;background:#111;color:#fff;border-radius:6px;padding:8px;outline:0}
.story-text-preview{min-height:220px;border-radius:8px;display:grid;place-items:center;text-align:center;padding:24px;font-size:28px;font-weight:800;line-height:1.25;overflow:hidden}
.story-image-preview{position:relative;min-height:260px;border:1px solid #303030;border-radius:8px;background:#050505;display:grid;place-items:center;overflow:hidden}
.story-image-preview img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;cursor:grab;transform:translate(-50%,-50%);transform-origin:center}
.story-image-preview img:active{cursor:grabbing}
.story-image-preview span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;max-width:88%;min-width:64px;text-align:center;font-weight:900;line-height:1.15;text-shadow:0 3px 16px rgba(0,0,0,.75);overflow-wrap:anywhere;cursor:move;user-select:text;padding:8px 10px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:rgba(0,0,0,.22);outline:0}
.story-image-preview span[hidden]{display:none}
.story-image-preview span:focus{border-color:#0095f6;box-shadow:0 0 0 3px rgba(0,149,246,.24);background:rgba(0,0,0,.36)}
@media (max-width:520px){.story-image-toolbar,.story-text-toolbar{grid-template-columns:1fr}.story-text-toolbar label,.story-image-toolbar label{justify-content:space-between}.story-image-tools input[type=range]{width:52%}}
.story-video-editor{grid-template-columns:1fr;gap:10px}
.story-video-editor[hidden]{display:none}
.story-video-editor video{width:100%;max-height:260px;background:#000;border-radius:8px;border:1px solid #303030}
.reply-inbox{display:grid;gap:10px;margin-bottom:18px;color:#ddd;text-align:left}
.reply-inbox>b{color:#fff}
.reply-inbox div{display:flex;gap:8px;align-items:flex-start}
.reply-inbox img,.reply-inbox [data-avatar-fallback]{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:none;font-size:13px}
.reply-inbox span:not([data-avatar-fallback]){display:grid;gap:2px;min-width:0}
.reply-inbox small{color:#777}
.result{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #202020}
.result:hover{background:#151515;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}
.result img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#222}.result small{color:#aaa}
.result div{min-width:0}.result b,.result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result em{font-style:normal;color:#8f97a5;font-size:11px;font-weight:700;margin-left:5px;text-transform:capitalize}
#searchResults{display:grid;gap:2px}
#searchResults h3{color:#8f97a5;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-top:8px}
.search-loading{color:#a8adb7;font-size:14px;padding:12px 2px}
.app-profile{grid-template-columns:245px minmax(0,970px);justify-content:center}
.profile-main{width:100%;padding:34px 28px 90px}
.profile-hero{border-bottom:1px solid #262626;margin-bottom:0;padding-bottom:34px}
.profile-header{display:grid;grid-template-columns:176px 1fr;gap:34px;align-items:center;padding:0 34px}
.profile-avatar-wrap{width:156px;height:156px;border-radius:50%;padding:5px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);box-shadow:0 10px 32px rgba(0,0,0,.45)}
.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#000;border:5px solid #080808;display:grid;place-items:center;font-size:58px}
.profile-copy{min-width:0}.profile-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.profile-topline h1{font-size:28px;font-weight:500;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-handle{display:inline-block;color:#999;font-size:13px;margin-top:6px}
.profile-identity{display:grid;gap:4px;min-width:0;margin-bottom:14px}
.profile-identity b{font-family:Arial,Tahoma,sans-serif;font-size:20px;line-height:1.2;font-weight:600;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;flex-shrink:0;margin-top:14px;max-width:520px}
.profile-action-box{display:flex;align-items:center;justify-content:center;min-height:54px;border:1px solid #303030;background:#050505;color:#fff;border-radius:6px;font-weight:bold;font-size:14px;padding:9px 12px;cursor:pointer;text-align:center;line-height:1.2}
.profile-action-box:hover{background:#141414;border-color:#444}
.profile-preference-actions{display:flex;align-items:center;gap:10px;margin-top:10px}
.profile-preference-actions button{width:42px;height:42px;border:1px solid var(--line-soft);border-radius:50%;background:var(--soft-bg);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.profile-preference-actions button:hover{background:var(--hover-bg)}
.profile-preference-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.profile-preference-actions [data-theme-choice]{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:block}
.profile-preference-actions .theme-wheel-icon{width:24px;height:24px;border-radius:50%;display:block;background:conic-gradient(from 0deg,#e53935,#fb8c00,#fdd835,#43a047,#00acc1,#1e88e5,#5e35b1,#d81b60,#e53935);border:2px solid rgba(255,255,255,.78);box-shadow:inset 0 0 0 4px rgba(0,0,0,.38)}
.profile-theme-box{display:grid;gap:10px;margin-top:10px}
.profile-theme-box>b{font-size:13px;color:#a8adb7}
.profile-theme-grid{display:grid;grid-auto-flow:column;grid-auto-columns:32px;grid-template-rows:32px;gap:8px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:3px 2px 7px;scrollbar-width:none}
.profile-theme-grid::-webkit-scrollbar{display:none}
.profile-theme-grid button{width:32px;height:32px;border:2px solid transparent;border-radius:50%;background:transparent;padding:2px;cursor:pointer}
.profile-theme-grid button.is-active{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.14)}
.profile-theme-grid span{display:block;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.profile-theme-box small{min-height:16px;color:#a8adb7;font-size:12px}
.preference-modal{max-width:430px}
.language-modal-list{display:grid;gap:8px;padding:14px}
.language-modal-list a{min-height:48px;border:1px solid var(--line-soft);border-radius:8px;background:var(--soft-bg);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-weight:800}
.language-modal-list a.is-active{border-color:#fff;background:var(--hover-bg)}
.language-modal-list b{font-size:18px;color:#fff}
.preference-modal .profile-theme-box{padding:14px;margin:0}
.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:10px;margin-top:22px;max-width:520px}
.profile-stats span,.profile-stats button{min-height:54px;border:1px solid #303030;background:#050505;color:#fff;border-radius:6px;padding:9px 12px;display:grid;grid-template-rows:auto auto;place-items:center;gap:2px;text-align:center;font:inherit}
.profile-stats button{cursor:pointer}
.profile-stats button:hover{background:#141414;border-color:#444}
.profile-stats b{font-size:17px;line-height:1}.profile-stats small{color:#d8d8d8;font-size:11px;font-weight:bold;line-height:1.2}
.profile-name{font-weight:bold;margin-bottom:7px}.profile-copy p{color:#ddd;line-height:1.55;max-width:620px}
.profile-tabs{height:58px;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;border-top:1px solid #202020;border-bottom:1px solid #262626;margin-top:14px}
.profile-tabs button{background:transparent;border:0;color:#e6e6e6;cursor:pointer;font-weight:bold;font-size:22px;display:flex;align-items:center;justify-content:center;position:relative;text-shadow:0 0 10px rgba(255,255,255,.22);transition:color .16s ease,filter .16s ease,text-shadow .16s ease}
.profile-tabs button:after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;background:#fff;opacity:0;transform:scaleX(.4);transition:.18s ease}
.profile-tabs button:hover{color:#fff;filter:brightness(1.16);text-shadow:0 0 14px rgba(255,255,255,.38)}.profile-tabs button.is-active{color:#fff;filter:brightness(1.28) drop-shadow(0 0 8px rgba(255,255,255,.28));text-shadow:0 0 16px rgba(255,255,255,.42)}.profile-tabs button.is-active:after{opacity:1;transform:scaleX(1)}
.profile-panel{display:none}.profile-panel.is-active{display:block}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px}
.profile-tile{position:relative;aspect-ratio:1/1;overflow:hidden;background:#111}
.profile-tile img,.profile-tile-video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease,filter .24s ease}
.profile-tile-fallback{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#202735,#050505 68%);color:#fff}
.profile-tile-fallback svg{width:42%;height:42%;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;opacity:.92}
.profile-tile.is-audio .profile-tile-fallback{background:radial-gradient(circle at 35% 20%,#16302d,#050505 70%)}
.profile-tile i{position:absolute;right:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));z-index:2}
.profile-tile i svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.profile-tile em{position:absolute;left:8px;top:8px;width:30px;height:30px;display:grid;place-items:center;color:#fff;filter:drop-shadow(0 2px 5px rgba(0,0,0,.65));z-index:2;font-style:normal}
.profile-tile em svg{width:23px;height:23px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-tile.is-hidden-post img{filter:grayscale(.85) brightness(.55)}
.profile-tile.is-hidden-post:after{content:"HIDDEN";position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:rgba(255,255,255,.88);font-size:clamp(18px,4vw,34px);font-weight:900;letter-spacing:.18em;text-shadow:0 2px 14px rgba(0,0,0,.78);transform:rotate(-18deg);pointer-events:none}
.hidden-badge{position:absolute;left:8px;bottom:8px;z-index:3;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;font-size:11px;padding:4px 8px}
.profile-tile span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,.48);opacity:0;font-size:14px;text-align:center;padding:16px}
.profile-tile span b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:92%;line-height:1.35}
.profile-tile span small{font-weight:bold;color:#fff}
.profile-tile span small svg{width:15px;height:15px;display:inline-block;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.profile-tile:hover img,.profile-tile:hover .profile-tile-video{transform:scale(1.045);filter:saturate(1.08)}.profile-tile:hover span{opacity:1}
.profile-empty{min-height:330px;display:grid;place-items:center;text-align:center;align-content:center;gap:10px;color:#aaa;border-bottom:1px solid #202020}
.profile-empty div{width:76px;height:76px;border:1px solid #333;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:30px;background:#0d0d0d}
.profile-empty h2{color:#fff;font-size:20px}.profile-empty p{font-size:14px}
.story-viewer{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 12px 128px;box-sizing:border-box;touch-action:none}
.story-viewer[hidden]{display:none}
.story-viewer-stage{position:relative;z-index:2;width:min(430px,94vw);height:min(760px,calc(100dvh - 170px));display:grid;place-items:center;overflow:hidden;border-radius:8px;border:1px solid #333;background:#000;box-shadow:0 20px 80px rgba(0,0,0,.55)}
.story-progress{position:absolute;left:10px;right:10px;bottom:10px;z-index:7;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:5px;pointer-events:none}
.story-progress[hidden]{display:none}
.story-progress span{height:3px;border-radius:999px;background:rgba(255,255,255,.28);box-shadow:0 1px 5px rgba(0,0,0,.45)}
.story-progress span.is-seen,.story-progress span.is-active{background:#fff}
.story-viewer img,.story-viewer-video{position:relative;z-index:2;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;background:#000;object-fit:contain}
.story-viewer img.is-edited-story-image{position:absolute;z-index:2;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0;object-fit:contain;transform-origin:center}
.story-viewer>[data-close-story]{position:fixed;top:18px;right:22px;z-index:10;background:transparent;border:0;font-size:36px;cursor:pointer}
.story-delete-button{position:fixed;top:24px;left:22px;z-index:10;width:38px;height:38px;border:1px solid rgba(237,73,86,.65);border-radius:50%;background:rgba(237,73,86,.14);color:#ff4d5e;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.story-delete-button[hidden]{display:none}
.story-delete-button:hover{background:#ed4956;color:#fff;border-color:#ed4956}
.story-viewer-nav{display:none}
@media(min-width:761px){.story-viewer-nav{position:fixed!important;top:50%!important;right:auto!important;z-index:5;width:44px;height:66px;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px;background:rgba(0,0,0,.18)!important;color:rgba(255,255,255,.58);font-size:42px!important;line-height:1;display:grid;place-items:center;transform:translateY(-50%);cursor:pointer}.story-viewer-nav:hover{background:rgba(0,0,0,.34)!important;color:rgba(255,255,255,.86)}.story-viewer-nav.prev{left:18px}.story-viewer-nav.next{right:18px!important;left:auto}.story-viewer-nav[disabled]{opacity:.16;cursor:default}}
.story-viewer b{position:relative;z-index:6;margin-top:10px}
.story-viewer b a{color:#fff;font-weight:800;text-decoration:none}
.story-viewer b a:hover{text-decoration:underline}
.story-viewer-text{width:100%;height:100%;min-height:0;border-radius:8px;display:grid;place-items:center;text-align:center;padding:28px;font-size:34px;font-weight:800;line-height:1.25;overflow:hidden;overflow-wrap:anywhere;text-shadow:0 3px 16px rgba(0,0,0,.75)}
.story-viewer-text.is-overlay{position:absolute;z-index:5;width:auto;min-width:72px;max-width:min(460px,82vw);min-height:0;max-height:70vh;transform:translate(-50%,-50%);background:transparent!important;border-radius:0;pointer-events:none;padding:8px 10px}
.story-like-button{position:fixed;left:50%;bottom:78px;z-index:8;transform:translateX(-50%);height:42px;min-width:76px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(0,0,0,.48);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer;font-weight:800}
.story-like-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.story-like-button.liked{color:#ed4956;background:rgba(237,73,86,.16);border-color:rgba(237,73,86,.55)}
.story-like-button.liked svg{fill:currentColor;stroke:currentColor}
.story-reply-form{position:fixed;left:50%;bottom:24px;z-index:8;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));display:grid;grid-template-columns:1fr 44px;gap:8px}
.story-reply-form[hidden]{display:none}
.story-reply-form input{height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.42);color:#fff;padding:0 16px;outline:0}
.story-reply-form button{position:static;width:44px;height:44px;border-radius:50%;border:0;background:#0095f6;color:#fff;display:grid;place-items:center;cursor:pointer}
.story-reply-form svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.story-viewer{padding:12px 8px 132px}.story-viewer-stage{width:min(430px,96vw);height:min(760px,calc(100dvh - 162px))}.story-like-button{bottom:76px}.story-reply-form{bottom:20px}}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}
.auth-card{width:min(390px,100%);display:grid;gap:12px;border:1px solid #262626;border-radius:8px;padding:28px;background:#090909}
.auth-card h1{font-family:cursive;text-align:center}.auth-card h1 a{color:#fff;text-decoration:none;font-size:inherit}.auth-card p,.auth-card a{color:#aaa;text-align:center;font-size:14px}
@media(max-width:1100px){.app{grid-template-columns:80px minmax(0,1fr)}.rightbar{display:none}.logo{font-size:22px;text-align:center}.menu span.text{display:none}.sidebar{width:80px;max-width:80px;padding:24px 10px}.menu a,.menu button{justify-content:center}}
@media(max-width:760px){.app{display:block}.sidebar{display:none}.mobile-topbar{direction:ltr;position:sticky;top:0;z-index:90;height:56px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;background:#000;border-bottom:1px solid #151515;padding:0 8px}.mobile-topbar__brand{justify-self:center;font-family:cursive;font-size:27px;font-weight:700}.mobile-topbar__button{position:relative;width:42px;height:42px;border:0;background:transparent;color:#fff;display:grid;place-items:center;border-radius:50%;cursor:pointer}.mobile-topbar__button:hover{background:#111}.mobile-topbar__button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mobile-topbar__heart{justify-self:end}.mobile-topbar__heart span{position:absolute;top:3px;right:2px;min-width:17px;height:17px;border-radius:999px;background:#ed4956;color:#fff;border:2px solid #000;font-size:10px;line-height:13px;text-align:center;font-weight:800;padding:0 4px}.feed{padding:12px 10px 80px}.mobile-nav{display:flex}.stories-wrap{border-bottom:0}.story-btn{display:none}.post{padding:18px 0}.podcast-card{grid-template-columns:96px 1fr;gap:12px;min-height:124px;padding:10px}.podcast-info b{font-size:15px}.profile-main{padding:18px 10px 80px}.profile-hero{padding-bottom:22px}.profile-header{grid-template-columns:92px 1fr;gap:14px;padding:0 4px}.profile-avatar-wrap{width:92px;height:92px;padding:3px}.profile-avatar{border-width:3px}.profile-topline{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:12px}.profile-topline h1{font-size:22px}.profile-actions{width:100%}.profile-actions .primary,.profile-actions .profile-soft{flex:1;padding:8px 10px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}.profile-stats span,.profile-stats button{padding:9px 6px;text-align:center}.profile-tabs{height:52px}.profile-tabs button{font-size:20px}.profile-grid{gap:3px}.profile-empty{min-height:260px}}
@media(max-width:760px){.stream-desktop-nav{display:none}}

/* Instagram-like profile screen */
.ig-profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 22px}
.ig-top-name{display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px;min-width:0;flex:1}
.ig-top-name b{
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  min-width:0;
  max-width:100%;
}
.ig-top-name b>span{display:inline;min-width:0}
.ig-top-status-dot{width:8px;height:8px;border-radius:50%;background:#ff3158;display:inline-block;flex:none}
.ig-top-actions{display:flex;align-items:center;gap:12px}
.ig-top-icon{width:34px;height:34px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.ig-top-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.app-profile{grid-template-columns:245px minmax(0,970px);max-width:1280px;width:100%;justify-content:center}
.profile-main{width:100%;padding:24px 18px 90px;max-width:970px;margin:0 auto}
.profile-hero{border-bottom:0;padding-bottom:0}
.profile-header{grid-template-columns:118px 1fr;gap:18px;padding:0;align-items:center}
.profile-avatar-wrap{width:104px;height:104px;padding:0;background:none;box-shadow:none;position:relative}
.profile-avatar-wrap.has-active-story{padding:3px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);box-shadow:0 10px 32px rgba(0,0,0,.35);cursor:pointer}
.profile-avatar{border:0;background:#222}
.profile-avatar-wrap.has-active-story .profile-avatar{border:3px solid #000}
.profile-avatar-add{position:absolute;right:0;bottom:5px;width:27px;height:27px;border-radius:50%;border:3px solid #000;background:#fff;color:#000;font-size:20px;font-weight:bold;line-height:20px;display:grid;place-items:center;cursor:pointer}
.profile-copy{min-width:0}
.profile-identity{margin-bottom:12px}
.profile-identity b{font-size:18px;font-weight:600}
.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:0;max-width:none}
.profile-stats span,.profile-stats button{border:0;background:transparent;min-height:auto;padding:0;border-radius:0}
.profile-stats button:hover{background:transparent;border:0}
.profile-stats b{font-size:20px;line-height:1.1}.profile-stats small{font-size:14px;color:#fff;font-weight:400}
.profile-bio{margin-top:14px;line-height:1.35;font-size:15px}
.profile-name{font-size:15px;margin-bottom:4px}.profile-category{color:#a8adb7;margin-bottom:2px}.profile-bio p{margin:2px 0;font-size:14px}.profile-gender{color:#c9ced8;font-weight:700}
.profile-link{display:flex;align-items:center;gap:6px;font-weight:bold;margin-top:5px;max-width:100%;overflow:hidden}
.profile-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.profile-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-meta-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:9px;font-weight:bold}
.profile-meta-links span{display:flex;align-items:center;gap:4px;min-width:0}
.profile-meta-links svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.profile-dashboard{width:100%;margin-top:18px;background:#262a34;border:0;border-radius:8px;padding:11px 14px;display:grid;gap:2px;text-align:left;color:#fff;cursor:pointer;font-family:Arial,Tahoma,sans-serif}
.profile-dashboard:hover{background:#303541}
.profile-dashboard b{font-size:14px;font-weight:600;line-height:1.25;letter-spacing:0}.profile-dashboard span{color:#b8bdc7;font-size:11px;line-height:1.3;letter-spacing:0;display:flex;flex-wrap:wrap;gap:5px 10px}.profile-dashboard i{font-style:normal;white-space:nowrap}
.follow-requests{margin-top:10px;background:#111;border:1px solid #262626;border-radius:8px;padding:12px;display:grid;gap:10px}
.follow-requests>b{font-size:16px}
.follow-requests p{color:#a8adb7;font-size:14px;line-height:1.5}
.settings-follow-requests{margin-top:14px;background:#0d1118;border-color:#242933}
.follow-request{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.follow-request a{display:flex;align-items:center;gap:10px;min-width:0;color:#fff}
.follow-request img,.follow-request [data-avatar-fallback]{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#000;flex:none;font-size:16px}
.follow-request span:not([data-avatar-fallback]){min-width:0;display:grid;gap:2px}
.follow-request strong,.follow-request small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.follow-request small{color:#aaa;font-size:12px}
.follow-request div{display:flex;gap:6px}
.follow-request button{border:0;border-radius:7px;background:#262a34;color:#fff;font-weight:bold;padding:8px 10px;cursor:pointer}
.follow-request button:first-child{background:#0095f6}
.follow-request button:hover{filter:brightness(1.08)}
.connection-modal{width:min(420px,calc(100vw - 24px))}
.connection-search{height:46px;margin:10px 12px 4px;border:1px solid #303030;border-radius:8px;background:#050505;display:flex;align-items:center;gap:9px;padding:0 12px;color:#a8adb7}
.connection-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.connection-search input{width:100%;border:0;background:transparent;color:#fff;outline:0}
.connection-list{display:grid;max-height:min(520px,70vh);overflow:auto;padding:8px 0}
.connection-row{display:flex;align-items:center;gap:12px;padding:10px 16px;color:#fff}
.connection-row:hover{background:#181818}
.connection-user-link{min-width:0;flex:1;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.connection-row img,.connection-row [data-avatar-fallback]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#000;flex:none;font-size:18px}
.connection-row span:not([data-avatar-fallback]){min-width:0;display:grid;gap:2px}
.connection-row b,.connection-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connection-row small{color:#aaa;font-size:13px}
.connection-remove{flex:none;width:34px;height:34px;border:1px solid rgba(237,73,86,.58);border-radius:50%;background:rgba(237,73,86,.12);color:#ff4d5e;padding:0;font:inherit;font-size:25px;line-height:30px;font-weight:800;display:grid;place-items:center;cursor:pointer}
.connection-remove:hover{background:#ed4956;border-color:#ed4956;color:#fff}
.connection-empty{padding:26px 16px;color:#aaa;text-align:center}
.forward-modal{width:min(440px,calc(100vw - 24px))}
.forward-list{display:grid;max-height:min(520px,70vh);overflow:auto;padding:8px 0}
.forward-user-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;border:0;background:transparent;color:#fff;text-align:left;padding:10px 16px;cursor:pointer}
.forward-user-row:hover{background:#181818}
.forward-user-row:disabled{cursor:default;opacity:.78}
.forward-user-row img,.forward-user-row [data-avatar-fallback]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#000;font-size:18px}
.forward-user-row span:not([data-avatar-fallback]){min-width:0;display:grid;gap:2px}
.forward-user-row b,.forward-user-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.forward-user-row small{color:#aaa;font-size:13px}
.forward-user-row strong{border:1px solid #2b3038;border-radius:7px;padding:8px 12px;background:#121820;font-size:13px}
.forward-status{min-height:36px;border-top:1px solid #262626;padding:10px 16px;color:#a8adb7}
.forward-status a{color:#58a6ff;font-weight:bold}
.contact-modal{width:min(430px,calc(100vw - 24px))}
.contact-list{display:grid;padding:8px 0}
.contact-list a{display:grid;grid-template-columns:42px 1fr;grid-template-areas:"icon title" "icon value";align-items:center;column-gap:12px;padding:13px 16px;color:#fff}
.contact-list a:hover{background:#181818}
.contact-list span{grid-area:icon;width:38px;height:38px;border-radius:50%;background:#262a34;display:grid;place-items:center}
.contact-list svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.contact-list b{grid-area:title}.contact-list small{grid-area:value;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-post-modal{width:min(860px,calc(100vw - 24px))}
.profile-post-view{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);min-height:420px}
.profile-post-media{position:relative;display:grid;place-items:center;background:#000;min-height:420px;border-radius:10px;overflow:hidden}
.profile-post-media>img,.profile-post-media>video{width:100%;height:100%;max-height:78vh;object-fit:contain;background:#000}
.profile-post-media>.post-carousel{height:100%;min-height:420px;border-radius:10px}
.profile-post-media .post-carousel-track,.profile-post-media .post-carousel-slide{height:100%}
.profile-post-media .post-carousel-slide img{width:100%;height:100%;max-height:78vh;object-fit:contain;background:#000}
.profile-post-media.is-hidden-post>img,.profile-post-media.is-hidden-post>video,.profile-post-media.is-hidden-post .profile-post-podcast{filter:grayscale(.85) brightness(.55)}
.profile-post-media.is-hidden-post:after{content:"HIDDEN";position:absolute;inset:0;z-index:3;display:grid;place-items:center;color:rgba(255,255,255,.9);font-size:clamp(34px,8vw,82px);font-weight:900;letter-spacing:.2em;text-shadow:0 4px 24px rgba(0,0,0,.85);transform:rotate(-18deg);pointer-events:none}
.profile-post-body{border-left:1px solid #262626;padding:16px;display:grid;align-content:start;gap:10px}
.profile-post-body p{line-height:1.5;color:#eee;white-space:pre-wrap;overflow-wrap:anywhere}
.profile-post-body small{color:#a8adb7}
.profile-post-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;line-height:1.3}
.profile-post-meta span{white-space:nowrap}
.profile-post-head-actions{position:relative;display:flex;align-items:center;gap:10px}
.profile-post-forward{width:34px;height:34px;border:1px solid #2b3038;border-radius:6px;background:#121820;color:#fff;display:inline-grid;place-items:center;padding:0;cursor:pointer}
.profile-post-forward svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-post-forward:hover{background:#1d2633}
.profile-post-like.liked{color:#ff4d67;border-color:#66313b;background:#251218}
.profile-post-like.liked svg,.profile-post-save.saved svg{fill:currentColor;stroke:currentColor}
.profile-post-save.saved{color:#4db7ff;border-color:#265475;background:#102033}
.profile-post-more{border:0;background:transparent;color:#fff;font-size:22px;line-height:1;padding:6px 2px;cursor:pointer}
.profile-post-more[hidden]{display:none}
.profile-post-actions{position:absolute;top:34px;right:0;z-index:2;display:grid;grid-template-columns:1fr;gap:3px;min-width:82px;padding:4px;background:#0b0f15;border:1px solid #2b3038;border-radius:6px;box-shadow:0 10px 24px rgba(0,0,0,.42)}
.profile-post-actions button{border:1px solid #2b3038;border-radius:5px;background:#121820;color:#fff;font-size:11px;font-weight:bold;padding:5px 7px;cursor:pointer}
.profile-post-actions button:hover{background:#1d2633}
.profile-post-actions button[data-profile-post-action=remove]{background:#32151a;border-color:#5a2730;color:#ffb4b4}
.profile-post-edit{display:grid;gap:9px;margin-top:8px;border-top:1px solid #262626;padding-top:12px}
.profile-post-edit[hidden],.profile-post-actions[hidden]{display:none}
.profile-post-edit textarea,.profile-post-edit input{width:100%;border:1px solid #303846;background:#05080c;color:#fff;border-radius:7px;padding:10px;outline:0}
.profile-post-edit button{border:0;border-radius:7px;background:#0095f6;color:#fff;font-weight:bold;padding:10px;cursor:pointer}
.profile-post-podcast{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:16px;padding:24px}
.profile-post-podcast img{width:min(320px,80%);aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.profile-post-podcast b{max-width:min(420px,90%);font-size:18px;line-height:1.3;text-align:center;overflow-wrap:anywhere}
.profile-post-podcast audio{width:min(420px,90%)}
.settings-screen{position:fixed;inset:0;z-index:180;background:#05080c;color:#f6f7fb;overflow:auto;width:100%;max-width:540px;margin:0 auto;box-shadow:0 0 0 9999px #05080c}
.settings-view{display:none;min-height:100%;padding-bottom:34px}
.settings-view.is-active{display:block}
.settings-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:8px;background:#05080c;border-bottom:1px solid #1f232b;padding:18px 16px 16px}
.settings-head button{width:40px;height:40px;border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.settings-head svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.settings-head h2{font-size:24px;line-height:1.15}
.settings-head p{color:#9aa0aa;font-size:18px;margin-top:14px}
.settings-section{border-top:8px solid #171b22;padding:18px 0 8px}
.settings-section h3{color:#a8adb7;font-size:18px;font-weight:700;padding:0 22px 16px}
.settings-row{width:100%;height:68px;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;background:transparent;border:0;color:#fff;text-align:left;padding:0 22px;cursor:pointer}
.settings-row:hover{background:#10141b}
.settings-icon{width:34px;height:34px;display:grid;place-items:center}
.settings-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.settings-row b{font-size:22px;font-weight:500;line-height:1.2}
.settings-row i{width:14px;height:14px;border-right:2px solid #9aa0aa;border-bottom:2px solid #9aa0aa;transform:rotate(-45deg)}
.settings-detail{padding:18px 18px 28px}
.settings-empty{color:#a8adb7;font-size:17px;line-height:1.5;padding:18px 4px}
.settings-card{border:1px solid #242933;background:#0d1118;border-radius:8px;padding:16px;display:grid;gap:5px;margin-bottom:12px}
.settings-card span{color:#a8adb7}
.settings-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.settings-metrics span{min-height:78px;border:1px solid #242933;border-radius:8px;background:#0d1118;display:grid;place-items:center;align-content:center;gap:4px;text-align:center}
.settings-metrics b{font-size:24px}.settings-metrics small{color:#a8adb7;font-weight:bold}
.activity-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.activity-summary span{border:1px solid #242933;border-radius:8px;background:#0d1118;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.activity-summary b{font-size:13px;text-transform:capitalize}.activity-summary small{color:#a8adb7;font-weight:bold}
.activity-action-badge{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1f2937;color:#fff;font-weight:900;flex:none}
.user-activity-log{margin-top:12px}
.saved-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.saved-grid a{position:relative;aspect-ratio:1/1;overflow:hidden;background:#111;color:#fff}
.saved-grid img{width:100%;height:100%;object-fit:cover;display:block}
.saved-grid span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));padding:24px 6px 6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-grid button{position:absolute;right:6px;top:6px;z-index:2;border:0;border-radius:6px;background:#0095f6;color:#fff;font-size:11px;font-weight:bold;padding:6px 8px;cursor:pointer}
.saved-grid button:hover{filter:brightness(1.08)}
.activity-list{display:grid;gap:8px}
.activity-item{display:grid;grid-template-columns:46px minmax(0,1fr) 48px;gap:10px;align-items:center;border:1px solid #242933;background:#0d1118;border-radius:8px;padding:10px;color:#fff}
.activity-item:hover{background:#141a24}
.activity-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#000;font-size:17px}
.activity-item span:not([data-avatar-fallback]){min-width:0;font-size:14px;line-height:1.35;color:#e9edf5}
.activity-item span:not([data-avatar-fallback]) b{margin-right:4px}
.activity-item span:not([data-avatar-fallback]) small{display:block;color:#8f97a5;margin-top:3px}
.activity-thumb{width:48px;height:48px;border-radius:5px;object-fit:cover;background:#111}
.activity-thumb[data-avatar-fallback]{border-radius:50%;background:#000;font-size:18px}
.settings-toggle-row{display:grid;grid-template-columns:1fr 64px;align-items:center;gap:14px;border:1px solid #242933;background:#0d1118;border-radius:8px;padding:14px;margin-bottom:12px}
.settings-toggle-row span{display:grid;gap:4px;min-width:0}
.settings-toggle-row b{font-size:17px}.settings-toggle-row small{color:#a8adb7;line-height:1.35}
.settings-toggle-row input{display:none}
.settings-toggle-row i{width:58px;height:34px;border-radius:999px;background:#0095f6;position:relative;display:block}
.settings-toggle-row i:after{content:"";position:absolute;right:3px;top:3px;width:28px;height:28px;border-radius:50%;background:#fff}
.settings-toggle-row input:not(:checked)+i{background:#242933}
.settings-toggle-row input:not(:checked)+i:after{right:27px;background:#9fa3ad}
.settings-status{min-height:22px;color:#a8adb7;font-size:14px;padding:0 4px}
.settings-action-link{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #242933;background:#0d1118;color:#fff;border-radius:8px;padding:14px 16px;margin-bottom:10px;font:inherit;font-weight:bold;cursor:pointer}
.insights-dashboard{display:grid;gap:14px}
.insights-hero{border:1px solid #263143;border-radius:8px;background:linear-gradient(135deg,#111827,#0c111a 58%,#101a27);padding:18px;display:grid;gap:5px}
.insights-hero span{color:#8fb8ff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.insights-hero b{font-size:26px;line-height:1.1}
.insights-hero small{color:#a8b1c2;font-weight:700}
.insights-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.insights-kpis span{min-height:82px;border:1px solid #242933;background:#0d1118;border-radius:8px;display:grid;place-items:center;align-content:center;text-align:center;gap:4px;padding:8px}
.insights-kpis b{font-size:23px}.insights-kpis small{color:#a8adb7;font-weight:800;font-size:12px}
.insights-panel{border:1px solid #242933;background:#0d1118;border-radius:8px;padding:14px;display:grid;gap:12px;min-width:0}
.insights-panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px}
.insights-panel-head b{font-size:17px}.insights-panel-head small{color:#8f97a5;font-weight:700}
.insights-bars{height:180px;display:grid;grid-template-columns:repeat(14,1fr);gap:6px;align-items:end;border-bottom:1px solid #273041;padding-top:12px}
.insights-bars span{height:100%;display:grid;grid-template-rows:1fr 24px;gap:6px;align-items:end;min-width:0}
.insights-bars i{display:block;width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#59b6ff,#0a84ff);min-height:4px}
.insights-bars small{font-size:10px;color:#8f97a5;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
.insights-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.follow-chart{height:150px;display:grid;grid-template-columns:repeat(14,1fr);gap:7px;align-items:center}
.follow-chart span{height:100%;display:flex;align-items:center;justify-content:center;gap:2px}
.follow-chart i{width:44%;min-height:3px;border-radius:999px}
.follow-chart .gain,.chart-legend .gain{background:#22c55e}
.follow-chart .loss,.chart-legend .loss{background:#ef4444}
.chart-legend{display:flex;gap:14px;color:#a8adb7;font-size:12px;font-weight:800}
.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:50%}
.mix-list{display:grid;gap:10px}
.mix-list span{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
.mix-list b{font-size:13px}.mix-list em{font-style:normal;color:#a8adb7;font-size:12px;font-weight:800}
.mix-list i{grid-column:1 / -1;height:8px;border-radius:999px;background:#1e2634;overflow:hidden}
.mix-list u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#0a84ff);text-decoration:none}
.top-content-list{display:grid;gap:8px}
.top-content-list a{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #232b3a;background:#0a0e15;border-radius:8px;padding:8px}
.top-content-list a:hover{background:#121925}
.top-content-list img{width:54px;height:54px;border-radius:6px;object-fit:cover;background:#111}
.top-content-list span{display:grid;gap:4px;min-width:0}
.top-content-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.top-content-list small,.top-content-list em{color:#9ca4b3;font-size:12px;font-style:normal;font-weight:800}
.settings-password-form,.settings-contact-form{border:1px solid #242933;background:#0d1118;border-radius:8px;padding:14px;margin-bottom:10px;display:grid;gap:10px}
.settings-password-form[hidden]{display:none}
.settings-password-form>b,.settings-contact-form>b{font-size:17px}
.settings-password-form input,.settings-contact-form input{width:100%;border:1px solid #303846;background:#05080c;color:#fff;border-radius:7px;padding:12px;outline:0}
.settings-password-form input:focus,.settings-contact-form input:focus{border-color:#566071}
.settings-password-form button,.settings-contact-form button{border:0;border-radius:7px;background:#0095f6;color:#fff;font-weight:bold;padding:12px;cursor:pointer}
.profile-actions{max-width:none;width:100%;margin-top:12px;gap:7px}
.profile-action-box{min-height:46px;background:#262a34;border:0;border-radius:8px;font-size:16px;padding:10px 8px}
.profile-action-box:hover{background:#303541;border:0}
.profile-language-box{max-width:none}
.profile-highlights{display:flex;gap:22px;padding:24px 0 20px;overflow-x:auto}
.highlight-item{width:92px;background:transparent;border:0;color:#fff;display:grid;gap:8px;justify-items:center;cursor:pointer}
.highlight-item>span{width:80px;height:80px;border-radius:50%;border:1px solid #d8d8d8;display:grid;place-items:center;background:#050505;overflow:hidden}
.highlight-item>span svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.highlight-item img,.highlight-item [data-avatar-fallback]{width:100%;height:100%;object-fit:cover;border-radius:50%;opacity:.72;font-size:26px}
.highlight-item b{font-size:16px;font-weight:500}
.profile-tabs{height:58px;margin-top:0;border-top:0;border-bottom:1px solid #222}
.profile-tabs button svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.profile-tabs button:after{left:24%;right:24%;height:3px}
.profile-grid{gap:2px;margin-top:2px}
.profile-empty div svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:760px){
  .app-profile{display:block;max-width:none}
  .profile-main{padding:16px 12px 78px;max-width:none}
  .ig-profile-topbar{display:flex;margin:0 0 22px}
  .profile-header{grid-template-columns:108px 1fr;gap:16px;padding:0}
  .profile-avatar-wrap{width:104px;height:104px;padding:0}
  .profile-avatar{border-width:0}
  .profile-stats{gap:4px;margin-top:0}
  .profile-stats span,.profile-stats button{padding:0}
  .profile-actions .primary,.profile-actions .profile-soft,.profile-action-box{flex:auto;padding:10px 8px}
  .profile-grid{grid-template-columns:repeat(3,1fr);gap:2px}
  .profile-post-view{display:block;min-height:0}
  .profile-post-media{min-height:260px}
  .profile-post-body{border-left:0;border-top:1px solid #262626}
  .insights-kpis,.insights-grid-2{grid-template-columns:1fr}
  .insights-bars{gap:4px}
  .top-content-list a{grid-template-columns:48px minmax(0,1fr)}
  .top-content-list em{grid-column:2}
}

@media(min-width:761px) and (max-width:1100px){
  .app-profile{grid-template-columns:80px minmax(0,1fr);max-width:none}
  .profile-main{max-width:900px;padding:24px 18px 90px}
}

/* Edit profile */
.edit-page{background:#05080c;color:#fff}
.edit-profile{width:min(540px,100%);margin:0 auto;padding:22px 22px 34px}
.edit-topbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;margin-bottom:42px}
.edit-topbar h1{font-size:28px;font-weight:700;text-align:left}
.edit-back{width:40px;height:40px;display:grid;place-items:center;color:#fff}
.edit-back svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.edit-form{display:grid;gap:12px}
.edit-avatars{display:flex;justify-content:center;gap:28px;align-items:center;margin-bottom:4px}
.edit-avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#111;cursor:pointer}
.edit-avatar-photo img,.edit-avatar-photo [data-avatar-fallback]{width:100%;height:100%;object-fit:cover;font-size:38px}
.edit-avatar-alt{background:#08007d;color:#000}
.edit-avatar-alt svg{width:42px;height:42px;fill:none;stroke:#05080c;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.edit-picture-link{display:block;text-align:center;color:#9b9dff;font-weight:700;font-size:18px;margin:8px 0 18px;cursor:pointer}
.edit-field{border:1px solid #242933;border-radius:16px;padding:14px 20px;display:grid;gap:6px;background:#05080c}
.edit-field span{color:#a0a4af;font-size:19px}
.edit-field input,.edit-field textarea,.edit-field select{width:100%;border:0;background:#05080c;color:#fff;outline:0;font-size:22px;padding:0;resize:none}
.edit-field select{appearance:none}
.edit-list-row{display:flex;align-items:center;justify-content:space-between;font-size:23px;padding:14px 0;color:#fff}
.edit-list-row b{font-size:18px;color:#9fa3ad;font-weight:400}
.edit-select{position:relative}
.edit-select:after{content:"";position:absolute;right:22px;bottom:26px;width:10px;height:10px;border-right:2px solid #9fa3ad;border-bottom:2px solid #9fa3ad;transform:rotate(45deg)}
.edit-toggle-row{display:grid;grid-template-columns:1fr 74px;gap:14px;align-items:center;font-size:23px;padding:10px 0}
.edit-toggle-row input{display:none}
.edit-toggle-row i{width:74px;height:44px;border-radius:999px;background:#f1f1f1;position:relative;display:block}
.edit-toggle-row i:after{content:"";position:absolute;right:4px;top:4px;width:36px;height:36px;border-radius:50%;background:#05080c}
.edit-toggle-row input:not(:checked)+i{background:#222833}
.edit-toggle-row input:not(:checked)+i:after{right:34px;background:#9fa3ad}
.edit-save{position:sticky;bottom:12px;margin-top:8px;border:0;border-radius:10px;background:#0095f6;color:#fff;font-weight:700;font-size:18px;padding:14px;cursor:pointer}

@media(max-width:760px){
  .edit-profile{padding:20px 22px 30px}
  .edit-topbar{margin-bottom:38px}
  .edit-topbar h1{font-size:28px}
  .edit-field{border-radius:16px;padding:14px 20px}
}

/* Messages */
.messages-page{background:#070a0f;color:#fff}
.messages-shell{display:grid;grid-template-columns:minmax(260px,34%) minmax(420px,1fr);height:calc(100vh - 28px);width:min(1180px,calc(100vw - 28px));margin:14px auto;border:1px solid #1d2430;border-radius:18px;overflow:hidden;background:#090d14;box-shadow:0 18px 60px rgba(0,0,0,.34)}
.messages-inbox{border-right:1px solid #1d2430;overflow:auto;padding:14px 12px 76px;background:#0b1018}
.messages-topbar{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin-bottom:14px}
.messages-topbar b{
  font-size:18px;
  text-align:left;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  min-width:0;
  max-width:100%;
}
.messages-topbar div{display:flex;gap:5px}
.messages-icon{width:32px;height:32px;border:1px solid #202938;background:#111823;color:#fff;border-radius:10px;display:grid;place-items:center;cursor:pointer}
a.messages-icon:hover,.messages-icon:hover{background:#172131;color:#fff}
.messages-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.messages-search{height:40px;border-radius:12px;background:#151b25;border:1px solid #222b38;display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:16px;color:#b8bdc7}
.messages-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.messages-search input{width:100%;border:0;background:transparent;color:#fff;outline:0;font-size:14px}
.messages-notes{display:flex;gap:12px;align-items:end;overflow-x:auto;padding:2px 2px 14px}
.note-card{width:64px;display:grid;justify-items:center;gap:6px;color:#fff;position:relative;flex:none}
.note-card img,.note-card [data-avatar-fallback]{width:50px;height:50px;border-radius:50%;object-fit:cover;background:#000;font-size:18px}
.note-card>span:not([data-avatar-fallback]){position:absolute;top:-12px;left:0;background:#2b303a;color:#e7e9ef;border-radius:12px;padding:6px 8px;font-size:10px;line-height:1.1;max-width:72px;text-align:center}
.note-card b{font-size:11px;font-weight:400;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.messages-filters{display:flex;gap:6px;margin:4px 0 14px;overflow-x:auto}
.messages-filters button{border:1px solid #2b3038;background:#0e141d;color:#fff;border-radius:999px;padding:7px 11px;font-weight:700;font-size:12px;white-space:nowrap}
.messages-filters button:first-child{width:42px;padding:0;display:grid;place-items:center}
.messages-filters button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.messages-filters .is-active{background:#303540;border-color:#303540}
.conversation-list{display:grid;gap:6px}
.conversation-row{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;border:1px solid transparent}
.conversation-row:hover,.conversation-row.is-active{background:#111925;border-color:#202938}
.conversation-row img,.conversation-row [data-avatar-fallback]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#000;font-size:18px}
.conversation-row span:not([data-avatar-fallback]){min-width:0}.conversation-row b{font-size:14px;font-weight:700;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-row small{color:#a9aeb8;font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.conversation-row i{display:grid;place-items:center;min-width:24px}
.conversation-row i svg{width:18px;height:18px;fill:none;stroke:#a9aeb8;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.conversation-unread-dot{width:11px;height:11px;border-radius:50%;background:#ed4956;box-shadow:0 0 0 3px rgba(237,73,86,.14)}
.chat-thread{display:grid;grid-template-rows:auto 1fr auto;min-width:0;background:#070b12}
.chat-head{height:78px;border-bottom:1px solid #1d2430;display:grid;grid-template-columns:42px 52px 1fr;gap:12px;align-items:center;padding:0 20px;background:#0b1018}
.chat-head img,.chat-head [data-avatar-fallback]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#000;font-size:18px}
.chat-head b{font-size:18px}.chat-head small{display:block;color:#a9aeb8;margin-top:2px}
.chat-back{width:36px;height:36px;display:grid;place-items:center;color:#fff}
.chat-back svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.chat-messages{padding:22px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.message-bubble{max-width:min(72%,620px);padding:11px 15px;border-radius:20px;font-size:15px;line-height:1.38}
.message-bubble.is-me{align-self:flex-end;background:#2588e6;color:#fff;border-bottom-right-radius:6px}
.message-bubble.is-them{align-self:flex-start;background:#1f2734;color:#fff;border-bottom-left-radius:6px}
.message-bubble.has-media{padding:6px;display:grid;gap:6px;max-width:min(72%,320px)}
.message-bubble.has-media>span{padding:0 8px 5px}
.message-forwarded-post{display:grid;gap:8px;white-space:normal}
.message-forwarded-post a{display:inline-block;color:inherit;font-weight:bold;text-decoration:underline}
.message-post-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;width:min(300px,100%);color:inherit;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:7px;white-space:normal}
.message-post-card:hover{background:rgba(255,255,255,.12);color:inherit}
.message-post-thumb{width:82px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#05070b;display:grid;place-items:center;color:#c8d0dc}
.message-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.message-post-thumb svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.message-post-info{min-width:0;display:grid;gap:3px;padding:0 4px 0 0}
.message-post-info small,.message-post-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.74);font-size:12px}
.message-post-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}
.message-post-unavailable{color:rgba(255,255,255,.76)}
.message-media{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:14px;background:#000}
.message-audio{width:260px;max-width:100%}
.message-file{display:flex;align-items:center;gap:8px;color:#fff;padding:8px}
.message-file svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.message-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-empty{height:100%;display:grid;place-items:center;align-content:center;gap:10px;color:#a9aeb8;text-align:center}
.chat-empty img,.chat-empty [data-avatar-fallback]{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#000;font-size:34px}
.chat-empty b{color:#fff;font-size:20px}
.chat-error{margin:12px 18px 0;border:1px solid #5a2730;background:#221015;color:#ffb4b4;border-radius:8px;padding:10px 12px;font-size:14px}
.chat-compose{display:grid;grid-template-columns:40px minmax(0,180px) 1fr auto;gap:10px;padding:14px 16px;border-top:1px solid #1d2430;align-items:center;background:#0b1018}
.chat-attach{width:40px;height:40px;border-radius:12px;border:1px solid #273141;background:#111823;display:grid;place-items:center;color:#fff;cursor:pointer}
.chat-attach:hover{background:#10141a}
.chat-attach svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chat-file-name{min-width:0;color:#a9aeb8;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-file-name:empty{display:none}
.chat-compose input{border:1px solid #273141;border-radius:14px;background:#070b12;color:#fff;outline:0;padding:13px 16px;font-size:16px}
.chat-compose:not(:has(.chat-file-name:not(:empty))) input[name=body]{grid-column:2 / 4}
.chat-compose button{width:42px;height:42px;border:0;background:#2588e6;color:#fff;border-radius:12px;padding:0;display:grid;place-items:center;cursor:pointer}
.chat-compose button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chat-compose button:hover{background:#1877f2}
.chat-compose .upload-indicator{position:fixed}

/* Admin */
.admin-page{background:#070a0f;color:#fff}
.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}
.admin-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #202733;background:#0b1018;padding:22px;display:grid;grid-template-rows:auto 1fr auto;gap:24px}
.admin-logo{font-size:30px;font-weight:900;color:#fff}
.admin-sidebar nav{display:grid;gap:7px;align-content:start}
.admin-sidebar nav a,.admin-back{border:1px solid transparent;border-radius:8px;color:#d7dce6;padding:12px 14px;font-weight:800;text-transform:capitalize}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active,.admin-back:hover{background:#151d29;border-color:#263143;color:#fff}
.admin-main{padding:28px;min-width:0}
.admin-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.admin-head span{color:#7fb4ff;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.admin-head h1{font-size:34px;line-height:1.1;margin-top:4px}
.admin-search{display:flex;gap:8px;min-width:min(420px,100%)}
.admin-search input{flex:1;border:1px solid #2b3443;background:#0d131d;color:#fff;border-radius:8px;padding:12px 14px;outline:0}
.admin-search button,.admin-actions button,.admin-actions a,.admin-maintenance button{border:0;border-radius:8px;background:#2387e8;color:#fff;font-weight:900;padding:10px 12px;cursor:pointer;white-space:nowrap}
.admin-actions a{display:inline-flex;align-items:center}
.admin-actions .danger,.admin-maintenance .danger{background:#d94141}
.admin-notice{border:1px solid #28573d;background:#102217;color:#b9ffd2;border-radius:8px;padding:12px 14px;margin-bottom:16px;font-weight:800}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.admin-stats span{min-height:96px;border:1px solid #202938;background:#0d131d;border-radius:8px;display:grid;place-items:center;align-content:center;gap:6px;text-align:center;padding:12px}
.admin-stats b{font-size:25px}.admin-stats small{color:#9aa4b5;font-weight:900}
.admin-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.admin-panel{border:1px solid #202938;background:#0d131d;border-radius:8px;padding:16px;display:grid;gap:10px;align-content:start}
.admin-panel h2{font-size:18px;margin-bottom:2px}.admin-panel p{color:#c5cad4}
.admin-row-link,.admin-log-row{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;color:#fff;border:1px solid #1f2836;background:#090e16;border-radius:8px;padding:9px}
.admin-row-link:hover{background:#131b28}
.admin-row-link span:not(.admin-thumb),.admin-log-row{min-width:0}.admin-row-link b,.admin-log-row b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-row-link small,.admin-log-row small{display:block;color:#9aa4b5;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-table{display:grid;gap:9px}
.admin-list-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #202938;background:#0d131d;border-radius:8px;padding:12px}
.admin-list-item>div:nth-child(2){min-width:0}.admin-list-item b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-list-item small{display:block;color:#a5adba;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-avatar,.admin-thumb{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#000;display:grid;place-items:center;overflow:hidden;color:#fff;font-size:18px;font-weight:900}
.admin-thumb{border-radius:8px;background:#111823;font-size:12px}
.admin-thumb img{width:100%;height:100%;object-fit:cover}
.admin-letter{width:54px;height:54px;border-radius:8px;background:#182235;display:grid;place-items:center;font-size:22px;font-weight:900}
.admin-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.admin-badges span{border:1px solid #334055;border-radius:999px;color:#dbe3f1;padding:6px 9px;font-size:12px;font-weight:900}
.admin-badges .danger{border-color:#6f2d32;color:#ffb7bd;background:#2a1014}
.admin-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.admin-actions form{display:inline}.admin-list-item code{max-width:320px;color:#9aa4b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:760px){
  .info-shell{width:100%;padding:14px 12px 78px}
  .info-nav{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px}
  .info-account{justify-self:center}
  .info-card{padding:22px 18px;border-radius:8px}
  .messages-shell{display:block;height:auto;width:100%;margin:0;border:0;border-radius:0}
  .messages-inbox{border:0;padding:12px 10px 76px}
  .chat-thread{position:fixed;inset:0;z-index:140;display:grid}
  .messages-page .chat-thread:not(:has(.chat-head)){display:none}
  .messages-topbar b{font-size:17px}
  .conversation-row{grid-template-columns:42px 1fr 24px;padding:7px 0}
  .admin-shell{display:block}
  .admin-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #202733}
  .admin-sidebar nav{grid-template-columns:repeat(2,1fr)}
  .admin-main{padding:18px 12px 88px}
  .admin-head{display:grid}
  .admin-search{min-width:0}
  .admin-stats,.admin-panels{grid-template-columns:1fr 1fr}
  .admin-list-item{grid-template-columns:48px minmax(0,1fr);align-items:start}
  .admin-badges,.admin-actions{grid-column:2;justify-content:flex-start}
  .admin-avatar,.admin-thumb,.admin-letter{width:48px;height:48px}
}
body[data-bg-theme] .sidebar,
body[data-bg-theme] .mobile-topbar,
body[data-bg-theme] .mobile-nav,
body[data-bg-theme] .modal,
body[data-bg-theme] .auth-card,
body[data-bg-theme] .settings-screen,
body[data-bg-theme] .settings-head,
body[data-bg-theme] .messages-shell,
body[data-bg-theme] .messages-inbox,
body[data-bg-theme] .chat-head,
body[data-bg-theme] .chat-compose,
body[data-bg-theme] .chat-thread,
body[data-bg-theme] .admin-sidebar,
body[data-bg-theme] .admin-panel{background:var(--panel-bg)}
body[data-bg-theme] .post-carousel,
body[data-bg-theme] .post-carousel-slide,
body[data-bg-theme] .podcast-card,
body[data-bg-theme] .create-choice-list button,
body[data-bg-theme] .highlights-panel button,
body[data-bg-theme] .upload-box,
body[data-bg-theme] .video-upload-box,
body[data-bg-theme] .video-editor,
body[data-bg-theme] .profile-action-box,
body[data-bg-theme] .profile-stats span,
body[data-bg-theme] .profile-stats button,
body[data-bg-theme] .settings-card,
body[data-bg-theme] .settings-toggle-row,
body[data-bg-theme] .settings-action-link,
body[data-bg-theme] .settings-metrics span,
body[data-bg-theme] .activity-summary span,
body[data-bg-theme] .activity-item,
body[data-bg-theme] .profile-post-body,
body[data-bg-theme] .profile-post-media,
body[data-bg-theme] .profile-post-edit textarea,
body[data-bg-theme] .profile-post-edit input,
body[data-bg-theme] .create-form input,
body[data-bg-theme] .create-form textarea,
body[data-bg-theme] .search-panel input,
body[data-bg-theme] .auth-card input,
body[data-bg-theme] .auth-card select{background:var(--soft-bg);border-color:var(--line-soft)}
body[data-bg-theme] .sidebar,
body[data-bg-theme] .mobile-topbar,
body[data-bg-theme] .mobile-nav,
body[data-bg-theme] .post,
body[data-bg-theme] .stories-wrap,
body[data-bg-theme] .profile-post-body,
body[data-bg-theme] .settings-head{border-color:var(--line)}
body[data-bg-theme] .menu a:hover,
body[data-bg-theme] .menu button:hover,
body[data-bg-theme] .menu .active,
body[data-bg-theme] .pin-post:hover,
body[data-bg-theme] .pin-post.pinned{background:var(--hover-bg)}
.theme-tester{position:fixed;right:14px;bottom:76px;z-index:260;display:grid;grid-auto-flow:column;grid-auto-columns:34px;grid-template-rows:34px;max-width:calc(100vw - 28px);overflow-x:auto;overflow-y:hidden;gap:8px;padding:9px;border:1px solid var(--line-soft);border-radius:10px;background:rgba(8,8,10,.88);box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(12px);scrollbar-width:none}
.theme-tester::-webkit-scrollbar{display:none}
.theme-tester button{width:34px;height:34px;border:2px solid rgba(255,255,255,.45);border-radius:50%;cursor:pointer;padding:0}
.theme-tester button[aria-pressed=true]{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.theme-tester [data-theme-choice=black]{background:#000}
.theme-tester [data-theme-choice=gray],.profile-theme-grid [data-theme-choice=gray]{background:#121417}
.theme-tester [data-theme-choice=blue]{background:#0b2038}
.theme-tester [data-theme-choice=sky],.profile-theme-grid [data-theme-choice=sky]{background:#082433}
.theme-tester [data-theme-choice=teal],.profile-theme-grid [data-theme-choice=teal]{background:#072822}
.theme-tester [data-theme-choice=green],.profile-theme-grid [data-theme-choice=green]{background:#0d2512}
.theme-tester [data-theme-choice=yellow],.profile-theme-grid [data-theme-choice=yellow]{background:#282204}
.theme-tester [data-theme-choice=orange],.profile-theme-grid [data-theme-choice=orange]{background:#2a1605}
.theme-tester [data-theme-choice=purple]{background:#100816}
.theme-tester [data-theme-choice=red]{background:#210b0d}
.theme-tester [data-theme-choice=pink],.profile-theme-grid [data-theme-choice=pink]{background:#24101c}
.theme-tester [data-theme-choice=indigo],.profile-theme-grid [data-theme-choice=indigo]{background:#0c102c}
.profile-theme-grid [data-theme-choice=black]{background:#000}
.profile-theme-grid [data-theme-choice=blue]{background:#0b2038}
.profile-theme-grid [data-theme-choice=purple]{background:#100816}
.profile-theme-grid [data-theme-choice=red]{background:#210b0d}
.profile-hero .profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:0;max-width:430px}
.profile-hero .profile-stats span,
.profile-hero .profile-stats button{border:0!important;background:transparent!important;box-shadow:none!important;min-height:auto;padding:0;border-radius:0;color:#fff;text-align:center;display:grid;gap:3px;place-items:center}
.profile-hero .profile-stats button{cursor:pointer}
.profile-hero .profile-stats button:hover small{text-decoration:underline}
.profile-hero .profile-stats b{font-size:20px;line-height:1.05;font-weight:800}
.profile-hero .profile-stats small{font-size:13px;line-height:1.2;color:#d7dce6;font-weight:600}