:root {
  --purple-950:#2e1065;--purple-900:#3b0764;--purple-800:#4c1d95;--purple-700:#6d28d9;--purple-600:#7c3aed;--purple-500:#8b5cf6;--purple-200:#ddd6fe;--purple-100:#ede9fe;--purple-50:#f5f3ff;
  --white:#fff;--ink:#211b2d;--muted:#71697e;--line:#e9e3f0;--danger:#dc2626;--danger-soft:#fee2e2;--success:#15803d;--success-soft:#dcfce7;--warning:#a16207;--warning-soft:#fef3c7;
  --shadow:0 12px 35px rgba(62,35,94,.08);--radius:22px;--safe-bottom:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbfaff 0,#f7f3fc 100%);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}form{margin:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{min-height:100vh}.topbar{height:72px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(233,227,240,.8)}.brand{display:flex;align-items:center;gap:11px}.brand-mark,.auth-logo{display:grid;place-items:center;background:linear-gradient(145deg,var(--purple-600),var(--purple-900));color:#fff;font-weight:900;box-shadow:0 8px 22px rgba(109,40,217,.25)}.brand-mark{width:42px;height:42px;border-radius:14px;font-size:22px}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:16px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.4px;margin-top:4px}.nav-actions{display:flex;align-items:center;gap:8px}.nav-actions form{display:flex}.icon-button{width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;place-items:center;cursor:pointer;font-size:20px;color:var(--purple-800);transition:.2s}.icon-button:hover{transform:translateY(-2px);border-color:var(--purple-200);box-shadow:var(--shadow)}.nav-link{padding:10px 14px;border-radius:12px;color:var(--muted);font-size:14px}.nav-link:hover{background:var(--purple-50);color:var(--purple-800)}
.main-content{width:min(1180px,calc(100% - 28px));margin:24px auto 90px}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.toast{position:fixed;left:50%;top:86px;transform:translateX(-50%);z-index:100;padding:12px 18px;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,.16);animation:toast-in .25s ease-out,toast-out .35s ease-in 4.5s forwards}.toast-success{background:#133d23;color:white}.toast-error{background:#7f1d1d;color:white}@keyframes toast-in{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes toast-out{to{opacity:0;pointer-events:none}}
.feed-layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:22px;justify-content:center}.feed-column{min-width:0}.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:94px;height:max-content}.info-card{padding:20px}.info-card h3{margin:0 0 9px;font-size:16px}.info-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.9}.feed-heading{display:flex;align-items:end;justify-content:space-between;margin:22px 4px 12px}.feed-heading h1{font-size:19px;margin:0}.feed-heading span{font-size:12px;color:var(--muted)}
.composer{padding:18px}.composer textarea{width:100%;border:0;outline:0;resize:vertical;min-height:110px;background:transparent;font-size:17px;line-height:1.9;color:var(--ink);padding:4px}.composer textarea::placeholder{color:#aaa2b5}.composer-counter{text-align:left;color:var(--muted);font-size:11px;margin-top:-6px}.composer-tools{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:10px}.tool-button{border:0;background:var(--purple-50);color:var(--purple-800);border-radius:12px;padding:9px 12px;display:inline-flex;gap:6px;align-items:center;cursor:pointer;font-size:13px}.tool-button:hover{background:var(--purple-100)}.selected-files{font-size:12px;color:var(--muted);margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.selected-files span{background:#f3f1f5;border-radius:8px;padding:5px 8px}.poll-builder{background:#faf8fd;border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:12px;display:grid;gap:8px}.poll-builder input,.poll-builder select{width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 12px;background:#fff;outline:0}.poll-builder input:focus,.poll-builder select:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px var(--purple-100)}.section-label{font-size:13px;font-weight:700;margin:0}.poll-settings{display:flex;gap:15px;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.check-label{display:flex;align-items:center;gap:7px}.composer-submit{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.composer-submit small{color:var(--muted);font-size:11px}
.primary-button,.secondary-button,.small-button{border:0;border-radius:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s;font-weight:700}.primary-button{background:linear-gradient(145deg,var(--purple-600),var(--purple-800));color:#fff;padding:11px 21px;box-shadow:0 8px 20px rgba(109,40,217,.2)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(109,40,217,.28)}.secondary-button{background:var(--purple-50);color:var(--purple-800);border:1px solid var(--purple-200);padding:9px 14px}.small-button{padding:7px 10px;background:#f3f0f7;color:var(--ink);font-size:12px}.small-button.danger{background:var(--danger-soft);color:var(--danger)}.full{width:100%;padding:13px}.button-row{display:flex;gap:10px;justify-content:center;margin-top:18px}
.post-card{margin-bottom:14px;overflow:visible;animation:card-in .25s ease-out}@keyframes card-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.post-header{padding:16px 18px 0;display:flex;align-items:center;gap:10px}.anonymous-avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,var(--purple-100),#fff);border:1px solid var(--purple-200);display:grid;place-items:center;color:var(--purple-600);font-size:13px}.post-header>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.post-header strong{font-size:14px}.post-header time{font-size:10px;color:var(--muted);direction:ltr;text-align:right}.post-menu{margin-right:auto;position:relative}.post-menu summary{list-style:none;cursor:pointer;color:var(--muted);padding:8px}.post-menu summary::-webkit-details-marker{display:none}.post-menu form{position:absolute;left:0;top:34px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;box-shadow:var(--shadow);z-index:5;width:210px}.post-menu input{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;margin-bottom:7px}.post-menu button{width:100%;border:0;background:var(--danger-soft);color:var(--danger);padding:8px;border-radius:8px;cursor:pointer}.post-body{padding:15px 18px 12px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:2}.tag-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 12px}.tag-row a{background:var(--purple-50);color:var(--purple-700);border:1px solid var(--purple-100);border-radius:999px;padding:5px 9px;font-size:11px}.tag-row a:hover{background:var(--purple-100)}.media-grid{padding:0 14px 13px;display:grid;gap:6px}.media-count-2,.media-count-3,.media-count-4{grid-template-columns:repeat(2,1fr)}.media-grid a,.media-grid video,.audio-box{border-radius:15px;overflow:hidden;background:#17131d;min-height:160px}.media-grid img{width:100%;height:100%;max-height:460px;object-fit:cover}.media-grid video{width:100%;max-height:500px}.audio-box{padding:16px;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px}.audio-box audio{width:100%}.emoji-row{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 8px}.emoji-pill{border:1px solid var(--line);background:#faf9fb;border-radius:999px;padding:5px 9px;cursor:pointer}.emoji-pill.active{background:var(--purple-100);border-color:var(--purple-300)}.emoji-pill span{font-size:11px;color:var(--muted)}.post-actions{display:flex;align-items:center;border-top:1px solid var(--line);padding:7px 12px;gap:5px}.action-button{border:0;background:transparent;color:var(--muted);padding:8px 11px;border-radius:11px;display:flex;align-items:center;gap:6px;cursor:pointer}.action-button:hover{background:#f6f3f8}.active-like{color:var(--success);background:var(--success-soft)}.active-dislike{color:var(--danger);background:var(--danger-soft)}.emoji-picker{position:relative}.emoji-picker summary{list-style:none}.emoji-picker summary::-webkit-details-marker{display:none}.emoji-picker>div{position:absolute;bottom:42px;right:0;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:7px;border-radius:14px;display:flex;z-index:8}.emoji-picker button{border:0;background:transparent;font-size:20px;padding:7px;cursor:pointer}.poll{padding:7px 17px 15px;display:grid;gap:7px}.poll-option{position:relative;display:block;overflow:hidden;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:#fafafa}.poll-fill{position:absolute;right:0;top:0;bottom:0;background:var(--purple-100)}.poll-content{position:relative;z-index:1;display:flex;align-items:center;gap:8px;padding:10px 12px}.poll-content b{margin-right:auto;font-size:11px;color:var(--purple-800)}.poll-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:2px 3px}.poll .secondary-button{justify-self:start}.pagination{display:flex;justify-content:center;gap:10px;margin:18px}.pagination a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 14px}
.auth-page{min-height:calc(100vh - 120px);display:grid;place-items:center}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 25px 70px rgba(66,35,105,.13);text-align:center}.auth-logo{width:64px;height:64px;border-radius:20px;margin:0 auto 16px;font-size:30px}.auth-card h1{margin:0 0 9px;font-size:25px}.auth-card>p{margin:0 0 24px;color:var(--muted);line-height:1.8;font-size:13px}.auth-card form{text-align:right}.auth-card label{display:block;font-size:13px;font-weight:700;margin:0 2px 7px}.password-field{display:flex;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:7px}.password-field:focus-within{border-color:var(--purple-500);box-shadow:0 0 0 3px var(--purple-100)}.password-field input{flex:1;min-width:0;padding:13px;border:0;outline:0;direction:ltr}.password-field button{border:0;background:#f7f4fa;color:var(--purple-800);padding:0 12px;cursor:pointer}.auth-note{font-size:11px;line-height:1.9;color:var(--muted);background:#faf8fc;padding:12px;border-radius:12px;margin-top:16px}.muted-link{display:inline-block;color:var(--muted);font-size:12px;margin-top:16px}.validation{color:var(--danger);font-size:12px;line-height:1.8;margin:5px 0}.validation ul{padding-right:18px}.admin-auth .auth-logo{background:linear-gradient(145deg,#111827,#4c1d95)}
.narrow-page{width:min(720px,100%);margin:0 auto}.privacy-card,.created-passwords{padding:27px}.privacy-card h1,.created-passwords h1{text-align:center;margin:10px 0 20px}.privacy-icon{font-size:42px;display:block;text-align:center}.new-password-box{background:linear-gradient(145deg,var(--purple-950),var(--purple-700));color:#fff;border-radius:18px;padding:18px;text-align:center;margin-bottom:18px}.new-password-box strong{display:block;font-size:12px;margin-bottom:10px}.new-password-box code{display:block;background:rgba(255,255,255,.14);border:1px dashed rgba(255,255,255,.4);padding:12px;border-radius:11px;direction:ltr;font-size:15px;word-break:break-all;margin-bottom:10px}.privacy-list{padding-right:22px;line-height:2;color:#4c4556;font-size:13px}.privacy-list li{margin-bottom:5px}.warning-box{background:var(--warning-soft);color:#713f12;border:1px solid #fde68a;padding:13px 15px;border-radius:13px;line-height:1.8;font-size:12px;margin:12px 0}.acceptance{background:#f7f4fb;padding:13px;border-radius:13px;margin:16px 0;font-size:12px}.password-list{display:grid;gap:8px;margin-top:14px}.password-list code{padding:11px;background:#f5f2f8;border:1px solid var(--line);border-radius:10px;direction:ltr;text-align:center;word-break:break-all}
.thread-page{width:min(760px,100%);margin:auto}.back-link{display:inline-block;color:var(--purple-700);font-size:13px;margin:0 4px 13px}.thread-line{height:36px;border-right:2px solid var(--purple-200);margin-right:28px;padding-right:15px;color:var(--muted);font-size:11px;display:flex;align-items:center}.reply-indent{margin-right:34px;position:relative}.reply-indent:before{content:"";position:absolute;right:-22px;top:-14px;width:16px;height:35px;border-right:2px solid var(--purple-200);border-bottom:2px solid var(--purple-200);border-radius:0 0 10px 0}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state>span{font-size:36px}.empty-state h1,.empty-state h2{color:var(--ink)}.empty-state code{display:block;margin:15px auto;padding:8px;background:#f4f1f6;border-radius:8px;direction:ltr;width:max-content;max-width:100%}
.admin-header{display:flex;align-items:center;justify-content:space-between;margin:8px 0 22px}.admin-header h1{margin:0 0 6px}.admin-header p{margin:0;color:var(--muted);font-size:13px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow)}.stat-card span{color:var(--muted);font-size:11px}.stat-card strong{font-size:26px;color:var(--purple-800)}.stat-card.alert strong{color:var(--danger)}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:18px}.admin-shortcut{padding:20px;display:flex;align-items:center;gap:16px;transition:.2s}.admin-shortcut:hover{transform:translateY(-2px);border-color:var(--purple-200)}.admin-shortcut>span{font-size:30px}.admin-shortcut h3{margin:0 0 6px}.admin-shortcut p{margin:0;color:var(--muted);font-size:12px}.admin-warning{margin-top:18px;padding:19px;border-color:#f5d0fe;background:#fdf4ff}.admin-warning h3{margin:0 0 7px}.admin-warning p{margin:0;font-size:12px;line-height:2;color:#594a62}.create-users-card{padding:18px;margin-bottom:16px}.create-users-card h2{font-size:16px;margin:0 0 13px}.inline-form{display:flex;gap:10px;align-items:end}.inline-form label{display:grid;gap:5px;font-size:12px}.inline-form input{width:110px;padding:10px;border:1px solid var(--line);border-radius:10px}.table-card{overflow:hidden}.table-header{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--line)}.table-header h2{font-size:16px;margin:0}.table-header span{color:var(--muted);font-size:12px}.responsive-table{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:right;padding:13px 16px;border-bottom:1px solid #f0edf3;font-size:12px}th{color:var(--muted);background:#fbfafc;font-weight:500}td code{direction:ltr;display:inline-block}.table-actions{display:flex;gap:6px}.status{border-radius:999px;padding:4px 8px;font-size:10px}.status.success{background:var(--success-soft);color:var(--success)}.status.pending{background:var(--warning-soft);color:var(--warning)}.status.danger{background:var(--danger-soft);color:var(--danger)}.admin-post-list{display:grid;gap:12px}.admin-post{padding:17px}.admin-post.reported{border-color:#fecaca;box-shadow:0 0 0 2px #fee2e2}.admin-post header{display:flex;justify-content:space-between;align-items:center}.admin-post header>div{display:flex;gap:12px;align-items:center}.admin-post time{font-size:10px;color:var(--muted)}.admin-post p{line-height:1.9;white-space:pre-wrap}.admin-post footer{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:11px}.delete-post-form{display:flex;gap:6px}.delete-post-form input{border:1px solid var(--line);border-radius:9px;padding:6px}.report-badge{background:var(--danger-soft);color:var(--danger);border-radius:999px;padding:5px 9px;font-size:10px}.deleted-note{background:#f3f4f6;color:#6b7280;padding:9px;border-radius:9px;font-size:11px}.bottom-nav{display:none}
@media(max-width:900px){.feed-layout{grid-template-columns:1fr}.sidebar{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:640px){body{background:#f8f5fb}.topbar{height:62px;padding:0 12px}.brand-mark{width:38px;height:38px}.brand strong{font-size:14px}.brand small{font-size:9px}.nav-actions .nav-link{display:none}.main-content{width:100%;margin:12px 0 calc(84px + var(--safe-bottom))}.feed-column,.thread-page{width:100%}.composer,.post-card,.privacy-card,.created-passwords,.table-card,.create-users-card{border-radius:0;border-left:0;border-right:0}.composer{padding:15px}.post-card{margin-bottom:9px}.post-body{font-size:14px}.media-grid{padding-left:8px;padding-right:8px}.media-grid a,.media-grid video,.audio-box{border-radius:12px;min-height:120px}.sidebar{display:none}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-top:1px solid var(--line);z-index:50;justify-content:space-around}.bottom-nav a,.bottom-nav button{flex:1;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--purple-800);gap:2px}.bottom-nav span{font-size:20px}.bottom-nav small{font-size:9px}.auth-page{padding:10px;min-height:calc(100vh - 90px)}.auth-card{padding:24px 20px;border-radius:22px}.narrow-page{width:100%}.reply-indent{margin-right:18px}.thread-line{margin-right:18px}.admin-header{padding:0 14px;align-items:flex-start;gap:12px}.admin-header h1{font-size:20px}.stats-grid{grid-template-columns:repeat(2,1fr);padding:0 10px}.stat-card{padding:13px}.stat-card strong{font-size:22px}.admin-grid{padding:0 10px}.admin-warning{margin:14px 10px}.create-users-card{margin-bottom:10px}.inline-form{padding:0;justify-content:space-between}.poll-settings{align-items:flex-start;flex-direction:column}.composer-submit small{display:none}.post-menu form{left:-8px}.toast{top:70px;width:calc(100% - 24px);text-align:center}.media-count-3>a:first-child{grid-row:span 2}.admin-post{border-radius:0;border-left:0;border-right:0}.delete-post-form{width:100%}.delete-post-form input{flex:1;min-width:0}}

.admin-media-preview{display:grid;gap:.5rem;margin:.75rem 0;padding:.75rem;border:1px solid var(--line);border-radius:16px;background:#faf8ff}
.admin-media-preview img,.admin-media-preview video{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:12px;background:#111}
.admin-media-preview audio{width:100%}
.admin-media-preview small,.admin-poll-preview{color:var(--muted);font-size:.88rem}
.admin-poll-preview{margin:.65rem 0;padding:.7rem .8rem;border-radius:12px;background:#f5f0ff}

/* ======================== Diba Social UI v1.5 ======================== */
@font-face{font-family:"Diba Nazanin";src:local("B Nazanin"),local("B-NAZANIN"),local("BNazanin"),local("Nazanin");font-display:swap;font-style:normal;font-weight:400}
:root{
  --font-fa:"Diba Nazanin","B Nazanin","Segoe UI",Tahoma,Arial,sans-serif;
  --surface:#ffffff;--surface-2:#faf8ff;--surface-3:#f4effb;--page:#f7f3fc;
  --text:#21172e;--text-soft:#71647e;--border:rgba(92,57,125,.14);
  --purple-glow:rgba(124,58,237,.18);--glass:rgba(255,255,255,.82);
  --shadow-soft:0 14px 42px rgba(58,28,88,.08);--shadow-hover:0 22px 55px rgba(83,39,125,.16);
  --ease:cubic-bezier(.2,.75,.25,1);
}
html[data-theme="dark"]{
  --white:#17101f;--ink:#f7efff;--muted:#b9a9c7;--line:rgba(218,190,255,.14);
  --surface:#17101f;--surface-2:#1f142a;--surface-3:#281837;--page:#0d0712;
  --text:#f8f1ff;--text-soft:#b9a9c7;--border:rgba(218,190,255,.14);
  --purple-50:#241334;--purple-100:#302043;--purple-200:#513271;--purple-700:#a66cff;--purple-800:#c293ff;
  --glass:rgba(18,9,27,.84);--shadow-soft:0 14px 48px rgba(0,0,0,.28);--shadow-hover:0 24px 64px rgba(0,0,0,.42);
  --danger-soft:rgba(220,38,38,.15);--success-soft:rgba(34,197,94,.14);--warning-soft:rgba(245,158,11,.14);
}
body{font-family:var(--font-fa);background:radial-gradient(circle at 85% -10%,rgba(139,92,246,.16),transparent 35%),radial-gradient(circle at 5% 28%,rgba(99,102,241,.09),transparent 30%),var(--page);color:var(--text);transition:background-color .3s var(--ease),color .3s var(--ease)}
body,button,input,textarea,select{font-family:var(--font-fa)}
.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(80px);opacity:.32;border-radius:50%;animation:ambient-float 14s ease-in-out infinite alternate}.ambient-one{width:260px;height:260px;background:#8b5cf6;top:6%;right:-100px}.ambient-two{width:220px;height:220px;background:#c084fc;bottom:8%;left:-90px;animation-delay:-5s}@keyframes ambient-float{to{transform:translate3d(35px,45px,0) scale(1.12)}}
.topbar{background:var(--glass);border-color:var(--border);box-shadow:0 8px 30px rgba(40,15,66,.04);transition:background .3s,border-color .3s}.brand-mark{position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.45),transparent 60%);transform:translateX(-70%) rotate(15deg);animation:brand-shine 7s ease-in-out infinite}@keyframes brand-shine{0%,70%{transform:translateX(-70%) rotate(15deg)}85%,100%{transform:translateX(70%) rotate(15deg)}}
.brand-copy strong{color:var(--text)}.card,.auth-card,.stat-card,.icon-button,.post-menu form,.emoji-picker>div,.pagination a{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft);transition:background .3s,border-color .3s,box-shadow .25s var(--ease),transform .25s var(--ease)}
.card:hover{border-color:rgba(139,92,246,.28)}.icon-button:hover,.theme-toggle:hover{box-shadow:0 10px 28px var(--purple-glow)}
.nav-link{color:var(--text-soft)}.nav-link:hover{background:var(--surface-3);color:var(--purple-700)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--purple-700);font-family:"Segoe UI",Tahoma,sans-serif;font-size:10px;font-weight:800;letter-spacing:1.8px;margin-bottom:6px}.eyebrow:before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--purple-600),transparent);border-radius:5px}
.primary-button{gap:10px;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-110%);transition:.55s}.primary-button:hover:before{transform:translateX(110%)}.secondary-button,.small-button{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}.small-button.warning{background:var(--warning-soft);color:var(--warning)}.small-button.success{background:var(--success-soft);color:var(--success)}
button.is-loading{opacity:.72;cursor:wait;pointer-events:none}button.is-loading:after{content:"";width:13px;height:13px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}
.toast{display:flex;align-items:center;gap:9px}.toast>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18)}
.composer{padding:20px;background:linear-gradient(150deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--purple-100)))}.composer-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--border)}.composer-head>div:last-child{display:flex;flex-direction:column}.composer-head strong{font-size:14px}.composer-head small{color:var(--text-soft);font-size:10px;margin-top:3px}.composer-avatar{width:38px;height:38px}.composer textarea{color:var(--text);padding:15px 6px 6px}.composer textarea::placeholder{color:var(--text-soft);opacity:.65}.composer.near-limit .composer-counter{color:var(--danger);font-weight:700}.composer-tools{border-color:var(--border);align-items:center;flex-wrap:wrap}.tool-button{background:var(--surface-3);color:var(--purple-700);border:1px solid transparent}.tool-button:hover,.tool-button.active{border-color:var(--purple-500);transform:translateY(-1px)}.tool-icon{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif}.composer-limit{margin-right:auto;font-size:10px;color:var(--text-soft)}.selected-files span{display:flex;align-items:center;gap:6px;background:var(--surface-3);border:1px solid var(--border)}.selected-files span b{color:var(--success)}.selected-files span small{color:var(--text-soft)}.selected-files .file-error{color:var(--danger);background:var(--danger-soft)}.poll-builder,.poll-builder input,.poll-builder select{background:var(--surface-2);border-color:var(--border);color:var(--text)}.publish-button b{width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.16);display:grid;place-items:center}
.post-card{overflow:visible}.post-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.anonymous-avatar{background:linear-gradient(145deg,var(--surface-3),var(--surface));border-color:var(--border);box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--purple-100) 60%,transparent)}.anonymous-avatar span{filter:drop-shadow(0 0 5px var(--purple-500))}.post-author{display:flex;flex-direction:column;gap:3px}.relative-time{direction:rtl!important;color:var(--text-soft)!important}.post-menu form label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.post-menu input,.delete-post-form input,.ban-form input,.settings-card input,.settings-card textarea{background:var(--surface-2);color:var(--text);border-color:var(--border)}.post-body{font-size:16px}.tag-row a{background:var(--surface-3);border-color:var(--border)}.media-grid a,.media-grid video,.audio-box{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.post-actions{border-color:var(--border);gap:2px}.action-button{min-height:38px;color:var(--text-soft);transition:.2s var(--ease)}.action-button:hover{background:var(--surface-3);transform:translateY(-1px)}.action-button span{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;font-size:18px}.action-button b{font-size:11px}.action-button small{font-size:10px}.like-action:hover{color:#ec4899}.reply-action:hover{color:var(--purple-700)}.active-like{color:#ec4899;background:rgba(236,72,153,.11)}.emoji-picker>div{gap:3px}.emoji-picker button{transition:.18s}.emoji-picker button:hover{transform:scale(1.28) rotate(-5deg);background:var(--surface-3);border-radius:10px}.emoji-pill{display:flex;align-items:center;gap:5px;background:var(--surface-2);border-color:var(--border);color:var(--text);transition:.2s}.emoji-pill:hover{transform:translateY(-2px) scale(1.03)}.emoji-pill>span{font-size:17px}.emoji-pill>b{font-size:10px;color:var(--text-soft)}.emoji-pill.active{background:var(--purple-100);border-color:var(--purple-500);box-shadow:0 5px 16px var(--purple-glow)}
.poll-option{background:var(--surface-2);border-color:var(--border)}.poll-fill{background:color-mix(in srgb,var(--purple-100) 80%,transparent)}
.auth-card{background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--purple-100)));box-shadow:0 30px 90px rgba(50,20,78,.16)}.auth-note,.acceptance,.password-field button{background:var(--surface-3);color:var(--text-soft)}.password-field{border-color:var(--border);background:var(--surface-2)}.password-field input{background:transparent;color:var(--text)}.auth-alert{display:flex;align-items:center;gap:9px;text-align:right;padding:12px;border-radius:13px;margin:0 0 14px}.blocked-alert{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}
.hero-admin{padding:16px 0}.stat-card{position:relative;overflow:hidden}.stat-card i{position:absolute;left:14px;bottom:8px;font-style:normal;font-size:33px;color:var(--purple-100)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.admin-shortcut{position:relative}.admin-shortcut>b{margin-right:auto;font-size:22px;color:var(--purple-600);transition:.2s}.admin-shortcut:hover>b{transform:translateX(-5px)}.admin-warning{background:linear-gradient(145deg,var(--surface),var(--surface-2));border-color:var(--border)}.admin-warning p{color:var(--text-soft)}
.ban-reason{display:block;max-width:260px;color:var(--text-soft);line-height:1.6;margin-top:5px}.ban-form{display:flex;gap:6px}.ban-form input{min-width:260px;border:1px solid var(--border);border-radius:9px;padding:7px}
.report-list{display:grid;gap:14px}.report-card{padding:18px;border-right:4px solid var(--danger)}.report-card.resolved{opacity:.72;border-right-color:var(--success)}.report-card header,.report-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.report-card header>div{display:flex;align-items:center;gap:9px}.report-status{font-size:10px;border-radius:999px;background:var(--danger-soft);color:var(--danger);padding:5px 9px}.resolved .report-status{background:var(--success-soft);color:var(--success)}.report-reason,.reported-post-preview{margin-top:13px;padding:13px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border)}.report-reason strong,.reported-post-preview strong{font-size:11px;color:var(--text-soft)}.report-reason p,.reported-post-preview p{margin:7px 0 0;line-height:1.9;white-space:pre-wrap}.report-card footer{justify-content:flex-start;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid var(--border)}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:90px}.settings-grid>.validation,.settings-savebar,.maintenance-settings{grid-column:1/-1}.settings-card{padding:20px;display:grid;gap:14px}.settings-title{display:flex;align-items:center;gap:12px}.settings-title>span{font-family:"Segoe UI Emoji";font-size:27px}.settings-title h2{margin:0 0 3px;font-size:17px}.settings-title p{margin:0;color:var(--text-soft);font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.settings-card label small{font-weight:400;color:var(--text-soft)}.settings-card input,.settings-card textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px;outline:0}.settings-card input:focus,.settings-card textarea:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px var(--purple-glow)}.switch-row{display:flex!important;align-items:center;position:relative;background:var(--surface-2);padding:14px;border:1px solid var(--border);border-radius:14px}.switch-row>span:first-child{display:flex;flex-direction:column}.switch-row small{margin-top:4px}.switch-input{position:absolute;opacity:0;width:1px!important}.switch-ui{margin-right:auto;width:52px;height:29px;border-radius:999px;background:#b8afc1;position:relative;transition:.25s}.switch-ui:after{content:"";position:absolute;width:23px;height:23px;right:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 3px 8px rgba(0,0,0,.2);transition:.25s}.switch-input:checked+.switch-ui{background:var(--purple-600)}.switch-input:checked+.switch-ui:after{right:26px}.maintenance-settings.is-closed{border-color:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.settings-savebar{position:sticky;bottom:15px;z-index:20;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:18px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-hover)}.settings-savebar>div{display:flex;flex-direction:column}.settings-savebar small{color:var(--text-soft);font-size:10px;margin-top:3px}
.maintenance-card{max-width:470px}.maintenance-orbit{width:86px;height:86px;margin:0 auto 20px;border-radius:50%;border:1px solid var(--purple-200);display:grid;place-items:center;position:relative}.maintenance-orbit:before,.maintenance-orbit:after{content:"";position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:var(--purple-500);animation:spin 2.2s linear infinite}.maintenance-orbit:before{inset:8px}.maintenance-orbit:after{inset:18px;animation-direction:reverse;animation-duration:1.5s}.maintenance-orbit span{font-size:22px;color:var(--purple-600)}.maintenance-hint{color:var(--text-soft);font-size:11px;margin:12px 0 20px}
.reveal-card{opacity:0;transform:translateY(13px) scale(.99)}.reveal-card.is-visible{opacity:1;transform:none;transition:opacity .45s var(--ease),transform .45s var(--ease)}
html[data-theme="dark"] .topbar{background:rgba(12,6,18,.86)}html[data-theme="dark"] .bottom-nav{background:rgba(15,8,22,.94)}html[data-theme="dark"] th{background:#1c1226}html[data-theme="dark"] td,html[data-theme="dark"] th{border-color:var(--border)}html[data-theme="dark"] .admin-media-preview,html[data-theme="dark"] .admin-poll-preview{background:var(--surface-2)}html[data-theme="dark"] .privacy-list{color:var(--text-soft)}html[data-theme="dark"] .auth-logo{box-shadow:0 12px 32px rgba(139,92,246,.35)}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.settings-card,.maintenance-settings{grid-column:1}.settings-savebar{grid-column:1}.nav-actions{gap:5px}.nav-link{padding:8px 9px;font-size:12px}.ban-form input{min-width:180px}}
@media(max-width:640px){body{background:var(--page)}.bottom-nav{background:var(--glass);border-color:var(--border)}.composer,.post-card,.privacy-card,.created-passwords,.table-card,.create-users-card,.settings-card,.report-card{border-radius:0;border-left:0;border-right:0}.post-card:hover{transform:none}.action-button{padding:7px;flex:1;justify-content:center}.action-button small{display:none}.post-actions>form{display:flex;flex:1}.post-actions>form .action-button{width:100%}.emoji-picker{flex:1}.emoji-picker summary{justify-content:center}.composer-limit{width:100%;margin:0}.settings-grid{gap:10px}.settings-card{padding:16px}.form-grid{grid-template-columns:1fr}.settings-savebar{bottom:76px;margin:0 10px}.settings-savebar>div{display:none}.report-card header{align-items:flex-start}.report-card header,.report-card footer{flex-wrap:wrap}.ban-form{width:100%;flex-wrap:wrap}.ban-form input{min-width:0;flex:1}.table-actions{min-width:380px}.ambient{opacity:.18}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal-card{opacity:1;transform:none}}

.bottom-nav span,.icon-button,.admin-shortcut>span,.stat-card i{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
:focus-visible{outline:3px solid color-mix(in srgb,var(--purple-500) 55%,transparent);outline-offset:3px}

@media(max-width:640px){.mobile-card-table{min-width:0}.mobile-card-table thead{display:none}.mobile-card-table,.mobile-card-table tbody,.mobile-card-table tr,.mobile-card-table td{display:block;width:100%}.mobile-card-table tbody{padding:10px}.mobile-card-table tr{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:10px;box-shadow:var(--shadow-soft);overflow:hidden}.mobile-card-table td{position:relative;padding:11px 42% 11px 13px;border-bottom:1px solid var(--border);min-height:42px}.mobile-card-table td:last-child{border-bottom:0}.mobile-card-table td:before{content:attr(data-label);position:absolute;right:13px;top:11px;width:36%;font-size:10px;font-weight:700;color:var(--text-soft)}.mobile-card-table .table-actions{min-width:0;display:flex;width:100%;padding-right:13px;padding-top:38px;flex-wrap:wrap}.mobile-card-table .table-actions:before{width:auto}.mobile-card-table .ban-form{display:grid;width:100%;grid-template-columns:1fr auto}.mobile-card-table .ban-form input{min-width:0}}

/* ======================== Diba Social UI v1.6 ======================== */
html{--site-font-scale:1}
html[data-site-font="system"]{--font-fa:Tahoma,"Segoe UI",Arial,sans-serif}
html[data-site-font="b-nazanin"]{--font-fa:"Diba Nazanin","B Nazanin",Tahoma,"Segoe UI",Arial,sans-serif}
html[data-site-font="tahoma"]{--font-fa:Tahoma,Arial,sans-serif}
html[data-site-font="segoe"]{--font-fa:"Segoe UI",Tahoma,Arial,sans-serif}
html[data-site-font="arial"]{--font-fa:Arial,Tahoma,sans-serif}
html[data-site-font="serif"]{--font-fa:"B Nazanin","Times New Roman",Georgia,serif}
body{font-size:calc(16px * var(--site-font-scale));overflow-x:hidden}
.post-body{font-size:calc(16px * var(--site-font-scale))}.post-header strong,.composer-head strong{font-size:calc(14px * var(--site-font-scale))}.nav-link,.action-button,.settings-card label,.auth-card{font-size:inherit}
.brand-logo-image,.auth-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.brand-mark:has(.brand-logo-image):after{display:none}.auth-logo{overflow:hidden}

.feed-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:17px;margin:0 0 14px;box-shadow:var(--shadow-soft)}
.feed-tabs a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:42px;border-radius:12px;color:var(--text-soft);font-weight:700;transition:.22s var(--ease)}.feed-tabs a:hover{background:var(--surface-3)}.feed-tabs a.active{color:#fff;background:linear-gradient(135deg,var(--purple-700),var(--purple-500));box-shadow:0 9px 24px var(--purple-glow)}
.feed-heading>div:first-child{min-width:0}.feed-heading h1{margin-bottom:3px}.feed-heading small{display:block;color:var(--text-soft);line-height:1.7;max-width:520px}.hot-range-switch{display:flex!important;gap:4px;background:var(--surface-3);border:1px solid var(--border);border-radius:999px;padding:4px}.hot-range-switch a{padding:6px 11px;border-radius:999px;font-size:11px;color:var(--text-soft)}.hot-range-switch a.active{background:var(--surface);color:var(--purple-700);box-shadow:0 4px 14px rgba(60,25,90,.1)}
.post-author-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reply-badge,.hot-score-badge{padding:3px 7px;border-radius:999px;font-size:9px;font-weight:700}.reply-badge{background:var(--surface-3);color:var(--purple-700);border:1px solid var(--border)}.hot-score-badge{background:linear-gradient(135deg,#fff1d8,#fde2e2);color:#b45309;border:1px solid #fed7aa}
html[data-theme="dark"] .hot-score-badge{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.25);color:#fbbf24}

.post-card{position:relative}.reaction-burst{position:absolute;z-index:30;left:50%;top:55%;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:48px;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.35)}.reaction-burst.is-visible{animation:reaction-burst .7s var(--ease)}@keyframes reaction-burst{0%{opacity:0;transform:translate(-50%,-30%) scale(.35) rotate(-15deg)}28%{opacity:1;transform:translate(-50%,-55%) scale(1.25) rotate(7deg)}100%{opacity:0;transform:translate(-50%,-110%) scale(.82) rotate(0)}}
.reaction-like-pop [data-action-icon]{animation:heart-pop .58s var(--ease)}@keyframes heart-pop{0%,100%{transform:scale(1)}30%{transform:scale(1.55) rotate(-12deg)}55%{transform:scale(.86) rotate(8deg)}75%{transform:scale(1.16)}}
.reaction-dislike-pop [data-action-icon]{animation:thumb-shake .58s ease}@keyframes thumb-shake{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-4px) rotate(-10deg)}40%{transform:translateX(4px) rotate(8deg)}60%{transform:translateX(-3px) rotate(-6deg)}80%{transform:translateX(2px)}}
.reaction-emoji-pop{animation:emoji-pop .55s var(--ease)}@keyframes emoji-pop{35%{transform:scale(1.35) rotate(-8deg)}70%{transform:scale(.9) rotate(5deg)}}
.action-button[aria-busy="true"],.emoji-pill[aria-busy="true"]{opacity:.68;pointer-events:none}.dislike-action:hover{color:#ef4444}.emoji-row.is-empty{display:none}.mini-toast{position:fixed;z-index:200;left:50%;bottom:90px;transform:translateX(-50%);background:#21172e;color:#fff;border-radius:999px;padding:9px 15px;box-shadow:var(--shadow-hover);font-size:12px;animation:toast-in .2s ease}

.login-intro{min-height:2.1em}.login-intro.is-typing:after{content:"|";color:var(--purple-600);animation:type-caret .7s steps(1) infinite;margin-right:2px}@keyframes type-caret{50%{opacity:0}}
.modal-open{overflow:hidden}.login-popup-backdrop{position:fixed;z-index:250;inset:0;background:rgba(12,6,18,.58);backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .22s}.login-popup-backdrop.is-open{opacity:1}.login-popup-card{width:min(420px,100%);background:var(--surface);border:1px solid var(--border);border-radius:25px;padding:25px;box-shadow:0 35px 90px rgba(0,0,0,.3);text-align:center;transform:translateY(18px) scale(.96);transition:transform .24s var(--ease)}.login-popup-backdrop.is-open .login-popup-card{transform:none}.login-popup-icon{width:60px;height:60px;margin:0 auto 12px;border-radius:20px;display:grid;place-items:center;background:var(--purple-100);font-size:28px}.login-popup-card h2{margin:0 0 10px}.login-popup-card p{white-space:pre-wrap;line-height:2;color:var(--text-soft);margin:0 0 18px}

.pwa-install-sheet{position:fixed;z-index:180;left:12px;right:12px;bottom:calc(12px + var(--safe-bottom));max-width:520px;margin:auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(28,10,45,.28);display:grid;grid-template-columns:auto 1fr;gap:13px;opacity:0;transform:translateY(calc(100% + 30px));transition:.28s var(--ease)}.pwa-install-sheet.is-open{opacity:1;transform:none}.pwa-install-handle{display:none}.pwa-install-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple-100),var(--surface-3));font-size:23px}.pwa-install-copy strong{display:block;margin-bottom:5px}.pwa-install-copy p{margin:0;color:var(--text-soft);font-size:11px;line-height:1.8}.pwa-ios-help{margin-top:7px!important;color:var(--purple-700)!important}.pwa-install-actions{grid-column:1/-1;display:flex;gap:8px}.pwa-install-actions>*{flex:1;justify-content:center}

