/* PakTV Ghar Community — original cinematic styling, mobile-first forms */
:root{color-scheme:dark;--bg:#080a11;--card:#171921;--accent:#ff6376;--edge:#ffffff23;--muted:#babcc9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 100% 550px at 85% -15%,#6e2c4b73,transparent 75%),#080a11;color:#f7f7fb;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit;text-decoration:none}a:hover{color:#ff9caa}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffadba;outline-offset:3px}
.skip-link{position:fixed;top:-80px;left:12px;background:#fff;color:#000;padding:9px;z-index:40}.skip-link:focus{top:10px}
.community-top{height:74px;display:flex;align-items:center;gap:25px;justify-content:space-between;padding:12px clamp(16px,4vw,65px);border-bottom:1px solid var(--edge);background:#090b13ed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:25}
.community-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900;white-space:nowrap;letter-spacing:-.045em}
.community-brand em{font-style:normal;color:var(--accent)}
.community-brand small{display:block;font-size:9px;letter-spacing:.2em;color:#b8b8c4;font-weight:700}
.brand-mark{background:linear-gradient(130deg,#ff7a8a,#ca2340);border-radius:9px;width:34px;height:34px;display:grid;place-items:center;font-size:20px}
.community-top nav{display:flex;align-items:center;gap:20px;color:#c7c6d2;font-size:13px;font-weight:750}
.community-home{font-size:13px;border:1px solid #ffffff38;border-radius:8px;padding:10px 14px;white-space:nowrap}
main{margin:0 auto;max-width:1280px;padding:24px clamp(15px,4vw,54px) 75px}
.community-hero{position:relative;isolation:isolate;overflow:hidden;min-height:278px;border:1px solid #ffffff2c;border-radius:18px;background:radial-gradient(ellipse at 80% 45%,#78314988,#20172c 57%,#0d1119);padding:clamp(26px,5vw,55px);box-shadow:0 25px 75px #0008}
.community-hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,#090a12bb,transparent 85%);z-index:-1}
.community-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:#dd3f7090;right:-190px;top:-250px;filter:blur(105px);animation:floatGlow 19s ease-in-out infinite alternate;z-index:-1}
.eyebrow,.section-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#ffafbd}
.community-hero h1{font-size:clamp(33px,5.7vw,68px);line-height:1.05;letter-spacing:-.055em;max-width:780px;margin:14px 0}
.community-hero h1 em{color:#ff8b9d;font-style:normal}
.community-hero p{max-width:650px;color:#d6d4e2;line-height:1.65;margin:0 0 19px}
.community-pills{display:flex;flex-wrap:wrap;gap:9px}
.community-pills span{border-radius:999px;border:1px solid #ffffff35;background:#ffffff12;padding:7px 11px;font-size:11px;color:#e7e4ee}
.setup-notice{margin:20px 0;background:#372c22;border:1px solid #f9bc716b;border-radius:12px;padding:17px 19px;color:#ffdfb3;line-height:1.65;font-size:13px}
.setup-notice strong{display:block;font-size:15px}
.community-nav{margin:25px 0 26px;display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:4px 2px 15px}
.community-nav a{flex:none;white-space:nowrap;border:1px solid #ffffff24;padding:11px 15px;background:#1c1e28;border-radius:9px;font-size:13px;font-weight:800}
.community-nav a:hover{background:#30232e}
.community-nav a.active{border-color:#ff8293;background:#5d2636;color:#fff}
.community-panel{background:linear-gradient(135deg,#161820,#0e1119);border:1px solid #ffffff25;border-radius:17px;padding:clamp(18px,3vw,32px);box-shadow:0 20px 60px #0005}
.community-panel h2{font-size:clamp(25px,3vw,36px);line-height:1.18;letter-spacing:-.04em;margin:10px 0}
.community-panel h3{font-size:18px;margin:0 0 14px}
.subtle{font-size:13px;color:var(--muted);line-height:1.7;margin:8px 0 18px}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0}
.stat-tile{background:linear-gradient(135deg,#23212b,#171923);border:1px solid #ffffff27;border-radius:12px;padding:21px}
.stat-tile small{font-size:12px;color:#bdbecc;display:block;margin-bottom:9px}
.stat-tile strong{font-size:clamp(25px,3.5vw,44px);font-weight:900;letter-spacing:-.05em}
.country-panel{background:#13151f;padding:20px;border:1px solid #ffffff20;border-radius:12px}
.country-panel h3{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.country-panel h3 span{font-size:11px;color:#abaaba;align-self:center}
.country-row{display:grid;grid-template-columns:minmax(70px,160px) minmax(40px,1fr) 65px;align-items:center;gap:15px;font-size:13px;padding:11px 0}
.country-row span{overflow-wrap:anywhere}
.country-bar{height:10px;background:#2a2a37;border-radius:20px;overflow:hidden}
.country-bar div{height:100%;border-radius:20px;background:linear-gradient(90deg,#e63e63,#ff94a7)}
.country-row strong{text-align:right}
.visit-opt-in{
 margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:15px;
 padding:16px 18px;background:#1f2430;border:1px solid #ffffff26;border-radius:11px
}
.visit-opt-in>div{flex:1;min-width:210px}
.visit-opt-in strong{font-size:14px;color:#f8ecf3}
.visit-opt-in p{font-size:12px;color:#c3c3cf;line-height:1.6;margin:5px 0 0}
.visit-opt-in button{flex:none}
.staff-login{margin-top:22px;padding:14px 16px;border:1px solid #ffffff28;border-radius:11px;background:#171a24}
.staff-login summary{font-size:13px;color:#c3c3d4;font-weight:800;cursor:pointer}
.staff-login form{display:grid;gap:12px;max-width:480px}
.staff-login label{display:grid;gap:7px;color:#dddde7;font-size:13px}
.staff-login button{justify-self:start}
.privacy-note{font-size:11px;color:#aaaabd;line-height:1.7;margin:18px 0 0}
.privacy-note a{color:#ffb4be;text-decoration:underline}
.chat-rules{padding:14px 17px;border:1px solid #cca07255;background:#49342055;border-radius:11px;line-height:1.6;color:#e9caa4;font-size:12px;margin:17px 0}
.chat-rules strong{color:#ffe0ba}
.chat-top-controls{display:flex;justify-content:space-between;align-items:end;gap:14px;flex-wrap:wrap;margin:19px 0}
.chat-top-controls label{font-size:12px;font-weight:800}
.chat-top-controls select{display:block;margin-top:8px;min-width:min(100%,280px)}
select,input,textarea{display:block;width:100%;border:1px solid #ffffff33;border-radius:9px;color:#fff;background:#222431;padding:12px 13px;outline-color:#ff7c8a}
input::placeholder,textarea::placeholder{color:#999ba9}
textarea{resize:vertical;min-height:94px}
.chat-messages{height:clamp(320px,46vw,500px);overflow:auto;background:#0d1019;border-radius:12px;border:1px solid #ffffff1f;padding:15px;display:flex;flex-direction:column;gap:12px}
.chat-message{background:#1b1f2a;border:1px solid #ffffff16;border-radius:12px;padding:13px 15px;overflow-wrap:anywhere}
.chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:8px}
.chat-message-head strong{color:#ff9cad;font-size:13px}
.chat-message-head time{color:#a9a9b8}
.chat-message p{margin:0;color:#ededf4;line-height:1.6;font-size:14px;white-space:pre-wrap}
.message-report{border:0;background:transparent;color:#bcbccd;font-size:11px;text-decoration:underline;padding:3px;margin-top:8px}
.message-report:hover{color:#ffa6b3}
.chat-compose,.intake-form{display:grid;gap:18px;margin-top:22px}
.chat-compose label,.intake-form label{display:grid;gap:9px;font-size:13px;font-weight:800;color:#e4e4ed}
.compose-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.compose-bottom small{color:#b2b3c0;line-height:1.5;font-size:11px}
.primary,.secondary{border:1px solid #ffffff3c;border-radius:9px;padding:12px 16px;font-size:13px;font-weight:850;color:#fff;background:#262732;transition:background .2s}
.primary{border-color:transparent;background:linear-gradient(120deg,#ff6879,#e22b48)}
.primary:hover:enabled{background:#fc5068}
.secondary:hover:enabled{background:#3b3a46}
.form-status{font-size:12px;line-height:1.55;min-height:18px;color:#ffbdc9}
.form-status.success{color:#8ce6c3}
.intake-form{max-width:760px}
.moderator-tools{margin-top:22px;padding:16px;background:#232332;border:1px solid #ffffff30;border-radius:12px}
.moderator-item{padding:13px;border-bottom:1px solid #ffffff20}
.moderator-item button{margin:7px 7px 0 0}
.community-footer{padding:28px clamp(16px,4vw,65px);border-top:1px solid #ffffff23;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#b3b2c1;font-size:12px}
.community-footer div{display:flex;flex-wrap:wrap;gap:15px}
.community-footer button{border:0;background:none;color:inherit;text-decoration:underline;font-size:12px;padding:0}
[hidden]{display:none!important}
@keyframes floatGlow{from{transform:translate(-40px,20px)}to{transform:translate(55px,-45px)}}
@media(max-width:750px){.community-top nav{display:none}.community-hero{min-height:250px}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-tile:last-child{grid-column:1/-1}}
@media(max-width:480px){.community-top{padding-inline:12px}.community-brand{font-size:16px}.community-home{font-size:11px;padding:9px}.community-hero{padding:24px 20px}.community-hero h1{font-size:34px}.community-pills span{font-size:10px}.stats-grid{grid-template-columns:1fr}.stats-grid .stat-tile:last-child{grid-column:auto}.country-row{grid-template-columns:90px minmax(0,1fr) 42px;gap:9px}.community-panel{padding:17px 14px}.chat-top-controls select{width:100%}.chat-top-controls label{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.community-glow{animation:none}*{transition:none!important}}