:root{--bg:#f6f7fb;--card:#fff;--text:#172033;--muted:#667085;--line:#e5e7eb;--brand:#5b4df5;--brand-dark:#4738dc;--danger:#dc2626;--success:#15803d;--shadow:0 10px 30px rgba(15,23,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);line-height:1.6}a{color:inherit}.site-header{position:fixed;inset:0 0 auto;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.header-inner{max-width:1120px;height:52px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:22px}.brand{font-weight:800;text-decoration:none;font-size:1.1rem;color:var(--brand)}.main-nav{margin-left:auto;display:flex;align-items:center;gap:14px}.main-nav a,.link-button{font:inherit;font-size:.9rem;border:0;background:none;text-decoration:none;cursor:pointer;color:#344054;padding:5px 2px}.main-nav a:hover,.link-button:hover{color:var(--brand)}.menu-toggle{display:none;margin-left:auto;border:0;background:transparent;font-size:1.35rem}.badge-link{position:relative}.badge-link b{position:absolute;top:-8px;right:-11px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:var(--danger);color:white;font-size:.68rem;display:grid;place-items:center}.page-shell{max-width:1120px;margin:0 auto;padding:76px 18px 48px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.sidebar{position:sticky;top:72px;align-self:start}.panel,.prompt-card,.profile-card,.auth-card,.chat-shell,.notification-card,.comment-card,.ad-slot,.ad-placeholder{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.panel{padding:18px;margin-bottom:18px}.panel h3{margin:0 0 12px}.feed-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.feed-tabs{display:flex;gap:8px}.chip,.feed-tabs a{padding:7px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:white;font-size:.88rem}.feed-tabs a.active,.chip.active{background:var(--brand);color:#fff;border-color:var(--brand)}.prompt-card{padding:18px;margin-bottom:15px}.author-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:nowrap;width:100%}.author-line{display:flex;align-items:center;gap:10px;white-space:nowrap}.header-actions{margin-left:auto;flex-shrink:0}.author-meta{min-width:0}.author-line .follow-btn{margin-left:0}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#eef2f6}.avatar.small{width:30px;height:30px}.author-meta{min-width:0;flex:0 1 auto}.author-name{font-weight:700;text-decoration:none}.meta{font-size:.79rem;color:var(--muted)}.follow-btn{margin-left:0}.prompt-title{font-size:1.15rem;margin:14px 0 7px}.prompt-title a{color:#2520a7;text-decoration:none}.prompt-title a:hover{text-decoration:underline}.prompt-excerpt{color:#475467;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-actions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}.btn,.primary-btn,.danger-btn,.ghost-btn{border:0;border-radius:9px;padding:8px 13px;font:inherit;font-size:.86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px}
.primary-btn{
    background:var(--brand);
    color:#fff;
    font-weight:700;
}

.primary-btn:hover{
    background:var(--brand-dark);
    color:#fff;
}
.ghost-btn,.btn{background:#f1f3f8;color:#344054}.danger-btn{background:#fee2e2;color:#991b1b}.love-btn.active{background:#ffe4e6;color:#be123c}.category-label{display:inline-block;padding:3px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.75rem}.suggestions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:white;border:1px solid var(--line);border-radius:14px;padding:14px;margin:16px 0}.suggestion{display:flex;align-items:center;gap:8px;min-width:0}.suggestion .author-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.86rem}.ad-slot,.ad-placeholder{min-height:90px;margin:18px 0;padding:10px;display:grid;place-items:center;overflow:hidden}.ad-placeholder{border-style:dashed;color:var(--muted);box-shadow:none}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:28px 0}.pagination a{padding:8px 13px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none}.stack-form{display:grid;gap:14px}.stack-form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}.stack-form input,.stack-form textarea,.stack-form select,.inline-form input{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;font:inherit;background:white}.stack-form textarea{resize:vertical}.form-note{font-size:.8rem;color:var(--muted);margin:0}.auth-card{max-width:480px;margin:35px auto;padding:24px}.alert{padding:11px 14px;border-radius:10px;margin-bottom:15px}.alert-success{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.modal{position:fixed;inset:0;z-index:2000;display:none}
.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.modal-card{position:relative;border:2px solid #334155;max-width:620px;max-height:90vh;overflow:auto;margin:5vh auto;background:white;border-radius:16px;padding:24px;z-index:1}.modal-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font-size:1.6rem;cursor:pointer}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#111827;color:#fff;padding:9px 15px;border-radius:9px;opacity:0;pointer-events:none;transition:.2s;z-index:3000}.toast.show{opacity:1;transform:translate(-50%,0)}.prompt-detail{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.prompt-body{white-space:pre-wrap;font-family:inherit;background:#fafafa;border:1px solid var(--line);border-radius:12px;padding:18px;margin:18px 0;overflow-wrap:anywhere}
.comment-card{padding:15px;margin-top:12px}.comment-header{display:flex;align-items:center;gap:8px}.comment-body{white-space:pre-wrap}.profile-card{padding:24px}.profile-top{display:flex;align-items:center;gap:18px}.profile-top .avatar{width:90px;height:90px}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.profile-details div{background:#f8fafc;padding:10px;border-radius:9px}.profile-bio{white-space:pre-wrap}.notification-card{padding:14px;margin-bottom:10px;display:flex;gap:12px;align-items:center}.notification-card.unread{border-left:4px solid var(--brand)}.chat-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:620px;overflow:hidden}.chat-list{border-right:1px solid var(--line);padding:12px;overflow:auto}.chat-contact{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px;text-decoration:none}.chat-contact.active,.chat-contact:hover{background:#eef2ff}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-header{padding:13px 16px;border-bottom:1px solid var(--line)}.messages-box{flex:1;padding:16px;overflow:auto;background:#f8fafc} 
.message{max-width:75%;padding:6px 10px;border-radius:12px;margin-bottom:9px;background:white;border:1px solid var(--line)} 
.chat-image {
    max-width: 100%;
    width: auto;
    height: auto;
    max-height: 350px;
    object-fit: contain;
    border-radius: 12px;
    display: block;
    margin-bottom: 8px;
}
.image-preview {
    margin: 8px 0;
}
.preview-box {
    position: relative;
    display: inline-block;
}
.preview-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
}
#removeImagePreview {
    position: absolute;
    top: -8px;
    right: -8px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
}
.message.own{margin-left:auto; max-width:75%; background:#e9e7ff}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.message-tools{font-size:.72rem;color:var(--muted);display:flex;gap:8px;margin-top:2px}.message-tools button{font:inherit;border:0;background:none;padding:0;color:inherit;cursor:pointer}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-form textarea{flex:1;resize:none;border:1px solid #d0d5dd;border-radius:9px;padding:9px;font:inherit}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat-card{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.stat-card strong{display:block;font-size:1.6rem}.data-table{width:100%;border-collapse:collapse;background:white;border-radius:12px;overflow:hidden}.data-table th,.data-table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.inline-form{display:flex;gap:7px;align-items:center}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{padding:7px 11px;background:white;border:1px solid var(--line);border-radius:8px;text-decoration:none}.empty-state{text-align:center;color:var(--muted);padding:35px;background:white;border:1px dashed var(--line);border-radius:13px}
@media(max-width:800px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:52px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:12px 18px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.content-grid{grid-template-columns:1fr}.sidebar{position:static}.suggestions{grid-template-columns:1fr}.chat-shell{grid-template-columns:1fr}.chat-list{border-right:0;border-bottom:1px solid var(--line);max-height:160px}.admin-grid{grid-template-columns:1fr 1fr}.profile-details{grid-template-columns:1fr}.modal-card{margin:2vh 12px;max-height:96vh}.data-table{display:block;overflow-x:auto}}
@media(max-width:520px){.page-shell{padding-left:11px;padding-right:11px}.prompt-card,.prompt-detail,.profile-card{padding:15px}.prompt-actions{gap:6px}.btn,.primary-btn,.danger-btn,.ghost-btn{padding:7px 10px}.profile-top{align-items:flex-start}.profile-top .avatar{width:70px;height:70px}.admin-grid{grid-template-columns:1fr}.message{max-width:88%}}
/* Unicode and multilingual rendering */
:root{
  --font-ui:"Noto Sans Bengali","Nirmala UI","Bangla Sangam MN","SolaimanLipi","Kalpurush","Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html,body,button,input,textarea,select,option,optgroup,table,th,td,label,summary{
  font-family:var(--font-ui) !important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
input,textarea,select,button{
  font-size:16px;
  line-height:1.5;
}
.prompt-title,.prompt-excerpt,.prompt-body,.comment-body,.message-text,.profile-bio,
.profile-details,.notification-card,.alert,[dir="auto"]{
  unicode-bidi:plaintext;
  overflow-wrap:anywhere;
  word-break:normal;
}
.nav-profile,.verified-name{
  display:inline-flex;
  align-items:center;
  gap:4px;
}
.verified-badge{
  display:inline-flex;
  width:18px;
  height:18px;
  flex:0 0 18px;
  vertical-align:-3px;
  margin-left:3px;
}
.verified-badge.small{
  width:15px;
  height:15px;
  flex-basis:15px;
  vertical-align:-2px;
}
.verified-badge svg{width:100%;height:100%;display:block;fill:#1d9bf0}
.verified-badge svg .check{fill:#fff}
.verification-box{
  margin-top:18px;
  padding:16px;
  border:1px solid #bfdbfe;
  border-radius:12px;
  background:#eff6ff;
}
.verification-box h3{margin:0 0 7px}
.verification-progress{
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#dbeafe;
  margin:10px 0;
}
.verification-progress span{
  display:block;
  height:100%;
  background:#1d9bf0;
  border-radius:inherit;
}
.status-pill{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:4px 9px;
  font-size:.76rem;
  font-weight:700;
}
.status-pending{background:#fef3c7;color:#92400e}
.status-approved{background:#dcfce7;color:#166534}
.status-rejected{background:#fee2e2;color:#991b1b}
.admin-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.admin-actions form{margin:0}
@media(max-width:520px){
  input,textarea,select,button{font-size:16px}
  .verified-badge{width:17px;height:17px;flex-basis:17px}
}
/* V3 theme, finance, notices and responsive ads */
:root{--header:#ffffff;--soft:#f8fafc;--input:#ffffff;--link:#2520a7;--notice:#fff7d6}
html[data-theme="dark"]{--bg:#0f172a;--card:#172033;--text:#e5e7eb;--muted:#a6b0c3;--line:#334155;--header:#111827;--soft:#202b3f;--input:#111827;--link:#a9a4ff;--notice:#3b3215;--shadow:0 10px 30px rgba(0,0,0,.25);color-scheme:dark}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .main-nav,html[data-theme="dark"] .modal-card,html[data-theme="dark"] .chip,html[data-theme="dark"] .feed-tabs a,html[data-theme="dark"] .pagination a,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .empty-state{background:var(--header);color:var(--text)}
html[data-theme="dark"] .main-nav a,html[data-theme="dark"] .link-button{color:var(--text)}
html[data-theme="dark"] .stack-form input,html[data-theme="dark"] .stack-form textarea,html[data-theme="dark"] .stack-form select,html[data-theme="dark"] .chat-form textarea,html[data-theme="dark"] .inline-form input{background:var(--input);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .prompt-body,html[data-theme="dark"] .messages-box,html[data-theme="dark"] .profile-details div{background:var(--soft)}
.theme-toggle{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;width:34px;height:34px;cursor:pointer;font-size:1rem}
.site-footer{border-top:1px solid var(--line);background:var(--card);margin-top:30px} 
.footer-inner{
    max-width:1120px;
    margin:auto;
    padding:20px 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    flex-wrap:nowrap;
    color:var(--muted);
}
.footer-inner nav{
    display:flex;
    gap:12px;
    flex-wrap:nowrap;
}
.footer-inner a{
    white-space:nowrap;
}
@media(max-width:600px){
    .footer-inner{
        padding:15px 10px;
        gap:8px;
        font-size:12px;
        flex-wrap:nowrap;
    }
    .footer-inner nav{
        gap:8px;
    }
    .footer-inner a{
        font-size:12px;
    }
}
.footer-inner nav{display:flex;gap:13px;flex-wrap:wrap}.footer-inner a{text-decoration:none}.footer-inner a:hover{color:var(--brand)}
.greeting-card{padding:13px 16px;border-radius:13px;background:linear-gradient(135deg,var(--brand),#8b5cf6);color:#fff;margin-bottom:15px;font-weight:700}
.notice-popup{position:relative;background:var(--notice);border:1px solid #f5c842;border-radius:13px;padding:15px 44px 15px 16px;margin-bottom:12px}.notice-popup h3{margin:0 0 5px}.notice-popup p{margin:0;white-space:pre-wrap}.notice-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:inherit;font-size:1.4rem;cursor:pointer}
.wallet-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.money-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}.money-card span{display:block;color:var(--muted);font-size:.85rem}.money-card strong{font-size:1.55rem}.positive{color:#15803d}.negative{color:#b91c1c}.status-approved,.status-paid{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}
.responsive-ad-image{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}.custom-image-ad{padding:0}.custom-image-ad a{display:block;width:100%}.ad-preview{max-width:380px;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
.page-content{white-space:pre-wrap}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:20px}.compact-list{display:grid;gap:8px}.compact-item{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
@media(max-width:800px){.wallet-summary,.two-column{grid-template-columns:1fr}.site-footer .footer-inner{flex-direction:column}.theme-toggle{align-self:flex-start}.responsive-ad-image{max-height:none}}
/* V3.1 chat composer and homepage sidebar refinements */
.category-list{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px;
  width:100%;
}
.category-list .chip{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-width:0;
  margin:0;
  line-height:1.3;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
.sidebar-author-list,.trending-list{display:grid;gap:10px}
.sidebar-author{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-width:0;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.sidebar-author:last-child{padding-bottom:0;border-bottom:0}
.sidebar-author-info{display:flex;flex-direction:column;min-width:0}
.sidebar-author-info .author-name{min-width:0;max-width:100%;overflow:hidden}
.sidebar-author-info .author-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-follow{padding:5px 8px;font-size:.74rem;white-space:nowrap}
.sidebar-ad-space .ad-slot,.sidebar-ad-space .ad-placeholder{margin:0 0 18px;min-height:120px}
.trending-item{
  display:block;
  padding:0 0 10px;
  border-bottom:1px solid var(--line);
  text-decoration:none;
}
.trending-item:last-child{padding-bottom:0;border-bottom:0}
.trending-item strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:var(--link);
  font-size:.9rem;
  line-height:1.45;
}
.trending-item .meta{display:block;margin-top:3px}
.trending-item:hover strong{text-decoration:underline}

.messages-page{overflow:hidden}
.messages-page .page-shell{
    height:100dvh;
    min-height:0;
    padding-bottom:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
}

.messages-page .chat-shell{
    flex:1 1 auto;
    width:100%;
    min-height:0;
    height:100%;
    overflow:hidden;
}
.messages-page .chat-list,.messages-page .chat-main{min-height:0}
.messages-page .chat-main{overflow:hidden}
.messages-page .messages-box{min-height:0;overscroll-behavior:contain}

.messages-page .chat-form{
    position:relative;
    bottom:auto;
    z-index:20;
    flex:0 0 auto;
    background:var(--card);
    padding-bottom:calc(12px + env(safe-area-inset-bottom));
}
.messages-page .chat-form textarea{min-height:46px;max-height:120px}
html[data-theme="dark"] .messages-page .chat-form{background:var(--card);box-shadow:0 -8px 20px rgba(0,0,0,.22)}

@media(max-width:800px){
  .sidebar-author{grid-template-columns:30px minmax(0,1fr) auto}
  .messages-page .page-shell{padding-top:64px;padding-left:0;padding-right:0}
  .messages-page .chat-shell{border-left:0;border-right:0;border-bottom:0;border-radius:0;grid-template-rows:auto minmax(0,1fr)}
  .messages-page .chat-list{max-height:132px}
  .messages-page .chat-main{min-height:0}
}
@media(max-width:520px){
  .sidebar-author{
        grid-template-columns:30px minmax(0,1fr) auto;
        align-items:center;
    }
    .sidebar-author .sidebar-follow{
        grid-column:auto;
        justify-self:end;
    }
  .messages-page .chat-form{gap:7px;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}
  .messages-page .chat-form .primary-btn{flex:0 0 auto}
  .messages-page .messages-box{padding:12px 10px}
}
/* V4 branding, search, wall sharing, comments and chat tools */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-inner{position:relative}.brand-area{display:flex;align-items:center;gap:8px;min-width:0}.brand{display:inline-flex;align-items:center;min-width:0}.site-logo{display:block;max-width:170px;max-height:38px;width:auto;height:auto;object-fit:contain}.header-search-toggle{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--text);font-size:1.35rem;line-height:1;cursor:pointer}.header-search-form{display:none;position:absolute;z-index:1100;top:58px;left:50%;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);gap:8px}.header-search-form.open{display:flex}.header-search-form input{flex:1;min-width:0;border:1px solid #d0d5dd;border-radius:9px;padding:9px 11px;font:inherit;background:var(--input);color:var(--text)}
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branding-grid label{align-content:start}.branding-grid small{color:var(--muted);font-weight:400}.brand-preview{display:block;max-width:260px;max-height:90px;width:auto;height:auto;object-fit:contain;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.favicon-preview{width:48px;height:48px;object-fit:contain;padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--soft)}
.share-context{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;margin:-5px 0 12px;background:var(--soft);border-radius:10px;color:var(--muted);font-size:.82rem}.share-context a{text-decoration:none;font-weight:700;color:var(--text)}.avatar.tiny{width:24px;height:24px}.shared-card{border-left:3px solid #8b5cf6}.share-btn.active,.comment-love-btn.active{background:#e0e7ff;color:#4338ca}
.comments-section{overflow:hidden}.comment-thread{margin-top:18px}.comment-card{margin-left:calc(min(var(--reply-depth,0),4) * 22px)}.comment-card.comment-reply{border-left:3px solid #ddd6fe;box-shadow:none;background:var(--soft)}.comment-actions{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap;margin-top:10px}.comment-actions details{max-width:100%}.comment-actions summary{list-style:none}.comment-actions summary::-webkit-details-marker{display:none}.reply-form{width:min(560px,calc(100vw - 80px));margin-top:9px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:10px}.text-button{border:0;background:none;color:var(--brand);padding:0;font:inherit;font-weight:700;cursor:pointer}.comment-body [hidden]{display:none!important}
.page-heading-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.notification-card{justify-content:space-between}.notification-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-decoration:none}.notification-delete{width:31px;height:31px;border:0;border-radius:50%;background:#fee2e2;color:#991b1b;font-size:1.25rem;cursor:pointer}
.search-page-form{display:flex;gap:9px;margin-bottom:20px}.search-page-form input{flex:1;min-width:0;border:1px solid #d0d5dd;border-radius:10px;padding:11px 13px;font:inherit;background:var(--input);color:var(--text)}.search-results-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.search-results-grid>section:last-child{grid-column:1/-1}.search-author{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none}.search-author:last-child{border-bottom:0}.search-author>span{display:flex;flex-direction:column;min-width:0}.search-author small{color:var(--muted)}
.emoji-wrap{position:relative;align-self:center}.emoji-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);font-size:1.25rem;cursor:pointer}.emoji-picker{position:absolute;left:0;bottom:48px;z-index:50;width:244px;padding:9px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.emoji-picker[hidden]{display:none}.emoji-picker button{border:0;background:transparent;font-size:1.25rem;padding:5px;border-radius:7px;cursor:pointer}.emoji-picker button:hover{background:var(--soft)}.send-button{min-width:92px;align-self:stretch}
html[data-theme="dark"] .header-search-form,html[data-theme="dark"] .brand-preview,html[data-theme="dark"] .favicon-preview{background:var(--card)}
@media(max-width:800px){.branding-grid,.search-results-grid{grid-template-columns:1fr}.search-results-grid>section:last-child{grid-column:auto}.site-logo{max-width:135px;max-height:34px}.header-search-form{top:54px}.main-nav{z-index:1050}.comment-card{margin-left:calc(min(var(--reply-depth,0),3) * 14px)}}
@media(max-width:520px){

.header-inner{
    padding:0 8px;
    gap:5px;
}

.brand-area{
    gap:5px;
}

.site-logo{
    max-width:110px;
    max-height:34px;
}
.header-search-toggle,.theme-toggle{width:32px;height:32px}.search-page-form{flex-direction:column}.reply-form{width:calc(100vw - 54px)}.comment-card{margin-left:calc(min(var(--reply-depth,0),2) * 9px);padding:12px}.chat-form .emoji-toggle{width:38px;height:44px}.send-button{min-width:52px;padding:7px 9px}.send-button span:last-child{display:none}.emoji-picker{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;grid-template-columns:repeat(8,1fr)}}
/* Normalize nested reply indentation: one step per reply level. */
.comment-card{margin-left:0}.comment-replies{margin-left:22px}.comment-replies .comment-card{margin-left:0}
@media(max-width:800px){.comment-replies{margin-left:14px}}
@media(max-width:520px){.comment-replies{margin-left:8px}}
.comment-card{scroll-margin-top:70px}
/* V4.1 comment ownership and five-comment disclosure */
.comment-thread-item[hidden]{display:none!important}.comment-load-more{display:flex;justify-content:center;margin-top:16px}.comment-edit-form{width:min(620px,calc(100vw - 80px));margin-top:9px;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:10px}@media(max-width:520px){.comment-edit-form{width:calc(100vw - 54px)}}
/* V4.2 tora eligibility settings */
.alert-info{background:#e0f2fe;color:#075985}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-grid small{color:var(--muted);font-weight:400}
@media(max-width:700px){.settings-grid{grid-template-columns:1fr}}
/* V4.3 mobile header controls */
.mobile-theme-toggle{display:none}
@media(max-width:800px){
  .mobile-theme-toggle{display:grid;place-items:center;flex:0 0 auto}
  .desktop-theme-toggle{display:none!important}
  .brand-area{max-width:calc(100% - 46px)}
}
@media(max-width:520px){
  .brand-area{max-width:calc(100% - 42px)}
  .brand{max-width:calc(100% - 74px);overflow:hidden}
  .brand>span:not(.sr-only){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* V4.3 search result limits and See all views */
.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.section-heading-row h2{margin:0}
.result-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.75rem;vertical-align:middle}
.see-all-link{font-size:.86rem;font-weight:700;color:var(--brand);text-decoration:none;white-space:nowrap}
.see-all-link:hover{text-decoration:underline}
.search-pagination{flex-wrap:wrap}
/* V4.3 admin tora report and distribution */
.earnings-summary{margin-bottom:18px}.status-text{font-size:1.1rem!important}.earnings-month-form,.distribution-form{flex-wrap:wrap}.earnings-month-form input{max-width:210px}.distribution-form input[type="number"]{max-width:280px}.earnings-table strong{font-size:1rem}
@media(max-width:620px){.earnings-month-form>*{flex:1 1 140px}.distribution-form input[type="number"],.distribution-form button{width:100%;max-width:none}}
/* V4.4 anytime distribution, letter rewards and notification sound */
.sound-toggle{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;font-size:1rem;flex:0 0 auto}
.sound-toggle:hover{border-color:var(--brand);color:var(--brand)}
.table-scroll{overflow-x:auto;margin-bottom:18px;border-radius:12px}
.earnings-month-form label{display:flex;align-items:center;gap:8px;font-weight:600}
.earnings-month-form label input{max-width:210px}
@media(max-width:800px){.sound-toggle{align-self:flex-start}}
@media(max-width:520px){.sound-toggle{width:32px;height:32px}.earnings-month-form label{width:100%;justify-content:space-between}.earnings-month-form label input{max-width:170px}}
/* V4.5 final controls, analytics, restrictions and inline comments */
.master-switch-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.switch-row{display:flex!important;align-items:flex-start;gap:12px}.switch-row input{width:22px;height:22px;flex:0 0 auto}.switch-row span{display:flex;flex-direction:column;gap:4px}.switch-row small{font-weight:400;color:var(--muted)}
.account-status-banner{margin-bottom:14px;padding:10px 14px;border-radius:10px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}.account-status-banner a{font-weight:700;margin-left:8px}.status-nav-link{color:#b45309!important;font-weight:700}
.status-pill.account-active,.account-active{background:#dcfce7;color:#166534}.status-pill.account-restricted,.account-restricted{background:#fef3c7;color:#92400e}.status-pill.account-suspended,.account-suspended{background:#ffedd5;color:#9a3412}.status-pill.account-banned,.account-banned{background:#fee2e2;color:#991b1b}.status-pill.account-frozen,.account-frozen{background:#dbeafe;color:#1e40af}
.admin-user-table td{vertical-align:top}.mini-admin-form,.status-form{display:grid;gap:6px;min-width:210px}.mini-admin-form input,.status-form input,.status-form select{width:100%;min-width:0}.vertical-actions{align-items:stretch;flex-direction:column}.restriction-help p{margin:.5rem 0}.appeal-card,.appeal-admin-card{margin-bottom:12px}.admin-response{padding:10px;border-radius:9px;background:var(--soft)}
.dashboard-summary{margin-bottom:18px}.prompt-stats{margin-top:12px}.prompt-with-comments{padding-bottom:0}.comments-inline{margin:24px -24px 0;padding:20px 24px 24px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 55%,transparent)}.comments-inline h2{margin-top:0}.comment-thread{display:flex;flex-direction:column;gap:12px}.comment-composer-wrap{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)} 
.facebook-comment-form{
    display:flex;
    align-items:center;
    gap:10px;
}
.facebook-comment-form textarea{
    flex:1;
    min-height:52px;
    max-height:120px;
    resize:none;
    border:1px solid var(--line);
    border-radius:18px;
    padding:12px 14px;
    font:inherit;
    background:var(--card);
    color:var(--text);
}
.facebook-comment-form button{
    flex:0 0 auto;
    height:48px;
}
.facebook-comment-form textarea{flex:1;min-height:52px;max-height:180px;resize:vertical;border:1px solid var(--line);border-radius:18px;padding:12px 14px;font:inherit;background:var(--card);color:var(--text)}.facebook-comment-form button{flex:0 0 auto}
html[data-theme="dark"] .master-switch-card,html[data-theme="dark"] .comments-inline{background:var(--soft)}
@media(max-width:800px){.admin-user-table{min-width:980px}.comments-inline{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}}
@media(max-width:520px){.comments-inline{margin-left:-14px;margin-right:-14px;padding:16px 14px}.facebook-comment-form{align-items:stretch;flex-direction:column}.facebook-comment-form button{width:100%}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V4.6 optional prompt images */
.prompt-card-image-link{display:block;margin:12px 0 10px;border-radius:12px;overflow:hidden;background:#eef2f6;border:1px solid var(--line)}
.prompt-card-image{display:block;width:100%;height:auto;max-height:440px;object-fit:cover}
.prompt-card-image.compact{max-height:260px}
.prompt-detail-image{margin:18px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f4f6f8;text-align:center}
.prompt-detail-image img{display:block;width:100%;max-height:720px;object-fit:contain;margin:auto}
.prompt-image-edit-preview{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.prompt-image-edit-preview img{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:10px}
.inline-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-weight:500!important}.inline-check input{width:auto!important}
html[data-theme="dark"] .prompt-card-image-link,html[data-theme="dark"] .prompt-detail-image{background:#111827}
@media(max-width:600px){.prompt-card-image{max-height:330px}.prompt-detail-image img{max-height:520px}}
/* V4.7 author bio reliability and visibility */
.author-bio-card{margin:20px 0 4px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.author-bio-card h3{margin:0 0 9px}.author-bio-card .profile-bio{display:block!important;margin:0;color:var(--text)!important;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.75}
.profile-bio-empty{margin:0;color:var(--muted)}.profile-social-link{display:inline-flex;margin-top:12px;color:var(--brand);font-weight:700;text-decoration:none}
/* V4.9 self-service account deletion */
.account-danger-zone{max-width:680px;margin:20px auto 0;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #fecaca;border-radius:14px;background:#fff1f2}
.account-danger-zone h2{margin:0 0 5px;color:#991b1b}.account-danger-zone p{margin:0;color:#7f1d1d}.account-danger-zone .danger-btn{flex:0 0 auto;text-decoration:none}
.delete-account-card{max-width:680px;border:1px solid #fecaca}.danger-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#dc2626;color:#fff;font-size:1.6rem;font-weight:800}.delete-account-card h1{text-align:center;color:#991b1b}.danger-intro{text-align:center;color:var(--muted)}
.delete-warning-list{display:grid;gap:8px;margin:18px 0;padding:16px 16px 16px 38px;border-radius:12px;background:#fff1f2;color:#7f1d1d}.account-delete-balance{display:grid;gap:3px;margin:16px 0;padding:14px;border:1px solid #fed7aa;border-radius:12px;background:#fff7ed}.account-delete-balance strong{font-size:1.35rem;color:#9a3412}.account-delete-balance small{color:#9a3412}.delete-confirm-check{padding:12px;border:1px solid #fecaca;border-radius:10px;background:#fff1f2}.delete-account-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.permanent-delete-form .danger-btn{font-weight:800}
html[data-theme="dark"] .account-danger-zone,html[data-theme="dark"] .delete-warning-list,html[data-theme="dark"] .delete-confirm-check{background:#3f1117;border-color:#7f1d1d}html[data-theme="dark"] .account-danger-zone h2,html[data-theme="dark"] .account-danger-zone p,html[data-theme="dark"] .delete-account-card h1,html[data-theme="dark"] .delete-warning-list{color:#fecaca}html[data-theme="dark"] .account-delete-balance{background:#3b1d0b;border-color:#9a3412}html[data-theme="dark"] .account-delete-balance strong,html[data-theme="dark"] .account-delete-balance small{color:#fed7aa}
@media(max-width:620px){.account-danger-zone{align-items:stretch;flex-direction:column}.account-danger-zone .danger-btn,.delete-account-actions>*{width:100%;text-align:center}.delete-account-actions{flex-direction:column-reverse}}
/* Message status ticks */
.ticks {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 500;
}

/* Single tick */
.ticks.sent {
    color: #999;
}
/* Double tick delivered */
.ticks.delivered {
    color: #999;
}
/* Double blue tick seen */
.ticks.read {
    color: #0084ff;
}

/* Header notification and message icons */
.icon-link{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    text-decoration:none;
    font-size:1.25rem;
}
.icon-badge{
    position:absolute;
    top:-5px;
    right:-5px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:50%;
    background:var(--danger);
    color:#fff;
    font-size:.65rem;
    display:grid;
    place-items:center;
    line-height:1;
}
/* Header icon controls */

.header-icon-links{
    display:flex;
    align-items:center;
    gap:8px;
}
.icon-link{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    text-decoration:none;
    font-size:1.25rem;
}
.icon-badge{
    position:absolute;
    top:-3px;
    right:-3px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:50%;
    background:var(--danger);
    color:white;
    font-size:11px;
    display:grid;
    place-items:center;
}
/* Dark mode chat header */

html[data-theme="dark"] .chat-header .author-name{
    color:#e5e7eb;
}
html[data-theme="dark"] .chat-header{
    background:#172033;
    border-color:#334155;
}
/* Dark Mode Chat Message Fix */

html[data-theme="dark"] .message{
    background:#172033;
    color:#e5e7eb;
}
html[data-theme="dark"] .message-text{
    color:#e5e7eb;
}
html[data-theme="dark"] .message-tools{
    color:#94a3b8;
}
html[data-theme="dark"] .message.own{
    background:#312e81;
    color:#ffffff;
}
/* Dark mode chat list */

html[data-theme="dark"] .chat-contact.active,
html[data-theme="dark"] .chat-contact:hover{
    background:#273449;
}
html[data-theme="dark"] .chat-contact{
    color:#e5e7eb;
}
/* Dark mode chat composer */

html[data-theme="dark"] .chat-form{
    background:#172033;
    border-color:#334155;
}
html[data-theme="dark"] .chat-form textarea{
    background:#111827;
    color:#e5e7eb;
    border-color:#334155;
}
html[data-theme="dark"] .chat-form textarea::placeholder{
    color:#94a3b8;
}
html[data-theme="dark"] .emoji-toggle{
    background:#202b3f;
    color:#e5e7eb;
    border-color:#334155;
}
html[data-theme="dark"] .send-button{
    color:white;
}
/* Compact chat bubbles */

.message-text{
    line-height:1.4;
     padding:0;
}
html[data-theme="dark"] .message.own .message-tools{
    color:#c7d2fe;
}
html[data-theme="dark"] .message.own .ticks.read{
    color:#38bdf8;
}
/* Final chat bubble sizing */

.message{
    display:table;
    max-width:75%;
}
.message.own{
    display:table;
    max-width:65%;
    margin-left:auto;
}
.chat-image{
    display:block;
    width:auto;
    max-width:350px;
    max-height:350px;
    object-fit:contain;
    border-radius:12px;
}
.message:has(.chat-image){
    padding:8px;
}

/* Image message polish */

.message:has(.chat-image){
    padding:8px;
}
.message:has(.chat-image) .message-tools{
    padding:0 4px;
}
.message:has(.chat-image) .chat-image{
    margin-bottom:5px;
}

/* Dark mode home feed text fix */

html[data-theme="dark"] .prompt-title a{
    color:#ddd6fe;
}


html[data-theme="dark"] .prompt-excerpt{
    color:#b8c4d6;
}


html[data-theme="dark"] .author-name{
    color:#f1f5f9;
}
/* Dark mode feed buttons and category */

html[data-theme="dark"] .btn,
html[data-theme="dark"] .ghost-btn{
    background:#273449;
    color:#e5e7eb;
    border-color:#334155;
}


html[data-theme="dark"] .category-label{
    background:#312e81;
    color:#ddd6fe;
}


html[data-theme="dark"] .love-btn.active{
    background:#4c1d35;
    color:#fda4af;
}



/* Dark mode feed action polish */

html[data-theme="dark"] .prompt-actions .btn,
html[data-theme="dark"] .prompt-actions .ghost-btn{
    color:#e5e7eb;
}


html[data-theme="dark"] .prompt-actions .btn:hover,
html[data-theme="dark"] .prompt-actions .ghost-btn:hover{
    background:#334155;
}

/* Dark mode badge */

html[data-theme="dark"] .icon-badge{
    background:#ef4444;
    color:#fff;
}



/* Dark mode post action buttons */

html[data-theme="dark"] .prompt-actions .ghost-btn{
    background:#273449;
    color:#e5e7eb;
    border-color:#334155;
}


html[data-theme="dark"] .prompt-actions .ghost-btn:hover{
    background:#334155;
}


html[data-theme="dark"] .prompt-actions .love-btn.active{
    background:#4c1d35;
    color:#fda4af;
}


html[data-theme="dark"] .prompt-actions .danger-btn{
    background:#3f1117;
    color:#fecaca;
}

/* Dark mode sidebar follow button */

html[data-theme="dark"] .sidebar-follow{
    background:#273449;
    color:#e5e7eb;
    border-color:#334155;
}


html[data-theme="dark"] .sidebar-follow:hover{
    background:#334155;
}


/* Dark mode post detail fix */

html[data-theme="dark"] .prompt-detail{
    background:var(--card);
    color:var(--text);
}


html[data-theme="dark"] .prompt-detail .prompt-title a{
    color:#ddd6fe;
}


html[data-theme="dark"] .prompt-detail .author-name{
    color:#f1f5f9;
}


html[data-theme="dark"] .prompt-detail .meta{
    color:#94a3b8;
}


html[data-theme="dark"] .prompt-body{
    color:#e5e7eb;
}

/* Dark mode dashboard table */

html[data-theme="dark"] .data-table{
    background:var(--card);
    color:var(--text);
}


html[data-theme="dark"] .data-table th,
html[data-theme="dark"] .data-table td{
    color:var(--text);
    border-color:var(--line);
}


html[data-theme="dark"] .data-table th{
    background:#111827;
}


html[data-theme="dark"] .data-table a{
    color:#c4b5fd;
}

/* Dark mode profile page fix */

html[data-theme="dark"] .profile-details div{
    background:#202b3f;
    color:#e5e7eb;
}


html[data-theme="dark"] .verification-box{
    background:#202b3f;
    border-color:#334155;
    color:#e5e7eb;
}


html[data-theme="dark"] .verification-box h3{
    color:#f1f5f9;
}


html[data-theme="dark"] .verification-box p{
    color:#cbd5e1;
}

/* Dark mode admin navigation */

html[data-theme="dark"] .admin-nav a{
    background:#273449;
    color:#e5e7eb;
    border-color:#334155;
}


html[data-theme="dark"] .admin-nav a:hover{
    background:#334155;
}

/* Dark mode file upload */

html[data-theme="dark"] input[type="file"]{
    background:#111827;
    color:#e5e7eb;
    border-color:#334155;
}


html[data-theme="dark"] input[type="file"]::file-selector-button{
    background:#273449;
    color:#e5e7eb;
    border:1px solid #334155;
    padding:8px 12px;
    border-radius:6px;
    cursor:pointer;
}


html[data-theme="dark"] input[type="file"]::file-selector-button:hover{
    background:#334155;
}

/* Dark mode brand color */

html[data-theme="dark"] .brand{
    color:#f8fafc;
}/* Dark mode brand color */

html[data-theme="dark"] .brand{
    color:#f8fafc;
}

/* Mobile profile header fix */
@media(max-width:600px){
    .profile-top{
        flex-direction:column;
        align-items:center;
        text-align:center;
        gap:15px;
    }
    .profile-top .avatar{
        width:110px;
        height:110px;
    }
    .profile-top h1{
        font-size:1.5rem;
        line-height:1.2;
        justify-content:center;
    }
    .profile-top .meta{
        font-size:.85rem;
        line-height:1.5;
        text-align:center;
    }
    .profile-top .prompt-actions{
        justify-content:center;
        flex-wrap:wrap;
    }
}
/* Mobile profile refinement */
@media(max-width:600px){
    .profile-top .avatar{
        width:90px;
        height:90px;
    }
    .profile-top h1{
        font-size:1.45rem;
        margin-top:8px;
    }
    .profile-top .meta{
        font-size:.78rem;
        max-width:280px;
        margin:auto;
        line-height:1.4;
    }
    .profile-top .prompt-actions{
        margin-top:12px;
    }
    .profile-card{
        padding:20px 14px;
    }
}
@media(max-width:600px){
    .profile-top{
        gap:10px;
    }
    .profile-top h1{
        margin-bottom:4px;
    }
    .profile-top .meta{
        max-width:260px;
        line-height:1.35;
    }
    .profile-top .prompt-actions{
        margin-top:8px;
    }
}
/* Mobile author bio refinement */
@media(max-width:600px){
    .author-bio-card{
        padding:18px 16px;
    }
    .author-bio-card h3{
        font-size:1.5rem;
        margin-bottom:12px;
    }
    .profile-bio{
        font-size:1rem;
        line-height:1.65;
    }
    .profile-social-link{
        margin-top:12px;
        display:inline-block;
    }
}
/* Internal content links */

.prompt-body .internal-link{
    color:var(--brand);
    font-weight:600;
    text-decoration:none;
    border-bottom:1px dashed var(--brand);
}


.prompt-body .internal-link:hover{
    text-decoration:underline;
}


/* Missing internal link */

.prompt-body .missing-link{
    color:#6b7280;
    opacity:0.85;
    border-bottom:1px dotted #6b7280;
}


.prompt-body .missing-link:hover{
    color:#374151;
}



/* Dark mode */

html[data-theme="dark"] .prompt-body .internal-link{
    color:#93c5fd;
    border-color:#93c5fd;
}


html[data-theme="dark"] .prompt-body .missing-link{
    color:#cbd5e1;
}

/* Comment link preview card */

.link-preview-card{
    display:flex;
    width:100%;
    max-width:520px;
    margin-top:6px;
    border:1px solid var(--line);
    border-radius:12px;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background:var(--card);
}

.link-preview-card:hover,
.link-preview-card:visited{
    text-decoration:none;
    color:inherit;
}


.link-preview-card img{
    width:140px;
    height:120px;
    object-fit:cover;
    flex-shrink:0;
}


.link-preview-content{
    padding:12px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
}


.link-preview-content strong{
    font-size:16px;
    line-height:1.3;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}


.link-preview-content p{
    margin:4px 0;
    font-size:14px;
    line-height:1.45;
    color:var(--muted);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}


.link-preview-content small{
    color:var(--muted);
}


.comment-body > a:first-child{
    word-break:break-all;
}


/* Mobile */

@media(max-width:600px){

    .link-preview-card img{
        width:85px;
        height:85px;
    }

    .link-preview-content{
        padding:8px 10px;
    }

    .link-preview-content strong{
        font-size:14px;
    }

    .link-preview-content p{
        font-size:12px;
        line-height:1.35;
    }

}
.add-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    font-size:22px;
    font-weight:700;
    margin-right:1px;
}
/* Footer mobile single line */

.footer-inner{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    flex-wrap:nowrap;
    gap:8px;
}


.footer-inner span{
    white-space:nowrap;
}


.footer-inner nav{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:8px;
}


.footer-inner nav a{
    white-space:nowrap;
}


@media(max-width:600px){

    .footer-inner{
        font-size:12px;
        gap:6px;
        padding:12px 8px;
    }


    .footer-inner nav{
        gap:6px;
    }


    .footer-inner nav a{
        font-size:12px;
    }

}
/* Footer mobile fix */

.site-footer .footer-inner{
    display:flex !important;
    flex-direction:row !important;
    justify-content:center !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
}
.site-footer .footer-inner span{
    white-space:nowrap !important;
}
.site-footer .footer-inner nav{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
}
.site-footer .footer-inner nav a{
    white-space:nowrap !important;
}

@media(max-width:600px){
    .site-footer .footer-inner{
        font-size:11px;
        padding:12px 5px;
        gap:5px !important;
    }
    .site-footer .footer-inner nav{
        gap:5px !important;
    }
    .site-footer .footer-inner nav a{
        font-size:11px;
    }
}
/* Mobile feed toolbar compact mode */

@media(max-width:600px){
    .add-icon{
        width:auto;
        height:auto;
        font-size:16px;
        margin-right:3px;
    }
}
.mobile-add-post-btn{
    display:none;
    width:34px;
    height:34px;
    border-radius:50%;
    border:0;
    background:var(--brand);
    color:#fff;
    font-size:24px;
    font-weight:700;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    margin-left:auto;
    margin-right:4px;
}
.desktop-only-add-post{
    display:block;
}
@media(max-width:800px){

    .mobile-add-post-btn{
        display:flex;
        width:36px;
        height:36px;
    }
}
/* Hide toolbar add post on mobile */

@media(max-width:800px){

    .desktop-only-add-post{
        display:none !important;
    }

}

/* Admin product table */

.product-table .ghost-btn,
.product-table .danger-btn{
    display:inline-flex;
    white-space:nowrap;
}

.product-admin-table{
    width:100%;
    border-collapse:collapse;
}


.product-admin-table th,
.product-admin-table td{
    padding:12px;
    border-bottom:1px solid #ddd;
    vertical-align:middle;
}


.product-thumb{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px;
}


.product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:20px;
}


.product-card{
    background:#fff;
    border-radius:16px;
    padding:16px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}


.product-card-image{
    width:100%;
    height:220px;
    object-fit:cover;
    border-radius:12px;
}


.product-card h3{
    margin:10px 0 5px;
}
.product-card small{
    display:block;
    margin:4px 0;
}
.product-card p{
    margin:8px 0;
}
.product-card strong{
    display:inline-block;
    margin-top:8px;
}


.product-card span{
    margin-left:5px;
}


.product-card .primary-btn{
    margin-top:12px;
}

.product-card .primary-btn{
    display:inline-flex;
    margin-top:12px;
}

.product-details{
    max-width:900px;
    margin:30px auto;
    background:var(--card-bg,#fff);
    padding:30px;
    border-radius:20px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
}


.product-detail-image{
    width:100%;
    max-width:500px;
    height:400px;
    object-fit:cover;
    border-radius:16px;
    display:block;
    margin:0 auto 25px;
}


.product-details h1{
    font-size:32px;
    margin-bottom:20px;
}


.product-description{
    margin:20px 0;
    line-height:1.8;
    font-size:16px;
}


.product-price-box{
    margin-top:20px;
    padding:20px;
    border-radius:15px;
    background:#f5f5f5;
}


.product-discount{
    font-weight:bold;
}


.product-buy-btn{
    margin-top:25px;
}
.product-price{
    margin-top:12px;
}


.discount-badge{
    margin-left:2px;
    font-weight:bold;
}


.final-price{
    margin-top:2px;
    font-weight:bold;
}
.shop-header-icon{
    display:flex;
    align-items:center;
    justify-content:center;
}
.mobile-header-profile,.mobile-shop-menu-link{display:none}
.mobile-header-profile img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}

.admin-nav {
    display: block !important;
    width: 100%;
}

.nav-row {
    display: flex !important;
    width: 100%;
    flex-wrap: nowrap;
    gap: 8px;
    margin-bottom: 10px;
}

.nav-row a {
    display: inline-flex;
    white-space: nowrap;
}

/* Comment Read More layout fix */
.comment-body{
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.65;
    margin:12px 0;
}

.comment-body [data-comment-preview],
.comment-body [data-comment-full]{
    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
}

.comment-body [data-comment-full]{
    display:inline;
}

.comment-body [data-comment-toggle]{
    display:inline-block;
    margin-top:10px;
    cursor:pointer;
    vertical-align:baseline;
}

.comment-body [hidden]{
    display:none !important;
}
.comment-body{
      margin: 2px 0 8px;
    white-space: normal;
    line-height: 1.6;
}

.comment-body [data-comment-preview],
.comment-body [data-comment-full]{
    white-space:pre-wrap;
}

.comment-body [data-comment-full][hidden],
.comment-body [data-comment-preview][hidden]{
    display:none !important;
}

.comment-body .text-button{
    display:inline-block;
    margin-top:6px;
}
/* Rich text post editor */
.rich-editor-field{display:grid;gap:6px}
.rich-editor-field>label{font-weight:600;font-size:.9rem}
.rich-editor{border:1px solid #d0d5dd;border-radius:12px;background:var(--card);overflow:hidden}
.rich-editor-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:8px;border-bottom:1px solid var(--line);background:var(--soft);position:sticky;top:0;z-index:2}
.rich-editor-toolbar button{min-width:34px;height:34px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--text);font:inherit;font-size:.82rem;cursor:pointer;display:inline-grid;place-items:center}
.rich-editor-toolbar button:hover,.rich-editor-toolbar button:focus-visible{border-color:var(--brand);color:var(--brand);outline:none}
.rte-separator{width:1px;height:25px;background:var(--line);margin:0 2px}
.rich-editor-surface{min-height:260px;max-height:55vh;overflow:auto;padding:14px 15px;background:var(--input);color:var(--text);font:inherit;line-height:1.7;outline:none;overflow-wrap:anywhere;white-space:normal}
.rich-editor-surface:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 28%,transparent)}
.rich-editor-surface:empty::before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}
.rich-editor-source{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.rich-editor-note{display:block;padding:8px 11px;border-top:1px solid var(--line);background:var(--soft)}
.rich-editor-surface h1,.prompt-body h1{font-size:1.8rem;line-height:1.25;margin:1rem 0 .55rem}
.rich-editor-surface h2,.prompt-body h2{font-size:1.5rem;line-height:1.3;margin:1rem 0 .5rem}
.rich-editor-surface h3,.prompt-body h3{font-size:1.25rem;line-height:1.35;margin:.9rem 0 .45rem}
.rich-editor-surface p,.prompt-body p{margin:.65rem 0}
.rich-editor-surface ul,.rich-editor-surface ol,.prompt-body ul,.prompt-body ol{padding-inline-start:1.6rem;margin:.7rem 0}
.rich-editor-surface blockquote,.prompt-body blockquote{margin:.8rem 0;padding:.7rem 1rem;border-inline-start:4px solid var(--brand);background:var(--soft);border-radius:8px;color:var(--text)}
.rich-editor-surface a,.prompt-body a{overflow-wrap:anywhere}
.prompt-body{white-space:normal}
.prompt-body>a,.prompt-body p>a,.prompt-body li>a{color:var(--brand)}
.prompt-body .hashtag-link{font-weight:700;text-decoration:none}
.prompt-body .hashtag-link:hover{text-decoration:underline}
html[data-theme="dark"] .rich-editor{border-color:var(--line)}
html[data-theme="dark"] .rich-editor-toolbar,html[data-theme="dark"] .rich-editor-note{background:var(--soft)}
html[data-theme="dark"] .rich-editor-toolbar button{background:var(--card);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .rich-editor-surface{background:var(--input);color:var(--text)}
@media(max-width:600px){
  .rich-editor-toolbar{gap:4px;padding:6px}
  .rich-editor-toolbar button{min-width:31px;height:32px;padding:4px 6px;font-size:.76rem}
  .rte-separator{display:none}
  .rich-editor-surface{min-height:220px;max-height:50vh;padding:12px}
  .rich-editor-surface h1,.prompt-body h1{font-size:1.55rem}
  .rich-editor-surface h2,.prompt-body h2{font-size:1.35rem}
  .rich-editor-surface h3,.prompt-body h3{font-size:1.18rem}
}

/* Rich text italic visibility fix
   The site disables synthetic font styles globally, while Noto Sans Bengali
   does not provide a dedicated italic face. Re-enable style synthesis only
   for semantic italic content inside the editor and rendered post body. */
.rich-editor-surface i,
.rich-editor-surface em,
.prompt-body i,
.prompt-body em{
    font-style:italic !important;
    font-synthesis:style !important;
}


/* Native back-navigation anchor for feed/profile cards.
   The fixed header is 52px tall; scroll-margin keeps the restored card visible. */
.return-anchor-card{scroll-margin-top:72px}


/* Admin navigation tabs */

.admin-tabbed-nav{
    display:block !important;
    width:100%;
    margin-bottom:18px;
}


/* Tab buttons */

.admin-tabs{
    display:flex;
    align-items:center;
    gap:7px;
    width:100%;
    overflow-x:auto;
    padding:0 0 8px;
    margin-bottom:10px;
    scrollbar-width:thin;
}

.admin-tab-btn{
    flex:0 0 auto;
    border:1px solid var(--line);
    border-radius:9px;
    background:var(--card);
    color:var(--text);
    padding:8px 12px;
    font:inherit;
    font-size:.85rem;
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
}

.admin-tab-btn:hover{
    border-color:var(--brand);
    color:var(--brand);
}

.admin-tab-btn.active{
    background:var(--brand);
    border-color:var(--brand);
    color:#fff;
}


/* Tab contents */

.admin-tabbed-nav .admin-tab-panel{
    display:none !important;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    width:100%;
}

.admin-tabbed-nav .admin-tab-panel.active{
    display:flex !important;
}


/* Links inside active tab */

.admin-tab-panel a{
    display:inline-flex;
    align-items:center;
    padding:7px 11px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--card);
    color:var(--text);
    text-decoration:none;
    white-space:nowrap;
}

.admin-tab-panel a:hover{
    border-color:var(--brand);
    color:var(--brand);
}


/* Dark mode */

html[data-theme="dark"] .admin-tab-btn,
html[data-theme="dark"] .admin-tab-panel a{
    background:var(--card);
    color:var(--text);
    border-color:var(--line);
}

html[data-theme="dark"] .admin-tab-btn.active{
    background:var(--brand);
    border-color:var(--brand);
    color:#fff;
}


/* Mobile */

@media(max-width:700px){

    .admin-tabs{
        gap:6px;
        padding-bottom:7px;
    }

    .admin-tab-btn{
        padding:7px 10px;
        font-size:.78rem;
    }

    .admin-tabbed-nav .admin-tab-panel.active{
        gap:6px;
    }

    .admin-tab-panel a{
        padding:7px 9px;
        font-size:.78rem;
    }
}
/* ===== Custom Advertising System ===== */
.global-ad-wrap{max-width:1120px;margin:0 auto;padding:0 18px}.global-header-ad{margin-top:10px}.global-footer-ad{margin-top:22px;margin-bottom:12px}.custom-managed-ad{position:relative;display:grid;grid-template-columns:minmax(120px,220px) minmax(0,1fr);grid-template-areas:"label label" "media copy" "media actions";align-items:center;gap:10px 16px;padding:14px;min-height:110px}.custom-managed-ad.custom-ad-format-text{grid-template-columns:1fr;grid-template-areas:"label" "copy" "actions"}.custom-managed-ad.custom-ad-format-banner{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label" "media media" "copy actions"}.custom-ad-label{grid-area:label;justify-self:start;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 7px}.custom-ad-media{grid-area:media;display:block;text-decoration:none;min-width:0}.custom-ad-media img{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:10px}.custom-ad-copy{grid-area:copy;min-width:0}.custom-ad-copy strong{font-size:1.03rem;display:block}.custom-ad-copy p{margin:5px 0 0;color:var(--muted);font-size:.9rem;white-space:pre-line}.custom-ad-title-only{align-self:center}.custom-ad-actions{grid-area:actions;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-ad-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;text-decoration:none;border-radius:9px;padding:8px 13px;font-size:.86rem;font-weight:700}.custom-ad-report{font-size:.74rem;color:var(--muted);text-decoration:none}.custom-ad-report:hover{text-decoration:underline}.custom-ad-video{grid-area:media;width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#111;display:grid;place-items:center;color:#fff}.custom-ad-video iframe{border:0;width:100%;height:100%}.preview-video{min-height:150px}.third-party-ad{overflow:hidden}.ad-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ad-package-card{border:1px solid var(--line);border-radius:13px;padding:16px;background:var(--card);display:grid;gap:9px}.ad-package-card h3,.ad-package-card p{margin:0}.ad-package-card>strong{font-size:1.45rem}.ad-progress{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden;min-width:140px;margin:5px 0}.ad-progress span{display:block;height:100%;background:var(--brand);border-radius:inherit}.ad-progress.large{height:12px;max-width:680px}.ad-summary-grid{margin:0 0 18px}.stat-card small{display:block;color:var(--muted);font-size:.76rem;margin-top:4px}.table-wrap{width:100%;overflow-x:auto}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-card{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px;font-weight:400!important}.check-card input{width:auto!important;margin-top:4px}.check-card span{display:grid;gap:2px}.check-card small{color:var(--muted)}.sub-panel{border:1px solid var(--line);border-radius:12px;padding:14px;background:rgba(148,163,184,.06)}.sub-panel h3{margin-top:0}.policy-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:8px}.policy-check input{width:auto!important;margin-top:5px}.payment-method-help{display:grid;gap:7px;padding:10px;border:1px dashed var(--line);border-radius:10px}.custom-ad-card-preview{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--card)}.custom-ad-card-preview .custom-ad-media img{max-height:220px}.ad-edit-preview{display:block;max-width:520px;max-height:300px;object-fit:contain;border:1px solid var(--line);border-radius:12px}.small-number{max-width:72px!important}.compact-form{gap:8px!important;margin-top:8px}.compact-table{font-size:.83rem}.native-recommended-ad-space .custom-managed-ad{margin:0 0 18px}.sidebar-ad-space .custom-managed-ad{margin:0 0 18px}.sidebar-ad-space .custom-managed-ad,.native-recommended-ad-space .custom-managed-ad{grid-template-columns:1fr;grid-template-areas:"label" "media" "copy" "actions"}.sidebar-ad-space .custom-ad-media img,.native-recommended-ad-space .custom-ad-media img{max-height:190px}.status-payment_pending,.status-pending{background:#fef3c7!important;color:#92400e!important}.status-pending_review{background:#dbeafe!important;color:#1e40af!important}.status-active,.status-approved,.status-completed,.status-resolved{background:#dcfce7!important;color:#166534!important}.status-suspended,.status-rejected,.status-deleted{background:#fee2e2!important;color:#991b1b!important}.status-paused,.status-expired,.status-dismissed{background:#f3f4f6!important;color:#374151!important}
@media(max-width:800px){.custom-managed-ad{grid-template-columns:1fr;grid-template-areas:"label" "media" "copy" "actions"}.custom-managed-ad.custom-ad-format-banner{grid-template-columns:1fr;grid-template-areas:"label" "media" "copy" "actions"}.ad-package-grid{grid-template-columns:1fr 1fr}.checkbox-grid{grid-template-columns:1fr}.global-ad-wrap{padding:0 11px}}
@media(max-width:520px){.ad-package-grid{grid-template-columns:1fr}.custom-ad-actions{align-items:stretch}.custom-ad-cta{flex:1}.custom-managed-ad{padding:11px}.global-ad-wrap{padding:0 8px}}
.raw-url-cell,.raw-ua-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.single-post-ad-space{margin:18px 0}.master-switch-card{border:1px solid var(--line);border-radius:13px;padding:14px;background:var(--card);margin-bottom:14px}.switch-row{display:flex!important;grid-template-columns:auto 1fr!important;gap:10px;align-items:flex-start}.switch-row input{width:auto!important;margin-top:5px}.switch-row span{display:grid;gap:3px}.switch-row small{color:var(--muted)}

/* Always-visible search box below the main header row. */
.header-search-row{max-width:1120px;margin:0 auto;padding:0 18px 10px}
.header-search-form{display:flex;position:relative;z-index:1100;top:auto;left:auto;transform:none;width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;gap:8px}
.header-search-form.open{display:flex}
.header-search-form input{min-height:42px}
.header-search-form .primary-btn{min-width:88px}
.page-shell{padding-top:134px}
.site-header + .global-header-ad{margin-top:124px}
.global-header-ad + .page-shell{padding-top:24px}
@media(max-width:800px){
  .header-search-row{padding:0 11px 9px}
  .header-search-form{top:auto}
  .main-nav{top:103px}
  .page-shell{padding-top:128px}
  .site-header + .global-header-ad{margin-top:118px}
  .global-header-ad + .page-shell{padding-top:20px}
}
@media(max-width:520px){
  .header-search-row{padding-left:8px;padding-right:8px}
  .header-search-form{flex-direction:row}
  .header-search-form input{padding:8px 9px}
  .header-search-form .primary-btn{min-width:auto;padding-left:11px;padding-right:11px}
}

/* Mobile header alignment and Facebook-style unread badges. */
.icon-badge[hidden]{display:none!important}
@media(max-width:800px){
  .header-inner{display:flex;gap:8px}
  .brand-area{max-width:none;min-width:72px;width:auto;flex:1 1 auto;gap:5px}
  .brand{max-width:none;min-width:0;flex:1;overflow:hidden}
  .site-logo{max-width:100%;object-position:left center}
  .shop-header-icon{display:none}
  .mobile-header-profile{display:flex;padding:2px;border:2px solid #d9dee8;background:var(--card)}
  .mobile-shop-menu-link{display:block}
  .header-icon-links{gap:8px;flex:0 0 auto}
  .header-icon-links .icon-link{width:36px;height:36px;border-radius:50%;background:var(--soft)}
  .mobile-add-post-btn,.menu-toggle{margin-left:0;margin-right:0;flex:0 0 auto}
  .menu-toggle{width:36px;height:36px;padding:0;border-radius:50%;background:var(--soft);color:var(--text);line-height:1}
}
@media(max-width:420px){
  .header-inner{padding-left:7px;padding-right:7px;gap:5px}
  .brand-area{min-width:58px}
  .header-icon-links{gap:5px}
  .header-icon-links .icon-link{width:34px;height:34px}
  .mobile-add-post-btn{width:34px;height:34px}
  .menu-toggle{width:34px;height:34px}
}

/* Profile link and Prompt performance controls. */
.performance-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.performance-heading h2{margin:0}
.performance-search-form{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.performance-search-form input{flex:1;min-width:0;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;font:inherit;background:var(--input);color:var(--text)}
@media(max-width:520px){
  .performance-search-form{flex-wrap:wrap}
  .performance-search-form input{flex-basis:100%}
  .performance-search-form .primary-btn,.performance-search-form .ghost-btn{flex:1}
  .profile-copy-link{width:100%}
}

/* Facebook-style feed navigation. */
.feed-tabs{display:flex;align-items:stretch;flex:1 1 460px;max-width:620px;min-width:0;gap:0;padding:4px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 3px 12px rgba(15,23,42,.05)}
.feed-tabs a{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:46px;gap:8px;padding:7px 10px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.feed-tabs a:hover{background:var(--soft);color:var(--text)}
.feed-tabs a:focus-visible{outline:3px solid rgba(91,77,245,.24);outline-offset:1px}
.feed-tabs a.active{background:rgba(91,77,245,.08);color:var(--brand);border-color:transparent}
.feed-tabs a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:-4px;height:3px;border-radius:3px 3px 0 0;background:var(--brand)}
.feed-tab-icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .feed-tabs{background:var(--card);border-color:var(--line);box-shadow:none}
html[data-theme="dark"] .feed-tabs a{background:transparent;color:var(--muted)}
html[data-theme="dark"] .feed-tabs a:hover{background:var(--soft);color:var(--text)}
html[data-theme="dark"] .feed-tabs a.active{background:rgba(169,164,255,.12);color:#b7b3ff}
html[data-theme="dark"] .feed-tabs a.active::after{background:#9f99ff}
@media(max-width:800px){
  .feed-toolbar{display:block;margin-bottom:16px}
  .feed-tabs{width:100%;max-width:none;flex-basis:auto}
}
@media(max-width:420px){
  .feed-tabs{padding:3px;border-radius:12px}
  .feed-tabs a{min-height:46px;gap:5px;padding:6px 4px;font-size:.78rem}
  .feed-tab-icon{width:18px;height:18px;flex-basis:18px}
  .feed-tabs a.active::after{left:9px;right:9px;bottom:-3px}
}

/* Balanced single-post title and category metadata. */
.prompt-detail-title{margin:24px 0 18px;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:800;line-height:1.35;letter-spacing:-.015em;color:var(--text);overflow-wrap:anywhere}
.prompt-detail-author-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.prompt-detail-category{display:inline-flex;align-items:center;margin-top:5px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.55;text-decoration:none}
.prompt-detail-category:hover{background:#e0e7ff;color:#3730a3}
@media(max-width:600px){
  .prompt-detail-title{margin:20px 0 15px;font-size:clamp(1.35rem,6.2vw,1.65rem);line-height:1.4;letter-spacing:0}
  .prompt-detail-category{font-size:.7rem;margin-top:4px}
}
html[data-theme="dark"] .prompt-detail-category:hover{background:#37306e;color:#f0efff}

/* Post-card metadata: category replaces the calendar date; time remains. */
.post-card-meta{display:flex;align-items:center;gap:5px;min-width:0;line-height:1.35}
.post-card-category{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--brand);font-weight:700;text-decoration:none}
.post-card-category:hover{text-decoration:underline}
.post-card-meta time{white-space:nowrap}
html[data-theme="dark"] .post-card-category{color:#b7b3ff}

.ad-support-contact{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px}.ad-support-contact strong{font-size:.92rem}.ad-support-contact span{color:var(--muted);font-size:.88rem}.ad-support-contact a{font-weight:700;text-decoration:none}.ad-support-contact a:hover{text-decoration:underline}

/* ===== Custom Ads: Facebook-inspired public card ===== */
.facebook-ad-card{display:block!important;place-items:initial!important;padding:0!important;min-height:0!important;background:#fff;border:1px solid #d8dde6;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.08);overflow:hidden;color:#1c1e21}
.facebook-ad-card .fb-ad-header{display:flex;align-items:center;gap:10px;padding:12px 14px 7px}
.facebook-ad-card .fb-ad-avatar-link{display:block;flex:0 0 auto;text-decoration:none}
.facebook-ad-card .fb-ad-avatar{width:42px;height:42px;border-radius:50%;display:block;object-fit:cover;border:1px solid #e4e7ec;background:#f2f4f7}
.facebook-ad-card .fb-ad-owner{min-width:0;line-height:1.22;flex:1}
.facebook-ad-card .fb-ad-owner-name{display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:.96rem;font-weight:700;text-decoration:none;color:#1c1e21}
.facebook-ad-card .fb-ad-owner-name span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.facebook-ad-card .fb-ad-meta{margin-top:3px;color:#65676b;font-size:.76rem;display:flex;align-items:center;gap:3px}
.facebook-ad-card .fb-ad-head-actions{margin-left:auto;display:flex;align-items:center;gap:4px}
.facebook-ad-card .fb-ad-menu,.facebook-ad-card .fb-ad-close{width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:#65676b;text-decoration:none;font:700 1.15rem/1 var(--font-ui);cursor:pointer;padding:0}
.facebook-ad-card .fb-ad-menu{font-size:.95rem;letter-spacing:-2px}
.facebook-ad-card .fb-ad-menu:hover,.facebook-ad-card .fb-ad-close:hover{background:#f0f2f5}
.facebook-ad-card .fb-ad-message{padding:3px 14px 11px;font-size:.95rem;line-height:1.42;white-space:pre-line;color:#1c1e21;text-align:start}
.facebook-ad-card .fb-ad-media{display:block;width:100%;margin:0;background:#f5f6f7;text-decoration:none;border-radius:0;overflow:hidden}
.facebook-ad-card .fb-ad-media img{display:block;width:100%;max-height:560px;object-fit:contain;margin:auto;border-radius:0;background:#f5f6f7}
.facebook-ad-card .custom-ad-video.fb-ad-media{width:100%;aspect-ratio:16/9;max-height:none;border-radius:0;background:#000}
.facebook-ad-card .custom-ad-video.fb-ad-media iframe{display:block;width:100%;height:100%;border:0}
.facebook-ad-card .fb-ad-link-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f0f2f5;border-top:1px solid #e4e6eb;text-align:start}
.facebook-ad-card .fb-ad-link-copy{display:grid;min-width:0;gap:2px;flex:1}
.facebook-ad-card .fb-ad-domain{color:#65676b;font-size:.7rem;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.facebook-ad-card .fb-ad-link-copy strong{font-size:.94rem;line-height:1.25;color:#1c1e21;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.facebook-ad-card .fb-ad-cta{flex:0 0 auto;min-width:92px;min-height:36px;padding:8px 14px;border-radius:7px;background:#e4e6eb;color:#050505;font-size:.84rem;font-weight:700;text-decoration:none;white-space:nowrap}
.facebook-ad-card .fb-ad-cta:hover{background:#d8dadf}
.facebook-ad-card .fb-ad-report-row{display:flex;justify-content:flex-end;padding:5px 12px 7px;background:#fff}
.facebook-ad-card .custom-ad-report{font-size:.7rem;color:#65676b;text-decoration:none}
.facebook-ad-card .custom-ad-report:hover{text-decoration:underline}
.facebook-ad-card.custom-ad-format-text .fb-ad-link-preview{border-top:1px solid #e4e6eb}
.sidebar-ad-space .facebook-ad-card,.native-recommended-ad-space .facebook-ad-card{display:block!important}
.sidebar-ad-space .facebook-ad-card .fb-ad-header,.native-recommended-ad-space .facebook-ad-card .fb-ad-header{padding:10px 10px 6px}
.sidebar-ad-space .facebook-ad-card .fb-ad-avatar,.native-recommended-ad-space .facebook-ad-card .fb-ad-avatar{width:36px;height:36px}
.sidebar-ad-space .facebook-ad-card .fb-ad-message,.native-recommended-ad-space .facebook-ad-card .fb-ad-message{padding:3px 10px 9px;font-size:.86rem}
.sidebar-ad-space .facebook-ad-card .fb-ad-media img,.native-recommended-ad-space .facebook-ad-card .fb-ad-media img{max-height:300px}
.sidebar-ad-space .facebook-ad-card .fb-ad-link-preview,.native-recommended-ad-space .facebook-ad-card .fb-ad-link-preview{align-items:stretch;flex-direction:column;gap:7px;padding:9px 10px}
.sidebar-ad-space .facebook-ad-card .fb-ad-cta,.native-recommended-ad-space .facebook-ad-card .fb-ad-cta{width:100%;min-height:34px}
.custom-ad-card-preview.facebook-preview-card{padding:0!important;overflow:hidden;display:block;border-radius:14px}
.ad-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px}
.ad-provider-card{display:grid;gap:8px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;box-shadow:var(--shadow)}
.ad-provider-card:hover{border-color:#a5b4fc;transform:translateY(-1px)}
.ad-provider-card strong{font-size:1.05rem}.ad-provider-card span{font-size:.82rem;color:var(--muted)}
@media(max-width:800px){.ad-provider-grid{grid-template-columns:1fr}.facebook-ad-card .fb-ad-media img{max-height:480px}}
@media(max-width:520px){.facebook-ad-card{border-radius:12px}.facebook-ad-card .fb-ad-header{padding:10px 11px 6px}.facebook-ad-card .fb-ad-avatar{width:38px;height:38px}.facebook-ad-card .fb-ad-message{padding:3px 11px 9px;font-size:.9rem}.facebook-ad-card .fb-ad-link-preview{padding:9px 10px;gap:8px}.facebook-ad-card .fb-ad-link-copy strong{font-size:.88rem}.facebook-ad-card .fb-ad-cta{min-width:82px;padding:7px 10px}.facebook-ad-card .fb-ad-menu,.facebook-ad-card .fb-ad-close{width:31px;height:31px}}
.ad-provider-card.active{border-color:var(--brand);box-shadow:0 0 0 2px rgba(79,70,229,.08),var(--shadow)}


/* V5 compact social feed, live search suggestions, authors and hashtag grid */
.sidebar-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.sidebar-panel-heading h3{margin:0}
.sidebar-panel-heading .see-all-link{font-size:.78rem;white-space:nowrap}
.hashtag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.hashtag-grid-item{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;line-height:1.25}
.hashtag-grid-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--link);font-size:.78rem;font-weight:700}
.hashtag-grid-item span{flex:0 0 auto;color:var(--muted);font-size:.68rem}
.hashtag-grid-item:hover{border-color:#a5b4fc;background:rgba(79,70,229,.04)}
.feed-prompt-actions{display:flex;align-items:center;gap:8px}
.feed-primary-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.feed-view-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 4px}
.feed-delete-form{margin:0}
.has-live-suggestions{position:relative}
.post-search-suggestions{position:absolute;z-index:1200;left:10px;right:10px;top:calc(100% + 4px);overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:11px;box-shadow:0 14px 34px rgba(15,23,42,.16)}
.search-page-form .post-search-suggestions{left:0;right:0;top:calc(100% + 5px)}
.post-search-suggestion{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-bottom:1px solid var(--line);text-decoration:none;text-align:start}
.post-search-suggestion:last-child{border-bottom:0}
.post-search-suggestion strong{font-size:.9rem;line-height:1.35;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-search-suggestion span{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.post-search-suggestion:hover,.post-search-suggestion.active{background:rgba(79,70,229,.08)}
.authors-heading{margin-bottom:16px}
.all-authors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.all-author-card{display:flex;align-items:center;gap:10px;min-width:0;padding:13px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.all-author-card:hover{border-color:#a5b4fc;transform:translateY(-1px)}
.all-author-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1;text-decoration:none;color:inherit}
.all-author-card .avatar{flex:0 0 auto;width:48px;height:48px}
.author-follow-btn{flex:0 0 auto;min-width:88px;padding:8px 11px;border:1px solid transparent;border-radius:9px;background:var(--brand);color:#fff;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}
.author-follow-btn:hover{filter:brightness(.96)}
.author-follow-btn[data-following="1"]{background:transparent;color:var(--text);border-color:var(--line)}
.all-author-copy{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.all-author-copy strong,.all-author-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.all-author-copy small{color:var(--muted);font-size:.72rem;margin-top:2px}
html[data-theme="dark"] .hashtag-grid-item:hover,html[data-theme="dark"] .post-search-suggestion:hover,html[data-theme="dark"] .post-search-suggestion.active{background:#273449}

@media(max-width:800px){
  .feed-prompt-actions{display:block;width:100%;margin-top:12px;padding-top:5px;border-top:1px solid var(--line)}
  .feed-primary-actions{display:flex;width:100%;gap:0;flex-wrap:nowrap;align-items:stretch;justify-content:space-around;padding:4px 0}
  .feed-primary-actions .feed-action-item{flex:1 1 0;min-width:0;min-height:48px;margin:0;padding:10px 4px;border:0;border-radius:9px;background:transparent;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;font-size:.94rem;font-weight:600;color:var(--muted);touch-action:manipulation}
  .feed-primary-actions .ghost-btn:hover{background:rgba(79,70,229,.06)}
  .feed-primary-actions .love-btn.active{color:#e11d48;background:transparent}
  .feed-primary-actions .feed-edit-action{color:var(--muted)}
  .feed-delete-form{display:flex;justify-content:center;margin:2px 0 0}
  .feed-delete-form .danger-btn{padding:5px 10px;background:transparent;color:var(--danger);font-size:.75rem}
  .all-authors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .prompt-card .feed-prompt-actions{margin-left:-4px;margin-right:-4px;width:calc(100% + 8px)}
  .feed-primary-actions .feed-action-item{min-height:50px;font-size:.9rem;padding:10px 3px}
  .all-authors-grid{grid-template-columns:1fr}
  .author-follow-btn{min-width:82px;padding:9px 10px}
  .hashtag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .header-search-form .post-search-suggestions{left:0;right:0;top:calc(100% + 6px)}
}

/* Custom Ads statistics V9: keep filters readable and always show diagnostics/cards. */
.ad-stats-filter-form select{border:1px solid #d0d5dd;border-radius:9px;padding:9px 34px 9px 10px;font:inherit;background:var(--card);color:var(--text);min-width:150px;max-width:320px}
.ad-stats-filter-form select[name="range"]{min-width:125px;max-width:150px}
.ad-stats-empty-note{display:flex;flex-direction:column;gap:3px;margin-top:14px;padding:13px 15px;border:1px dashed var(--line);border-radius:11px;background:var(--soft);color:var(--text)}
.ad-stats-empty-note span{font-size:.84rem;color:var(--muted)}
.ad-statistics-overview .ad-summary-grid{margin-top:14px}
@media(max-width:700px){.ad-statistics-overview .section-heading-row{align-items:stretch;flex-direction:column}.ad-stats-filter-form{display:grid;grid-template-columns:1fr 1fr}.ad-stats-filter-form input[type="hidden"]{display:none}.ad-stats-filter-form select,.ad-stats-filter-form select[name="range"]{width:100%;min-width:0;max-width:none}}

/* V10 social-app visual refresh: original Janbo identity with familiar social UX */
:root{
  --brand:#1877f2;
  --brand-dark:#0f62d6;
  --bg:#f0f2f5;
  --soft:#f0f2f5;
  --text:#1c1e21;
  --muted:#65676b;
  --line:#e4e6eb;
  --shadow:0 1px 2px rgba(0,0,0,.10),0 8px 24px rgba(0,0,0,.04);
}
html[data-theme="dark"]{
  --brand:#2d88ff;
  --brand-dark:#1b74e4;
  --bg:#18191a;
  --card:#242526;
  --header:#242526;
  --soft:#3a3b3c;
  --input:#3a3b3c;
  --text:#e4e6eb;
  --muted:#b0b3b8;
  --line:#3e4042;
}
body{letter-spacing:-.005em}
.site-header{box-shadow:0 1px 4px rgba(0,0,0,.12);border-bottom:0}
.header-inner{max-width:1240px}
.brand{color:var(--brand);font-size:1.2rem;letter-spacing:-.02em}
.main-nav a{border-radius:8px;padding:7px 9px;font-weight:600}
.main-nav a:hover{background:var(--soft);color:var(--brand)}
.page-shell{max-width:1180px}
.panel,.prompt-card,.profile-card,.auth-card,.chat-shell,.notification-card,.comment-card{
  border-color:transparent;
  border-radius:12px;
  box-shadow:var(--shadow);
}
.primary-btn,.ghost-btn,.danger-btn,.btn{min-height:38px;border-radius:8px;font-weight:700;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}
.primary-btn:hover,.ghost-btn:hover,.danger-btn:hover,.btn:hover{transform:translateY(-1px)}
.ghost-btn,.btn{background:#e4e6eb;color:#050505}
html[data-theme="dark"] .ghost-btn,html[data-theme="dark"] .btn{background:#3a3b3c;color:#e4e6eb}
.stack-form input,.stack-form textarea,.stack-form select,.inline-form input{
  min-height:44px;border-color:var(--line);border-radius:9px;background:var(--input,var(--card));transition:border-color .16s ease,box-shadow .16s ease
}
.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus,.inline-form input:focus{
  outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(24,119,242,.14)
}

/* Requested logged-in pages */
.social-app-page .page-shell{max-width:1120px;padding-top:132px}
.social-app-page .page-heading-row{margin:0 0 18px;padding:2px 2px 0}
.social-app-page .page-heading-row h1,.social-wallet-page .page-shell>h1{margin:0;font-size:clamp(1.55rem,3vw,2rem);letter-spacing:-.035em}
.social-app-page .panel{padding:20px;margin-bottom:18px}
.social-app-page .panel>h2,.social-app-page .section-heading-row h2{font-size:1.18rem;margin-top:0}

.social-dashboard-page .dashboard-summary,.social-ads-page .ad-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.social-app-page .stat-card,.social-app-page .money-card{
  position:relative;overflow:hidden;border:0;border-radius:12px;padding:18px;background:var(--card);box-shadow:var(--shadow)
}
.social-app-page .stat-card:before,.social-app-page .money-card:before{
  content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--brand)
}
.social-app-page .stat-card span,.social-app-page .money-card span{font-weight:600;color:var(--muted)}
.social-app-page .stat-card strong,.social-app-page .money-card strong{margin-top:5px;font-size:1.65rem;line-height:1.2;color:var(--text)}
.social-dashboard-page .stat-card:nth-child(2):before,.social-wallet-page .money-card:nth-child(2):before{background:#42b72a}
.social-dashboard-page .stat-card:nth-child(3):before,.social-wallet-page .money-card:nth-child(3):before{background:#f7b928}
.social-dashboard-page .stat-card:nth-child(4):before{background:#a033ff}
.social-dashboard-page .performance-panel{overflow:hidden}
.social-dashboard-page .performance-heading{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}
.social-app-page .data-table th{background:var(--soft);color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.social-app-page .data-table td{padding-top:13px;padding-bottom:13px}
.social-app-page .data-table tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,var(--card))}

.social-ads-page .ad-package-card{border:0;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.social-ads-page .ad-package-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(24,119,242,.14)}
.social-ads-page .ad-package-card>strong{color:var(--brand)}
.social-ads-page .ad-progress span{background:linear-gradient(90deg,var(--brand),#42b72a)}

.social-create-ad-page .ad-support-contact{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;border-left:4px solid var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--card))}
.social-create-ad-page .custom-ad-form{max-width:900px;margin-left:auto;margin-right:auto;padding:24px}
.social-create-ad-page .custom-ad-form>label,.social-create-ad-page .custom-ad-form>fieldset,.social-create-ad-page .custom-ad-form>.sub-panel{
  padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--card)
}
.social-create-ad-page .custom-ad-form>fieldset{margin:0}
.social-create-ad-page .custom-ad-form>fieldset legend{padding:0 8px;font-weight:800}
.social-create-ad-page .sub-panel{background:var(--soft)}
.social-create-ad-page .check-card{background:var(--card);transition:border-color .16s ease,background .16s ease}
.social-create-ad-page .check-card:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 7%,var(--card))}
.social-create-ad-page .custom-ad-form>button.primary-btn{min-height:48px;font-size:1rem}

.social-wallet-page .wallet-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.social-wallet-page .two-column{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start}
.social-wallet-page .compact-item{border:0;background:var(--soft);padding:13px 14px}
.social-wallet-page .compact-item+.compact-item{margin-top:3px}

.social-profile-page .profile-card{position:relative;overflow:hidden;padding-top:150px}
.social-profile-page .profile-card:before{
  content:"";position:absolute;inset:0 0 auto;height:165px;background:linear-gradient(135deg,#1877f2 0%,#57a5ff 52%,#7d4ce7 100%)
}
.social-profile-page .profile-top{position:relative;z-index:1;align-items:flex-end}
.social-profile-page .profile-top .avatar{width:132px;height:132px;border:5px solid var(--card);box-shadow:0 2px 9px rgba(0,0,0,.2)}
.social-profile-page .profile-top h1{margin:0 0 2px;font-size:1.75rem}
.social-profile-page .profile-top>div{min-width:0;flex:1;padding-top:22px}
.social-profile-page .profile-top .prompt-actions{padding-top:12px;border-top:1px solid var(--line)}
.social-profile-page .profile-details{gap:8px}
.social-profile-page .profile-details div{border-radius:10px;padding:13px 14px;background:var(--soft)}
.social-profile-page .author-bio-card{margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:12px}
.social-profile-page .profile-bio-wrap{min-width:0}
.social-profile-page .profile-bio{line-height:1.65;overflow-wrap:anywhere}
.social-profile-page .profile-bio.is-collapsed{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.social-profile-page .profile-bio-toggle{margin-top:6px;padding:0;border:0;background:transparent;color:var(--brand);font:inherit;font-size:.88rem;font-weight:800;cursor:pointer}
.social-profile-page .profile-bio-toggle:hover{text-decoration:underline}
.social-profile-page .profile-bio-toggle[hidden]{display:none!important}
.social-profile-page .page-shell>h2{margin:24px 2px 14px;font-size:1.3rem}
.social-profile-page .prompt-card{max-width:760px;margin-left:auto;margin-right:auto}

@media(max-width:800px){
  .social-app-page .page-shell{padding-top:126px}
  .social-app-page .page-heading-row{align-items:center}
  .social-wallet-page .wallet-summary{grid-template-columns:1fr 1fr}
  .social-wallet-page .money-card:first-child{grid-column:1/-1}
  .social-wallet-page .two-column{grid-template-columns:1fr}
  .social-create-ad-page .custom-ad-form{padding:16px}
  .social-profile-page .profile-card{padding-top:115px}
  .social-profile-page .profile-card:before{height:130px}
  .social-profile-page .profile-top{align-items:center}
  .social-profile-page .profile-top .avatar{width:112px;height:112px}
  .social-profile-page .profile-top>div{padding-top:0;width:100%}
}

/* V11 post reporting and moderation */
.prompt-card{position:relative}
.author-row>.follow-btn{margin-left:0;padding:4px 7px;min-height:30px;background:transparent;color:var(--brand);box-shadow:none;flex:0 0 auto}
.author-row>.follow-btn::before{content:"·";margin-right:7px;color:var(--muted);font-size:1.2rem;line-height:1}
.author-row>.follow-btn:hover{background:color-mix(in srgb,var(--brand) 8%,transparent);transform:none}
.post-menu{position:relative;flex:0 0 auto;margin-left:2px}
.search-page .prompt-card>.post-menu{position:absolute;z-index:5;top:10px;right:10px}
.post-menu>summary{list-style:none;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:900;letter-spacing:1px;cursor:pointer;color:var(--muted);user-select:none}
.post-menu>summary::-webkit-details-marker{display:none}
.post-menu>summary:hover,.post-menu[open]>summary{background:var(--soft);color:var(--text)}
.post-menu-popover{position:absolute;z-index:100;top:40px;right:0;width:min(340px,calc(100vw - 28px));padding:15px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.18)}
.post-report-form{display:grid;gap:11px}
.post-report-form>strong{font-size:1.05rem}
.post-report-form label{display:grid;gap:5px;font-size:.84rem;font-weight:700}
.post-report-form select,.post-report-form textarea{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--input,var(--card));color:var(--text);font:inherit}
.post-report-form textarea{resize:vertical}
.report-filters{display:flex;gap:7px;flex-wrap:wrap}
.report-filters a{padding:7px 11px;border-radius:8px;background:var(--soft);text-decoration:none;font-weight:700}
.report-admin-list{display:grid;gap:14px}
.report-admin-card{margin:0!important}
.report-admin-card h2{margin:7px 0 0;font-size:1.12rem}
.report-admin-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.report-admin-card dl div{padding:10px;border-radius:9px;background:var(--soft)}
.report-admin-card dt{font-size:.75rem;color:var(--muted);font-weight:700}
.report-admin-card dd{margin:2px 0 0;font-weight:700;overflow-wrap:anywhere}
.report-action-form{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:600px){
 .author-row>.follow-btn{padding-left:3px;padding-right:3px;font-size:.8rem}
 .post-menu-popover{position:fixed;top:auto;right:10px;left:10px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;max-height:75vh;overflow:auto}
 .report-admin-card dl{grid-template-columns:1fr}
}
@media(max-width:520px){
  .page-shell{padding-left:8px;padding-right:8px}
  .social-app-page .page-shell{padding-top:120px;padding-bottom:30px}
  .social-app-page .page-heading-row{padding:0 4px;gap:10px}
  .social-app-page .page-heading-row h1,.social-wallet-page .page-shell>h1{font-size:1.4rem}
  .social-app-page .page-heading-row .primary-btn,.social-app-page .page-heading-row .ghost-btn{min-height:36px;padding:7px 10px}
  .social-app-page .panel{padding:14px;border-radius:10px;margin-bottom:10px}
  .social-dashboard-page .dashboard-summary,.social-ads-page .ad-summary-grid{grid-template-columns:1fr 1fr;gap:8px}
  .social-app-page .stat-card,.social-app-page .money-card{padding:14px}
  .social-app-page .stat-card strong,.social-app-page .money-card strong{font-size:1.3rem}
  .social-dashboard-page .performance-search-form{display:grid;grid-template-columns:1fr auto}
  .social-dashboard-page .performance-search-form .ghost-btn{grid-column:1/-1}
  .social-app-page .table-scroll,.social-app-page .table-wrap{margin-left:-14px;margin-right:-14px;width:calc(100% + 28px)}
  .social-app-page .data-table{min-width:680px;border-radius:0}
  .social-app-page .data-table th,.social-app-page .data-table td{padding:10px 9px;font-size:.78rem}
  .social-wallet-page .wallet-summary{grid-template-columns:1fr;gap:8px}
  .social-wallet-page .money-card:first-child{grid-column:auto}
  .social-create-ad-page .ad-support-contact{align-items:flex-start;flex-direction:column}
  .social-create-ad-page .custom-ad-form{padding:10px;background:transparent;box-shadow:none}
  .social-create-ad-page .custom-ad-form>label,.social-create-ad-page .custom-ad-form>fieldset,.social-create-ad-page .custom-ad-form>.sub-panel{padding:13px}
  .social-profile-page .profile-card{margin-left:-8px;margin-right:-8px;border-radius:0;padding:92px 14px 16px}
  .social-profile-page .profile-card:before{height:108px}
  .social-profile-page .profile-top .avatar{width:96px;height:96px;border-width:4px}
  .social-profile-page .profile-top h1{font-size:1.35rem}
  .social-profile-page .profile-top .prompt-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .social-profile-page .profile-top .prompt-actions>*{width:100%}
  .social-profile-page .profile-copy-link{grid-column:1/-1}
  .social-profile-page .profile-details{grid-template-columns:1fr 1fr}
  .social-profile-page .profile-details div{padding:10px;font-size:.84rem}
  .social-profile-page .prompt-card{border-radius:0;margin-left:-8px;margin-right:-8px}

  /* Wallet transactions become readable cards instead of a squeezed table. */
  .social-wallet-page .wallet-transactions-panel{overflow:visible}
  .social-wallet-page .wallet-transactions-list{margin:0;width:100%;overflow:visible}
  .social-wallet-page .wallet-transactions-list .data-table{display:block;min-width:0;width:100%;background:transparent}
  .social-wallet-page .wallet-transactions-list thead{display:none}
  .social-wallet-page .wallet-transactions-list tbody{display:grid;gap:9px}
  .social-wallet-page .wallet-transactions-list tr{display:block;padding:11px 12px;background:var(--soft);border:1px solid var(--line);border-radius:10px}
  .social-wallet-page .wallet-transactions-list td{display:grid;grid-template-columns:minmax(72px,92px) minmax(0,1fr);gap:10px;width:100%;padding:6px 0;border:0!important;text-align:right;overflow-wrap:anywhere}
  .social-wallet-page .wallet-transactions-list td::before{content:attr(data-label);color:var(--muted);font-weight:700;text-align:left}
  .social-wallet-page .wallet-transactions-list td:last-child{padding-top:9px;margin-top:4px;border-top:1px solid var(--line)!important;font-weight:800}
  .social-wallet-page .wallet-transactions-list .wallet-empty-row td{display:block;text-align:center;color:var(--muted);border-top:0!important;margin:0;padding:14px}
  .social-wallet-page .wallet-transactions-list .wallet-empty-row td::before{display:none}
}

/* Hotfix: author follow/report responsive layout */
.author-row{flex-wrap:wrap;align-items:center}
.author-row .author-meta{flex:1 1 auto;min-width:0}
.author-row>.follow-btn{margin-left:0;flex:0 0 auto;white-space:nowrap}
.post-menu{position:relative;margin-left:auto;flex:0 0 auto}
.post-menu summary{list-style:none;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px;background:var(--soft);color:var(--text)}
.post-menu summary::-webkit-details-marker{display:none}
.post-menu-popover{position:absolute;right:0;top:40px;z-index:50;width:min(340px,90vw);padding:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.post-menu-popover .post-report-form{position:relative}
.post-menu-popover .post-report-form:before{display:none}.report-close-btn{position:absolute;right:12px;top:10px;width:30px;height:30px;border:0;border-radius:50%;background:var(--soft);color:var(--text);font-size:20px;line-height:1;display:grid;place-items:center;cursor:pointer}.post-menu-popover .post-report-form{padding-top:4px}
@media(max-width:768px){
 .author-row{gap:8px;flex-wrap:nowrap;align-items:center}
 .author-row .author-meta{flex:1 1 auto;min-width:0}
 .author-line{white-space:nowrap}
 .follow-btn{order:initial}
 .post-menu{margin-left:auto}
 .post-menu-popover{position:fixed;left:16px;right:16px;top:50%;transform:translateY(-50%);bottom:auto;width:auto;max-height:85vh;overflow-y:auto;z-index:99999}
}