.branding-settings,.typography-settings,.login-content-settings,.alias-settings{grid-column:1/-1!important}.settings-card select{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px;background:var(--surface-2);color:var(--text);outline:0}.settings-card input[type="range"]{padding:5px 0;accent-color:var(--purple-600)}.font-preview{padding:16px;border-radius:15px;background:var(--surface-2);border:1px dashed var(--purple-200);line-height:2}.current-logo-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}.current-logo-row>img{width:68px;height:68px;object-fit:cover;border-radius:18px;border:1px solid var(--border)}.compact-switch{flex:1}.logo-upload-field input[type="file"]{padding:9px}.settings-card textarea#AliasWords{line-height:1.9}

@media(max-width:640px){
  .feed-tabs{margin:0 10px 10px}.feed-heading{padding:0 14px;align-items:flex-start}.feed-heading small{font-size:10px}.hot-range-switch{flex-shrink:0}.post-author-line{gap:4px}
  .emoji-picker{position:static!important}.emoji-picker>div,.emoji-picker-panel{position:fixed!important;z-index:160!important;left:10px!important;right:10px!important;bottom:calc(76px + var(--safe-bottom))!important;top:auto!important;width:auto!important;max-width:calc(100vw - 20px)!important;display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));direction:rtl;overflow:hidden;padding:9px;border-radius:18px}.emoji-picker-panel form{min-width:0}.emoji-picker-panel button{width:100%;min-width:0;padding:8px 2px!important}.emoji-picker-panel button span{font-size:22px}
  .pwa-install-sheet{bottom:calc(76px + var(--safe-bottom));left:8px;right:8px;border-radius:22px}.pwa-install-handle{display:block;position:absolute;top:6px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:99px;background:var(--border)}
  .current-logo-row{align-items:flex-start}.current-logo-row>img{width:58px;height:58px}.branding-settings,.typography-settings,.login-content-settings,.alias-settings{grid-column:1!important}
}

