@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');
html:has(.htc-app),body:has(.htc-app){margin:0!important;overflow:hidden!important;background:#000!important}.htc-app,.htc-profile,.htc-camera-page{font-family:'Tajawal',system-ui,sans-serif}.htc-app{position:fixed;inset:0;z-index:999999;background:#000;color:#fff;overflow:hidden}.htc-feed{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;background:#000;scrollbar-width:none}.htc-feed::-webkit-scrollbar{display:none}.htc-reel{position:relative;height:100vh;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.htc-video{width:100%;height:100%;object-fit:cover;background:#000}.htc-grad{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.80),rgba(0,0,0,.08) 46%,rgba(0,0,0,.10)),linear-gradient(to bottom,rgba(0,0,0,.28),rgba(0,0,0,0) 22%)}.htc-play{position:absolute;z-index:9;width:70px;height:70px;border:0;border-radius:50%;background:rgba(255,255,255,.72);color:#1774b8;font-size:29px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);box-shadow:0 12px 35px rgba(0,0,0,.25);transition:.15s}.htc-play.is-hidden{opacity:0;pointer-events:none;transform:scale(.7)}.htc-actions{position:absolute;z-index:10;left:14px;bottom:116px;display:flex;flex-direction:column;gap:10px}.htc-actions button{width:50px;min-height:50px;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:21px;backdrop-filter:blur(12px);box-shadow:0 8px 26px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.htc-actions b,.htc-actions span{font-size:10px;color:#fff;font-weight:800}.htc-meta{position:absolute;z-index:9;right:16px;left:84px;bottom:92px;text-align:right}.htc-user{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:#fff;background:#1b00c1;padding:5px 11px;border-radius:999px;margin-bottom:6px;box-shadow:0 8px 24px rgba(27,0,193,.35)}.htc-user img{width:24px;height:24px;border-radius:50%;object-fit:cover}.htc-label{display:inline-block;background:rgba(0,0,0,.45);padding:4px 10px;border-radius:999px;font-size:11px;margin-inline-start:5px}.htc-meta h2{font-size:21px;line-height:1.3;margin:6px 0 3px;font-weight:900;text-shadow:0 3px 16px rgba(0,0,0,.7)}.htc-meta p{font-size:13px;margin:0;color:rgba(255,255,255,.88);line-height:1.55}.htc-bottom{position:fixed;right:0;left:0;bottom:0;height:58px;z-index:9999999;display:flex;align-items:center;justify-content:space-around;background:linear-gradient(180deg,rgba(27,0,193,.92),rgba(10,0,100,.96)),var(--htc-footer-bg);background-size:cover;background-position:center;border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -6px 26px rgba(0,0,0,.48);backdrop-filter:blur(12px)}.htc-nav-link{color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;font-size:10px;font-weight:800}.htc-nav-link svg{width:21px;height:21px;fill:#fff}.htc-plus{width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.88);background:#1b00c1;color:#fff;font-size:31px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(27,0,193,.6);margin-top:-7px}.htc-comment-panel{position:absolute;z-index:30;right:0;left:0;bottom:0;height:58vh;background:#fff;color:#111;border-radius:22px 22px 0 0;transform:translateY(105%);transition:.25s ease;display:flex;flex-direction:column;overflow:hidden}.htc-comment-panel.open{transform:translateY(0)}.htc-comment-head{padding:14px 18px;font-weight:900;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.htc-comments-close{border:0;background:#eee;border-radius:50%;width:30px;height:30px}.htc-comment-list{padding:12px 18px;overflow:auto;flex:1}.htc-comment-list p{margin:8px 0}.htc-comment-form{display:flex;gap:8px;padding:12px;border-top:1px solid #eee}.htc-comment-form input{flex:1;padding:12px;border:1px solid #ddd;border-radius:999px}.htc-comment-form button{border:0;background:#1b00c1;color:#fff;border-radius:999px;padding:0 16px}.htc-camera{position:fixed;inset:0;background:#000;z-index:10000000;color:#fff}.htc-cam-preview{width:100%;height:100%;object-fit:cover}.htc-cam-top{position:absolute;top:0;right:0;left:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(to bottom,rgba(0,0,0,.65),transparent);box-sizing:border-box;font-weight:900}.htc-cam-close{border:0;background:rgba(255,255,255,.2);color:#fff;width:42px;height:42px;border-radius:50%;font-size:28px}.htc-cam-bottom{position:absolute;right:0;left:0;bottom:20px;display:flex;align-items:center;justify-content:center;gap:18px}.htc-rec{width:78px;height:78px;border-radius:50%;border:6px solid #fff;background:#ff1744;color:#fff;font-size:0}.htc-rec.recording{background:#fff}.htc-upload-recorded{border:0;border-radius:999px;background:#1b00c1;color:#fff;font-weight:900;padding:14px 22px}.htc-cam-msg{position:absolute;right:20px;left:20px;bottom:116px;text-align:center;background:rgba(0,0,0,.45);border-radius:12px;padding:10px}.htc-big-camera{margin:30px auto;display:block;background:#1b00c1;color:#fff;border:0;border-radius:18px;padding:16px 26px;font-weight:900}.htc-profile{min-height:100vh;background:#fff;color:#111;padding-bottom:76px}.htc-cover{height:190px;background-size:cover;background-position:center}.htc-profile-card{text-align:center;margin-top:-54px;padding:0 16px}.htc-avatar{width:108px;height:108px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}.htc-profile-card h2{font-size:27px;margin:8px 0 2px;font-weight:900}.htc-profile-card p{margin:0;color:#777}.htc-stats{display:flex;justify-content:center;gap:28px;margin:18px 0}.htc-stats span{font-size:22px;font-weight:900}.htc-stats b{display:block;font-size:12px;color:#777;font-weight:500}.htc-bio{max-width:620px;margin:8px auto;background:#f5f5f5;border-radius:14px;padding:12px}.htc-edit,.htc-follow,.htc-edit-form button{display:inline-block;border:0;background:#1b00c1;color:#fff;text-decoration:none;border-radius:999px;padding:10px 20px;font-weight:900}.htc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:22px}.htc-tile{position:relative;background:#111;height:190px;overflow:hidden}.htc-tile video{width:100%;height:100%;object-fit:cover}.htc-tile span{position:absolute;left:6px;bottom:6px;color:#fff;font-weight:900;text-shadow:0 2px 8px #000}.htc-edit-form{max-width:680px;margin:20px auto;background:#fff;border:1px solid #eee;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px}.htc-edit-form input,.htc-edit-form textarea{padding:12px;border:1px solid #ddd;border-radius:12px}.htc-empty{padding:40px;text-align:center}.htc-app .site-header,.htc-app header:not(.htc-cam-top),.htc-app footer{display:none!important}@media(max-width:768px){.htc-actions{left:12px;bottom:112px}.htc-actions button{width:48px;min-height:48px}.htc-meta{bottom:88px;left:78px;right:14px}.htc-meta h2{font-size:19px}.htc-bottom{height:56px}.htc-nav-link{font-size:9px}.htc-nav-link svg{width:20px;height:20px}.htc-plus{width:46px;height:46px;font-size:30px}.htc-tile{height:145px}}

/* v1.1 additions: upload page, notifications, camera filters */
.htc-upload-page,.htc-notifications{min-height:100vh;background:#070707;color:#fff;padding:24px 16px 78px;box-sizing:border-box;font-family:'Tajawal',system-ui,sans-serif}.htc-upload-card{max-width:680px;margin:0 auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.35)}.htc-upload-card h2,.htc-notifications h2{margin:0 0 12px;font-size:26px;font-weight:900}.htc-upload-card p{margin:0 0 16px;color:rgba(255,255,255,.75)}.htc-upload-card input,.htc-upload-card textarea,.htc-upload-card select{width:100%;box-sizing:border-box;margin:8px 0;padding:13px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;outline:none}.htc-upload-card option{color:#111}.htc-upload-btn{border:0;background:#1b00c1;color:#fff;font-weight:900;border-radius:999px;padding:13px 24px;margin-top:10px}.htc-upload-progress{height:12px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin-top:15px}.htc-upload-progress span{display:block;height:100%;width:0;background:#1b00c1;transition:.2s}.htc-upload-msg{margin-top:12px;color:#fff;font-weight:700}.htc-notifications{background:#000}.htc-note{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px;margin-bottom:12px}.htc-note span{width:46px;height:46px;border-radius:50%;background:#1b00c1;display:flex;align-items:center;justify-content:center}.htc-note strong{display:block}.htc-note small{display:block;color:rgba(255,255,255,.58);margin-top:4px}.htc-empty-note{background:rgba(255,255,255,.08);border-radius:18px;padding:22px;text-align:center;color:rgba(255,255,255,.75)}.htc-cam-filters{position:absolute;right:0;left:0;bottom:124px;z-index:3;display:flex;gap:8px;justify-content:center;overflow-x:auto;padding:0 12px}.htc-cam-filters button{border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);color:#fff;border-radius:999px;padding:8px 12px;font-weight:800;white-space:nowrap}.htc-cam-filters button.active{background:#1b00c1;border-color:#fff}.htc-cam-preview[data-filter="hilal"]{filter:saturate(1.35) contrast(1.08) hue-rotate(8deg)}.htc-cam-preview[data-filter="warm"]{filter:saturate(1.2) sepia(.18) contrast(1.04)}.htc-cam-preview[data-filter="mono"]{filter:grayscale(1) contrast(1.1)}
@media(max-width:768px){.htc-upload-page,.htc-notifications{padding-top:18px}.htc-upload-card{padding:17px}.htc-cam-filters{bottom:116px}}


/* v1.2 Pro fixes: real viewport, natural camera, comments above footer */
:root{--real-vh:1vh;--htc-footer-h:58px;}
html.htc-camera-open,body.htc-camera-open{overflow:hidden!important;height:100%!important;}
.htc-app{height:calc(var(--real-vh) * 100)!important;}
.htc-feed{height:calc((var(--real-vh) * 100) - var(--htc-footer-h))!important;padding-bottom:0!important;}
.htc-reel{height:calc((var(--real-vh) * 100) - var(--htc-footer-h))!important;min-height:calc((var(--real-vh) * 100) - var(--htc-footer-h))!important;}
.htc-video{width:100%!important;height:100%!important;object-fit:cover!important;background:#000!important;}
.htc-comment-panel{position:fixed!important;bottom:var(--htc-footer-h)!important;height:min(58vh,calc((var(--real-vh) * 100) - var(--htc-footer-h) - 40px))!important;z-index:10000020!important;}
.htc-comment-form{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;}
.htc-bottom{height:var(--htc-footer-h)!important;z-index:10000010!important;}
.htc-camera{position:fixed!important;inset:0!important;width:100vw!important;height:calc(var(--real-vh) * 100)!important;background:#000!important;z-index:2147483647!important;color:#fff!important;overflow:hidden!important;}
.htc-camera[hidden]{display:none!important;}
.htc-cam-preview{position:absolute!important;inset:0!important;width:100vw!important;height:calc(var(--real-vh) * 100)!important;background:#000!important;backface-visibility:hidden;transform:translateZ(0);}
.htc-cam-preview.fit-natural{object-fit:contain!important;}
.htc-cam-preview.fit-fill{object-fit:cover!important;}
.htc-cam-preview.is-front{transform:scaleX(-1) translateZ(0);}
.htc-cam-top{z-index:5!important;top:env(safe-area-inset-top,0px)!important;height:74px!important;background:linear-gradient(to bottom,rgba(0,0,0,.52),rgba(0,0,0,0))!important;}
.htc-cam-top button{border:0;background:rgba(0,0,0,.38);color:#fff;width:44px;height:44px;border-radius:50%;font-size:27px;font-weight:900;}
.htc-cam-side{position:absolute;left:14px;top:120px;z-index:6;display:flex;flex-direction:column;gap:14px;}
.htc-cam-side button{border:0;background:rgba(0,0,0,.38);color:#fff;min-width:46px;height:46px;border-radius:999px;font-size:17px;font-weight:900;backdrop-filter:blur(10px);padding:0 10px;}
.htc-cam-filters{bottom:calc(124px + env(safe-area-inset-bottom,0px))!important;z-index:6!important;}
.htc-cam-bottom{bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;z-index:7!important;}
.htc-rec{width:84px!important;height:84px!important;border-radius:50%!important;border:7px solid #fff!important;background:#ff174c!important;box-shadow:0 10px 35px rgba(0,0,0,.45)!important;}
.htc-rec.recording{width:68px!important;height:68px!important;border-radius:20px!important;background:#ff174c!important;}
.htc-cam-msg{bottom:calc(216px + env(safe-area-inset-bottom,0px))!important;background:transparent!important;text-shadow:0 2px 12px #000!important;z-index:8!important;}
@media(max-width:768px){:root{--htc-footer-h:56px}.htc-cam-side{top:112px}.htc-rec{width:80px!important;height:80px!important}}

/* v1.3 final fixes: stable comments sheet, upload button, feed scroll */
html.htc-comments-opened,
body.htc-comments-opened{
  overflow:hidden!important;
  height:100%!important;
}
body.htc-comments-opened .htc-feed{
  overflow:hidden!important;
  touch-action:none!important;
}
.htc-comment-panel{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--htc-footer-h) + env(safe-area-inset-bottom,0px))!important;
  height:min(62vh, calc((var(--real-vh) * 100) - var(--htc-footer-h) - env(safe-area-inset-bottom,0px) - 64px))!important;
  max-height:calc((var(--real-vh) * 100) - var(--htc-footer-h) - env(safe-area-inset-bottom,0px) - 64px)!important;
  z-index:2147483600!important;
  border-radius:26px 26px 0 0!important;
  box-shadow:0 -18px 55px rgba(0,0,0,.32)!important;
  transform:translateY(calc(100% + var(--htc-footer-h) + 30px))!important;
  will-change:transform!important;
}
.htc-comment-panel.open{
  transform:translateY(0)!important;
}
.htc-comment-head{
  min-height:58px!important;
  flex:0 0 auto!important;
  align-items:center!important;
  padding:14px 20px!important;
  font-size:22px!important;
}
.htc-comment-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:14px 20px 18px!important;
}
.htc-comment-form{
  flex:0 0 auto!important;
  padding:12px 14px calc(14px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
}
.htc-upload-recorded:disabled{
  opacity:.72!important;
  pointer-events:none!important;
}
.htc-cam-bottom{
  pointer-events:auto!important;
}
.htc-upload-recorded{
  position:relative!important;
  z-index:9!important;
  min-width:118px!important;
}


/* v6 SAFE PATCH: comments only - DO NOT TOUCH CAMERA OR VIDEO */
:root{
  --htc-footer-h:56px;
}
.htc-comment-panel{
  position:fixed!important;
  right:0!important;
  left:0!important;
  bottom:var(--htc-footer-h)!important;
  height:52vh!important;
  max-height:calc(100vh - var(--htc-footer-h) - 72px)!important;
  z-index:2147483640!important;
  background:#fff!important;
  border-radius:28px 28px 0 0!important;
  overflow:hidden!important;
  transform:translateY(calc(100% + var(--htc-footer-h) + 20px))!important;
  display:flex!important;
  flex-direction:column!important;
}
.htc-comment-panel.open{
  transform:translateY(0)!important;
}
.htc-comment-head{
  flex:0 0 62px!important;
  height:62px!important;
  min-height:62px!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  background:#fff!important;
  color:#111!important;
}
.htc-comment-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:16px 20px 20px!important;
  background:#fff!important;
}
.htc-comment-form{
  flex:0 0 auto!important;
  padding:10px 14px 14px!important;
  background:#fff!important;
  border-top:1px solid #eee!important;
}
html.htc-comments-opened,
body.htc-comments-opened{
  overflow:hidden!important;
}
body.htc-comments-opened .htc-feed{
  overflow:hidden!important;
}
@media(max-width:768px){
  :root{--htc-footer-h:56px;}
  .htc-comment-panel{
    height:48vh!important;
    max-height:calc(100vh - var(--htc-footer-h) - 80px)!important;
  }
}


/* v10 social follow + messages */
.htc-profile-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:10px}
.htc-message-btn,.htc-profile-actions .htc-follow{display:inline-flex;align-items:center;justify-content:center;min-width:120px;height:44px;border:0;border-radius:999px;background:#1b00c1;color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 8px 22px rgba(27,0,193,.25)}
.htc-message-btn{background:#111}
.htc-comment-author{font-weight:900;color:#111!important;text-decoration:none}
.htc-messages{min-height:100vh;background:#f5f6fb;padding:18px 14px 92px;box-sizing:border-box;color:#111}
.htc-messages h2{margin:0 0 16px;text-align:center;font-size:26px;font-weight:900}
.htc-chat-head{background:#fff;border-radius:18px;padding:14px;margin-bottom:12px;text-align:center;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.htc-chat-head a{color:#1b00c1;text-decoration:none}
.htc-chat-list{height:calc(100vh - 220px);overflow:auto;display:flex;flex-direction:column;gap:9px;padding:8px 2px 90px;box-sizing:border-box}
.htc-msg{display:flex;flex-direction:column;max-width:78%;gap:4px}
.htc-msg span{padding:10px 14px;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.06);line-height:1.6}
.htc-msg small{font-size:10px;color:#777;padding:0 8px}
.htc-msg.mine{align-self:flex-start}.htc-msg.mine span{background:#1b00c1;color:#fff}.htc-msg.theirs{align-self:flex-end}
.htc-chat-form{position:fixed;left:12px;right:12px;bottom:68px;z-index:20;display:flex;gap:8px;background:#fff;border-radius:999px;padding:8px;box-shadow:0 -8px 30px rgba(0,0,0,.12)}
.htc-chat-form input{flex:1;border:0;outline:0;padding:0 12px;font-size:16px;background:transparent}
.htc-chat-form button{border:0;border-radius:999px;background:#1b00c1;color:#fff;font-weight:900;padding:0 18px}
.htc-thread-list{display:flex;flex-direction:column;gap:10px}.htc-thread{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px;text-decoration:none;color:#111;box-shadow:0 8px 25px rgba(0,0,0,.06)}
.htc-thread img{width:48px;height:48px;border-radius:50%;object-fit:cover}.htc-thread strong{font-size:16px}.htc-thread span{margin-right:auto;color:#777;font-size:12px}

/* v12 UI POLISH FULL - comments, profile buttons, messages - camera untouched */
.htc-comment-list p{
  font-size:16px!important;
  line-height:1.9!important;
  margin:10px 0!important;
  color:#222!important;
}
.htc-comment-author,
.htc-comment-list a,
.htc-comment-list p a,
.htc-comment-list b{
  color:#1677ff!important;
  font-weight:900!important;
  text-decoration:none!important;
  opacity:1!important;
  filter:none!important;
}
.htc-comment-author:active,
.htc-comment-author:hover{
  color:#1b00c1!important;
  text-decoration:underline!important;
}
.htc-comment-form{
  gap:10px!important;
  padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px))!important;
  background:#fff!important;
  align-items:center!important;
}
.htc-comment-form input{
  min-height:52px!important;
  border-radius:999px!important;
  border:1px solid #e7e7e7!important;
  background:#fff!important;
  color:#111!important;
  font-size:16px!important;
  padding:0 18px!important;
  outline:none!important;
  box-shadow:0 4px 18px rgba(0,0,0,.05)!important;
}
.htc-comment-form input:focus{
  border-color:#1b00c1!important;
  box-shadow:0 0 0 3px rgba(27,0,193,.10)!important;
}
.htc-comment-form button,
.htc-chat-form button,
.htc-send-btn{
  min-width:88px!important;
  height:52px!important;
  border:0!important;
  border-radius:999px!important;
  background:#1b00c1!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:900!important;
  padding:0 22px!important;
  box-shadow:0 8px 22px rgba(27,0,193,.28)!important;
  opacity:1!important;
}
.htc-comment-form button:active,
.htc-chat-form button:active,
.htc-follow:active,
.htc-message-btn:active{
  transform:scale(.97)!important;
}
.htc-profile-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:14px!important;
  flex-wrap:wrap!important;
}
.htc-follow,
.htc-message-btn,
.htc-edit,
.htc-profile-actions .htc-follow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:122px!important;
  height:48px!important;
  border:0!important;
  border-radius:999px!important;
  background:#1b00c1!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 9px 25px rgba(27,0,193,.25)!important;
  opacity:1!important;
  visibility:visible!important;
}
.htc-message-btn{
  background:#fff!important;
  color:#1b00c1!important;
  border:2px solid #1b00c1!important;
  box-shadow:0 8px 22px rgba(27,0,193,.10)!important;
}
.htc-profile-card h2{
  color:#111!important;
  opacity:1!important;
  text-shadow:none!important;
}
.htc-profile-card p{
  color:#777!important;
  opacity:1!important;
  font-weight:600!important;
}
.htc-stats span{
  color:#111!important;
}
.htc-stats b{
  color:#777!important;
}
.htc-messages{
  font-family:'Tajawal',system-ui,sans-serif!important;
}
.htc-chat-form{
  bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
  border-radius:999px!important;
  padding:8px!important;
}
.htc-chat-form input{
  min-height:48px!important;
  color:#111!important;
}
.htc-msg.mine span{
  background:#1b00c1!important;
  color:#fff!important;
}
.htc-msg.theirs span{
  background:#fff!important;
  color:#111!important;
}
@media(max-width:768px){
  .htc-comment-panel{
    height:52vh!important;
    bottom:var(--htc-footer-h)!important;
    border-radius:26px 26px 0 0!important;
  }
  .htc-comment-head{
    font-size:26px!important;
    padding:18px 22px!important;
  }
  .htc-comments-close{
    width:46px!important;
    height:46px!important;
    font-size:28px!important;
  }
  .htc-comment-list{
    padding:18px 24px!important;
  }
}

/* v14 social complete polish */
.htc-comment-author,.htc-comment-list a{color:#0b6cff!important;font-weight:900!important;text-decoration:none!important}
.htc-comment-form button,.htc-chat-form button,.htc-follow,.htc-message-btn,.htc-onboard-btn{background:#1b00c1!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(27,0,193,.25)!important}
.htc-comment-form button,.htc-chat-form button{min-width:86px;height:52px;font-size:16px!important}
.htc-message-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;text-decoration:none!important;margin-inline-start:8px}
.htc-profile-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}
.htc-profile-mini-stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:10px auto 6px;color:#555;font-weight:800}
.htc-profile-mini-stats span{background:#f6f7fb;border-radius:999px;padding:8px 12px}
.htc-stats a{text-decoration:none!important;color:inherit!important}
.htc-people-box{background:#fff;border-radius:28px;margin:18px 14px;padding:18px;box-shadow:0 10px 35px rgba(0,0,0,.08)}
.htc-people-box h3{margin:0 0 12px;font-size:22px}
.htc-person-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee;text-decoration:none!important;color:#111!important}
.htc-person-row:last-child{border-bottom:0}
.htc-person-row img{width:48px;height:48px;border-radius:50%;object-fit:cover}.htc-person-row strong{font-size:16px}.htc-person-row span{color:#777;margin-inline-start:auto}
.htc-unread{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#ff174c;color:#fff;font-size:12px;margin-inline-start:auto}
.htc-explore{min-height:100vh;background:#f5f6fb;padding:18px 14px 100px;box-sizing:border-box}
.htc-explore-head{background:linear-gradient(135deg,#050048,#1b00c1);color:#fff;border-radius:28px;padding:22px;margin-bottom:14px;box-shadow:0 14px 38px rgba(27,0,193,.25)}
.htc-explore-head h2{margin:0;font-size:28px}.htc-explore-head p{margin:8px 0 0;opacity:.85}
.htc-tabs{display:flex;gap:8px;overflow-x:auto;margin:10px 0 16px}.htc-tabs a{white-space:nowrap;text-decoration:none;color:#1b00c1;background:#fff;border-radius:999px;padding:10px 16px;font-weight:900}.htc-tabs a.active{background:#1b00c1;color:#fff}
.htc-explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.htc-explore-card{background:#fff;border-radius:18px;overflow:hidden;text-decoration:none!important;color:#111!important;box-shadow:0 8px 22px rgba(0,0,0,.08)}.htc-explore-card video{width:100%;height:210px;object-fit:cover;background:#000;display:block}.htc-explore-card div{padding:10px}.htc-explore-card strong{display:block;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.htc-explore-card span{font-size:12px;color:#666;display:block;margin-top:5px}
.htc-onboard{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;padding:18px;box-sizing:border-box}.htc-onboard[hidden]{display:none!important}.htc-onboard-card{width:min(440px,100%);background:#fff;border-radius:30px;padding:24px;text-align:right;box-shadow:0 20px 70px rgba(0,0,0,.35)}.htc-onboard-card h2{margin:0 0 8px;color:#1b00c1;font-size:26px}.htc-onboard-card p{color:#333;font-weight:700}.htc-onboard-list{display:grid;gap:10px;margin:16px 0}.htc-onboard-list div{background:#f5f6fb;border-radius:18px;padding:12px;font-weight:900}.htc-onboard-actions{display:flex;gap:10px}.htc-onboard-skip{background:#eee!important;color:#333!important;border:0;border-radius:999px;padding:12px 18px;font-weight:900}
@media(max-width:480px){.htc-explore-card video{height:170px}.htc-comment-form button{height:50px;padding:0 20px!important}.htc-profile-actions{gap:8px}.htc-message-btn{padding:12px 22px}}

.htc-profile-saved{max-width:680px;margin:12px auto;background:#e8fff0;color:#087a2f;border:1px solid #b7f0c9;border-radius:14px;padding:12px 16px;text-align:center;font-weight:900}

.htc-gallery-pick{position:absolute;right:24px;bottom:8px;width:54px;height:54px;border-radius:16px;border:2px solid rgba(255,255,255,.75);background:rgba(0,0,0,.45);color:#fff;font-size:26px;font-weight:900;display:grid;place-items:center;backdrop-filter:blur(10px)}
.htc-cam-sound-panel{position:absolute;right:16px;left:16px;bottom:calc(126px + env(safe-area-inset-bottom,0px));z-index:9;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:14px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;color:#fff;backdrop-filter:blur(12px)}
.htc-cam-sound-panel label{font-weight:900}.htc-cam-sound-panel select{border:0;border-radius:999px;padding:12px 14px;min-width:170px}.htc-gallery-upload{border:0;border-radius:999px;background:#1b00c1;color:#fff;padding:12px 18px;font-weight:900}.htc-save{background:rgba(0,0,0,.35)}
.htc-sounds-list{margin:12px 0 0;padding:0}.htc-sounds-list li{display:flex;gap:10px;align-items:center;margin:8px 0;flex-wrap:wrap}
.htc-upload-sound{width:100%;margin:10px 0;padding:12px;border-radius:12px;border:1px solid #ddd}


/* v19 Professional Studio + Clickable Notifications */
.htc-note-link{color:#fff!important;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.htc-note-link:hover,.htc-note-link:active{transform:translateY(-2px);background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.16)!important}
.htc-note-link:after{content:'›';margin-inline-start:auto;font-size:34px;color:rgba(255,255,255,.45);font-weight:900;transform:rotate(180deg)}

.htc-camera .htc-cam-top{height:76px!important;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px!important;background:linear-gradient(to bottom,rgba(0,0,0,.72),rgba(0,0,0,0))!important;backdrop-filter:none!important}
.htc-camera .htc-cam-top span{font-size:21px!important;font-weight:900!important;letter-spacing:-.3px!important;color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.75)!important}
.htc-camera .htc-cam-top button,.htc-camera .htc-cam-side button{background:rgba(0,0,0,.45)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 8px 24px rgba(0,0,0,.25)!important;backdrop-filter:blur(12px)!important}
.htc-camera .htc-cam-filters{bottom:calc(130px + env(safe-area-inset-bottom,0px))!important;padding:0 18px!important;justify-content:flex-start!important;scrollbar-width:none!important}
.htc-camera .htc-cam-filters::-webkit-scrollbar{display:none!important}
.htc-camera .htc-cam-filters button{padding:11px 17px!important;border-radius:999px!important;background:rgba(0,0,0,.42)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 8px 25px rgba(0,0,0,.20)!important;font-size:14px!important}
.htc-camera .htc-cam-filters button.active{background:#1b00c1!important;border-color:#fff!important;color:#fff!important}
.htc-camera .htc-cam-bottom{bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;padding:0 22px!important;gap:14px!important}
.htc-camera .htc-gallery-pick{position:static!important;justify-self:end!important;width:64px!important;height:64px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.28)!important;background:rgba(0,0,0,.50)!important;color:#fff!important;display:flex!important;flex-direction:column!important;gap:2px!important;align-items:center!important;justify-content:center!important;font-size:23px!important;box-shadow:0 12px 34px rgba(0,0,0,.32)!important;backdrop-filter:blur(14px)!important}
.htc-camera .htc-gallery-pick small{font-size:10px!important;font-weight:800!important;line-height:1!important;opacity:.92!important}
.htc-camera .htc-rec{grid-column:2!important;width:92px!important;height:92px!important;border-width:8px!important;box-shadow:0 14px 45px rgba(0,0,0,.45)!important}
.htc-camera .htc-upload-recorded{grid-column:1!important;justify-self:start!important;min-width:122px!important;height:54px!important;border-radius:999px!important;background:#1b00c1!important;color:#fff!important;font-size:15px!important;font-weight:900!important;box-shadow:0 12px 30px rgba(27,0,193,.35)!important}
.htc-camera .htc-cam-msg{bottom:calc(238px + env(safe-area-inset-bottom,0px))!important;background:rgba(0,0,0,.45)!important;border-radius:999px!important;padding:8px 14px!important;right:28px!important;left:28px!important;font-size:13px!important}
.htc-gallery-review[hidden]{display:none!important}
.htc-gallery-review{position:absolute!important;inset:0!important;z-index:30!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:18px!important;box-sizing:border-box!important;direction:rtl!important}
.htc-gallery-card{width:min(100%,520px)!important;background:#101010!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:30px!important;box-shadow:0 28px 90px rgba(0,0,0,.55)!important;overflow:hidden!important;position:relative!important;color:#fff!important;animation:htcSheetUp .22s ease-out both!important}
@keyframes htcSheetUp{from{opacity:0;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.htc-gallery-close{position:absolute!important;top:12px!important;left:12px!important;z-index:3!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:rgba(0,0,0,.55)!important;color:#fff!important;font-size:30px!important;display:grid!important;place-items:center!important;line-height:1!important}
.htc-gallery-preview{height:44vh!important;min-height:260px!important;background:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.htc-gallery-preview img,.htc-gallery-preview video{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;background:#000!important}
.htc-gallery-fields{padding:18px!important;display:flex!important;flex-direction:column!important;gap:10px!important;background:linear-gradient(180deg,#121212,#080808)!important}
.htc-gallery-title{font-size:20px!important;font-weight:900!important;text-align:center!important;margin-bottom:2px!important}
.htc-gallery-fields input,.htc-gallery-fields textarea,.htc-gallery-fields select{width:100%!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border-radius:16px!important;padding:13px 14px!important;font-size:15px!important;outline:none!important}
.htc-gallery-fields textarea{min-height:78px!important;resize:none!important}
.htc-gallery-fields select option{color:#111!important}
.htc-gallery-sound-row{display:flex!important;gap:10px!important;align-items:center!important}
.htc-gallery-sound-row label{min-width:92px!important;font-weight:900!important;color:#fff!important;font-size:14px!important}
.htc-gallery-upload{width:100%!important;border:0!important;border-radius:999px!important;background:#1b00c1!important;color:#fff!important;padding:15px 20px!important;font-weight:900!important;font-size:17px!important;box-shadow:0 14px 30px rgba(27,0,193,.38)!important}
.htc-gallery-upload:disabled{opacity:.68!important}
@media(max-width:640px){.htc-gallery-review{padding:10px!important}.htc-gallery-card{border-radius:26px 26px 0 0!important}.htc-gallery-preview{height:42vh!important;min-height:230px!important}.htc-camera .htc-rec{width:84px!important;height:84px!important}.htc-camera .htc-gallery-pick{width:58px!important;height:58px!important}.htc-camera .htc-upload-recorded{min-width:110px!important}}


/* ===== v26 Data Saver + Member Badges ===== */
.htc-member-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:220px!important;
  margin:6px 0 4px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#fff!important;
  background:rgba(27,0,193,.82)!important;
  box-shadow:0 6px 22px rgba(27,0,193,.25)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.htc-member-badge-official{background:linear-gradient(135deg,#1b00c1,#0a84ff)!important;color:#fff!important;}
.htc-member-badge-new{background:rgba(0,122,255,.75)!important;}
.htc-member-badge-engaged{background:rgba(0,145,255,.78)!important;}
.htc-member-badge-active{background:linear-gradient(135deg,#1b00c1,#0099ff)!important;}
.htc-member-badge-contributor{background:linear-gradient(135deg,#1b00c1,#ffd400)!important;color:#061247!important;}
.htc-member-badge-star{background:linear-gradient(135deg,#ffd400,#ff8a00)!important;color:#061247!important;}
.htc-member-badge-lion{background:linear-gradient(135deg,#041a4b,#ffd400)!important;color:#fff!important;}
.htc-meta .htc-user{display:inline-flex!important;align-items:center!important;gap:7px!important;}
.htc-meta .htc-user img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.85)!important;}
.htc-verified{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#1877f2!important;color:#fff!important;font-size:12px!important;font-weight:900!important;margin-inline-start:3px!important;box-shadow:0 3px 10px rgba(24,119,242,.45)!important;}
.htc-profile-card .htc-member-badge{margin:6px auto 10px!important;}
.htc-gallery-pick{display:flex!important;opacity:1!important;visibility:visible!important;}
.htc-video{background:#000!important;}


/* ===== Guest Mode + Logout ===== */
.htc-guest-banner{
  position:fixed;top:0;right:0;left:0;z-index:60;padding:9px 12px;
  background:rgba(5,8,22,.92);color:#fff;text-align:center;font-size:13px;
  font-weight:800;line-height:1.7;backdrop-filter:blur(10px);
}
.htc-guest-banner a{color:#ffd400;font-weight:900;text-decoration:none;margin-inline-start:6px}
.htc-guest-mode .htc-feed{padding-top:42px}
.htc-guest-lock{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.58);direction:rtl}
.htc-guest-lock.open{display:flex}
.htc-guest-lock-card{width:min(92vw,380px);background:#fff;color:#111;border-radius:26px;padding:22px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.htc-guest-lock-card strong{display:block;font-size:24px;margin-bottom:10px}
.htc-guest-lock-card p{font-size:15px;line-height:1.9;margin:0 0 16px;color:#333;font-weight:700}
.htc-guest-login,.htc-guest-public{display:block;height:48px;line-height:48px;border-radius:999px;text-decoration:none;font-weight:900;margin-top:10px}
.htc-guest-login{background:#1b00c1;color:#fff}
.htc-guest-public{background:#f1f1f1;color:#111}
.htc-profile-own-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.htc-logout{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;background:#111;color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.18)}