:root{--navy:#071b35;--navy2:#0b2d55;--blue:#168ff5;--cyan:#23c5e8;--ink:#12233d;--muted:#72839b;--line:#dfe9f4;--bg:#f3f7fb;--card:#fff;--green:#13b981;--orange:#ff9f43;--red:#ef5b68;--shadow:0 14px 36px rgba(35,70,110,.10)}*{box-sizing:border-box}html,body{margin:0}body.s8ts-body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}.s8ts-lock{overflow:hidden}.s8ts-topbar{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 max(24px,calc((100vw - 1440px)/2));position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.s8ts-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);min-width:270px}.s8ts-brand-icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;box-shadow:0 10px 24px rgba(22,143,245,.24)}.s8ts-brand-icon svg{width:23px;fill:#fff}.s8ts-brand span:last-child{display:flex;flex-direction:column}.s8ts-brand b{font-size:17px;letter-spacing:-.2px}.s8ts-brand small{font-size:10px;color:#3990cd;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.s8ts-top-search{height:44px;max-width:560px;flex:1;background:#f6f9fc;border:1px solid #d9e5f0;border-radius:14px;display:flex;align-items:center;padding:0 14px;gap:8px}.s8ts-top-search input{border:0;outline:0;background:transparent;width:100%;font-size:14px;color:var(--ink)}.s8ts-top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.s8ts-admin-link,.s8ts-login-open,.s8ts-user-button{border:0;text-decoration:none;background:#eef7ff;color:#1477c9;border-radius:13px;min-height:42px;padding:0 16px;font-weight:800;display:flex;align-items:center;gap:8px;cursor:pointer}.s8ts-admin-link em{background:#ef5b68;color:#fff;border-radius:20px;padding:2px 7px;font-style:normal;font-size:11px}.s8ts-user-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.s8ts-layout{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,760px) 300px;gap:24px;padding:24px}.s8ts-leftnav,.s8ts-rightbar{position:sticky;top:100px;align-self:start}.s8ts-leftnav nav{display:flex;flex-direction:column;gap:6px}.s8ts-leftnav nav a,.s8ts-leftnav nav button{border:0;background:transparent;text-decoration:none;color:#52657d;font-size:14px;font-weight:750;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:13px;cursor:pointer;text-align:left}.s8ts-leftnav nav a:hover,.s8ts-leftnav nav button:hover,.s8ts-leftnav nav a.active{background:#e8f4ff;color:#127dce}.s8ts-leftnav nav i{width:24px;text-align:center;font-style:normal;font-size:18px}.s8ts-left-card,.s8ts-sidebox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:18px;box-shadow:0 8px 24px rgba(48,76,112,.05)}.s8ts-left-card b{font-size:15px}.s8ts-left-card p,.s8ts-sidebox p{font-size:12px;line-height:1.55;color:var(--muted)}.s8ts-primary{border:0;border-radius:12px;background:linear-gradient(90deg,var(--blue),var(--cyan));color:#fff;padding:12px 18px;font-size:12px;font-weight:900;letter-spacing:.3px;cursor:pointer;box-shadow:0 9px 18px rgba(20,147,238,.18)}.s8ts-feed{min-width:0}.s8ts-hero{min-height:190px;border-radius:26px;padding:30px 34px;color:#fff;background:radial-gradient(circle at 90% 20%,rgba(40,211,235,.45),transparent 28%),linear-gradient(125deg,#0a2850,#0d5e91 60%,#16a7c8);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 38px rgba(14,72,119,.20)}.s8ts-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-45px;top:-100px;box-shadow:0 0 0 36px rgba(255,255,255,.035),0 0 0 72px rgba(255,255,255,.025)}.s8ts-pill{font-size:10px;font-weight:900;letter-spacing:1.6px;color:#8aefff}.s8ts-hero h1{font-size:32px;margin:12px 0 9px;letter-spacing:-1px}.s8ts-hero p{margin:0;color:#d5ecff;max-width:530px;line-height:1.55}.s8ts-hero-orb{position:relative;z-index:2;width:112px;height:112px;border-radius:28px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;text-align:center;backdrop-filter:blur(10px)}.s8ts-hero-orb span{font-size:28px;line-height:1}.s8ts-hero-orb b{font-size:12px}.s8ts-notice{margin:16px 0;background:#e9fff7;border:1px solid #bfeeda;color:#147859;border-radius:14px;padding:13px 16px;font-size:13px;font-weight:700}.s8ts-notice.danger{background:#fff0f2;border-color:#ffcdd3;color:#b23d4a}.s8ts-compose-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:18px 0;box-shadow:var(--shadow)}.s8ts-compose-card>button{height:46px;border:0;border-radius:14px;background:#f3f7fb;color:#8291a4;text-align:left;padding:0 16px;cursor:pointer;font-size:14px}.s8ts-compose-quick{display:flex;gap:8px}.s8ts-compose-quick span{font-size:11px;padding:8px 10px;background:#f7fafc;border-radius:10px;color:#587086;font-weight:700}.s8ts-avatar{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#2997f4,#23c9e9);color:#fff;font-weight:900;flex:none}.s8ts-avatar img{width:100%;height:100%;object-fit:cover}.s8ts-avatar.tiny{width:30px;height:30px}.s8ts-avatar.profile{width:84px;height:84px;border:5px solid #fff;box-shadow:0 6px 18px rgba(0,0,0,.12)}.s8ts-filter-tabs{display:flex;gap:7px;overflow:auto;padding:0 2px 14px}.s8ts-filter-tabs a{text-decoration:none;white-space:nowrap;color:#61738b;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:800}.s8ts-filter-tabs a.active{background:#0e7ed0;color:#fff;border-color:#0e7ed0}.s8ts-post{background:#fff;border:1px solid var(--line);border-radius:22px;margin-bottom:18px;overflow:hidden;box-shadow:0 10px 30px rgba(45,74,110,.06)}.s8ts-post-head{display:flex;align-items:center;gap:11px;padding:17px 18px 10px}.s8ts-author{flex:1}.s8ts-author b{font-size:14px}.s8ts-author small{display:block;color:#8492a4;font-size:11px;margin-top:3px}.s8ts-verified{display:inline-grid;place-items:center;background:#2296eb;color:#fff;width:15px;height:15px;border-radius:50%;font-size:9px;margin-left:5px}.s8ts-type{font-size:10px;font-weight:900;border-radius:999px;padding:7px 10px;background:#eaf6ff;color:#1780c8}.s8ts-type.type-expose{background:#fff0f2;color:#cf4454}.s8ts-type.type-promo{background:#fff7e9;color:#b86a0c}.s8ts-type.type-community{background:#f3efff;color:#7658c9}.s8ts-post-copy{padding:5px 18px 15px}.s8ts-post-copy h2{font-size:19px;line-height:1.35;margin:7px 0 9px;letter-spacing:-.3px}.s8ts-post-text{font-size:14px;line-height:1.62;color:#334861;white-space:normal}.s8ts-media-grid{display:grid;gap:2px;background:#e9eef4;max-height:620px;overflow:hidden}.s8ts-media-grid img,.s8ts-media-grid video{width:100%;height:100%;display:block;object-fit:cover;background:#0b1521}.s8ts-media-grid.media-1{grid-template-columns:1fr}.s8ts-media-grid.media-1 img,.s8ts-media-grid.media-1 video{max-height:620px;object-fit:contain;background:#eef2f5}.s8ts-media-grid.media-2{grid-template-columns:1fr 1fr;height:420px}.s8ts-media-grid.media-3,.s8ts-media-grid.media-4,.s8ts-media-grid.media-5,.s8ts-media-grid.media-6{grid-template-columns:1fr 1fr;height:500px}.s8ts-post-foot{display:flex;justify-content:space-between;padding:12px 18px;color:#72849b;font-size:11px;font-weight:700;border-top:1px solid #edf2f7}.s8ts-empty-feed{text-align:center;background:#fff;border:1px dashed #cbd9e7;border-radius:22px;padding:60px 20px;color:#7b8ca2}.s8ts-empty-feed div{font-size:40px}.s8ts-empty-feed h3{color:#203550}.s8ts-sidebox-title{display:flex;justify-content:space-between;align-items:center}.s8ts-sidebox-title span{font-size:9px;color:#10a875;background:#e5fff4;border-radius:20px;padding:4px 7px;font-weight:900}.s8ts-sidebox ol{list-style:none;margin:14px 0 0;padding:0}.s8ts-sidebox li{display:flex;gap:10px;align-items:center;padding:9px 0}.s8ts-sidebox li i{width:27px;height:27px;border-radius:9px;background:#edf7ff;color:#1684d4;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900}.s8ts-sidebox li div{display:flex;flex-direction:column}.s8ts-sidebox li b{font-size:12px}.s8ts-sidebox li small{font-size:10px;color:#8a98a9}.s8ts-sidebox.rules{border-left:3px solid #ffb24d}.mini-profile{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.mini-profile div{display:flex;flex-direction:column}.mini-profile small{font-size:10px;color:#7b8da2}.mini-profile button{grid-column:1/-1;border:0;background:#eef7ff;color:#1379c4;border-radius:10px;padding:9px;font-weight:800;cursor:pointer}.s8ts-mobile-nav{display:none}.s8ts-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.s8ts-modal.open{display:flex}.s8ts-modal-backdrop{position:absolute;inset:0;background:rgba(3,16,34,.62);backdrop-filter:blur(5px)}.s8ts-modal-card{width:min(760px,96vw);max-height:92vh;overflow:auto;position:relative;background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.28);animation:s8tsPop .2s ease-out}.s8ts-modal-close{position:absolute;right:15px;top:13px;border:0;background:#eff4f8;width:34px;height:34px;border-radius:50%;font-size:22px;color:#65768c;cursor:pointer}.login-card{max-width:430px;text-align:center;padding:38px}.s8ts-login-logo{width:70px;height:70px;margin:0 auto 16px;border-radius:22px;background:linear-gradient(135deg,#168ff5,#23c5e8);display:grid;place-items:center;color:#fff;font-size:32px;box-shadow:0 15px 30px rgba(22,143,245,.22)}.login-card h2{margin:0 0 8px}.login-card p{color:#718196;font-size:13px;line-height:1.55}.s8ts-telegram-widget{display:flex;justify-content:center;margin:22px 0}.s8ts-config-warning{background:#fff5e8;color:#a9650b;border:1px solid #ffd9a5;padding:13px;border-radius:13px;font-size:12px;margin:20px 0}.s8ts-login-note{color:#8897a8}.s8ts-compose-head{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.s8ts-compose-head h2{margin:0;font-size:20px}.s8ts-compose-head p{margin:3px 0 0;color:#8290a2;font-size:12px}.s8ts-post-form{padding-top:16px}.s8ts-type-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}.s8ts-type-picker input{display:none}.s8ts-type-picker span{display:block;border:1px solid #d9e5ef;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;color:#667a90;cursor:pointer}.s8ts-type-picker input:checked+span{background:#e6f5ff;border-color:#78c3f7;color:#0878c7}.s8ts-post-form input[type=text],.s8ts-post-form input[type=url],.s8ts-post-form textarea{width:100%;border:1px solid #d9e4ee;border-radius:13px;background:#fbfdff;padding:12px 13px;font:inherit;outline:0}.s8ts-post-form input:focus,.s8ts-post-form textarea:focus{border-color:#68b9f3;box-shadow:0 0 0 3px rgba(42,150,232,.08)}.s8ts-big-input{font-weight:850;font-size:17px!important;margin-bottom:10px}.s8ts-post-form textarea{resize:vertical;line-height:1.55}.s8ts-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.s8ts-form-row label{font-size:10px;font-weight:800;color:#6a7b90}.s8ts-form-row input{margin-top:5px}.s8ts-upload-zone{border:1.5px dashed #aacbe4;border-radius:16px;background:#f5fbff;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:#4e718d;margin-top:10px}.s8ts-upload-zone input{display:none}.s8ts-upload-zone span{font-size:28px;color:#198dde}.s8ts-upload-zone b{font-size:12px}.s8ts-upload-zone small{font-size:10px;margin-top:4px}.s8ts-upload-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:8px}.s8ts-upload-preview>div{aspect-ratio:1;border-radius:10px;overflow:hidden;background:#eaf0f5;display:grid;place-items:center;font-size:10px;text-align:center}.s8ts-upload-preview img{width:100%;height:100%;object-fit:cover}.s8ts-admin-dests{margin:14px 0;background:#f5f9fd;border-radius:14px;padding:12px}.s8ts-admin-dests>b{font-size:11px}.s8ts-admin-dests>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.s8ts-admin-dests label{font-size:11px;background:#fff;padding:7px 9px;border-radius:9px;border:1px solid #dce7f1}.s8ts-form-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.s8ts-form-submit small{color:#7e8da0;max-width:430px}.profile-modal{max-width:650px;padding:0 0 24px;overflow:hidden}.s8ts-profile-cover{height:120px;background:radial-gradient(circle at 80% 20%,#34d1e8,transparent 25%),linear-gradient(120deg,#0b2f5b,#178cd7)}.s8ts-profile-main{padding:0 22px;display:flex;align-items:end;gap:13px;margin-top:-38px}.s8ts-profile-main div:nth-child(2){flex:1;padding-bottom:5px}.s8ts-profile-main h2{margin:0;font-size:19px}.s8ts-profile-main p{margin:3px 0;font-size:11px;color:#75869a}.s8ts-profile-main>a{margin-bottom:8px;color:#d94a5b;text-decoration:none;font-size:11px;font-weight:800}.profile-modal>h3{padding:10px 22px 0}.s8ts-my-posts{padding:0 22px;max-height:420px;overflow:auto}.s8ts-my-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #edf2f7}.s8ts-my-row div{display:flex;flex-direction:column}.s8ts-my-row b{font-size:12px}.s8ts-my-row small{font-size:10px;color:#8997a7;margin-top:3px}.s8ts-my-row em{font-size:10px;color:#bd4a56;margin-top:4px}.s8ts-my-row form button{border:0;background:#fff0f2;color:#c94c59;width:27px;height:27px;border-radius:8px;cursor:pointer}.s8ts-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;background:#eef2f6;color:#5c6d81}.s8ts-status.pending{background:#fff5df;color:#a96d0b}.s8ts-status.published{background:#e9fff6;color:#0d8962}.s8ts-status.rejected,.s8ts-status.publish_error{background:#fff0f2;color:#c84252}.s8ts-muted{color:#8492a4;font-size:12px}@keyframes s8tsPop{from{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}@media(max-width:1180px){.s8ts-layout{grid-template-columns:210px minmax(0,1fr)}.s8ts-rightbar{display:none}.s8ts-topbar{padding:0 24px}.s8ts-brand{min-width:210px}}@media(max-width:820px){.s8ts-topbar{height:64px;padding:0 14px;gap:12px}.s8ts-brand{min-width:0}.s8ts-brand span:last-child small{display:none}.s8ts-brand-icon{width:38px;height:38px;border-radius:12px}.s8ts-top-search{display:none}.s8ts-user-button span,.s8ts-admin-link{display:none}.s8ts-layout{display:block;padding:12px 12px 86px}.s8ts-leftnav{display:none}.s8ts-hero{min-height:150px;padding:22px;border-radius:21px}.s8ts-hero h1{font-size:25px}.s8ts-hero-orb{display:none}.s8ts-compose-card{grid-template-columns:auto 1fr}.s8ts-compose-quick{display:none}.s8ts-mobile-nav{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;height:62px;background:rgba(9,31,56,.96);border-radius:18px;padding:6px;justify-content:space-around;box-shadow:0 15px 40px rgba(0,0,0,.25);backdrop-filter:blur(14px)}.s8ts-mobile-nav a,.s8ts-mobile-nav button{border:0;background:transparent;color:#d7e9fa;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:18px;min-width:64px}.s8ts-mobile-nav small{font-size:9px}.s8ts-post-copy h2{font-size:17px}.s8ts-media-grid.media-2{height:300px}.s8ts-media-grid.media-3,.s8ts-media-grid.media-4,.s8ts-media-grid.media-5,.s8ts-media-grid.media-6{height:380px}.s8ts-form-row{grid-template-columns:1fr}.s8ts-modal{padding:0;align-items:flex-end}.s8ts-modal-card{width:100%;max-height:94vh;border-radius:24px 24px 0 0;padding:20px}.login-card{padding:34px 24px}.s8ts-upload-preview{grid-template-columns:repeat(4,1fr)}}
/* v3.3.1 — Telegram App Quick Login */
.s8ts-app-login-box{margin:20px 0 14px}.s8ts-telegram-app-btn{width:100%;border:0;border-radius:16px;background:linear-gradient(135deg,#178ff1,#25c5e5);color:#fff;min-height:68px;padding:10px 16px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;column-gap:12px;cursor:pointer;box-shadow:0 12px 26px rgba(22,143,245,.22)}.s8ts-telegram-app-btn>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.17);display:grid;place-items:center;font-size:22px}.s8ts-telegram-app-btn b{font-size:13px;letter-spacing:.3px}.s8ts-telegram-app-btn small{font-size:10px;color:#dff7ff}.s8ts-telegram-app-btn:disabled{opacity:.65;cursor:wait}.s8ts-app-login-status{margin-top:10px;border-radius:11px;background:#f2f7fb;padding:9px 11px;color:#718196;font-size:11px;font-weight:700}.s8ts-app-login-status[data-state="waiting"]{background:#eef8ff;color:#1879bd}.s8ts-app-login-status[data-state="ready"]{background:#e9fff6;color:#0b8a60}.s8ts-app-login-status[data-state="error"]{background:#fff0f2;color:#bd4655}.s8ts-app-login-actions{display:flex;justify-content:center;gap:8px;margin-top:9px}.s8ts-app-login-actions a{font-size:10px;font-weight:800;text-decoration:none;border:1px solid #d9e7f2;border-radius:9px;padding:7px 9px;color:#3179aa;background:#fff}.s8ts-login-divider{display:flex;align-items:center;gap:10px;color:#9aa7b6;font-size:10px;margin:12px 0}.s8ts-login-divider:before,.s8ts-login-divider:after{content:"";height:1px;background:#e3ebf2;flex:1}.s8ts-web-login-fallback{border:1px solid #e1eaf2;border-radius:13px;background:#fbfdff;padding:10px 12px;text-align:left}.s8ts-web-login-fallback summary{cursor:pointer;font-size:11px;font-weight:800;color:#60758b;text-align:center}.s8ts-web-login-fallback[open] summary{margin-bottom:9px}.s8ts-web-login-fallback small{display:block;text-align:center;color:#8c99a8;font-size:9px}.s8ts-web-login-fallback .s8ts-telegram-widget{margin:12px 0}.s8ts-login-note{display:block;margin-top:12px;line-height:1.45}

/* inherited premium social UI + admin delete */
:root{--s8p-blue:#1677ff;--s8p-cyan:#18c8e8;--s8p-ink:#0e2340;--s8p-soft:#f7faff;--s8p-line:#e3ebf5;--s8p-shadow:0 18px 50px rgba(35,76,125,.10)}
body.s8ts-body{background:
 radial-gradient(circle at 17% 0%,rgba(46,153,255,.08),transparent 28%),
 radial-gradient(circle at 92% 10%,rgba(25,204,227,.08),transparent 24%),#f7faff;color:var(--s8p-ink)}
.s8ts-topbar{height:82px;padding:0 max(24px,calc((100vw - 1540px)/2));border-bottom-color:#e8eef6;box-shadow:0 6px 30px rgba(30,64,110,.035)}
.s8ts-brand{min-width:285px;gap:14px}.s8ts-brand-icon{width:50px;height:50px;border-radius:16px;box-shadow:0 12px 28px rgba(17,126,255,.24)}.s8ts-brand-icon svg{width:27px}.s8ts-brand b{font-size:18px;letter-spacing:-.35px}.s8ts-brand small{font-size:9px;letter-spacing:2px;margin-top:2px}
.s8ts-top-search{height:48px;max-width:610px;border-radius:15px;background:#fbfcfe;border-color:#dce6f2;padding:0 14px;box-shadow:inset 0 1px 0 #fff}.s8ts-top-search .s8ts-search-icon{font-size:20px;color:#536b88}.s8ts-top-search kbd{font:700 11px/1 Inter,"Segoe UI",sans-serif;border:1px solid #dbe4ef;background:#fff;border-radius:8px;padding:5px 7px;color:#7d8ba0;box-shadow:0 1px 2px rgba(20,42,74,.05)}
.s8ts-admin-link{background:linear-gradient(135deg,#1b78ff,#0aa7ef);color:#fff;box-shadow:0 10px 22px rgba(20,121,255,.18);padding:0 18px}.s8ts-user-button{min-height:48px;border-radius:16px;padding-right:18px;box-shadow:0 7px 18px rgba(40,68,101,.04)}
.s8ts-layout{max-width:1540px;grid-template-columns:250px minmax(0,860px) 320px;gap:28px;padding:30px 24px 50px}
.s8ts-leftnav,.s8ts-rightbar{top:112px}.s8ts-leftnav nav{gap:5px}.s8ts-leftnav nav a,.s8ts-leftnav nav button{padding:13px 15px;border-radius:14px;font-size:14px;color:#465a74}.s8ts-leftnav nav a:hover,.s8ts-leftnav nav button:hover,.s8ts-leftnav nav a.active{background:linear-gradient(90deg,#eaf4ff,#f3f9ff);color:#0d79e8;box-shadow:inset 3px 0 0 #1987ff}.s8ts-leftnav nav i{font-size:17px;color:#4c6788}.s8ts-leftnav nav .active i{color:#147dff}.s8ts-nav-section{margin:22px 12px 8px;font-size:10px;letter-spacing:1.25px;color:#99a8ba;font-weight:900}
.s8ts-left-card.admin-mode{position:relative;overflow:hidden;background:linear-gradient(155deg,#fff 0%,#f6fbff 55%,#e5f3ff 100%);border-color:#d8e9fb;min-height:180px;padding:24px 18px;display:flex;flex-direction:column;justify-content:flex-end}.s8ts-left-card.admin-mode:before{content:"";position:absolute;width:160px;height:160px;right:-75px;bottom:-90px;background:radial-gradient(circle,#70c9ff 0,rgba(112,201,255,0) 67%)}.s8ts-left-card.admin-mode .s8ts-crown{position:absolute;left:18px;top:20px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2b82ff,#28c8ea);font-size:21px;box-shadow:0 10px 22px rgba(29,127,255,.2)}.s8ts-left-card.admin-mode small{color:#74859a;font-size:10px}.s8ts-left-card.admin-mode b{color:#1677e8;font-size:16px;margin:3px 0 2px}.s8ts-left-card.admin-mode p{margin-bottom:0}
.s8ts-hero{min-height:260px;border-radius:28px;padding:38px 42px;background:radial-gradient(circle at 82% 8%,rgba(26,223,240,.48),transparent 28%),radial-gradient(circle at 97% 60%,rgba(27,192,234,.34),transparent 28%),linear-gradient(125deg,#092a68 0%,#0a5bb2 57%,#14b7d7 100%);box-shadow:0 24px 55px rgba(9,68,154,.21)}.s8ts-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 60%,rgba(255,255,255,.05));pointer-events:none}.s8ts-hero:after{width:280px;height:280px;right:-50px;top:-125px;box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.022)}.s8ts-hero-copy{position:relative;z-index:3;max-width:540px}.s8ts-pill{font-size:10px;letter-spacing:2px;color:#8eefff}.s8ts-hero h1{font-size:42px;line-height:1.08;margin:16px 0 16px;letter-spacing:-1.8px}.s8ts-hero h1 em{font-style:normal;color:#56e8d8}.s8ts-hero p{font-size:14px;max-width:560px;color:#d7edff}.s8ts-hero-visual{position:relative;width:300px;height:190px;z-index:3;flex:none}.s8ts-hero-visual>svg{position:absolute;width:250px;right:26px;top:0;filter:drop-shadow(0 18px 30px rgba(0,39,118,.28))}.s8ts-hero-admin{position:absolute;right:0;bottom:4px;width:132px;min-height:116px;border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;color:#fff;box-shadow:0 16px 32px rgba(3,51,128,.17)}.s8ts-hero-admin span{font-size:31px;line-height:1;margin-bottom:6px}.s8ts-hero-admin b{font-size:12px}.s8ts-hero-admin small{font-size:9px;line-height:1.35;color:#dff6ff;margin-top:4px}
.s8ts-compose-card{display:block;padding:18px 20px;border-radius:22px;margin:20px 0;box-shadow:var(--s8p-shadow);border-color:#e1eaf4}.s8ts-compose-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center}.s8ts-compose-main>button:not(.s8ts-compose-create){height:50px;border:1px solid #edf2f7;border-radius:14px;background:#fafbfd;color:#8795a8;text-align:left;padding:0 16px;font-size:14px;cursor:pointer}.s8ts-compose-create{height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#166fff,#0faeea);color:#fff;font-weight:850;padding:0 19px;cursor:pointer;box-shadow:0 10px 20px rgba(22,115,255,.18)}.s8ts-compose-quick{display:flex;gap:10px;margin:14px 0 0 57px}.s8ts-compose-quick button{border:1px solid #e6edf5;background:#fff;border-radius:11px;padding:10px 16px;color:#405673;font-weight:750;font-size:12px;cursor:pointer}.s8ts-compose-quick button:hover{background:#f5f9ff;border-color:#cfe3fa;color:#137bea}
.s8ts-filter-tabs{align-items:center;gap:9px;padding-bottom:17px}.s8ts-filter-tabs a{padding:10px 17px;border-color:#e2e9f2;box-shadow:0 4px 12px rgba(31,64,104,.03)}.s8ts-filter-tabs a.active{background:linear-gradient(135deg,#1487ff,#12a7ed);border-color:transparent;box-shadow:0 9px 18px rgba(17,132,247,.18)}
.s8ts-post{position:relative;border-radius:24px;border-color:#e2eaf3;box-shadow:0 15px 42px rgba(35,66,103,.075);transition:.18s ease}.s8ts-post:hover{transform:translateY(-1px);box-shadow:0 18px 48px rgba(35,66,103,.10)}.s8ts-post-head{padding:19px 20px 10px}.s8ts-author b{font-size:14px;color:#0f2744}.s8ts-post-copy{padding:6px 20px 18px}.s8ts-post-copy h2{font-size:21px;color:#0d223d;letter-spacing:-.45px}.s8ts-post-text{color:#3f536e;line-height:1.7}.s8ts-type{margin-left:auto}.s8ts-media-grid{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.s8ts-post-foot{padding:13px 20px;background:#fbfdff;color:#8290a3}
.s8ts-post-admin{position:relative;margin-left:4px}.s8ts-admin-more{width:40px;height:40px;border-radius:12px;border:1px solid #e6edf5;background:#f8fafe;color:#647892;font-weight:900;letter-spacing:1px;cursor:pointer}.s8ts-admin-more:hover,.s8ts-admin-more[aria-expanded="true"]{background:#eef6ff;color:#1479e7;border-color:#cee4fc}.s8ts-admin-menu{position:absolute;right:0;top:46px;width:190px;background:#fff;border:1px solid #e1e9f2;border-radius:15px;padding:9px;z-index:20;box-shadow:0 18px 44px rgba(28,57,96,.18)}.s8ts-admin-menu[hidden]{display:none}.s8ts-admin-menu>b{display:block;font-size:10px;color:#8b99ab;text-transform:uppercase;letter-spacing:.8px;padding:7px 9px 6px}.s8ts-admin-menu a,.s8ts-admin-menu form button{width:100%;border:0;background:transparent;text-decoration:none;color:#40536c;font:750 12px/1.2 Inter,"Segoe UI",sans-serif;border-radius:9px;padding:10px 10px;display:block;text-align:left;cursor:pointer}.s8ts-admin-menu a:hover{background:#f4f8fc}.s8ts-admin-menu form{margin:0}.s8ts-admin-menu form button{color:#e14d58}.s8ts-admin-menu form button:hover{background:#fff1f2}
.s8ts-sidebox{border-radius:20px;border-color:#e2eaf3;padding:20px;box-shadow:0 12px 34px rgba(38,70,108,.055)}.s8ts-sidebox-title b,.s8ts-sidebox.rules>b{font-size:16px}.s8ts-sidebox li{padding:10px 0}.s8ts-sidebox li i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#eaf5ff,#dceeff);box-shadow:0 0 0 4px #f5faff}.s8ts-sidebox.rules{border-left:0;border-top:1px solid #e2eaf3;position:relative}.s8ts-sidebox.rules:before{content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;border-radius:4px;background:linear-gradient(#ffb65b,#ff8d2d)}.s8ts-rule-link{display:block;margin-top:14px;padding:11px 12px;border:1px solid #e6edf5;border-radius:11px;color:#1776e6;font-size:11px;font-weight:800}.mini-profile{padding:20px}.mini-profile button{padding:11px;border-radius:11px}
.s8ts-notice{box-shadow:0 8px 20px rgba(20,112,80,.05)}
@media(max-width:1280px){.s8ts-layout{grid-template-columns:220px minmax(0,1fr);max-width:1180px}.s8ts-rightbar{display:none}.s8ts-hero-visual{width:250px}.s8ts-hero h1{font-size:37px}}
@media(max-width:820px){.s8ts-layout{padding:12px 12px 88px}.s8ts-hero{min-height:180px;padding:25px 22px}.s8ts-hero h1{font-size:28px;letter-spacing:-1px}.s8ts-hero-visual{display:none}.s8ts-compose-main{grid-template-columns:auto 1fr}.s8ts-compose-create{display:none}.s8ts-compose-quick{margin-left:0;overflow:auto}.s8ts-compose-quick button{white-space:nowrap}.s8ts-admin-menu{position:fixed;left:14px;right:14px;bottom:84px;top:auto;width:auto;border-radius:18px;padding:12px}.s8ts-topbar{height:66px}.s8ts-brand b{font-size:15px}.s8ts-brand-icon{width:40px;height:40px}.s8ts-post-copy h2{font-size:18px}}
.s8ts-notify-link{position:relative;width:46px;height:46px;border:1px solid #e1e9f2;background:#fff;border-radius:14px;display:grid;place-items:center;text-decoration:none;color:#49617e;font-size:18px;box-shadow:0 7px 18px rgba(40,68,101,.04)}.s8ts-notify-link i{position:absolute;width:8px;height:8px;border-radius:50%;right:8px;top:8px;background:#158bff;box-shadow:0 0 0 3px #fff}.s8ts-user-button .s8ts-user-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:84px}.s8ts-user-button .s8ts-user-meta b{font-size:13px;color:#0d223d}.s8ts-user-button .s8ts-user-meta small{font-size:9px;color:#8290a3;margin-top:1px}.s8ts-user-chevron{font-size:12px;color:#8795a8;margin-left:2px}@media(max-width:820px){.s8ts-notify-link{display:none}.s8ts-user-button .s8ts-user-meta small,.s8ts-user-chevron{display:none}.s8ts-user-button .s8ts-user-meta{min-width:0}}

/* v3.4.0 — HONGPHOT.COM Premium Community UI */
:root{
  --hp-blue:#0877ff;--hp-blue2:#2456ff;--hp-cyan:#14cbe8;--hp-pink:#ff4d8d;
  --hp-navy:#071a35;--hp-soft:#f4f8fd;--hp-border:#dce7f3;
  --hp-shadow:0 24px 70px rgba(22,58,104,.12);
}
body.s8ts-body{
  background:
    radial-gradient(circle at 18% -8%,rgba(38,126,255,.08),transparent 28%),
    radial-gradient(circle at 88% 4%,rgba(20,203,232,.07),transparent 24%),
    #f4f7fb;
}
.s8ts-topbar{border-bottom-color:#e7edf5;background:rgba(255,255,255,.94);box-shadow:0 8px 35px rgba(25,58,101,.04)}
.s8ts-brand-icon{background:linear-gradient(140deg,var(--hp-blue2),var(--hp-cyan));position:relative;overflow:hidden}
.s8ts-brand-icon:after{content:"";position:absolute;width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-16px;top:-14px}
.s8ts-brand b{font-weight:950;letter-spacing:-.45px;color:#0b2341}.s8ts-brand small{color:#1683dd;letter-spacing:1.55px}
.s8ts-top-search{background:#f9fbfe;border-color:#dce6f1;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.s8ts-layout{max-width:1560px;grid-template-columns:250px minmax(0,880px) 320px;gap:30px}
.s8ts-hero{min-height:270px;background:
  radial-gradient(circle at 86% 14%,rgba(38,231,239,.48),transparent 27%),
  radial-gradient(circle at 68% 115%,rgba(255,77,141,.16),transparent 34%),
  linear-gradient(125deg,#061d54 0%,#0a55b3 54%,#08a9d3 100%);box-shadow:0 28px 65px rgba(8,72,158,.23)}
.s8ts-hero h1{font-size:44px}.s8ts-hero h1 em{color:#66f0df}.s8ts-pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:7px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;color:#b9f5ff}
.s8ts-compose-card,.s8ts-post,.s8ts-sidebox,.s8ts-left-card{border-color:#e1e9f3;box-shadow:0 15px 42px rgba(28,64,107,.07)}
.s8ts-compose-create,.s8ts-primary,.s8ts-admin-link{background:linear-gradient(125deg,var(--hp-blue2),var(--hp-blue) 52%,var(--hp-cyan));box-shadow:0 13px 28px rgba(13,111,255,.22)}
.s8ts-filter-tabs a.active{background:linear-gradient(125deg,var(--hp-blue2),var(--hp-blue),var(--hp-cyan))}
.s8ts-post:hover{box-shadow:0 22px 56px rgba(28,64,107,.11)}
.s8ts-type.type-expose{background:#fff0f5;color:#d83e76}.s8ts-sidebox.rules:before{background:linear-gradient(#ff4d8d,#ff9c45)}
.s8ts-left-card.admin-mode b{color:var(--hp-blue)}

/* Premium create-post composer */
.s8ts-modal-backdrop{background:rgba(8,22,42,.64);backdrop-filter:blur(9px) saturate(.9)}
.s8ts-modal-card.compose-modal{
  width:min(900px,94vw);max-height:92vh;padding:30px 34px 24px;border-radius:30px;
  border:1px solid rgba(222,231,242,.92);
  box-shadow:0 40px 110px rgba(4,18,42,.34),0 1px 0 rgba(255,255,255,.85) inset;
  background:linear-gradient(180deg,#fff 0%,#fefeff 72%,#fbfdff 100%);
  scrollbar-width:thin;scrollbar-color:#c9d6e5 transparent;
}
.compose-modal::-webkit-scrollbar{width:7px}.compose-modal::-webkit-scrollbar-thumb{background:#c9d6e5;border-radius:20px}.compose-modal::-webkit-scrollbar-track{background:transparent}
.compose-modal .s8ts-modal-close{right:23px;top:20px;width:42px;height:42px;border:1px solid #e0e8f1;background:#f8fbfe;font-size:24px;color:#59708d;transition:.18s ease}
.compose-modal .s8ts-modal-close:hover{transform:rotate(8deg);background:#eef6ff;color:var(--hp-blue);border-color:#cfe3fa}
.compose-modal .s8ts-compose-head{gap:16px;padding:0 58px 20px 0;border-bottom:1px solid #e9eef5}
.compose-modal .s8ts-compose-head .s8ts-avatar{width:58px;height:58px;background:linear-gradient(145deg,var(--hp-blue),var(--hp-cyan));box-shadow:0 13px 28px rgba(8,119,255,.2)}
.compose-modal .s8ts-compose-head h2{font-size:29px;line-height:1.1;letter-spacing:-.8px;color:#0b2341;font-weight:950}
.compose-modal .s8ts-compose-head p{font-size:13px;margin-top:7px;color:#7a8ba1}
.s8hp-compose-form{padding-top:18px}
.s8hp-type-picker{gap:10px;margin-bottom:18px}.s8hp-type-picker label{flex:0 0 auto}.s8hp-type-picker span{min-height:43px;padding:0 17px!important;display:flex!important;align-items:center;gap:8px;border-radius:999px!important;background:#fff!important;border:1px solid #dde7f2!important;color:#5a6e88!important;box-shadow:0 5px 14px rgba(28,61,101,.035);transition:.18s ease}
.s8hp-type-picker span i{font-style:normal;font-size:15px;color:#58708e}.s8hp-type-picker input:checked+span{color:#096fee!important;border-color:#61afff!important;background:linear-gradient(180deg,#f7fbff,#edf7ff)!important;box-shadow:0 0 0 3px rgba(8,119,255,.07)}.s8hp-type-picker input:checked+span i{color:#0877ff}.s8hp-type-picker label:nth-child(2) input:checked+span{color:#d83e76!important;border-color:#ff9ec1!important;background:#fff6fa!important}.s8hp-type-picker label:nth-child(3) input:checked+span{color:#c27112!important;border-color:#ffc878!important;background:#fffaf1!important}
.s8hp-field{display:block;margin-bottom:12px}.s8hp-field>span{display:block;font-size:11px;font-weight:850;color:#53677f;margin:0 0 6px 3px;letter-spacing:.1px}.s8hp-field .s8ts-big-input{margin-bottom:0!important;height:56px!important;border-radius:16px!important;background:#fff!important;border-color:#dce6f1!important;padding:0 17px!important;font-size:17px!important;color:#122a47;box-shadow:0 5px 15px rgba(30,63,102,.025)}
.s8hp-field textarea{min-height:160px;border-radius:17px!important;background:#fff!important;border-color:#dce6f1!important;padding:17px!important;color:#29425f;box-shadow:0 5px 15px rgba(30,63,102,.025)}
.s8hp-field .s8ts-big-input:focus,.s8hp-field textarea:focus{border-color:#6db8ff!important;box-shadow:0 0 0 4px rgba(8,119,255,.075)!important}
.s8hp-form-row{gap:14px;margin:14px 0}.s8hp-form-row>label{position:relative;border:1px solid #e0e8f2;border-radius:17px;background:#fbfdff;padding:13px 13px 12px 42px;font-size:11px!important;color:#4d627d!important;min-height:91px;box-shadow:0 6px 18px rgba(27,59,97,.025)}.s8hp-form-row input{height:39px;background:#fff!important;border-radius:11px!important;margin-top:8px!important}.s8hp-label-icon{position:absolute;left:14px;top:14px;width:21px;height:21px;border-radius:7px;background:#edf6ff;color:#0b79ec;display:grid;place-items:center;font-weight:950;font-size:12px}
.s8hp-upload-zone{position:relative;overflow:hidden;min-height:154px;margin-top:14px;border:1.5px dashed #70b6ff;border-radius:19px;background:linear-gradient(180deg,#fbfdff,#f5faff);color:#5a7290;box-shadow:inset 0 1px 0 #fff;transition:.2s ease}
.s8hp-upload-zone:hover{border-color:#1687ff;background:#f1f8ff;transform:translateY(-1px)}.s8hp-upload-plus{width:50px;height:50px;border-radius:50%;background:linear-gradient(145deg,#edf6ff,#dceeff);display:grid!important;place-items:center;font-size:31px!important;color:#0877ff!important;box-shadow:0 8px 22px rgba(8,119,255,.11);margin-bottom:6px}.s8hp-upload-zone b{font-size:14px;color:#0877e8}.s8hp-upload-zone em{font-style:normal;font-size:11px;color:#7990a7;margin-top:5px}.s8hp-upload-zone small{font-size:10px;color:#8fa0b2}.s8hp-upload-art{position:absolute;font-style:normal;font-size:42px;color:#cae2fb;opacity:.55;transform:rotate(-8deg)}.s8hp-upload-art.art-photo{left:44px;bottom:18px}.s8hp-upload-art.art-video{right:48px;bottom:19px;transform:rotate(7deg)}
.s8ts-upload-preview{grid-template-columns:repeat(8,1fr);gap:8px;margin-top:10px}.s8ts-upload-preview>div{border-radius:12px;border:1px solid #e4ebf4;background:#f2f6fa}
.s8hp-form-submit{margin-top:18px;padding-top:18px;position:sticky;bottom:-24px;background:linear-gradient(180deg,rgba(255,255,255,.72),#fff 28%);z-index:3;padding-bottom:2px}.s8hp-consent{display:flex;align-items:center;gap:10px;max-width:500px}.s8hp-consent>span{width:35px;height:35px;border-radius:11px;background:#edf6ff;color:#0c7ff0;display:grid;place-items:center;font-weight:950;flex:none}.s8hp-consent small{font-size:11px;line-height:1.45;color:#72859d!important}.s8hp-form-submit .s8ts-primary{min-width:176px;height:54px;border-radius:16px;font-size:13px;letter-spacing:.35px;display:flex;align-items:center;justify-content:center;gap:12px}.s8hp-form-submit .s8ts-primary b{font-size:22px;font-weight:500;line-height:1}
.s8ts-admin-dests{border:1px solid #e0e9f3;background:#f8fbfe}.s8ts-admin-dests label{border-radius:999px}

/* HONGPHOT login/profile polish */
.login-card{border:1px solid #e0e8f2;background:linear-gradient(180deg,#fff,#fbfdff)}.s8ts-login-logo{background:linear-gradient(145deg,var(--hp-blue2),var(--hp-blue),var(--hp-cyan))}.profile-modal{border:1px solid #e0e8f2}.s8ts-profile-cover{background:radial-gradient(circle at 78% 15%,rgba(84,236,238,.8),transparent 25%),radial-gradient(circle at 18% 105%,rgba(255,77,141,.25),transparent 30%),linear-gradient(120deg,#06245d,#0b73df 60%,#12bad9)}

@media(max-width:1280px){.s8ts-layout{grid-template-columns:220px minmax(0,1fr);max-width:1200px}.s8ts-hero h1{font-size:38px}}
@media(max-width:820px){
  .s8ts-modal-card.compose-modal{width:100%;max-height:95vh;border-radius:25px 25px 0 0;padding:22px 16px 18px}
  .compose-modal .s8ts-modal-close{right:13px;top:12px;width:38px;height:38px}.compose-modal .s8ts-compose-head{padding:0 45px 15px 0}.compose-modal .s8ts-compose-head .s8ts-avatar{width:48px;height:48px}.compose-modal .s8ts-compose-head h2{font-size:23px}.compose-modal .s8ts-compose-head p{font-size:11px}
  .s8hp-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px}.s8hp-type-picker label{min-width:0}.s8hp-type-picker span{width:100%;justify-content:center;padding:0 10px!important;font-size:10px!important}
  .s8hp-field .s8ts-big-input{height:50px!important}.s8hp-field textarea{min-height:135px}.s8hp-form-row{grid-template-columns:1fr}.s8hp-upload-zone{min-height:135px}.s8hp-upload-art{display:none}.s8ts-upload-preview{grid-template-columns:repeat(4,1fr)}
  .s8hp-form-submit{bottom:-18px;gap:10px}.s8hp-consent>span{display:none}.s8hp-consent small{font-size:9px}.s8hp-form-submit .s8ts-primary{min-width:140px;height:49px;padding:0 15px}
  .s8ts-hero h1{font-size:29px}.s8ts-pill{font-size:8px;letter-spacing:1.25px}.s8ts-brand b{font-size:14px}
}


/* v3.4.1 — Premium social interactions */
.s8ts-post-statusline{display:flex;justify-content:space-between;gap:12px;padding:11px 18px;color:#8494a8;font-size:10px;font-weight:750;border-top:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#fcfdff)}
.s8ts-social-summary{display:flex;justify-content:space-between;align-items:center;padding:11px 18px 9px;color:#74869d;font-size:11px;border-top:1px solid #edf2f7}
.s8ts-social-summary>div{display:flex;align-items:center;gap:5px}.s8ts-social-summary>div:last-child{gap:6px}.s8ts-social-summary>div:last-child b+span{margin-right:9px}
.s8ts-summary-like{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#168fff,#22c8e9);font-size:11px;box-shadow:0 4px 10px rgba(22,143,245,.18)}
.s8ts-social-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:7px 12px;border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;background:#fff}
.s8ts-social-btn{height:42px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#60738b;font-size:12px;cursor:pointer;transition:.18s ease}
.s8ts-social-btn span{font-size:18px;line-height:1}.s8ts-social-btn b{font-weight:800}
.s8ts-social-btn:hover{background:#f2f7fd;color:#167ee4}.s8ts-social-btn.active{background:#eaf5ff;color:#0877ff}.s8ts-like-btn.active span{color:#0b82f5}.s8ts-save-btn.active{color:#0b76e9;background:#eff7ff}
.s8ts-social-btn:disabled{opacity:.55;cursor:wait}
.s8ts-comments-panel{background:linear-gradient(180deg,#fbfdff,#fff);padding:14px 18px 18px}.s8ts-comments-panel[hidden]{display:none!important}
.s8ts-comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.s8ts-comments-head>b{font-size:13px;color:#17314f}.s8ts-comments-head>button{width:30px;height:30px;border:0;border-radius:50%;background:#eef4fa;color:#61758d;cursor:pointer;font-size:18px}
.s8ts-comments-list{display:flex;flex-direction:column;gap:9px;max-height:420px;overflow:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#cfdae7 transparent}
.s8ts-comments-loading,.s8ts-no-comments{padding:18px;border-radius:14px;background:#f5f9fd;text-align:center;color:#8190a3;font-size:11px}.s8ts-no-comments.error{color:#bf4f59;background:#fff4f5}
.s8ts-comment{display:flex;align-items:flex-start;gap:9px}.s8ts-comment.is-reply{margin-left:39px}.s8ts-comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}.s8ts-comment-avatar.fallback{display:grid;place-items:center;background:linear-gradient(145deg,#168fff,#20c5e6);color:#fff;font-size:12px;font-weight:900}
.s8ts-comment-bubble{min-width:0;max-width:82%;background:#f0f5fa;border:1px solid #e7eef6;border-radius:5px 16px 16px 16px;padding:9px 11px;position:relative}.s8ts-comment.is-reply .s8ts-comment-bubble{background:#f7fafe}
.s8ts-comment-meta{display:flex;align-items:center;gap:5px;min-height:18px}.s8ts-comment-meta b{font-size:11px;color:#1c3450}.s8ts-comment-meta small{font-size:9px;color:#91a0b1}.s8ts-comment-text{font-size:12px;line-height:1.48;color:#334961;word-break:break-word;margin-top:2px}
.s8ts-comment-tools{display:flex;gap:10px;margin-top:5px;align-items:center}.s8ts-comment-tools small{font-size:9px;color:#94a2b2}.s8ts-comment-tools button,.s8ts-comment-delete{border:0;background:transparent;padding:0;color:#5c7897;font-size:9px;font-weight:800;cursor:pointer}.s8ts-comment-tools button:hover{color:#0877ff}.s8ts-comment-delete{margin-left:auto;width:20px;height:20px;border-radius:50%;font-size:15px;color:#a5b0bd}.s8ts-comment-delete:hover{background:#ffeef0;color:#e54757}
.s8ts-comment-form{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding-top:13px;border-top:1px solid #e9eff6}.s8ts-comment-compose{flex:1;min-width:0;border:1px solid #dce7f2;background:#fff;border-radius:16px;padding:8px 10px;box-shadow:0 6px 18px rgba(29,62,100,.035)}
.s8ts-comment-compose textarea{width:100%;border:0;resize:none;outline:0;background:transparent;color:#29425f;font:inherit;font-size:12px;line-height:1.45;min-height:38px}.s8ts-comment-compose>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.s8ts-comment-compose>div:last-child small{font-size:9px;color:#9aa8b7}.s8ts-comment-compose>div:last-child button{border:0;border-radius:10px;background:linear-gradient(125deg,#2456ff,#0877ff,#14cbe8);color:#fff;padding:8px 15px;font-size:10px;font-weight:900;cursor:pointer}
.s8ts-replying{display:flex!important;align-items:center;gap:5px!important;background:#edf6ff;border-radius:9px;padding:6px 8px;margin-bottom:5px;color:#5b718d;font-size:9px}.s8ts-replying[hidden]{display:none!important}.s8ts-replying button{margin-left:auto!important;background:transparent!important;color:#7590ac!important;padding:0!important;font-size:14px!important}
.s8ts-comment-login{width:100%;border:1px solid #d8e7f5;background:#f4f9ff;color:#0b78e6;border-radius:13px;padding:11px;font-size:11px;font-weight:900;cursor:pointer;margin-top:3px}
.s8ts-social-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);z-index:9999;background:#102841;color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 48px rgba(3,20,41,.25);border-radius:999px;padding:11px 17px;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transition:.2s ease;max-width:min(90vw,520px);text-align:center}
.s8ts-social-toast.show{opacity:1;transform:translate(-50%,0)}.s8ts-social-toast[data-state="error"]{background:#b8404f}
.s8ts-post.comments-open{box-shadow:0 24px 64px rgba(20,66,120,.12)}
@media(max-width:820px){
  .s8ts-post-statusline{display:none}.s8ts-social-summary{padding:10px 14px 7px;font-size:10px}
  .s8ts-social-actions{padding:5px 6px;grid-template-columns:repeat(4,1fr)}.s8ts-social-btn{height:44px;gap:5px;font-size:10px}.s8ts-social-btn span{font-size:17px}
  .s8ts-comments-panel{padding:13px 14px 16px}.s8ts-comments-list{max-height:55vh}.s8ts-comment.is-reply{margin-left:30px}.s8ts-comment-bubble{max-width:88%}
  .s8ts-comment-form>.s8ts-avatar{width:34px;height:34px}.s8ts-comment-compose{border-radius:15px}.s8ts-social-toast{bottom:88px}
}
@media(max-width:460px){
  .s8ts-social-btn b{font-size:9px}.s8ts-social-btn{gap:4px}.s8ts-social-summary>div:last-child span{display:none}.s8ts-social-summary>div:last-child b+span{margin-right:1px}
  .s8ts-comment.is-reply{margin-left:24px}.s8ts-comment-bubble{max-width:90%}
}

.s8ts-profile-section-head{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid #e9eff6}.s8ts-profile-section-head h3{margin:0}.s8ts-profile-section-head small{font-size:9px;color:#90a0b3}
.s8ts-saved-posts{display:flex;flex-direction:column;gap:8px;margin-top:10px}.s8ts-saved-row{text-decoration:none;color:inherit;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #e2eaf3;background:#fbfdff;border-radius:13px;padding:10px 12px;transition:.18s ease}.s8ts-saved-row:hover{border-color:#bcdcff;background:#f4f9ff;transform:translateY(-1px)}.s8ts-saved-row>span{font-size:8px;font-weight:900;color:#0b78e6;background:#eaf5ff;border-radius:999px;padding:5px 7px}.s8ts-saved-row div{min-width:0}.s8ts-saved-row b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s8ts-saved-row small{display:block;margin-top:3px;color:#8a9aad;font-size:9px}.s8ts-saved-row i{font-style:normal;color:#0b78e6}

/* --------------------------------------------------------------------------
 * v3.4.4 — Compact Desktop + Premium Engagement Bar
 * ----------------------------------------------------------------------- */
.s8ts-admin-menu .s8ts-admin-resend-form button{color:#0877e8!important}.s8ts-admin-menu .s8ts-admin-resend-form button:hover{background:#edf6ff!important}
.s8ts-telegram-state{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 8px;background:#f3f7fb}.s8ts-telegram-state.tg-sent{color:#07865f;background:#e9fbf4}.s8ts-telegram-state.tg-partial,.s8ts-telegram-state.tg-queued,.s8ts-telegram-state.tg-pending{color:#a66708;background:#fff7e5}.s8ts-telegram-state.tg-error,.s8ts-telegram-state.tg-not_configured{color:#c74351;background:#fff0f2}
.s8ts-site-published{display:inline-flex;align-items:center;gap:5px;color:#5f748d}
.s8ts-media-item{display:block;min-width:0;min-height:0;overflow:hidden;background:#eef3f8}.s8ts-media-item img,.s8ts-media-item video{width:100%;height:100%;display:block;object-fit:cover}.s8ts-media-item.is-photo{cursor:zoom-in}

.s8ts-social-actions-v344{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px 12px;background:#fbfdff;border-top:1px solid #edf2f7;border-bottom:0}
.s8ts-social-actions-v344 .s8ts-social-btn{height:38px;border:1px solid #e7eef6;background:#fff;border-radius:999px;gap:6px;padding:0 9px;color:#566b84;box-shadow:0 3px 10px rgba(27,57,92,.025)}
.s8ts-social-actions-v344 .s8ts-social-btn:hover{border-color:#cfe2f7;background:#f5faff;color:#0877e8;transform:translateY(-1px)}
.s8ts-social-actions-v344 .s8ts-social-btn.active{border-color:#b9dcff;background:#edf7ff;color:#0877e8}.s8ts-social-actions-v344 .s8ts-social-btn .s8ts-action-icon{font-size:16px}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:10.5px}.s8ts-social-actions-v344 .s8ts-social-btn em{font-style:normal;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:#eef3f8;color:#71839a;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:850}.s8ts-social-actions-v344 .s8ts-social-btn.active em{background:#dceeff;color:#0877e8}

@media(min-width:1281px){
  .s8ts-topbar{height:64px;gap:20px;padding-left:max(20px,calc((100vw - 1180px)/2));padding-right:max(20px,calc((100vw - 1180px)/2))}
  .s8ts-brand{min-width:220px;gap:10px}.s8ts-brand-icon{width:38px;height:38px;border-radius:12px}.s8ts-brand-icon svg{width:20px}.s8ts-brand b{font-size:15px}.s8ts-brand small{font-size:8px}
  .s8ts-top-search{height:40px;max-width:470px;border-radius:12px}.s8ts-admin-link,.s8ts-login-open,.s8ts-user-button{min-height:38px;border-radius:11px;padding:0 13px;font-size:12px}.s8ts-notify-link{width:38px;height:38px;border-radius:11px}.s8ts-user-button .s8ts-avatar.tiny{width:27px;height:27px}
  .s8ts-layout{max-width:1180px;grid-template-columns:190px minmax(0,680px) 260px;gap:16px;padding:16px 10px 34px}
  .s8ts-leftnav,.s8ts-rightbar{top:80px}.s8ts-leftnav nav{gap:3px}.s8ts-leftnav nav a,.s8ts-leftnav nav button{font-size:12px;padding:9px 10px;border-radius:11px;gap:8px}.s8ts-leftnav nav i{width:20px;font-size:15px}.s8ts-nav-section{margin:16px 9px 6px;font-size:8px}.s8ts-left-card{padding:14px;margin-top:12px;border-radius:15px}.s8ts-left-card.admin-mode{min-height:125px;padding:16px 14px}.s8ts-left-card.admin-mode .s8ts-crown{width:34px;height:34px;top:14px;left:14px;border-radius:11px;font-size:16px}.s8ts-left-card.admin-mode b{font-size:13px}.s8ts-left-card.admin-mode p{font-size:10px}
  .s8ts-hero{min-height:158px;padding:23px 26px;border-radius:21px}.s8ts-hero h1{font-size:30px!important;line-height:1.04;margin:10px 0 9px;letter-spacing:-1.15px}.s8ts-hero p{font-size:11px;line-height:1.45;max-width:420px}.s8ts-pill{font-size:8px!important;padding:5px 8px;letter-spacing:1.35px}.s8ts-hero-visual{width:200px;height:130px}.s8ts-hero-visual>svg{width:175px;right:12px;top:-8px}.s8ts-hero-admin{width:105px;min-height:82px;border-radius:17px;padding:8px}.s8ts-hero-admin span{font-size:22px}.s8ts-hero-admin b{font-size:9px}.s8ts-hero-admin small{font-size:7px}
  .s8ts-compose-card{padding:12px 14px;border-radius:17px;margin:12px 0}.s8ts-compose-main{gap:9px}.s8ts-compose-main>.s8ts-avatar{width:38px;height:38px}.s8ts-compose-main>button:not(.s8ts-compose-create){height:40px;border-radius:11px;font-size:12px}.s8ts-compose-create{height:40px;border-radius:11px;padding:0 14px;font-size:11px}.s8ts-compose-quick{margin:9px 0 0 47px;gap:7px}.s8ts-compose-quick button{padding:7px 11px;border-radius:9px;font-size:10px}
  .s8ts-filter-tabs{gap:6px;padding-bottom:10px}.s8ts-filter-tabs a{padding:7px 11px;font-size:10px}
  .s8ts-post{border-radius:18px;margin-bottom:13px;box-shadow:0 10px 30px rgba(35,66,103,.06)}.s8ts-post:hover{transform:none;box-shadow:0 13px 34px rgba(35,66,103,.085)}.s8ts-post-head{padding:12px 14px 7px;gap:8px}.s8ts-post-head>.s8ts-avatar{width:36px;height:36px}.s8ts-author b{font-size:12px}.s8ts-author small{font-size:9px}.s8ts-type{padding:5px 8px;font-size:8px}.s8ts-admin-more{width:32px;height:32px;border-radius:9px}.s8ts-admin-menu{top:37px;width:180px}
  .s8ts-post-copy{padding:4px 14px 11px}.s8ts-post-copy h2{font-size:16px;line-height:1.32;margin:5px 0 7px}.s8ts-post-text{font-size:12px;line-height:1.52}.s8ts-media-grid{max-height:390px}.s8ts-media-grid.media-1{height:auto;aspect-ratio:16/9}.s8ts-media-grid.media-1 .s8ts-media-item{height:100%}.s8ts-media-grid.media-1 img,.s8ts-media-grid.media-1 video{max-height:none!important;object-fit:cover!important}.s8ts-media-grid.media-2{height:330px}.s8ts-media-grid.media-3,.s8ts-media-grid.media-4,.s8ts-media-grid.media-5,.s8ts-media-grid.media-6{height:360px}
  .s8ts-post-statusline{padding:7px 12px;font-size:8px}.s8ts-telegram-state{padding:4px 7px}.s8ts-social-actions-v344{padding:7px 9px;gap:6px}.s8ts-social-actions-v344 .s8ts-social-btn{height:34px}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:9.5px}.s8ts-social-actions-v344 .s8ts-social-btn .s8ts-action-icon{font-size:14px}.s8ts-social-actions-v344 .s8ts-social-btn em{height:18px;min-width:18px;font-size:8px}
  .s8ts-comments-panel{padding:11px 13px 14px}.s8ts-comments-list{max-height:320px}.s8ts-comment-avatar{width:30px;height:30px}.s8ts-comment-bubble{padding:8px 10px;border-radius:5px 13px 13px 13px}.s8ts-comment-text{font-size:11px}.s8ts-comment-compose textarea{font-size:11px}
  .s8ts-sidebox{padding:14px;border-radius:16px;margin-top:12px}.s8ts-sidebox-title b,.s8ts-sidebox.rules>b{font-size:13px}.s8ts-sidebox ol{margin-top:9px}.s8ts-sidebox li{padding:7px 0;gap:8px}.s8ts-sidebox li i{width:25px;height:25px;font-size:9px}.s8ts-sidebox li b{font-size:10px}.s8ts-sidebox li small{font-size:8px}.s8ts-sidebox p{font-size:10px}.s8ts-rule-link{margin-top:9px;padding:8px 9px;font-size:9px}.mini-profile{padding:14px}.mini-profile>.s8ts-avatar{width:37px;height:37px}.mini-profile button{padding:8px;font-size:10px}
}

@media(max-width:820px){
  .s8ts-layout{max-width:700px;margin:0 auto;padding:10px 10px 84px;display:block}.s8ts-feed{width:100%}.s8ts-hero{min-height:145px!important;padding:20px 18px!important;border-radius:20px!important}.s8ts-hero h1{font-size:25px!important;margin:9px 0 7px!important}.s8ts-hero p{font-size:10px}.s8ts-compose-card{margin:10px 0 11px;padding:11px;border-radius:16px}.s8ts-compose-main>.s8ts-avatar{width:38px;height:38px}.s8ts-compose-main>button:not(.s8ts-compose-create){height:40px;font-size:11px}.s8ts-compose-quick{margin-top:8px;gap:6px}.s8ts-compose-quick button{padding:8px 10px;font-size:9px}.s8ts-filter-tabs{padding-bottom:9px;gap:5px}.s8ts-filter-tabs a{padding:7px 10px;font-size:9px}.s8ts-post{border-radius:17px;margin-bottom:12px}.s8ts-post-head{padding:12px 12px 7px}.s8ts-post-head>.s8ts-avatar{width:36px;height:36px}.s8ts-post-copy{padding:3px 12px 11px}.s8ts-post-copy h2{font-size:16px!important}.s8ts-post-text{font-size:12px;line-height:1.5}.s8ts-media-grid{max-height:390px}.s8ts-media-grid.media-1{height:auto;aspect-ratio:4/3}.s8ts-media-grid.media-1 .s8ts-media-item{height:100%}.s8ts-media-grid.media-1 img,.s8ts-media-grid.media-1 video{max-height:none!important;object-fit:cover!important}.s8ts-media-grid.media-2{height:300px}.s8ts-media-grid.media-3,.s8ts-media-grid.media-4,.s8ts-media-grid.media-5,.s8ts-media-grid.media-6{height:330px}
  .s8ts-social-actions-v344{gap:5px;padding:7px}.s8ts-social-actions-v344 .s8ts-social-btn{height:39px;padding:0 6px;gap:4px;border-radius:12px}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:9px}.s8ts-social-actions-v344 .s8ts-social-btn em{height:18px;min-width:18px;padding:0 4px;font-size:8px}.s8ts-comments-panel{padding:11px 12px 14px}.s8ts-comment-bubble{max-width:89%}
}
@media(max-width:460px){
  .s8ts-social-actions-v344 .s8ts-social-btn{flex-direction:column;height:48px;gap:1px;position:relative}.s8ts-social-actions-v344 .s8ts-social-btn .s8ts-action-icon{font-size:15px}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:8px}.s8ts-social-actions-v344 .s8ts-social-btn em{position:absolute;top:4px;right:5px;height:16px;min-width:16px;font-size:7px}.s8ts-post-statusline{padding:7px 9px;font-size:8px}.s8ts-site-published{display:none}
}
.s8ts-telegram-status-wrap{display:inline-flex;align-items:center;gap:6px}.s8ts-inline-resend{margin:0}.s8ts-inline-resend button{height:25px;border:1px solid #cfe3fa;background:#eef7ff;color:#0877e8;border-radius:999px;padding:0 8px;font-size:8px;font-weight:900;cursor:pointer}.s8ts-inline-resend button:hover{background:#0877e8;color:#fff;border-color:#0877e8}

/* ========================================================================
 * HONGPHOT.COM v3.5.0 — BAI JAMJUREE + SCALE SOCIAL FEED UI
 * Designed for dense, high-volume community publishing without visual noise.
 * ====================================================================== */
:root{
  --hp-font:"Bai Jamjuree","Segoe UI",Arial,sans-serif;
  --hp-bg:#f5f8fc;--hp-surface:#fff;--hp-border:#e4ebf4;
  --hp-text:#102642;--hp-sub:#718399;--hp-blue:#0877f9;--hp-cyan:#17c5e7;
  --hp-soft:#eef6ff;--hp-shadow:0 10px 30px rgba(24,55,94,.065);
}
html,body,button,input,textarea,select{font-family:var(--hp-font)!important}
body.s8ts-body{background:linear-gradient(180deg,#f8fbfe 0,#f3f7fb 38%,#f5f8fc 100%);font-weight:500;color:var(--hp-text)}
.s8ts-topbar{height:64px;gap:18px;padding:0 max(18px,calc((100vw - 1180px)/2));box-shadow:0 1px 0 rgba(14,42,73,.035)}
.s8ts-brand{min-width:200px;gap:10px}.s8ts-brand-icon{width:38px;height:38px;border-radius:12px}.s8ts-brand b{font-size:15px;font-weight:700}.s8ts-brand small{font-size:8px;letter-spacing:1.35px}
.s8ts-top-search{height:38px;max-width:450px;border-radius:12px}.s8ts-top-search input{font-size:12px}.s8ts-admin-link,.s8ts-login-open,.s8ts-user-button{min-height:38px;border-radius:12px;padding:0 12px;font-size:11px}.s8ts-user-button .s8ts-user-meta b{font-size:11px}.s8ts-user-button .s8ts-user-meta small{font-size:8px}
.s8ts-layout{max-width:1180px;grid-template-columns:172px minmax(0,650px) 234px;gap:18px;padding:18px}.s8ts-leftnav,.s8ts-rightbar{top:82px}.s8ts-leftnav nav{gap:3px}.s8ts-leftnav nav a,.s8ts-leftnav nav button{font-size:11px;padding:9px 10px;border-radius:11px;gap:9px}.s8ts-leftnav nav i{width:20px;font-size:14px}.s8ts-nav-section{font-size:8px!important;margin-top:11px!important;letter-spacing:1.25px}.s8ts-left-card{padding:13px;border-radius:15px;margin-top:13px}.s8ts-left-card p{font-size:10px;margin:7px 0;line-height:1.5}.s8ts-left-card b{font-size:12px}
.s8ts-hero{min-height:126px!important;border-radius:20px!important;padding:20px 23px!important;box-shadow:0 15px 35px rgba(8,70,150,.15)}.s8ts-hero h1{font-size:28px!important;line-height:1.05;margin:8px 0 7px!important;letter-spacing:-.8px}.s8ts-hero p{font-size:10px;line-height:1.4}.s8ts-pill{font-size:7px!important;padding:5px 8px!important;letter-spacing:1.25px!important}.s8ts-hero-visual{transform:scale(.78);transform-origin:right center}.s8ts-hero-admin{transform:scale(.88);transform-origin:right center}
.s8ts-compose-card{margin:11px 0 10px;border-radius:16px;padding:10px 11px;box-shadow:var(--hp-shadow)}.s8ts-compose-main>.s8ts-avatar{width:36px;height:36px}.s8ts-compose-main>button:not(.s8ts-compose-create){height:38px!important;font-size:10.5px!important;border-radius:11px!important}.s8ts-compose-create{height:38px!important;border-radius:11px!important;font-size:10px!important;padding:0 13px!important}.s8ts-compose-quick{margin-top:7px!important;gap:5px!important}.s8ts-compose-quick button{font-size:8.5px!important;padding:7px 9px!important;border-radius:9px!important}
.s8ts-filter-tabs{padding:0 0 7px;gap:5px}.s8ts-filter-tabs a{padding:6px 10px;font-size:8.5px;border-radius:999px}.s8ts-feed-toolbar{height:34px;margin:0 0 8px;padding:0 10px;border:1px solid var(--hp-border);border-radius:11px;background:rgba(255,255,255,.74);display:flex;align-items:center;justify-content:space-between;color:var(--hp-sub)}.s8ts-feed-toolbar>div{display:flex;align-items:baseline;gap:5px}.s8ts-feed-toolbar b{font-size:12px;color:var(--hp-text)}.s8ts-feed-toolbar span,.s8ts-feed-toolbar small{font-size:8px}.s8ts-feed-toolbar small{opacity:.8}
.s8ts-post{border-radius:17px;margin-bottom:11px;box-shadow:0 7px 22px rgba(28,61,98,.045);content-visibility:auto;contain-intrinsic-size:460px}.s8ts-post:hover{box-shadow:0 10px 28px rgba(28,61,98,.075)}.s8ts-post-head{padding:11px 12px 6px;gap:8px}.s8ts-post-head>.s8ts-avatar{width:34px;height:34px}.s8ts-author b{font-size:11px}.s8ts-author small{font-size:8px;margin-top:1px}.s8ts-verified{width:13px;height:13px;font-size:7px}.s8ts-type{font-size:7.5px;padding:5px 7px}.s8ts-admin-more{width:30px!important;height:30px!important;border-radius:9px!important}.s8ts-post-copy{padding:2px 12px 9px}.s8ts-post-copy h2{font-size:15px!important;line-height:1.32;margin:4px 0 6px;letter-spacing:-.22px;font-weight:700}.s8ts-post-text{font-size:11px!important;line-height:1.5!important;color:#40536b;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.s8ts-post.comments-open .s8ts-post-text{display:block}
.s8ts-media-grid{max-height:310px!important}.s8ts-media-grid.media-1{aspect-ratio:16/9!important;height:auto!important}.s8ts-media-grid.media-1 .s8ts-media-item{height:100%}.s8ts-media-grid.media-1 img,.s8ts-media-grid.media-1 video{object-fit:cover!important;max-height:none!important}.s8ts-media-grid.media-2{height:270px!important}.s8ts-media-grid.media-3,.s8ts-media-grid.media-4,.s8ts-media-grid.media-5,.s8ts-media-grid.media-6{height:300px!important}
.s8ts-post-statusline{padding:6px 10px!important;font-size:7.5px!important}.s8ts-telegram-state{padding:4px 7px!important;border-radius:999px!important}.s8ts-inline-resend button{height:23px;font-size:7px}
.s8ts-social-actions-v344{padding:7px 9px!important;gap:5px!important;background:#fbfdff!important}.s8ts-social-actions-v344 .s8ts-social-btn{height:32px!important;border-radius:10px!important;border:1px solid #e8eef6!important;background:#fff!important;gap:5px!important;padding:0 7px!important;box-shadow:none!important}.s8ts-social-actions-v344 .s8ts-social-btn:hover{background:#f2f8ff!important;border-color:#cfe4fb!important}.s8ts-social-actions-v344 .s8ts-social-btn.active{background:#eaf5ff!important;border-color:#b9dcff!important}.s8ts-social-actions-v344 .s8ts-social-btn .s8ts-action-icon{font-size:13px!important}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:8.5px!important;font-weight:700!important}.s8ts-social-actions-v344 .s8ts-social-btn em{height:17px!important;min-width:17px!important;padding:0 4px!important;font-size:7px!important;background:#f0f4f8!important}
.s8ts-comments-panel{padding:9px 11px 12px!important}.s8ts-comments-head{margin-bottom:7px}.s8ts-comments-head>b{font-size:10px}.s8ts-comments-list{max-height:280px;gap:6px}.s8ts-comment-avatar{width:28px;height:28px}.s8ts-comment{gap:7px}.s8ts-comment.is-reply{margin-left:32px}.s8ts-comment-bubble{padding:7px 9px;border-radius:4px 12px 12px 12px}.s8ts-comment-meta b{font-size:9px}.s8ts-comment-text{font-size:10px;line-height:1.43}.s8ts-comment-tools{margin-top:3px}.s8ts-comment-tools small,.s8ts-comment-tools button{font-size:7.5px}.s8ts-comment-form{margin-top:9px;padding-top:9px}.s8ts-comment-compose{padding:6px 8px;border-radius:12px}.s8ts-comment-compose textarea{font-size:10px;min-height:30px}.s8ts-comment-compose>div:last-child button{padding:6px 11px;font-size:8px}
.s8ts-sidebox{padding:12px;border-radius:15px;margin-top:0;margin-bottom:12px;box-shadow:0 7px 20px rgba(29,60,96,.045)}.s8ts-sidebox-title b,.s8ts-sidebox.rules>b{font-size:11px}.s8ts-sidebox ol{margin-top:8px}.s8ts-sidebox li{padding:6px 0;gap:7px}.s8ts-sidebox li i{width:23px;height:23px;border-radius:7px;font-size:8px}.s8ts-sidebox li b{font-size:8.7px}.s8ts-sidebox li small{font-size:7px}.s8ts-sidebox p{font-size:8.5px}.s8ts-rule-link{font-size:8px}.mini-profile>.s8ts-avatar{width:34px;height:34px}.mini-profile button{font-size:8.5px;padding:7px}
.s8ts-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:12px 0 6px;padding:8px;border:1px solid var(--hp-border);background:#fff;border-radius:13px;box-shadow:0 6px 18px rgba(30,58,90,.04)}.s8ts-pagination a{text-decoration:none;color:#0877e8;font-size:9px;font-weight:700;padding:7px 9px;border-radius:9px;background:#f1f7ff}.s8ts-pagination a.next{justify-self:end}.s8ts-pagination>div{display:flex;gap:5px;align-items:center;font-size:9px;color:#8a9aac}.s8ts-pagination>div b{color:#0d2948;font-size:11px}.s8ts-pagination>div em{font-style:normal}
/* Composer becomes a compact editorial sheet, not a full-screen form. */
.s8ts-modal-card.compose-modal{width:min(690px,92vw)!important;max-height:88vh!important;padding:20px 22px 16px!important;border-radius:22px!important}.compose-modal .s8ts-modal-close{right:15px!important;top:13px!important;width:34px!important;height:34px!important;font-size:19px!important}.compose-modal .s8ts-compose-head{gap:11px!important;padding:0 44px 13px 0!important}.compose-modal .s8ts-compose-head .s8ts-avatar{width:42px!important;height:42px!important}.compose-modal .s8ts-compose-head h2{font-size:20px!important;letter-spacing:-.45px!important}.compose-modal .s8ts-compose-head p{font-size:9px!important;margin-top:3px!important}.s8hp-compose-form{padding-top:11px!important}.s8hp-type-picker{gap:6px!important;margin-bottom:10px!important}.s8hp-type-picker span{min-height:34px!important;padding:0 11px!important;font-size:8.5px!important;gap:5px!important}.s8hp-type-picker span i{font-size:11px!important}.s8hp-field{margin-bottom:8px!important}.s8hp-field>span{font-size:8.5px!important;margin-bottom:4px!important}.s8hp-field .s8ts-big-input{height:42px!important;border-radius:12px!important;padding:0 12px!important;font-size:12px!important}.s8hp-field textarea{min-height:105px!important;border-radius:12px!important;padding:11px!important;font-size:11px!important;line-height:1.5!important}.s8hp-form-row{gap:8px!important;margin:8px 0!important}.s8hp-form-row>label{min-height:67px!important;border-radius:12px!important;padding:9px 9px 8px 33px!important;font-size:8.5px!important}.s8hp-form-row input{height:31px!important;border-radius:8px!important;margin-top:5px!important;font-size:9px!important}.s8hp-label-icon{left:9px!important;top:9px!important;width:18px!important;height:18px!important;font-size:9px!important}.s8hp-upload-zone{min-height:96px!important;margin-top:8px!important;border-radius:13px!important}.s8hp-upload-plus{width:34px!important;height:34px!important;font-size:22px!important;margin-bottom:2px!important}.s8hp-upload-zone b{font-size:10px!important}.s8hp-upload-zone em,.s8hp-upload-zone small{font-size:7.5px!important}.s8hp-upload-art{font-size:28px!important}.s8ts-upload-preview{grid-template-columns:repeat(10,1fr)!important;gap:5px!important;margin-top:6px!important}.s8ts-admin-dests{padding:8px 9px!important;border-radius:11px!important;margin-top:8px!important}.s8ts-admin-dests>b{font-size:9px!important}.s8ts-admin-dests label{font-size:8px!important;padding:5px 7px!important}.s8hp-form-submit{margin-top:10px!important;padding-top:10px!important;bottom:-14px!important}.s8hp-consent>span{width:27px!important;height:27px!important;border-radius:8px!important}.s8hp-consent small{font-size:8px!important}.s8hp-form-submit .s8ts-primary{min-width:135px!important;height:40px!important;border-radius:11px!important;font-size:9.5px!important}.s8hp-form-submit .s8ts-primary b{font-size:15px!important}
/* Profile is dense enough for active users with many posts/saves. */
.s8ts-modal-card.profile-modal{width:min(600px,92vw)!important;max-height:82vh!important;padding:0 18px 16px!important;border-radius:21px!important}.profile-modal .s8ts-modal-close{top:11px!important;right:11px!important;width:31px!important;height:31px!important}.s8ts-profile-cover{height:82px!important;margin:0 -18px 0!important;border-radius:21px 21px 0 0!important}.s8ts-profile-main{margin-top:-30px!important;gap:9px!important;padding-bottom:10px!important}.s8ts-avatar.profile{width:64px!important;height:64px!important;border-width:4px!important}.s8ts-profile-main h2{font-size:16px!important;margin:0!important}.s8ts-profile-main p{font-size:8.5px!important;margin:2px 0!important}.s8ts-profile-main>a{font-size:8px!important}.profile-modal>h3,.s8ts-profile-section-head h3{font-size:12px!important;margin:10px 0 7px!important}.s8ts-my-posts,.s8ts-saved-posts{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.s8ts-my-row,.s8ts-saved-row{padding:8px!important;border:1px solid #e8eef5!important;border-radius:11px!important;background:#fbfdff!important;min-width:0!important}.s8ts-my-row b,.s8ts-saved-row b{font-size:9px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s8ts-my-row small,.s8ts-saved-row small{font-size:7px!important}.s8ts-status{font-size:7px!important;padding:4px 6px!important}.s8ts-profile-section-head small{font-size:7px!important}
/* Dashboard also inherits Bai Jamjuree through the shared web-font handle. */
body.s8tr-dashboard,body.s8tr-dashboard *{font-family:var(--hp-font)!important}
@media(max-width:1100px){.s8ts-layout{grid-template-columns:170px minmax(0,1fr);max-width:920px}.s8ts-rightbar{display:none}.s8ts-topbar{padding-left:16px;padding-right:16px}.s8ts-hero{min-height:118px!important}}
@media(max-width:820px){
  .s8ts-topbar{height:58px;padding:0 10px;gap:8px}.s8ts-brand{min-width:0}.s8ts-brand-icon{width:34px;height:34px}.s8ts-brand b{font-size:12px}.s8ts-brand small{font-size:6.5px}.s8ts-top-search{display:none}.s8ts-layout{max-width:620px;padding:8px 8px 74px}.s8ts-hero{min-height:105px!important;padding:14px 15px!important;border-radius:16px!important}.s8ts-hero h1{font-size:21px!important}.s8ts-hero p{font-size:8px}.s8ts-hero-visual{display:none}.s8ts-compose-card{margin:8px 0;padding:8px}.s8ts-compose-main>.s8ts-avatar{width:32px;height:32px}.s8ts-compose-main>button:not(.s8ts-compose-create){height:34px!important}.s8ts-compose-create{height:34px!important}.s8ts-compose-quick{display:none!important}.s8ts-filter-tabs{position:sticky;top:58px;z-index:19;background:rgba(245,248,252,.92);backdrop-filter:blur(10px);padding:7px 0;gap:4px}.s8ts-filter-tabs a{font-size:8px;padding:6px 9px}.s8ts-feed-toolbar{height:30px;margin-top:2px}.s8ts-post{border-radius:14px}.s8ts-post-copy h2{font-size:14px!important}.s8ts-post-text{font-size:10.5px!important;-webkit-line-clamp:4}.s8ts-media-grid{max-height:330px!important}.s8ts-media-grid.media-1{aspect-ratio:4/3!important}.s8ts-social-actions-v344 .s8ts-social-btn{height:38px!important;flex-direction:row!important}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:8px!important}.s8ts-social-actions-v344 .s8ts-social-btn em{position:static!important}.s8ts-modal{align-items:flex-end;padding:0}.s8ts-modal-card.compose-modal{width:100%!important;max-height:92vh!important;border-radius:20px 20px 0 0!important;padding:16px 13px 12px!important}.s8hp-type-picker{grid-template-columns:repeat(4,1fr)!important;gap:4px!important}.s8hp-type-picker span{font-size:7.5px!important;padding:0 5px!important}.s8hp-form-row{grid-template-columns:1fr!important}.s8hp-upload-zone{min-height:88px!important}.s8ts-upload-preview{grid-template-columns:repeat(5,1fr)!important}.s8ts-modal-card.profile-modal{width:100%!important;max-height:88vh!important;border-radius:20px 20px 0 0!important}.s8ts-my-posts,.s8ts-saved-posts{grid-template-columns:1fr!important}.s8ts-pagination{margin-bottom:6px}
}
@media(max-width:460px){.s8ts-social-actions-v344{grid-template-columns:repeat(4,1fr)!important}.s8ts-social-actions-v344 .s8ts-social-btn{height:42px!important;flex-direction:column!important;gap:1px!important}.s8ts-social-actions-v344 .s8ts-social-btn b{font-size:7px!important}.s8ts-social-actions-v344 .s8ts-social-btn em{position:absolute!important;top:3px!important;right:4px!important}.s8ts-feed-toolbar small{display:none}.s8hp-type-picker{grid-template-columns:1fr 1fr!important}}


/* HONGPHOT.COM v3.5.1 — CLEAN URLS + BALANCED CATEGORY UI */
.s8ts-leftnav nav a.active{background:linear-gradient(90deg,#edf6ff,#f8fbff)!important;color:#0877e8!important;box-shadow:inset 3px 0 0 #168cff,0 6px 18px rgba(22,140,255,.05)}
.s8ts-feed-toolbar-main{display:flex;align-items:center;gap:7px;min-width:0}.s8ts-feed-toolbar-main strong{font-size:11px;color:#0b294a;letter-spacing:-.1px}.s8ts-feed-toolbar-main strong+span{padding:3px 6px;border-radius:999px;background:#edf6ff;color:#1479c7;font-size:7.5px;font-weight:750}
.s8ts-category-page .s8ts-hero{min-height:108px!important;padding:16px 20px!important}.s8ts-category-page .s8ts-hero h1{font-size:24px!important;margin:6px 0!important}.s8ts-category-page .s8ts-hero p{font-size:8.5px!important}.s8ts-category-page .s8ts-hero-visual{transform:scale(.67);transform-origin:right center}.s8ts-category-page .s8ts-compose-card{margin:9px 0 10px!important}.s8ts-category-page .s8ts-filter-tabs{padding-bottom:8px!important}
.s8ts-filter-tabs a{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.s8ts-filter-tabs a:hover{transform:translateY(-1px);border-color:#b8d9f7;color:#0877e8}
@media(max-width:820px){.s8ts-category-page .s8ts-hero{min-height:88px!important;padding:12px 14px!important}.s8ts-category-page .s8ts-hero h1{font-size:19px!important}.s8ts-category-page .s8ts-hero p{display:none}.s8ts-feed-toolbar-main strong{font-size:9px}}

/* ================================================================
   HONGPHOT.COM v3.6.0 — COMMUNITY PLATFORM SUITE
   Profiles · Ads · Follow · Notifications · Trending · Moderation
   ================================================================ */
body.s8ts-body,.s8ts-body button,.s8ts-body input,.s8ts-body textarea,.s8ts-body select{font-family:"Bai Jamjuree","Segoe UI",Arial,sans-serif!important}
.s8ts-notify-link{position:relative}.s8ts-notify-link em{position:absolute;right:-7px;top:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef4f63;color:#fff;font:700 9px/18px "Bai Jamjuree";text-align:center;font-style:normal}
.s8hp-nav-count{margin-left:auto;background:#eaf4ff;color:#0d7fdc;border-radius:999px;padding:2px 6px;font-size:8px}
.s8hp-public-profile{background:#fff;border:1px solid #e0e9f2;border-radius:20px;overflow:hidden;margin-bottom:12px;box-shadow:0 9px 28px rgba(22,55,91,.055)}
.s8hp-profile-cover-public{height:122px;background:radial-gradient(circle at 75% 10%,rgba(55,232,255,.75),transparent 27%),linear-gradient(125deg,#08265b,#0c70d9 58%,#13bfd7);background-size:cover;background-position:center}
.s8hp-profile-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:end;padding:0 18px 16px;margin-top:-34px}.s8hp-profile-row>.s8ts-avatar.profile{width:78px!important;height:78px!important;border:4px solid #fff!important;box-shadow:0 8px 24px rgba(21,53,89,.17)}
.s8hp-profile-copy{padding-top:39px}.s8hp-profile-copy h1{font-size:18px;margin:0;color:#10243c}.s8hp-profile-copy>p{font-size:10px;color:#6f8195;margin:4px 0 8px;max-width:560px}.s8hp-profile-copy>div{display:flex;flex-wrap:wrap;gap:10px;color:#77889a;font-size:8px}.s8hp-profile-copy>div b{color:#18314b}.s8hp-verified{display:inline-grid;place-items:center;background:#168ff5;color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;vertical-align:2px}
.s8hp-profile-actions{padding-bottom:4px;display:flex;gap:6px}.s8hp-profile-actions button,.s8hp-view-profile{border:1px solid #d9e7f4;background:#fff;color:#2678bd;padding:7px 10px;border-radius:9px;font-size:8px;font-weight:800;text-decoration:none;cursor:pointer}.s8hp-profile-actions .promo{background:linear-gradient(135deg,#158ef2,#25bedf);color:#fff;border:0}.s8hp-follow-btn.active{background:#edf6ff;color:#126db1}
.s8hp-business-strip{display:flex;align-items:center;gap:12px;border-top:1px solid #edf2f7;background:#fbfdff;padding:9px 18px;font-size:8px}.s8hp-business-strip b{color:#18334e}.s8hp-business-strip a{color:#1686df;text-decoration:none}.s8hp-business-strip span{color:#738598}
.s8hp-route-head{background:linear-gradient(135deg,#f9fcff,#eef7ff);border:1px solid #dceaf6;border-radius:17px;padding:17px 19px;margin-bottom:10px;position:relative}.s8hp-route-head>span{font-size:7px;letter-spacing:1px;font-weight:900;color:#1488e5}.s8hp-route-head h1{font-size:19px;margin:3px 0;color:#102942}.s8hp-route-head p{font-size:9px;color:#75869a;margin:0}.s8hp-route-head button{position:absolute;right:15px;top:17px;border:0;background:#e7f4ff;color:#1178cb;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.s8hp-hidden-hero{display:none!important}
.s8hp-author-link{text-decoration:none;color:inherit}.s8hp-author-link:hover{color:#1184dd}
.s8hp-verification-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef3f8;color:#62788e;font-size:7px;font-weight:900;letter-spacing:.3px;margin-bottom:5px}.s8hp-verification-status.verified{background:#e7fbf3;color:#087e58}.s8hp-verification-status.checking{background:#fff6dd;color:#9a6b00}.s8hp-verification-status.disputed{background:#fff0f1;color:#c54252}.s8hp-verification-status.corrected{background:#eef0ff;color:#5562c8}.s8hp-correction{margin-top:8px;padding:9px 10px;border-radius:10px;background:#fff7e8;border:1px solid #ffe1a8;color:#795c24;font-size:9px}.s8hp-correction b{display:block;font-size:7px;color:#9b6804;margin-bottom:2px}
.s8hp-hashtag{color:#1085dd;text-decoration:none;font-weight:700}.s8hp-mention{color:#6b55d8;font-weight:700}
.s8hp-view-count{margin-left:auto;align-self:center;color:#8997a7;font-size:7.5px;white-space:nowrap}.s8hp-report-btn{border:0;background:transparent;color:#9a7880;font-size:7px;padding:4px;cursor:pointer}.s8hp-report-btn:hover{color:#df5463}
.s8hp-poll{margin:9px 11px;padding:11px;border:1px solid #e1ebf5;border-radius:13px;background:#fbfdff}.s8hp-poll>b{display:block;font-size:11px;margin-bottom:7px}.s8hp-poll button{position:relative;width:100%;height:33px;margin:5px 0;border:1px solid #dae7f3;background:#fff;border-radius:9px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 9px;color:#27415b;cursor:pointer}.s8hp-poll button span,.s8hp-poll button em{position:relative;z-index:2;font-size:8px;font-style:normal}.s8hp-poll button i{position:absolute;inset:0 auto 0 0;background:#e5f4ff;z-index:1}.s8hp-poll>small{display:block;text-align:right;color:#8191a2;font-size:7px;margin-top:4px}
.s8hp-poll-editor,.s8hp-profile-editor{border:1px solid #e1ebf4;border-radius:12px;background:#fbfdff;padding:9px;margin-top:8px}.s8hp-poll-editor summary,.s8hp-profile-editor summary{cursor:pointer;font-size:9px;font-weight:800;color:#3179b5}.s8hp-poll-editor label,.s8hp-profile-editor label{display:flex;flex-direction:column;gap:4px;font-size:8px;color:#65778b;margin-top:8px}.s8hp-poll-editor input,.s8hp-poll-editor textarea,.s8hp-profile-editor input,.s8hp-profile-editor textarea{border:1px solid #dbe6f0;border-radius:9px;background:#fff;padding:8px;font-size:9px;outline:0}.s8hp-schedule-field{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:8px;color:#65778b}.s8hp-schedule-field input{border:1px solid #dce7f1;border-radius:9px;padding:8px;background:#fff}
.s8hp-profile-tools{display:flex;gap:6px;padding:8px 22px 0}.s8hp-profile-tools a,.s8hp-profile-tools button{border:1px solid #dce8f3;background:#f8fbff;color:#2478bd;border-radius:8px;padding:6px 8px;font-size:8px;text-decoration:none;cursor:pointer}.s8hp-profile-tools button{background:#eaf6ff}.s8hp-profile-editor{margin:8px 22px}.s8hp-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mini-profile em{display:block;font-size:7px;color:#8b9aaa;font-style:normal;margin-top:2px}.s8hp-view-profile{display:inline-block;margin-top:6px;text-align:center}
.s8hp-notifications-page{margin-bottom:10px}.s8hp-notification-list{background:#fff;border:1px solid #e0e9f2;border-radius:15px;overflow:hidden}.s8hp-notification-list>a{display:grid;grid-template-columns:68px 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid #eef3f7;text-decoration:none;color:#18324d}.s8hp-notification-list>a:last-child{border-bottom:0}.s8hp-notification-list>a.unread{background:#f1f8ff}.s8hp-notification-list>a>span{text-transform:uppercase;font-size:6.5px;color:#1687df;font-weight:900}.s8hp-notification-list b{display:block;font-size:9px}.s8hp-notification-list small{font-size:7px;color:#8c9aac}
.s8hp-verification-admin{display:grid;grid-template-columns:180px 1fr;gap:8px;margin:8px 0}.s8hp-verification-admin label{font-size:9px;color:#6d7e91}.s8hp-verification-admin select,.s8hp-verification-admin input{width:100%;height:34px;border:1px solid #dce6ef;border-radius:8px;background:#fff;padding:0 8px;margin-top:4px;font-size:9px}

/* Infinite-feed scale behavior: cards stay compact even after thousands of posts. */
#s8tsFeedList{contain:layout paint style}.s8ts-post{content-visibility:auto;contain-intrinsic-size:520px}.s8ts-post-copy{padding-top:8px!important;padding-bottom:8px!important}.s8ts-post-copy h2{line-height:1.35!important}.s8ts-post-text{line-height:1.55!important}.s8ts-media-grid.media-1{max-height:385px!important}.s8ts-media-grid.media-1 img{object-fit:cover!important}

@media(max-width:820px){
 .s8hp-public-profile{border-radius:16px}.s8hp-profile-cover-public{height:96px}.s8hp-profile-row{grid-template-columns:auto 1fr;margin-top:-29px;padding:0 12px 12px;gap:9px}.s8hp-profile-row>.s8ts-avatar.profile{width:62px!important;height:62px!important}.s8hp-profile-copy{padding-top:32px}.s8hp-profile-copy h1{font-size:15px}.s8hp-profile-copy>p{font-size:8px}.s8hp-profile-copy>div{font-size:7px;gap:7px}.s8hp-profile-actions{grid-column:1/-1;padding:0}.s8hp-profile-actions button{flex:1}.s8hp-business-strip{padding:8px 12px;gap:8px;overflow:auto}.s8hp-route-head{padding:13px 14px;border-radius:14px}.s8hp-route-head h1{font-size:16px}.s8hp-notification-list>a{grid-template-columns:55px 1fr;padding:9px}.s8hp-profile-grid{grid-template-columns:1fr}.s8hp-profile-editor{margin:7px 0}.s8hp-profile-tools{padding:7px 0}.s8hp-view-count{font-size:6.5px}.s8hp-report-btn{font-size:6px}.s8hp-poll{margin:7px 8px;padding:9px}.s8hp-verification-admin{grid-template-columns:1fr}
}
.s8hp-dark-toggle{width:34px;height:34px;border:1px solid #dbe6ef;border-radius:10px;background:#fff;color:#466179;cursor:pointer}.s8hp-feed-sentinel{text-align:center;color:#8796a7;font-size:8px;padding:12px}.s8hp-dark body.s8ts-body{background:#071522;color:#dce9f5}.s8hp-dark .s8ts-topbar,.s8hp-dark .s8ts-post,.s8hp-dark .s8ts-compose-card,.s8hp-dark .s8ts-sidebox,.s8hp-dark .s8ts-left-card,.s8hp-dark .s8hp-public-profile,.s8hp-dark .s8hp-notification-list{background:#0d2133;border-color:#1b3850;color:#dce9f5}.s8hp-dark .s8ts-post-copy h2,.s8hp-dark .s8ts-author b,.s8hp-dark .s8hp-profile-copy h1{color:#eef8ff}.s8hp-dark .s8ts-post-text,.s8hp-dark .s8ts-author small,.s8hp-dark .s8hp-profile-copy p{color:#9fb4c7}.s8hp-dark .s8ts-filter-tabs{background:rgba(7,21,34,.9)}
.s8hp-view-notifications .s8ts-compose-card,.s8hp-view-notifications .s8ts-filter-tabs,.s8hp-view-notifications .s8ts-feed-toolbar,.s8hp-view-notifications #s8tsFeedList{display:none!important}.s8hp-view-profile .s8ts-filter-tabs,.s8hp-view-profile .s8ts-feed-toolbar{margin-top:7px}.s8hp-view-search .s8ts-compose-card,.s8hp-view-tag .s8ts-compose-card,.s8hp-view-trending .s8ts-compose-card{display:none}
/* HONGPHOT.COM v3.6.0 — Community discovery, reactions and event timeline */
.s8hp-leaderboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.s8hp-leader-card{display:grid;grid-template-columns:38px 42px minmax(0,1fr);align-items:center;gap:9px;padding:11px 12px;border:1px solid #e4ebf2;border-radius:14px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 5px 18px rgba(30,70,105,.045)}.s8hp-leader-card:hover{transform:translateY(-1px);border-color:#b8dcf5}.s8hp-leader-card .s8hp-rank{font-size:14px;font-weight:900;color:#0c83d8}.s8hp-leader-card .s8ts-avatar{width:40px;height:40px}.s8hp-leader-card div{display:grid}.s8hp-leader-card b{font-size:11px}.s8hp-leader-card b i{font-style:normal;color:#168de2}.s8hp-leader-card small{font-size:8px;color:#7c8e9e}.s8hp-leader-card em{font-style:normal;font-size:8px;color:#168a64;margin-top:2px}.s8hp-reaction-picker{position:relative;display:inline-flex;margin-left:auto}.s8hp-reaction-main{height:30px;border:1px solid #e1e9f0;border-radius:999px;background:#fff;padding:0 9px;font:inherit;font-size:9px;font-weight:800;color:#657a8e;cursor:pointer}.s8hp-reaction-pop{display:none;position:absolute;right:0;bottom:35px;z-index:12;padding:6px;border:1px solid #dce8f2;border-radius:999px;background:#fff;box-shadow:0 10px 30px rgba(19,56,88,.16);gap:4px}.s8hp-reaction-picker:hover .s8hp-reaction-pop,.s8hp-reaction-picker:focus-within .s8hp-reaction-pop{display:flex}.s8hp-reaction-pop button{border:0;background:transparent;border-radius:999px;min-width:40px;height:36px;display:grid;grid-template-columns:auto auto;place-content:center;gap:2px;cursor:pointer}.s8hp-reaction-pop button:hover{background:#eef8ff;transform:scale(1.08)}.s8hp-reaction-pop span{font-size:18px}.s8hp-reaction-pop em{font-style:normal;font-size:7px;color:#74889a}.s8hp-discovery-block{display:grid;gap:11px;padding:0 13px 13px}.s8hp-event-timeline,.s8hp-related-posts{border:1px solid #e3ebf2;border-radius:13px;background:#fbfdff;padding:11px}.s8hp-discovery-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.s8hp-discovery-head b{font-size:10px;color:#244a64}.s8hp-discovery-head small{font-size:8px;color:#8497a8}.s8hp-event-timeline>a{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:7px 0;border-top:1px solid #edf2f6;text-decoration:none;color:#2d4c61;font-size:9px}.s8hp-event-timeline>a:first-of-type{border-top:0}.s8hp-event-timeline time{color:#1585d2;font-weight:800}.s8hp-related-posts>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:7px}.s8hp-related-posts a{display:grid;gap:2px;padding:8px;border-radius:10px;background:#fff;border:1px solid #e6edf3;text-decoration:none;color:#2d4c61}.s8hp-related-posts a small{font-size:7px;text-transform:uppercase;color:#1687d3;font-weight:850}.s8hp-related-posts a b{font-size:9px;line-height:1.35}.s8hp-view-following .s8ts-hero,.s8hp-view-leaderboard .s8ts-hero{display:none!important}.s8hp-view-leaderboard #s8tsFeedList{display:none}.s8hp-view-leaderboard .s8ts-pagination{display:none}.s8hp-view-following .s8ts-compose-card{display:none}.s8hp-profile-actions .promo{background:linear-gradient(135deg,#ff8a2d,#ff5b75);color:#fff;border-color:transparent}.s8hp-ad-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 6px;background:#fff4e8;color:#c36b16;font-size:7px;font-weight:900}.s8hp-dark .s8hp-leader-card,.s8hp-dark .s8hp-reaction-main,.s8hp-dark .s8hp-reaction-pop,.s8hp-dark .s8hp-event-timeline,.s8hp-dark .s8hp-related-posts,.s8hp-dark .s8hp-related-posts a{background:#111e2a;border-color:#263748;color:#d7e5ef}@media(max-width:720px){.s8hp-leaderboard-grid{grid-template-columns:1fr}.s8hp-related-posts>div:last-child{grid-template-columns:1fr}.s8hp-reaction-picker{margin-left:0}.s8hp-reaction-main{font-size:0;width:32px}.s8hp-reaction-main:after{content:'☺';font-size:15px}.s8hp-discovery-block{padding:0 8px 10px}}
.s8hp-author-analytics{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.s8hp-author-analytics span{padding:7px 8px;border:1px solid #e5edf3;border-radius:10px;background:#fbfdff;text-align:center}.s8hp-author-analytics b{display:block;font-size:11px!important;color:#0f84d5}.s8hp-author-analytics small{font-size:7px!important;color:#8294a4}.s8hp-dark .s8hp-author-analytics span{background:#101e29;border-color:#273948}@media(max-width:680px){.s8hp-author-analytics{grid-template-columns:repeat(3,1fr)}}
.s8hp-search-filters{display:grid;grid-template-columns:minmax(160px,1.4fr) 1fr .75fr auto;gap:7px;margin-top:10px}.s8hp-search-filters input,.s8hp-search-filters select{height:34px;border:1px solid #dce7ef;border-radius:9px;background:#fff;padding:0 9px;font:inherit;font-size:9px;color:#415f74}.s8hp-search-filters button{border:0;border-radius:9px;background:#1489de;color:#fff;font:inherit;font-size:9px;font-weight:900;padding:0 12px}.s8hp-dark .s8hp-search-filters input,.s8hp-dark .s8hp-search-filters select{background:#111f2a;border-color:#2a3c4b;color:#d7e5ef}@media(max-width:680px){.s8hp-search-filters{grid-template-columns:1fr 1fr}.s8hp-search-filters input{grid-column:1/-1}}
.s8hp-topic-follow{height:27px;border:1px solid #cfe3f2;border-radius:999px;background:#fff;color:#157fca;padding:0 9px;font:inherit;font-size:8px;font-weight:850;cursor:pointer}.s8hp-topic-follow.active{background:#e9f8ff;border-color:#9dd6f2;color:#0d83cd}.s8hp-dark .s8hp-topic-follow{background:#11202b;border-color:#2b4456;color:#8cd8ff}
.s8ts-comment-report{border:0!important;background:transparent!important;color:#a36a6f!important;font-size:8px!important;padding:0!important;margin-left:5px}.s8ts-comment-report:hover{color:#d64f5c!important}