@media(prefers-reduced-motion:reduce){.reaction-burst.is-visible,.reaction-like-pop [data-action-icon],.reaction-dislike-pop [data-action-icon],.reaction-emoji-pop,.login-intro.is-typing:after{animation:none!important}.reaction-burst.is-visible{opacity:0}.login-popup-card,.pwa-install-sheet{transition:none}}

/* v1.6 interaction hardening */
html,body,.app-shell,.main-content{max-width:100%;overflow-x:hidden;overflow-x:clip}
.post-actions form{margin:0}.action-button span[data-action-icon]{display:inline-block;transform-origin:center}
@media(max-width:640px){
  body.emoji-sheet-open{overflow-x:hidden;touch-action:pan-y}
  body.emoji-sheet-open:before{content:"";position:fixed;z-index:150;inset:0;background:rgba(15,7,24,.18);backdrop-filter:blur(1px);pointer-events:none}
  details[data-emoji-picker][open]>.emoji-picker-panel{isolation:isolate;contain:layout paint;overscroll-behavior:contain}
}

/* ======================== Diba Social UI v1.7 ======================== */
*[hidden]{display:none!important}
:root{
  --accent-base:#6d28d9;
  --purple-950:color-mix(in srgb,var(--accent-base) 35%,#050208 65%);
  --purple-900:color-mix(in srgb,var(--accent-base) 50%,#12051d 50%);
  --purple-800:color-mix(in srgb,var(--accent-base) 78%,#180825 22%);
  --purple-700:var(--accent-base);
  --purple-600:color-mix(in srgb,var(--accent-base) 88%,#fff 12%);
  --purple-500:color-mix(in srgb,var(--accent-base) 72%,#fff 28%);
  --purple-200:color-mix(in srgb,var(--accent-base) 26%,#fff 74%);
  --purple-100:color-mix(in srgb,var(--accent-base) 14%,#fff 86%);
  --purple-50:color-mix(in srgb,var(--accent-base) 7%,#fff 93%);
  --purple-glow:color-mix(in srgb,var(--accent-base) 24%,transparent);
}
html[data-theme="dark"]{
  --purple-50:color-mix(in srgb,var(--accent-base) 17%,#09050d 83%);
  --purple-100:color-mix(in srgb,var(--accent-base) 24%,#0f0816 76%);
  --purple-200:color-mix(in srgb,var(--accent-base) 38%,#160c20 62%);
  --purple-500:color-mix(in srgb,var(--accent-base) 68%,#fff 32%);
  --purple-600:color-mix(in srgb,var(--accent-base) 75%,#fff 25%);
  --purple-700:color-mix(in srgb,var(--accent-base) 68%,#fff 32%);
  --purple-800:color-mix(in srgb,var(--accent-base) 54%,#fff 46%);
}
html[data-site-font="custom"]{--font-fa:"Diba Custom",Tahoma,"Segoe UI",Arial,sans-serif}
body{background:radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--accent-base) 18%,transparent),transparent 35%),radial-gradient(circle at 5% 28%,color-mix(in srgb,var(--accent-base) 10%,transparent),transparent 30%),var(--page)}
.ambient-one{background:var(--accent-base)}.ambient-two{background:color-mix(in srgb,var(--accent-base) 55%,#fff 45%)}
.brand-mark,.auth-logo,.primary-button{background:linear-gradient(145deg,var(--purple-600),var(--purple-900))}
.login-popup-backdrop:not(.is-open),.pwa-install-sheet:not(.is-open){pointer-events:none}
.login-popup-backdrop.is-open,.pwa-install-sheet.is-open{pointer-events:auto}
.login-popup-backdrop[aria-hidden="true"]{visibility:hidden}
.current-font-row{display:flex;align-items:center;gap:13px;padding:12px;border-radius:16px;background:var(--surface-2);border:1px solid var(--border)}
.current-font-row>div{display:flex;flex-direction:column;min-width:120px}.current-font-row small{color:var(--text-soft);margin-top:4px;overflow-wrap:anywhere}
.current-font-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--purple-100),var(--surface));color:var(--purple-700);font-family:serif;font-size:21px;font-weight:800;border:1px solid var(--border)}
.font-upload-field input[type="file"],.logo-upload-field input[type="file"]{padding:9px}
.color-input-row{display:grid;grid-template-columns:58px minmax(130px,220px) 1fr;gap:10px;align-items:center;direction:ltr}
.color-input-row input[type="color"]{width:58px;height:46px;padding:4px;border-radius:13px;cursor:pointer}
.color-input-row input[type="text"]{text-align:left;font-family:Consolas,monospace;text-transform:lowercase}
.theme-color-preview{height:46px;border-radius:13px;border:1px solid var(--border);background:linear-gradient(90deg,var(--preview-accent,var(--accent-base)),color-mix(in srgb,var(--preview-accent,var(--accent-base)) 25%,#fff 75%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.community-settings{grid-column:1/-1!important}
.bottom-nav{isolation:isolate}
@media(max-width:640px){
  .bottom-nav{z-index:220!important;pointer-events:auto!important;box-shadow:0 -12px 35px rgba(24,8,38,.12)}
  .bottom-nav a,.bottom-nav button{position:relative;z-index:1;pointer-events:auto!important;touch-action:manipulation;user-select:none;cursor:pointer;transition:transform .16s ease,color .16s ease,background .16s ease}
  .bottom-nav a:active,.bottom-nav button:active,.bottom-nav .nav-pressed{transform:scale(.9)}
  .bottom-nav a.active{color:var(--purple-700);font-weight:800}
  .bottom-nav a.active:before{content:"";position:absolute;top:4px;width:28px;height:3px;border-radius:99px;background:var(--purple-600);box-shadow:0 0 14px var(--purple-glow)}
  .bottom-nav button:focus-visible,.bottom-nav a:focus-visible{outline-offset:-4px}
  .pwa-install-sheet{z-index:260}
  .login-popup-backdrop{z-index:320}
  .current-font-row{align-items:flex-start;flex-wrap:wrap}.current-font-row .compact-switch{width:100%}
  .color-input-row{grid-template-columns:52px minmax(0,1fr)}.theme-color-preview{grid-column:1/-1}
  .community-settings{grid-column:1!important}
}


/* ======================== Diba Social UI v1.8 ======================== */
:root{
  --surface:color-mix(in srgb,var(--accent-base) 7%,#fff 93%);
  --surface-2:color-mix(in srgb,var(--accent-base) 11%,#fff 89%);
  --surface-3:color-mix(in srgb,var(--accent-base) 17%,#fff 83%);
  --page:color-mix(in srgb,var(--accent-base) 4%,#fafafa 96%);
  --border:color-mix(in srgb,var(--accent-base) 20%,transparent);
  --glass:color-mix(in srgb,var(--accent-base) 4%,rgba(255,255,255,.9) 96%);
}
html[data-theme="dark"]{
  --surface:color-mix(in srgb,var(--accent-base) 12%,#100b14 88%);
  --surface-2:color-mix(in srgb,var(--accent-base) 17%,#130d18 83%);
  --surface-3:color-mix(in srgb,var(--accent-base) 24%,#170e1d 76%);
  --page:color-mix(in srgb,var(--accent-base) 7%,#070509 93%);
  --border:color-mix(in srgb,var(--accent-base) 33%,transparent);
  --glass:color-mix(in srgb,var(--accent-base) 10%,rgba(10,6,14,.92) 90%);
}
.card,.auth-card,.settings-card,.post-card,.info-card,.stat-card,.report-card,.table-card,.feed-tabs,.pwa-install-sheet,.login-popup-card{background-color:var(--surface)}
.settings-card,.post-card,.auth-card,.info-card{background-image:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 88%,var(--accent-base) 12%))}
.pwa-platform-help{margin-top:8px!important;padding:8px 10px;border-radius:11px;background:var(--surface-3);border:1px solid var(--border);color:var(--purple-700)!important;font-weight:700}
.auth-note{white-space:pre-wrap}
@supports(content-visibility:auto){.post-card{content-visibility:auto;contain-intrinsic-size:520px}}
.media-grid img{content-visibility:auto}

/* ======================== Diba Social UI v1.9 ======================== */
.app-version{
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent);
  color:var(--text-soft);
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-size:9px;
  font-weight:700;
  letter-spacing:.8px;
  direction:ltr;
  opacity:.72;
  user-select:text;
}
.app-version:hover{opacity:1;color:var(--purple-700)}