:root{--gold: #c9a227;--gold2: #e2be4a;--bg: #0a0910;--txt: #f3ecd9;--mut: #a79f8a;--glass: rgba(255, 255, 255, .06);--bd: rgba(201, 162, 39, .22);--side: 240px;--top: 64px }*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Tajawal,Cairo,system-ui,sans-serif;background:radial-gradient(circle at 20% 10%,#1a1427,#0a0910 60%);color:var(--txt);overflow:hidden}h1,h2,h3,.brand,.side-brand{font-family:Cairo,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:1rem;color:inherit}#bg{position:fixed;inset:0;z-index:0}.hidden{display:none!important}.mut{color:var(--mut)}.small{font-size:.8rem;word-break:break-all}.glass{background:var(--glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--bd);box-shadow:0 8px 32px #0006}.card{border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px}.narrow{max-width:580px;margin:0 auto}.empty{text-align:center;color:var(--mut);padding:50px 16px}input,textarea,select{width:100%;background:#ffffff12;border:1px solid var(--bd);border-radius:12px;padding:12px 14px;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a2272e}select option{background:#1a1427}.btn{border:1px solid var(--bd);background:var(--glass);border-radius:12px;padding:11px 18px;cursor:pointer;font-weight:700;transition:.2s;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.sm{padding:7px 13px;font-size:.86rem;border-radius:10px}.btn.ghost{background:#ffffff0d}.btn:hover{transform:translateY(-1px);border-color:var(--gold2)}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1405;border:none}.btn.danger{background:#7a1f2b;border-color:#b3394a;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-btn{background:var(--glass);border:1px solid var(--bd);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.icon-btn.sm{width:34px;height:34px;font-size:.9rem}.icon-btn:hover{border-color:var(--gold)}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2bb3bd,#0a4d56);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;font-family:Cairo,sans-serif;background-size:cover;background-position:center;overflow:hidden;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:36px;height:36px;font-size:.95rem}.avatar.big{width:84px;height:84px;font-size:2rem}.v-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#38bdc6;vertical-align:middle;margin-inline-start:4px}.v-badge svg{width:100%;height:100%;fill:currentColor}.screen{position:fixed;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.login-card{width:min(420px,100%);margin:auto;padding:34px 28px;border-radius:26px;display:flex;flex-direction:column;gap:12px;text-align:center}.logo{font-size:3rem}.brand{font-size:2.4rem;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}.msg{min-height:1.3em;color:#ff7a8a;font-size:.9rem}.pw-meter{height:6px;width:100%;background:#ffffff1a;border-radius:999px;overflow:hidden;margin-top:-4px}.pw-meter i{display:block;height:100%;width:0;border-radius:999px;transition:width .3s,background .3s}.pw-lbl{font-size:.8rem;color:var(--mut);text-align:start;margin-top:-4px}.pw-rules{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;text-align:start;font-size:.76rem;color:var(--mut);padding:4px 2px}.pw-rules li{display:flex;align-items:center;gap:5px;transition:color .2s}.pw-rules li:before{content:"\25cb";font-size:.7rem;color:var(--mut)}.pw-rules li.ok{color:#6ff0c0}.pw-rules li.ok:before{content:"\2713";color:#6ff0c0}#app{position:relative;z-index:1;height:100dvh}#sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:var(--side);padding:20px 12px;z-index:7;border-radius:0;display:flex;flex-direction:column}.side-brand{font-size:1.7rem;font-weight:800;color:var(--gold);padding:6px 14px 22px}#sidebar nav{display:flex;flex-direction:column;gap:4px}#sidebar nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;transition:.2s;position:relative}#sidebar nav a i{font-style:normal;font-size:1.2rem}#sidebar nav a:hover{background:#ffffff12}#sidebar nav a.active{background:#c9a2272e;color:var(--gold2);font-weight:700}#topbar{position:fixed;top:0;inset-inline:var(--side) 0;height:var(--top);display:flex;align-items:center;gap:10px;padding:0 18px;z-index:6;border-radius:0;border-top:0}.search-wrap{position:relative;flex:1;max-width:420px}#search{width:100%;border-radius:999px;padding-block:9px}.search-dropdown{position:absolute;top:calc(100% + 8px);inset-inline:0;border-radius:16px;max-height:340px;overflow-y:auto;z-index:99;padding:8px;background:#04161af5}.search-item{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;border-radius:12px;transition:background .2s}.search-item:hover{background:#ffffff17}#main{margin-inline-start:var(--side);height:100dvh}.view{display:none}.view.active{display:block}.pad{padding:calc(var(--top) + 22px) 24px 100px;height:100dvh;overflow-y:auto;scroll-behavior:smooth}#feed{height:100dvh;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:calc(var(--top) + 20px) 20px 110px}.feed-filter-bar{max-width:780px;margin:0 auto 22px;padding:6px;border-radius:16px;display:flex;gap:6px}.feed-mode-btn{flex:1;background:none;border:0;padding:10px 14px;border-radius:12px;font-weight:700;font-size:.92rem;color:var(--mut);cursor:pointer;transition:.2s}.feed-mode-btn.active{background:#38bdc62e;color:var(--gold2)}.feed-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.post{border-radius:24px;overflow:hidden;background:#05181dd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--bd);box-shadow:0 16px 44px #00000080;display:flex;flex-direction:column;transition:border-color .25s}.post:hover{border-color:#8ae6ec4d}.post-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px 12px;gap:12px}.post-author-link{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0}.post-author-link:hover .author-disp{color:var(--gold2)}.post-author-av{width:44px;height:44px;border:2px solid var(--gold)}.author-disp{font-weight:800;color:#fff;font-size:1.02rem;line-height:1.25;display:flex;align-items:center}.post-sub-meta{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--mut)}.post-sub-meta .by{color:var(--gold2);font-weight:700}.post-follow-pill{background:var(--gold);color:#04252a;border:0;border-radius:999px;padding:7px 16px;font-size:.84rem;font-weight:800;cursor:pointer;transition:.2s;flex:none}.post-follow-pill.following{background:#ffffff14;color:#fff;border:1px solid var(--bd)}.post-body-row{display:flex;align-items:flex-end;gap:16px;padding:4px 20px 10px}.post-stage{position:relative;flex:1;min-width:0;border-radius:18px;background:#020b0e;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none}.post-stage img.post-art{width:100%;height:auto;max-height:80dvh;object-fit:contain;display:block;cursor:zoom-in}.dbl-heart{position:absolute;width:96px;height:96px;color:#ff4d6d;pointer-events:none;z-index:5;filter:drop-shadow(0 8px 24px rgba(255,77,109,.65));animation:dblPop .85s cubic-bezier(.2,.9,.2,1) forwards}.dbl-heart svg{width:100%;height:100%;fill:currentColor}@keyframes dblPop{0%{transform:scale(0) rotate(-12deg);opacity:0}35%{transform:scale(1.25) rotate(6deg);opacity:1}65%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.35) translateY(-28px);opacity:0}}.acts{display:flex;flex-direction:column;gap:16px;align-items:center;flex:none;padding-bottom:6px}.act-author-box{position:relative;margin-bottom:6px;cursor:pointer}.act-author-box .avatar{width:54px;height:54px;border:2.5px solid var(--gold2);box-shadow:0 4px 16px #00000080;transition:transform .2s}.act-author-box:hover .avatar{transform:scale(1.06)}.act-follow-plus{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:#ff4d6d;color:#fff;border:2px solid #031317;font-size:.82rem;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.act-follow-plus.following{background:#35d49a}.ab{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.84rem;font-weight:700;color:var(--txt)}.act{width:50px;height:50px;border-radius:50%;background:#ffffff0f;border:1px solid var(--bd);cursor:pointer;transition:.2s;color:#fff}.act:hover{transform:scale(1.08);border-color:var(--gold2);background:#38bdc626}.act.like.on{color:#ff4d6d;border-color:#ff4d6d;background:#ff4d6d29;animation:pop .35s}.act.save.on{color:#38bdc6;border-color:#38bdc6;background:#38bdc62e}@keyframes pop{50%{transform:scale(1.28)}}.post-foot{padding:12px 22px 18px;display:flex;flex-direction:column;gap:8px}.post-title-line{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.post-foot h3{font-size:1.22rem;color:#fff}.post-foot p.post-desc{color:#d6e4e6;font-size:.96rem;line-height:1.7;white-space:pre-line}.tr-btn{background:none;border:0;color:var(--gold2);font-size:.8rem;font-weight:700;cursor:pointer;padding:2px 0;width:fit-content;opacity:.85}.tr-btn:hover{opacity:1;text-decoration:underline}.post-quick-cmt{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;color:var(--mut);font-size:.88rem;cursor:pointer;transition:color .2s}.post-quick-cmt:hover{color:var(--gold2)}.lightbox{position:fixed;inset:0;z-index:90;background:#020a0cf2;backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s}.lightbox img{max-width:95vw;max-height:85dvh;object-fit:contain;border-radius:14px;box-shadow:0 12px 48px #000000b3}.lb-close{position:absolute;top:20px;inset-inline-end:20px;z-index:2;font-size:1.3rem}.lb-cap{margin-top:14px;text-align:center;color:var(--txt);font-weight:700}.explore-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.explore-bar input{flex:1;min-width:240px;border-radius:999px}.explore-pills{display:flex;gap:8px;flex-wrap:wrap}.exp-pill{background:var(--glass);border:1px solid var(--bd);padding:8px 16px;border-radius:999px;font-size:.86rem;font-weight:700;color:var(--mut);cursor:pointer;transition:.2s}.exp-pill.active{background:#38bdc62e;color:var(--gold2);border-color:var(--gold)}.masonry{column-count:4;column-gap:14px}.mItem{break-inside:avoid;margin-bottom:14px;border-radius:14px;overflow:hidden;position:relative;cursor:pointer;border:1px solid var(--bd);transition:.2s;background:#ffffff08}.mItem:hover{transform:translateY(-3px);border-color:var(--gold)}.mItem img{width:100%;display:block}.mItem .cap{position:absolute;inset:auto 0 0;padding:28px 10px 8px;background:linear-gradient(transparent,#000000e0);font-size:.85rem;display:flex;align-items:center;justify-content:space-between;gap:6px}.mItem .status-pill{position:absolute;top:8px;inset-inline-start:8px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;backdrop-filter:blur(8px)}.status-pill.pending{background:#ffc76b33;color:#ffc76b;border:1px solid rgba(255,199,107,.5)}.status-pill.rejected{background:#ff4d6d40;color:#ff8fa3;border:1px solid rgba(255,77,109,.5)}.mItem .del-post-btn{position:absolute;top:8px;inset-inline-end:8px;width:28px;height:28px;border-radius:50%;border:0;background:#b4192dd9;color:#fff;cursor:pointer;display:grid;place-items:center;font-size:.85rem;z-index:2}.dz{border:2px dashed var(--bd);border-radius:16px;min-height:220px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;cursor:pointer;transition:.2s;color:var(--mut)}.dz:hover,.dz.over{border-color:var(--gold);background:#c9a22714}.dz img{max-width:100%;max-height:340px;border-radius:12px}.prof-head{flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:18px}.prof-meta{flex:1;min-width:180px;display:flex;flex-direction:column;gap:4px}.prof-title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.prof-actions{display:flex;gap:8px;flex-wrap:wrap}.prof-tabs{display:flex;gap:10px;margin-bottom:18px;border-bottom:1px solid var(--bd);padding-bottom:10px;flex-wrap:wrap}.prof-tab{background:none;border:0;color:var(--mut);font-weight:700;padding:8px 14px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s}.prof-tab.active{background:#38bdc629;color:var(--gold2)}.tab-pill{background:#ffffff24;color:#fff;font-size:.72rem;padding:2px 7px;border-radius:999px}.tab-pill.bad{background:#ff4d6d}.settings{display:grid;grid-template-columns:230px 1fr;gap:20px;max-width:940px;margin:0 auto}.set-menu{list-style:none;border-radius:20px;padding:10px;height:fit-content;display:flex;flex-direction:column;gap:2px}.set-menu li{padding:12px 14px;border-radius:12px;cursor:pointer;transition:.2s}.set-menu li:hover{background:#ffffff12}.set-menu li.active{background:#c9a2272e;color:var(--gold2);font-weight:700}.panel{display:none;flex-direction:column;gap:14px}.panel.active{display:flex}.sw{display:flex;align-items:center;gap:10px;font-size:1.3rem}.sw input{width:22px;height:22px;accent-color:var(--gold)}.edit-av-row{display:flex;align-items:center;gap:16px;margin-bottom:4px;flex-wrap:wrap}.uname-input-wrap{position:relative;display:flex;align-items:center}.uname-input-wrap .at-sign{position:absolute;inset-inline-start:14px;color:var(--mut);pointer-events:none;font-weight:700}.uname-input-wrap input{padding-inline-start:32px;direction:ltr;text-align:start}.field-hint{font-size:.8rem;min-height:1.2em}.field-hint.ok{color:#6ff0c0}.field-hint.bad{color:#ff7a8a}.field-hint.warn{color:#ffc76b}a[href="#notifications"],a[data-view=notifications],a[data-view=messages]{position:relative}.badge{position:absolute;top:2px;inset-inline-end:2px;background:#ff4d6d;color:#fff;font-size:.68rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 5px #0000004d;animation:pop .3s}.notif-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.notif-card{display:flex;gap:14px;padding:16px;border-radius:16px;background:var(--glass);border:1px solid var(--bd);margin-bottom:12px;transition:.25s;align-items:flex-start}.notif-card.unread{background:#38bdc61c;border-color:var(--gold)}.notif-card.official{background:linear-gradient(135deg,#38bdc629,#ffffff0a);border-color:var(--gold2)}.notif-icon{width:42px;height:42px;border-radius:50%;background:#38bdc61f;border:1px solid var(--bd);color:var(--gold2);display:flex;align-items:center;justify-content:center;flex:none}.notif-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.notif-content{flex:1}.notif-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;flex-wrap:wrap}.notif-content h4{color:var(--gold2);font-size:1rem;display:flex;align-items:center;gap:6px}.badge-official{background:var(--gold2);color:#04252a;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:999px}.notif-time{font-size:.75rem;color:var(--mut)}.notif-content p{font-size:.92rem;color:var(--txt);line-height:1.55}#overlay{position:fixed;inset:0;background:#00000080;opacity:0;pointer-events:none;transition:.3s;z-index:8}#overlay.show{opacity:1;pointer-events:auto}#comments{position:fixed;top:0;bottom:0;inset-inline-end:0;width:410px;max-width:100%;z-index:9;display:flex;flex-direction:column;transform:translate(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);background:#04161af2;border-radius:0}[dir=rtl] #comments{transform:translate(-105%)}#comments.open{transform:translate(0)}.c-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--bd)}#cList{flex:1;overflow:auto;padding:14px 16px 20px;display:flex;flex-direction:column;gap:14px}.comment-thread{display:flex;flex-direction:column;gap:6px}.c-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:14px;transition:background .2s;position:relative}.c-item:hover{background:#ffffff0a}.c-item.pinned{background:#38bdc61c;border:1px solid rgba(56,189,198,.35)}.c-body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.c-head-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.c-name{font-weight:700;color:var(--gold2);font-size:.9rem;cursor:pointer}.c-name:hover{text-decoration:underline}.badge-author{background:#fff;color:#04252a;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px}.badge-pinned{background:#ffc14d33;color:#ffc14d;font-size:.7rem;padding:2px 6px;border-radius:4px}.c-text{font-size:.94rem;color:#e5eff0;line-height:1.5;word-break:break-word}.c-text img.c-photo{max-width:100%;max-height:200px;border-radius:10px;margin-top:6px;display:block;object-fit:contain;background:#00000059}.c-sticker-img{width:96px;height:96px;object-fit:contain;margin-top:4px;display:block;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.c-actions{display:flex;gap:14px;font-size:.78rem;color:var(--mut);margin-top:4px}.c-actions button{background:none;border:0;cursor:pointer;color:inherit;font-weight:600;transition:color .2s;padding:0}.c-actions button:hover{color:var(--gold2)}.c-actions button.liked{color:#ff4d6d}.c-replies{margin-inline-start:34px;display:flex;flex-direction:column;gap:6px;border-inline-start:2px solid var(--bd);padding-inline-start:10px}#replyBanner{display:flex;justify-content:space-between;align-items:center;background:#38bdc624;border:1px solid var(--bd);padding:8px 14px;margin:0 12px 6px;border-radius:10px;font-size:.85rem}#cancelReply{background:none;border:0;color:#ff7a8a;cursor:pointer;font-weight:700;font-size:1.1rem}.picker-pop{position:absolute;bottom:66px;inset-inline-start:12px;width:min(320px,calc(100% - 24px));background:#061c22f7;border:1px solid var(--bd);border-radius:16px;padding:10px;z-index:25;box-shadow:0 12px 36px #0009}.picker-head-lbl{font-size:.85rem;font-weight:700;color:var(--gold2);padding:4px 6px 8px;border-bottom:1px solid var(--bd);margin-bottom:8px}.picker-grid{max-height:220px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px}.sticker-option{aspect-ratio:1;border-radius:12px;background:#ffffff0a;border:1px solid transparent;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.sticker-option:hover{background:#38bdc626;border-color:var(--gold);transform:scale(1.06)}.sticker-option img{width:100%;height:100%;object-fit:contain}#cForm{position:relative;display:flex;align-items:center;gap:6px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--bd)}.c-action-btn{background:none;border:0;color:var(--mut);cursor:pointer;padding:6px;flex:none;transition:.2s;display:flex;align-items:center;justify-content:center}.c-action-btn:hover{color:var(--gold2);transform:scale(1.08)}#cForm input:not([type=file]){flex:1;border-radius:20px;padding:9px 14px;font-size:.92rem}#cForm .btn{padding:0 16px;height:38px;border-radius:999px}#imgPreviewContainer,.chat-preview-wrap{position:relative;padding:10px;background:#00000059;margin:0 12px 6px;border-radius:12px;display:flex;justify-content:center;border:1px solid var(--bd)}#cImgPreview,#chatImgPreview{max-height:96px;border-radius:8px;object-fit:contain}#removeCImg,#removeChatImg{position:absolute;top:6px;inset-inline-end:6px;background:#dc263ce6;border:0;color:#fff;border-radius:50%;width:24px;height:24px;cursor:pointer;display:grid;place-items:center;font-size:.9rem}.msg-layout{display:grid;grid-template-columns:320px 1fr;height:calc(100dvh - var(--top) - 48px);max-width:1100px;margin:0 auto;border-radius:22px;overflow:hidden}.msg-side{border-inline-end:1px solid var(--bd);display:flex;flex-direction:column;background:#0000002e;min-height:0}.msg-tabs{display:flex;padding:10px 10px 6px;gap:4px;border-bottom:1px solid var(--bd)}.msg-tab{flex:1;background:none;border:0;padding:8px 6px;border-radius:10px;font-size:.84rem;font-weight:700;color:var(--mut);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:.2s}.msg-tab.active{background:#38bdc629;color:var(--gold2)}.msg-search-box{padding:10px;border-bottom:1px solid var(--bd)}.msg-search-box input{padding:8px 12px;border-radius:999px;font-size:.88rem}.msg-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.msg-user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;cursor:pointer;transition:.2s;border:1px solid transparent}.msg-user-card:hover{background:#ffffff0f}.msg-user-card.active{background:#38bdc624;border-color:#38bdc659}.msg-user-meta{flex:1;min-width:0}.msg-user-meta b{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-user-meta p{font-size:.8rem;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-unread-dot{width:10px;height:10px;border-radius:50%;background:var(--gold2);flex:none}.msg-main{display:flex;flex-direction:column;position:relative;min-height:0}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;gap:10px}.chat-empty-ico{width:72px;height:72px;border-radius:50%;background:#38bdc61f;border:1px solid var(--bd);display:grid;place-items:center;color:var(--gold2)}.chat-active{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--bd);background:#00000026}.chat-user-info{flex:1;min-width:0;display:flex;flex-direction:column}.chat-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.m-row{display:flex;flex-direction:column;max-width:76%;gap:3px}.m-row.me{align-self:flex-start}.m-row.them{align-self:flex-end}.m-bubble{padding:10px 14px;border-radius:18px;font-size:.93rem;line-height:1.5;word-break:break-word}.m-row.me .m-bubble{background:linear-gradient(135deg,#2bb3bd,#156d75);color:#fff;border-end-start-radius:4px}.m-row.them .m-bubble{background:#ffffff17;border:1px solid var(--bd);color:var(--txt);border-end-end-radius:4px}.m-bubble.sticker-only{background:transparent!important;border:0!important;padding:2px!important}.m-sticker{width:110px;height:110px;object-fit:contain;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.m-photo{max-width:240px;max-height:240px;border-radius:12px;display:block;margin-top:4px;object-fit:cover;cursor:pointer}.m-time{font-size:.7rem;color:var(--mut);padding:0 4px}.chat-form{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--bd);background:#00000026}.chat-form input:not([type=file]){flex:1;border-radius:999px;padding:10px 16px}.chat-send-btn{border-radius:999px;padding:10px 18px}.mobile-only,#bottomnav{display:none}#langMenu{position:fixed;top:70px;inset-inline-end:16px;z-index:40;border-radius:18px;padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:72dvh;overflow-y:auto;background:#04161af7;min-width:250px;box-shadow:0 14px 40px #0009}#langMenu button{background:none;border:1px solid transparent;padding:9px 14px;border-radius:10px;cursor:pointer;text-align:start;font-weight:600;font-size:.9rem;transition:.15s}#langMenu button:hover,#langMenu button.on{background:#38bdc62e;border-color:#38bdc659;color:#fff}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,30px);background:#06242a;border:1px solid var(--gold);padding:10px 20px;border-radius:999px;opacity:0;transition:.3s;z-index:80;pointer-events:none;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%)}@media (max-width:1100px){.masonry{column-count:3}.msg-layout{grid-template-columns:270px 1fr}}@media (max-width:768px){:root{--side: 0px }#sidebar{display:none}.masonry{column-count:2}#topbar{padding:0 10px;gap:6px}#bottomnav{display:flex;position:fixed;inset:auto 0 0;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;z-index:6;border-radius:0;font-size:1.4rem}#bottomnav a{padding:10px 16px;border-radius:14px;opacity:.6;position:relative}#bottomnav a.active{opacity:1;background:#38bdc62e}#feed{padding:calc(var(--top) + 12px) 10px calc(84px + env(safe-area-inset-bottom,0px))}.post-body-row{padding:4px 12px 10px;gap:10px}.acts{gap:12px}.act{width:44px;height:44px}.act-author-box .avatar{width:46px;height:46px}.settings{grid-template-columns:1fr}.set-menu{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:8px}.set-menu::-webkit-scrollbar{display:none}.set-menu li{white-space:nowrap;padding:9px 13px;font-size:.9rem}.pad{padding:calc(var(--top) + 14px) 12px calc(80px + env(safe-area-inset-bottom,0px))}#comments{top:auto;inset-inline:0;bottom:0;width:100%;height:76dvh;border-radius:22px 22px 0 0;transform:translateY(105%)}[dir=rtl] #comments{transform:translateY(105%)}#comments.open,[dir=rtl] #comments.open{transform:translateY(0)}#toast{bottom:85px}.mobile-only{display:flex}.msg-layout{grid-template-columns:1fr;height:calc(100dvh - var(--top) - 78px - env(safe-area-inset-bottom,0px))}.msg-layout.chat-open .msg-side{display:none}.msg-layout:not(.chat-open) .msg-main{display:none}}@media (max-width:480px){.masonry{column-count:1}.prof-head{padding:16px}.avatar.big{width:68px;height:68px;font-size:1.5rem}.pw-rules{grid-template-columns:1fr}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@keyframes slideIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:200% center}}@keyframes floaty{50%{transform:translateY(-8px)}}@keyframes ring{0%{box-shadow:0 0 #38bdc680}to{box-shadow:0 0 0 14px #38bdc600}}@keyframes burst{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes bounceIn{0%{transform:scale(.7)}60%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes popMenu{0%{opacity:0;transform:scale(.9) translateY(-8px)}to{opacity:1;transform:none}}.view.pad.active{animation:fadeUp .35s cubic-bezier(.2,.8,.2,1)}#v-home.active{animation:fadeIn .35s}.logo{animation:floaty 3.5s ease-in-out infinite}.login-card{animation:zoomIn .5s cubic-bezier(.2,.8,.2,1)}.btn.gold{position:relative;overflow:hidden}.btn.gold:after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(15,124,134,.3),transparent);transform:skew(-20deg);transition:left .6s}.btn.gold:hover:after{left:130%}.btn:active,.icon-btn:active,.act:active{transform:scale(.94)}.icon-btn{transition:.25s}#sidebar nav a{transition:.25s}#bottomnav a.active{animation:bounceIn .4s}.act.like{position:relative}.act.like.on:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #ff4d6d;animation:burst .6s ease-out}.act:hover{box-shadow:0 0 18px #38bdc673}.mItem{animation:zoomIn .4s both}.mItem img{transition:transform .5s}.mItem:hover img{transform:scale(1.06)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--gold: #38bdc6;--gold2: #8ae6ec;--bg: #031317;--txt: #f5fbfc;--mut: #8aa9ad;--glass: rgba(255, 255, 255, .045);--bd: rgba(255, 255, 255, .11);--i-home: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5V20a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z'/%3E%3C/svg%3E");--i-compass: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m16 8-2 6-6 2 2-6z'/%3E%3C/svg%3E");--i-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");--i-msg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z'/%3E%3C/svg%3E");--i-bell: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9M10.3 21a1.9 1.9 0 0 0 3.4 0'/%3E%3C/svg%3E");--i-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");--i-set: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 17h3M11 17h9'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='17' r='2'/%3E%3C/svg%3E");--i-globe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18 14 14 0 0 1 0-18'/%3E%3C/svg%3E");--i-swap: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 4-4 4 4 4M3 8h14M17 12l4 4-4 4M21 16H7'/%3E%3C/svg%3E");--i-heart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11z'/%3E%3C/svg%3E");--i-heartf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 21s-8-5.2-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 5.8-8 11-8 11z'/%3E%3C/svg%3E");--i-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13'/%3E%3C/svg%3E");--i-bookmark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");--i-bookmarkf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");--i-zoom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");--i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");--i-send: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13M22 2l-7 20-4-9-9-4z'/%3E%3C/svg%3E");--i-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");--i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E");--i-spark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 3 7 7 3-7 3-3 7-3-7-7-3 7-3z'/%3E%3C/svg%3E")}#sidebar nav a i,#bottomnav a,.lang-btn,#dirBtn,#topbar a.icon-btn[href="#notifications"],.act,#cClose,#cForm .btn,#delBtn,.logo{font-size:0;display:flex;align-items:center;justify-content:center}#sidebar nav a i:before,#bottomnav a:before,.lang-btn:before,#dirBtn:before,#topbar a.icon-btn[href="#notifications"]:before,.act:before,#cClose:before,#cForm .btn:before,#delBtn:before,.logo:before,.sw:after,.side-brand:before{content:"";width:var(--s, 22px);height:var(--s, 22px);background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}[data-view=home]{--ic: var(--i-home) }[data-view=explore]{--ic: var(--i-compass) }[data-view=upload]{--ic: var(--i-plus) }[data-view=messages]{--ic: var(--i-msg) }[data-view=notifications]{--ic: var(--i-bell) }[data-view=profile]{--ic: var(--i-user) }[data-view=settings]{--ic: var(--i-set) }.lang-btn{--ic: var(--i-globe);--s: 20px }#dirBtn{--ic: var(--i-swap);--s: 20px }#topbar a.icon-btn[href="#notifications"]{--ic: var(--i-bell);--s: 20px }.act.like{--ic: var(--i-heart);--s: 24px }.act.like.on{--ic: var(--i-heartf) }.act.cmt{--ic: var(--i-msg);--s: 24px }.act.save{--ic: var(--i-bookmark);--s: 22px }.act.save.on{--ic: var(--i-bookmarkf) }.act.share{--ic: var(--i-share);--s: 22px }.act.zoom{--ic: var(--i-zoom);--s: 21px }#cClose{--ic: var(--i-x);--s: 18px }#cForm .btn{--ic: var(--i-send);--s: 20px }[dir=rtl] #cForm .btn:before{transform:scaleX(-1)}#delBtn{--ic: var(--i-trash);--s: 20px;width:fit-content}.sw{font-size:0}.sw:has(#optPrivate){--ic: var(--i-lock) }.sw:has(#optNotif){--ic: var(--i-bell) }.sw:after{--s: 24px }.logo{--ic: var(--i-spark);--s: 34px;width:68px;height:68px;margin:0 auto;border-radius:22px;background:linear-gradient(135deg,#fff,#bfeff2);color:#04252a}.side-brand{font-size:0;display:flex;align-items:center;gap:10px;color:var(--gold2);--ic: var(--i-spark);--s: 28px }.side-brand span{font-size:1.7rem}#bottomnav a{--s: 24px }#bottomnav a.plus{background:#fff;color:#04252a;opacity:1;border-radius:16px}body{background:radial-gradient(900px 600px at 15% 0%,#0c3b43 0%,transparent 60%),radial-gradient(800px 600px at 100% 100%,#072a31 0%,transparent 55%),#031317}.glass{box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0f}::placeholder{color:#6f9096}.brand,.side-brand span{background:linear-gradient(90deg,#fff,#8ae6ec,#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4s linear infinite}.btn.gold{background:#fff;color:#04252a;box-shadow:0 6px 24px #38bdc640}#sidebar nav a.active,.set-menu li.active{background:#38bdc624;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}[dir=rtl] #sidebar nav a.active,[dir=rtl] .set-menu li.active{box-shadow:inset -3px 0 0 var(--gold)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #38bdc633}.dz:hover,.dz.over{background:#38bdc614}.dz.over{box-shadow:0 0 30px #38bdc64d}.login-card input,.login-card .btn.gold{height:48px;border-radius:14px}.login-card .btn.gold{font-size:1.02rem}.divider{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:.85rem;margin:4px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--bd)}.btn.google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;border:1px solid #dadce0;height:48px;border-radius:14px;font-weight:600;font-size:.96rem;cursor:pointer;transition:.2s}.btn.google:hover{background:#f8f9fa;box-shadow:0 2px 10px #0003}.btn.google:active{transform:scale(.97)}.btn.google svg{flex:none}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.switch-auth{font-size:.9rem;color:var(--mut);margin-top:2px}.switch-auth .link{background:none;border:0;color:var(--gold2);font-weight:700;cursor:pointer;padding:0;margin-inline-start:4px;font-size:inherit;font-family:inherit}.switch-auth .link:hover{text-decoration:underline}.forgot-link{background:none;border:0;color:var(--mut);font-size:.82rem;font-weight:600;cursor:pointer;padding:2px 8px;align-self:center;margin-top:-4px;font-family:inherit;transition:color .2s,transform .2s}.forgot-link:hover{color:var(--gold2);text-decoration:underline}.msg.ok{color:#6ff0c0}@media (max-width:380px){.name-row{grid-template-columns:1fr}}.up-card{padding:28px;gap:16px}.up-title{font-size:1.3rem;margin-bottom:4px}.dz{position:relative}.dz-remove{position:absolute;top:10px;inset-inline-end:10px;width:32px;height:32px;border-radius:50%;background:#000000a6;color:#fff;border:0;cursor:pointer;font-size:1.1rem;display:grid;place-items:center;z-index:2}.dz-remove:hover{background:#ff3c3cd9}.counter{text-align:end;font-size:.8rem;color:var(--mut);margin-top:-10px}