:root{--bg:#05070b;--panel:#0a0f16;--panel2:#0d141d;--line:#182431;--line2:#263647;--text:#eef7ff;--muted:#8494a8;--cyan:#5de4ff;--cyan2:#2bb8ff;--green:#5ff0a1;--danger:#ff6d7a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#10243a 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--cyan);text-decoration:none}.landing{min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#05070b,#07111b 55%,#04070b)}.landingNav{height:78px;border-bottom:1px solid #152331;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:relative;z-index:2}.brand,.topBrand,.authLogo{font-weight:900;letter-spacing:2px}.brand span,.topBrand span,.authLogo span{color:var(--cyan)}.landingLinks{display:flex;gap:24px;align-items:center}.landingLinks a{color:#9aabbd}.landingHero{position:relative;min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1400px;margin:auto;padding:70px 6vw}.heroCopy{position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:800}.heroCopy h1{font-size:clamp(58px,8vw,116px);line-height:.88;margin:22px 0;letter-spacing:-6px}.heroCopy h1 span,.dashboardHero h1 span,.jarvis h1 span,.authVisual h1 span{color:var(--cyan)}.heroCopy p{max-width:650px;color:#8ea1b5;font-size:18px;line-height:1.7}.heroActions{display:flex;gap:12px;margin:28px 0}.primary,.ghost{border:1px solid var(--line2);border-radius:10px;padding:11px 16px;color:#fff;background:#0e1721}.primary{background:var(--cyan);border-color:var(--cyan);color:#031016;font-weight:800}.bigBtn{padding:14px 20px}.heroStats{display:flex;gap:40px;margin-top:50px}.heroStats div{display:flex;flex-direction:column;gap:4px}.heroStats b{font-size:12px}.heroStats span{font-size:12px;color:var(--muted)}.heroVisual{display:grid;place-items:center;perspective:900px}.techCard{width:min(470px,90%);height:420px;border:1px solid #274052;background:linear-gradient(145deg,#0b1721,#071018);box-shadow:0 0 90px #1ac9ff18,inset 0 0 80px #0e5d8214;border-radius:28px;transform:rotateY(-10deg) rotateX(5deg);position:relative;overflow:hidden}.scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 11px,#3bdcff08 12px)}.techTop,.techBottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#6f879d}.techTop{top:22px}.techTop i{color:var(--green);font-style:normal}.techBottom{bottom:22px}.techGrid{position:absolute;inset:80px 40px;display:grid;place-items:center}.node{width:64px;height:64px;border:1px solid #2b5267;border-radius:18px;background:#0c1b26;display:grid;place-items:center;position:absolute;box-shadow:0 0 30px #2cd9ff16}.center{width:100px;height:100px;border-radius:50%;border-color:var(--cyan);color:var(--cyan);font-weight:900}.n1{top:20px;left:10px}.n2{top:45px;right:0}.n3{bottom:30px;left:30px}.n4{bottom:0;right:40px}.featureStrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #162331;border-bottom:1px solid #162331}.featureStrip>div{padding:30px 6vw;border-right:1px solid #162331}.featureStrip>div:last-child{border-right:0}.featureStrip b{display:block;color:var(--cyan);font-size:11px}.featureStrip strong{display:block;margin:10px 0}.featureStrip span{display:block;color:var(--muted);font-size:13px;line-height:1.5}.landingSection{max-width:1200px;margin:auto;padding:120px 6vw;display:flex;justify-content:space-between;gap:40px;align-items:end}.landingSection h2{font-size:50px;margin:12px 0}.landingSection p{color:var(--muted);max-width:650px;line-height:1.7}.landing footer{border-top:1px solid #162331;padding:25px 6vw;color:#65778b;font-size:12px}.landing footer span{color:var(--cyan);margin:0 8px}.authPage{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.authVisual{padding:9vw;background:radial-gradient(circle at 30% 40%,#0c344c,transparent 40%),#05080d;display:flex;flex-direction:column;justify-content:center}.authVisual h1{font-size:clamp(60px,7vw,100px);line-height:.9;letter-spacing:-5px;margin:20px 0}.authVisual p{max-width:600px;color:var(--muted);font-size:17px;line-height:1.7}.authBox{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center;background:#070b11;border-left:1px solid #162331}.authBox h2{font-size:35px;margin:40px 0 5px}.authBox>p{color:var(--muted)}.backLink{border:0;background:none;color:var(--muted);text-align:left;padding:0}.authLogo{margin-top:35px}.switch button{background:none;border:0;color:var(--cyan)}.top{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:30px;background:#060a0fdd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.topBrand{cursor:pointer}.topSearch{max-width:680px;flex:1;display:flex;gap:8px;align-items:center;background:#0b1118;border:1px solid var(--line);padding:0 13px;border-radius:10px}.topSearch span{color:var(--muted)}.topSearch input{width:100%;border:0;outline:0;background:none;color:#fff;padding:10px}.topUser{margin-left:auto;display:flex;gap:10px;align-items:center}.iconBtn,.userPill{border:1px solid var(--line);background:#0c131c;color:#fff;border-radius:9px;padding:8px}.userPill{display:flex;align-items:center;gap:8px}.miniAvatar{width:25px;height:25px}.appLayout{display:grid;grid-template-columns:230px minmax(0,1fr) 260px;max-width:1700px;margin:auto;min-height:calc(100vh - 68px)}.side{border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column}.sideSection{margin-bottom:25px}.sideSection small,.railTitle{font-size:10px;color:#53677b;letter-spacing:2px;padding:0 10px}.sideBtn{width:100%;border:0;background:none;color:#8091a5;text-align:left;padding:12px 13px;border-radius:9px;margin:2px 0}.sideBtn:hover,.sideBtn.active{background:#0d1721;color:#fff}.sideBtn.developer{color:var(--cyan)}.logout{margin-top:auto;border:0;background:none;color:#74869a;text-align:left;padding:12px}.content{padding:32px;min-width:0}.rightRail{border-left:1px solid var(--line);padding:22px 14px}.railCard,.card{border:1px solid var(--line);background:linear-gradient(145deg,#0a1017,#090e14);border-radius:15px;padding:18px}.railCard{margin-bottom:12px}.levelNum{font-size:48px;font-weight:900;margin:8px 0}.xpBar{height:4px;background:#15222e;border-radius:10px;overflow:hidden}.xpBar i{display:block;height:100%;background:var(--cyan)}.railCard p{font-size:13px;color:#c5d1dd}.railCard p small{display:block;color:var(--muted);margin-left:25px;margin-top:2px}.wideBtn{width:100%;padding:11px}.dashboardHero{min-height:330px;border:1px solid var(--line);border-radius:22px;padding:38px;display:flex;justify-content:space-between;align-items:end;background:radial-gradient(circle at 80% 20%,#12384b,transparent 35%),linear-gradient(135deg,#0a121b,#071018);overflow:hidden}.dashboardHero h1{font-size:65px;line-height:.9;letter-spacing:-3px;margin:14px 0}.dashboardHero p{color:var(--muted);max-width:580px}.heroMetric{border-left:1px solid #294355;padding-left:40px;min-width:160px}.heroMetric span,.heroMetric small{display:block;color:#64798e;font-size:10px;letter-spacing:2px}.heroMetric b{font-size:55px}.sectionHead,.pageHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:38px 0 18px}.sectionHead h2,.pageHead h1{margin:6px 0;font-size:32px}.pageHead p{color:var(--muted);max-width:700px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.feed{display:grid;gap:12px}.post{border:1px solid var(--line);background:#090f16;border-radius:15px;padding:18px}.postHead{display:flex;align-items:center;gap:10px}.postHead>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.postHead small{color:var(--muted);font-size:11px}.more{margin-left:auto;border:0;background:none;color:#607387}.avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:#10202e;border:1px solid #244153;display:grid;place-items:center;color:#8bdfff;font-size:12px;font-weight:800;overflow:hidden}.avatarLarge{width:90px;height:90px;font-size:22px}.avatarImg{width:100%;height:100%;object-fit:cover}.postText{color:#d2dce6;line-height:1.65;white-space:pre-wrap}.postMedia{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:12px;margin:12px 0}.postActions{display:flex;gap:18px;border-top:1px solid var(--line);padding-top:12px}.postActions button{border:0;background:none;color:#7e90a3}.communityGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.communityGrid.large{grid-template-columns:repeat(3,1fr)}.communityCard{min-height:240px;border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative;background:radial-gradient(circle at 80% 20%,#123047,#091018);background-image:var(--cover);background-size:cover;background-position:center;cursor:pointer}.ccShade{position:absolute;inset:0;background:linear-gradient(180deg,#06101b20,#06101be8 75%)}.ccBody{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:end}.ccBody h3{font-size:22px;margin:8px 0}.ccBody p,.ccBody small{color:#a6b5c5;font-size:12px}.ccIcon{width:52px;height:52px;object-fit:cover;border-radius:14px;margin-bottom:auto}.tag{display:inline-block;border:1px solid #294051;border-radius:6px;padding:4px 7px;color:#8fa4b8;font-size:10px;width:max-content}.empty{padding:40px;border:1px dashed #263848;border-radius:15px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.empty b{color:#dce6ef}.communityCover{height:330px;border:1px solid var(--line);border-radius:20px;position:relative;overflow:hidden;background-image:var(--cover),linear-gradient(135deg,#10202d,#071018);background-size:cover;background-position:center}.coverShade{position:absolute;inset:0;background:linear-gradient(180deg,#00000010,#03070bd9)}.communityIdentity{position:absolute;bottom:28px;left:30px;right:30px;display:flex;gap:20px;align-items:end}.communityIcon{width:100px;height:100px;object-fit:cover;border-radius:24px;border:2px solid #345266;background:#0b1720}.communityIdentity h1{font-size:46px;margin:4px 0}.communityIdentity p,.communityIdentity small{color:#a4b2c0}.communityNav{display:flex;gap:3px;border-bottom:1px solid var(--line);overflow:auto}.communityNav button{border:0;background:none;color:#718397;padding:16px 14px;white-space:nowrap}.communityNav button.active,.communityNav button:hover{color:#fff;border-bottom:2px solid var(--cyan)}.communityBody{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding-top:20px}.communitySide{display:grid;gap:12px;align-content:start}.miniCard{border:1px solid var(--line);background:#090f15;border-radius:14px;padding:15px}.miniCard h3{margin:7px 0}.miniCard p{color:var(--muted);font-size:13px;line-height:1.5}.chatLink{display:block;width:100%;text-align:left;border:0;background:none;color:#9aabba;padding:8px 0}.createBar{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:11px;border-radius:12px;background:#090f15;margin-bottom:12px;color:#73869a;cursor:pointer}.createBar b{margin-left:auto;color:var(--cyan)}.membersGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.memberCard{text-align:center;border:1px solid var(--line);background:#090f15;border-radius:15px;padding:20px}.memberCard .avatar{margin:auto}.memberCard h3{margin:12px 0 6px}.memberCard p{color:var(--muted);font-size:12px;min-height:34px}.aboutGrid,.devGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.bigStats{display:flex;gap:30px}.bigStats b{font-size:25px}.bigStats small{display:block;font-size:10px;color:var(--muted);font-weight:normal}.chatRooms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.roomCard{text-align:left;padding:18px;border:1px solid var(--line);border-radius:13px;background:#090f15;color:#fff}.roomCard.selected{border-color:var(--cyan)}.roomCard b,.roomCard span{display:block}.roomCard span{color:var(--muted);font-size:12px;margin-top:6px}.chatPanel{margin-top:15px;border:1px solid var(--line);border-radius:15px;background:#080e14;overflow:hidden}.chatHeader{padding:15px;border-bottom:1px solid var(--line)}.chatHeader h2{margin:4px 0}.messages{height:420px;overflow:auto;padding:16px}.msg{padding:9px 11px;border-bottom:1px solid #101a24}.msg b{display:block;color:var(--cyan);font-size:12px}.msg span{display:block;margin-top:4px;color:#d2dce6}.chatInput{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chatInput .field{margin:0}.jarvis{min-height:600px;border:1px solid var(--line);border-radius:22px;padding:60px;background:radial-gradient(circle at 70% 30%,#13384d,transparent 30%),#080e15}.jarvis h1{font-size:100px;line-height:.8;letter-spacing:-5px}.jarvis>p{color:var(--muted);max-width:650px;line-height:1.7}.jarvisCard{display:flex;gap:18px;align-items:center;margin:30px 0;padding:20px;border:1px solid #244153;border-radius:15px;max-width:600px}.jarvisCard p{color:var(--muted)}.jarvisOrb{width:65px;height:65px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 35px #29dfff22}.profileHero{border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#0c1721,#080e14);padding:30px;display:flex;gap:25px;align-items:center}.profileHero p{color:var(--muted);max-width:600px}.profileActions{margin-left:auto;display:flex;gap:8px}.badgeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badgeCard{padding:18px;border:1px solid var(--line);border-radius:13px;background:#090f15;color:#65778b}.badgeCard span{display:block;font-size:12px;margin-top:6px}.badgeCard.earned{border-color:#315365;color:#d8edf7}.modal{position:fixed;inset:0;background:#000b;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:50;padding:20px}.modalBox{position:relative;width:min(720px,96vw);max-height:90vh;overflow:auto;background:#0a1118;border:1px solid #294052;border-radius:17px;padding:25px;box-shadow:0 25px 100px #000}.modalTitle h2{margin:5px 0}.modalTitle p{color:var(--muted)}.closeBtn{position:absolute;right:15px;top:12px;border:0;background:none;color:#73869a;font-size:24px}.field{width:100%;background:#070c11;color:#fff;border:1px solid #273746;border-radius:9px;padding:11px;margin:5px 0 12px;outline:0}.field:focus{border-color:#3e809a}.uploadGrid{display:grid;grid-template-columns:1fr 2fr;gap:10px}.uploadBox{border:1px dashed #2b4050;border-radius:10px;padding:12px;color:#8294a6;font-size:12px;display:block;min-height:80px}.uploadBox input{display:block;margin-top:8px}.uploadBox img{max-width:100%;max-height:140px;object-fit:cover;border-radius:8px;margin-top:8px;display:none}.previewImg{display:block!important}.adminTabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.adminTabs>.card:nth-child(3),.adminTabs>.card:nth-child(4){grid-column:span 1}.adminRow{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #15202a}.adminName{display:flex;flex-direction:column;gap:2px;flex:1}.adminName small{color:var(--muted);font-size:10px}.roleSelect{background:#070c11;color:#fff;border:1px solid #2a3b4a;border-radius:7px;padding:7px}.small{padding:7px 9px;font-size:11px}.adminList>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.reportRow{padding:12px 0;border-bottom:1px solid var(--line)}.reportRow span,.reportRow p,.reportRow small{display:block;color:var(--muted);font-size:12px;margin:5px 0}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.statCard{border:1px solid var(--line);background:#090f15;padding:20px;border-radius:14px}.statCard b{font-size:35px;display:block}.statCard span{color:var(--muted);font-size:11px}.devGrid{margin-top:15px}.notification{border-left:2px solid var(--cyan)}
@media(max-width:1100px){.appLayout{grid-template-columns:190px minmax(0,1fr)}.rightRail{display:none}.communityGrid,.communityGrid.large{grid-template-columns:repeat(2,1fr)}.membersGrid{grid-template-columns:repeat(3,1fr)}.landingHero{grid-template-columns:1fr}.heroVisual{display:none}.featureStrip{grid-template-columns:repeat(2,1fr)}.aboutGrid,.devGrid,.adminTabs{grid-template-columns:1fr}.chatRooms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.landingNav{padding:0 20px}.landingLinks a{display:none}.landingHero{padding:60px 25px}.heroCopy h1{font-size:62px}.featureStrip{grid-template-columns:1fr}.featureStrip>div{border-right:0;border-bottom:1px solid #162331;padding:25px}.landingSection{padding:70px 25px;display:block}.landingSection h2{font-size:38px}.authPage{grid-template-columns:1fr}.authVisual{min-height:330px;padding:50px 25px}.authVisual h1{font-size:58px}.authBox{border-left:0;padding:45px 25px}.top{padding:0 12px}.topSearch{display:none}.side{border-right:0;border-bottom:1px solid var(--line);display:block;padding:5px;position:sticky;top:68px;z-index:8;overflow:auto;background:#070b10}.sideSection{display:flex;margin:0}.sideSection small,.logout{display:none}.sideBtn{min-width:max-content;width:auto}.sideBtn span{display:none}.content{padding:14px}.dashboardHero{padding:24px;min-height:420px;display:block}.dashboardHero h1{font-size:50px}.heroMetric{border-left:0;border-top:1px solid #294355;padding:20px 0;margin-top:30px}.communityGrid,.communityGrid.large,.membersGrid,.chatRooms,.badgeGrid,.statsGrid{grid-template-columns:1fr}.communityBody{grid-template-columns:1fr}.communitySide{order:-1}.communityCover{height:380px}.communityIdentity{left:18px;right:18px;bottom:18px;align-items:start;flex-direction:column}.communityIdentity h1{font-size:34px}.profileHero{align-items:start;flex-direction:column}.profileActions{margin-left:0}.jarvis{padding:30px}.jarvis h1{font-size:65px}.uploadGrid{grid-template-columns:1fr}.pageHead,.sectionHead{align-items:start;flex-direction:column}.adminRow{flex-wrap:wrap}}
.dangerBtn{color:#ff8994!important;border-color:#5a2931!important}

/* --- TCI professional site settings + footer --- */
.siteBanner{margin-bottom:20px;min-height:260px;border:1px solid var(--line2);border-radius:20px;overflow:hidden;display:flex;align-items:end;padding:34px;background-position:center;background-size:cover;background-color:#09131c;position:relative;isolation:isolate;box-shadow:0 20px 70px #0005}.siteBanner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04080dee 0%,#04080db8 42%,#04080d35 100%);z-index:-1}.siteBanner>div{max-width:760px}.siteBanner h2{font-size:44px;margin:9px 0 6px;letter-spacing:-1px}.siteBanner p{margin:0;color:#afbfce;line-height:1.6;max-width:620px}.siteFooter{margin-top:72px;border-top:1px solid var(--line);background:linear-gradient(180deg,#070c12,#05080c);padding:48px 0 22px}.siteFooterInner{max-width:1400px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:44px}.footerBrand{max-width:430px}.footerLogo{font-weight:900;font-size:18px;letter-spacing:2px;margin-bottom:18px}.footerLogo span{color:var(--cyan)}.footerBrand>b{display:block;font-size:15px}.footerBrand p{color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 0}.footerCol{display:flex;flex-direction:column;gap:10px}.footerLabel{color:#5f778e;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:5px}.footerLink{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:12px;padding:10px 11px;color:#dce7ef;transition:.18s ease}.footerLink:hover{border-color:var(--line2);background:#0a121a}.footerLink span{display:flex;flex-direction:column;gap:3px}.footerLink b{font-size:13px}.footerLink small{font-size:11px;color:var(--muted)}.footerIcon{width:20px;height:20px;flex:0 0 20px;color:var(--cyan)}.siteFooterBottom{max-width:1400px;margin:28px auto 0;padding:18px 32px 0;border-top:1px solid #101a24;display:flex;justify-content:space-between;color:#596c80;font-size:11px}.settingsGrid{margin-top:15px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settingsCard{min-width:0}.settingsCard h2{margin:7px 0 8px}.settingsHint{color:var(--muted);font-size:12px;line-height:1.55}.fieldLabel{display:block;color:#9fb0c0;font-size:11px;letter-spacing:.2px;margin:8px 0 3px}.bannerUpload{min-height:150px}.bannerUpload img{width:100%;max-height:210px;object-fit:cover;display:block;margin-top:10px;border-radius:10px}.bannerActions{display:flex;align-items:center;gap:10px;min-height:34px}.bannerActions .settingsHint{margin:0}.miniPreviewRow{margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px;color:#8ea1b4;font-size:11px}.miniPreviewRow .footerIcon{width:16px;height:16px}.miniPreviewRow>span:nth-child(3),.miniPreviewRow>span:nth-child(5){margin-left:10px}.devGrid+.siteFooter{margin-left:-32px;margin-right:-32px}
@media(max-width:1100px){.settingsGrid{grid-template-columns:1fr}.siteFooterInner{grid-template-columns:1fr 1fr}.footerBrand{grid-column:1/-1}.devGrid+.siteFooter{margin-left:0;margin-right:0}}
@media(max-width:700px){.siteBanner{min-height:220px;padding:23px}.siteBanner h2{font-size:34px}.siteFooter{margin-top:48px;padding-top:34px}.siteFooterInner{grid-template-columns:1fr;padding:0 20px;gap:28px}.footerBrand{grid-column:auto}.siteFooterBottom{margin-top:24px;padding:16px 20px 0;display:block}.siteFooterBottom span{display:block;margin:4px 0}.settingsGrid{grid-template-columns:1fr}}

/* --- TCI 2.0 upgrades --- */
.subtleBtn{margin-top:8px;opacity:.9}.notifDot{display:none;position:absolute;right:8px;top:7px;min-width:16px;height:16px;padding:0 3px;border-radius:99px;background:var(--cyan);color:#00131a;font-size:9px;font-style:normal;font-weight:900;align-items:center;justify-content:center}.notifDot.show{display:flex}.bellBtn{position:relative}.postHead time{display:block;color:#53677b;font-size:9px;margin-top:3px}.postActions{display:flex;flex-wrap:wrap;gap:6px}.postActions button{border:1px solid transparent!important}.postActions button:hover{border-color:var(--line2)!important;background:#0c151d}.pollCard{margin:15px 0;padding:14px;border:1px solid #203646;border-radius:14px;background:#081219}.pollTitle{font-size:12px;font-weight:800;color:#9feeff;margin-bottom:9px}.pollOption{width:100%;display:block;text-align:left;margin:7px 0;padding:10px 12px;border:1px solid #294353;border-radius:10px;background:#09131b;color:#dae7ef}.pollOption:hover{border-color:var(--cyan);background:#0b1822}.pollCard>small{display:block;color:#61778b;margin-top:8px}.statusStrip,.creatorSnapshot{border:1px solid var(--line);border-radius:16px;background:#080f16;margin:16px 0;padding:16px}.statusHead{display:flex;justify-content:space-between;align-items:center}.statusList{display:flex;gap:10px;overflow:auto;margin-top:12px;padding-bottom:2px}.statusBubble{min-width:110px;max-width:165px;border:1px solid #203342;background:#09131b;color:#d9e8f0;border-radius:13px;padding:9px;display:flex;align-items:center;gap:8px;text-align:left}.statusBubble .avatar{width:30px;height:30px;min-width:30px;font-size:9px}.statusBubble span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapshotStats,.miniStatGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.snapshotStats b,.miniStatGrid>div{border:1px solid var(--line);border-radius:12px;padding:13px;background:#09131a}.snapshotStats small,.miniStatGrid small{display:block;color:var(--muted);font-size:10px;font-weight:normal;margin-top:4px}.miniStatGrid{grid-template-columns:repeat(6,1fr)}.miniStatGrid b{font-size:22px}.permPills{display:flex;flex-wrap:wrap;gap:4px;max-width:390px}.permPills i{font-style:normal;font-size:9px;padding:4px 6px;border:1px solid #253c4d;border-radius:99px;color:#8ea8ba}.permissionGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px}.permCheck{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:#b8c8d6;font-size:12px}.permCheck input{accent-color:#42d8f5}.memberTitle{display:inline-block;margin-top:4px;color:#78dff4;font-size:10px;font-weight:700;letter-spacing:.4px}.staffMemberRow{align-items:flex-start}.verifiedMark{display:inline-block;margin-left:6px;font-size:10px;color:#52ddff;border:1px solid #1b596a;border-radius:99px;padding:3px 7px}.currentStatus{display:inline-block;margin:8px 0;padding:6px 9px;background:#0b1a22;border:1px solid #214457;border-radius:9px;color:#9deafa;font-size:11px}.eventGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eventCard{border:1px solid var(--line);background:#09131a;border-radius:14px;padding:16px}.eventDate{display:inline-block;border:1px solid #244253;border-radius:8px;padding:5px 7px;color:#74dff7;font-size:9px;margin-bottom:8px}.eventCard h3{margin:4px 0 6px}.eventCard p{color:var(--muted);line-height:1.55}.eventCard>small{display:block;color:#7790a3;margin:8px 0}.eventFoot{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:10px;border-top:1px solid #16212b;color:#7990a3;font-size:10px}.searchSections{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fullSearch{grid-column:1/-1}.searchResult{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:10px;padding:9px;background:transparent;color:#dbe7ef}.searchResult:hover{border-color:var(--line2);background:#0b131b}.searchResult span{display:flex;flex-direction:column;gap:3px}.searchResult small,.searchResult p{display:block;color:var(--muted);font-size:11px;margin:2px 0}.toast{position:fixed;right:24px;bottom:24px;z-index:90;background:#08131a;border:1px solid #245267;color:#d8f7ff;padding:11px 14px;border-radius:10px;box-shadow:0 18px 50px #0008;font-size:12px}@media(max-width:1100px){.miniStatGrid{grid-template-columns:repeat(3,1fr)}.snapshotStats{grid-template-columns:repeat(2,1fr)}.eventGrid,.searchSections{grid-template-columns:1fr}.fullSearch{grid-column:auto}}@media(max-width:700px){.miniStatGrid{grid-template-columns:repeat(2,1fr)}.permissionGrid{grid-template-columns:1fr}.postActions button{font-size:10px}}

/* --- JARVIS web HUD / Mark-LII inspired control center --- */
.jarvisHub{padding:6px 0 30px}.jarvisTop{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:18px}.jarvisTop h1{font-size:clamp(58px,8vw,100px);line-height:.84;letter-spacing:-5px;margin:12px 0}.jarvisTop h1 span{color:var(--cyan)}.jarvisTop p{color:var(--muted);max-width:760px;line-height:1.65}.jarvisConnection{min-width:210px;border:1px solid var(--line);border-radius:14px;background:#080f16;padding:14px 16px;display:grid;grid-template-columns:12px 1fr;column-gap:9px}.jarvisConnection i{width:8px;height:8px;border-radius:50%;background:#647386;margin-top:5px;box-shadow:0 0 0 transparent}.jarvisConnection i.online{background:#5ff0a1;box-shadow:0 0 18px #5ff0a188}.jarvisConnection b{font-size:12px}.jarvisConnection small{grid-column:2;color:var(--muted);font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jarvisGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:14px}.jarvisHudCard{border:1px solid var(--line);border-radius:18px;background:#02070b;overflow:hidden;min-height:570px;box-shadow:inset 0 0 80px #0a5a7612,0 24px 80px #0005}.jarvisHud{height:520px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 48%,#06334a 0,transparent 25%),radial-gradient(circle at 50% 50%,#04141e 0,transparent 52%),#02070b}.jScanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 7px,#49e5ff06 8px);pointer-events:none}.jCross{position:absolute;background:#0f6c881e}.jCross.h{left:7%;right:7%;height:1px;top:50%}.jCross.v{top:7%;bottom:7%;width:1px;left:50%}.jRing{position:absolute;border:1px solid #1acfff55;border-radius:50%;box-shadow:0 0 28px #0adfff0c}.jRing.r1{width:76%;aspect-ratio:1;animation:jSpin 16s linear infinite}.jRing.r2{width:61%;aspect-ratio:1;border-style:dashed;animation:jSpinReverse 11s linear infinite}.jRing.r3{width:46%;aspect-ratio:1;border-color:#35dcff88;animation:jSpin 7s linear infinite}.jCore{width:210px;height:210px;border-radius:50%;position:relative;display:grid;place-items:center;z-index:3;border:1px solid var(--cyan);box-shadow:0 0 24px #22dfff55,0 0 90px #0acfff2e,inset 0 0 60px #0acfff18;background:radial-gradient(circle,#0c2e3e 0,#04141d 58%,#02070b 100%);animation:jBreathe 3s ease-in-out infinite}.jCore:before,.jCore:after{content:"";position:absolute;border-radius:50%;border:1px solid #51e7ff66;inset:-13px;animation:jPulse 2.8s ease-out infinite}.jCore:after{inset:-28px;opacity:.5;animation-delay:1.1s}.jCoreGlow{position:absolute;inset:25%;border-radius:50%;background:#4de7ff22;filter:blur(18px)}.jCoreText{position:relative;color:#e9fbff;font-weight:900;letter-spacing:3px;font-size:22px;text-shadow:0 0 18px #5de4ff}.jTicks{position:absolute;width:88%;height:88%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#55eaff 0 1deg,transparent 1deg 10deg);mask:radial-gradient(circle,transparent 72%,#000 72.5%,#000 73%,transparent 73.5%);opacity:.42;animation:jSpin 24s linear infinite}.jParticles{position:absolute;inset:0}.jParticle{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:jParticle 3.5s linear forwards}.jStatus{position:absolute;bottom:28px;color:#ffcc00;font-size:12px;letter-spacing:2px;font-weight:800;text-shadow:0 0 12px #ffcc0066}.jarvisHud.speaking .jCore{animation:jSpeak .8s ease-in-out infinite;box-shadow:0 0 35px #ff7b2c88,0 0 120px #ff7b2c2e}.jarvisHud.speaking .jRing{border-color:#ff8b4c88}.jarvisHud.thinking .jCore{animation:jThink 1.1s ease-in-out infinite}.jarvisHud.offline{filter:saturate(.35);opacity:.72}.jHudMeta{height:48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#547083;font-size:9px;letter-spacing:2px}.jarvisControl{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0a1118,#070c12);padding:18px;display:flex;flex-direction:column;min-height:570px}.jControlHead,.jSectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.jControlHead{margin-bottom:12px}.small{padding:7px 10px;font-size:11px}.jDevices{display:grid;gap:7px;margin-bottom:10px}.jDevice{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:9px;background:#081018}.jDevice.on{border-color:#1e5d68}.jDeviceDot{width:7px;height:7px;border-radius:50%;background:#6a7784;flex:0 0 7px}.jDevice.on .jDeviceDot{background:var(--green);box-shadow:0 0 10px #5ff0a188}.jDevice div{min-width:0;flex:1}.jDevice b,.jDevice small{display:block}.jDevice b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jDevice small{font-size:9px;color:var(--muted);margin-top:2px}.jDeviceEmpty{border:1px dashed #29404f;border-radius:11px;padding:14px;color:#7d91a4;font-size:11px;line-height:1.5}.jQuick{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:4px 0 12px}.jQuick button{border:1px solid var(--line);background:#09131b;color:#b7cad8;border-radius:9px;padding:9px;text-align:left;font-size:11px}.jQuick button:hover{border-color:#2a6175;color:#fff}.jCommand{margin-top:auto;border:1px solid var(--line);border-radius:13px;background:#050a0f;overflow:hidden}.jCommand textarea{width:100%;resize:vertical;min-height:90px;border:0;outline:0;background:transparent;color:#eaf8ff;padding:13px;font-size:12px;line-height:1.55}.jCommandFoot{border-top:1px solid var(--line);padding:8px;display:flex;justify-content:space-between;gap:8px}.jCommandFoot>div{display:flex;gap:5px}.jSafety{margin-top:10px;border:1px solid #765b18;background:#201b0a;border-radius:12px;padding:11px;color:#ffe8a1;font-size:11px}.jSafety>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.jSafety p{color:#bda969;margin:4px 0 0}.jarvisBottom{display:grid;grid-template-columns:1.25fr .9fr .7fr;gap:14px;margin-top:14px}.jLogs,.jScreen,.jCapabilities{min-height:290px}.jSectionHead h2{margin:6px 0 0;font-size:18px}.jLogsList{height:215px;overflow:auto;margin-top:12px;padding-right:4px}.jLog{display:grid;grid-template-columns:45px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #101a23;font-size:11px}.jLog>span{font-size:9px;letter-spacing:1px;color:#658097}.jLog.jarvis>span{color:var(--cyan)}.jLog.user>span{color:#fff}.jLog p{margin:0;color:#b8c8d5;line-height:1.45;white-space:pre-wrap}.jEmptyLog{color:#60778b;font-size:11px;padding:20px 0}.jScreenBox{height:220px;margin-top:12px;border:1px dashed #28414f;border-radius:12px;background:#04090d;display:grid;place-items:center;overflow:hidden;color:#60788b;font-size:10px;text-align:center;padding:10px}.jScreenBox img{width:100%;height:100%;object-fit:contain;background:#000}.jCaps{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.jCaps span{font-size:9px;padding:6px 7px;border:1px solid #254252;border-radius:99px;color:#8eb1c1;background:#08141b}.jCapabilities p{font-size:10px;color:#63798b;line-height:1.55}.jPairCode{font-size:42px;letter-spacing:9px;text-align:center;color:var(--cyan);font-weight:900;padding:20px 0;text-shadow:0 0 25px #5de4ff55}.jPairCmd{white-space:pre-wrap;word-break:break-word;background:#050a0f;border:1px solid var(--line);border-radius:10px;padding:12px;color:#cfeaf4;font-size:11px;margin:0 0 12px}.muted{color:var(--muted)}
@keyframes jSpin{to{transform:rotate(360deg)}}@keyframes jSpinReverse{to{transform:rotate(-360deg)}}@keyframes jBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes jSpeak{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes jThink{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.04) rotate(2deg)}}@keyframes jPulse{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.2);opacity:0}}@keyframes jParticle{from{transform:translate(0,0);opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}
@media(max-width:1200px){.jarvisGrid{grid-template-columns:1fr}.jarvisBottom{grid-template-columns:1fr 1fr}.jCapabilities{grid-column:1/-1}}@media(max-width:800px){.jarvisTop{display:block}.jarvisConnection{margin-top:14px}.jarvisHudCard{min-height:440px}.jarvisHud{height:390px}.jCore{width:160px;height:160px}.jarvisBottom{grid-template-columns:1fr}.jCommandFoot{display:block}.jCommandFoot>div{margin-bottom:7px;flex-wrap:wrap}.jCommandFoot .primary{width:100%}}

/* The Code Industries - live owner branding variables */
:root{--tci-bg:#070b12;--tci-surface:#0d1420;--tci-accent:#7dd3fc;--tci-text:#eef6ff;--tci-font:Inter}
html,body{background:var(--tci-bg);color:var(--tci-text);font-family:var(--tci-font),system-ui,sans-serif}
body .card,body .railCard,body .miniCard,body .techCard{background-color:var(--tci-surface)}
body a{color:var(--tci-accent)}

/* Public TCI storefront website */
.publicHero{min-height:620px;background-size:cover;background-position:center;position:relative;overflow:hidden}.publicHero .heroCopy{position:relative;z-index:2;max-width:760px}.publicHero h1{font-size:clamp(48px,7vw,92px);line-height:.95;max-width:900px}.publicProducts{padding-top:70px;padding-bottom:70px}.publicFeatures{margin-top:0}.publicWebsite .landingNav{position:relative;z-index:5}.publicWebsite .siteFooter{margin-top:0}.cardInnerSection{margin:18px 0;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.02)}.cardInnerSection h3{margin:4px 0 16px}.checkRow{display:flex;align-items:center;gap:10px;margin-top:12px}.checkRow input{width:18px;height:18px}

/* Logo size fix: keep uploaded site logos compact without changing the existing theme. */
.brand .siteDynamicLogo{display:block;width:auto;height:42px;max-width:180px;object-fit:contain;}
.topBrand .siteDynamicLogo{display:block;width:auto;height:38px;max-width:170px;object-fit:contain;}
.footerLogo .siteDynamicLogo{display:block;width:auto;height:34px;max-width:160px;object-fit:contain;}
@media(max-width:700px){.brand .siteDynamicLogo{height:36px;max-width:150px}.topBrand .siteDynamicLogo{height:34px;max-width:145px}.footerLogo .siteDynamicLogo{height:30px;max-width:140px}}


/* Authentication layout: prevent intrinsic-width overflow and browser-like zoom clipping. */
.authPage{
  width:100%;
  min-height:100vh;
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  overflow-x:clip;
}
.authVisual,.authBox{min-width:0;width:100%;}
.authVisual{min-height:100vh;min-height:100svh;padding:clamp(28px,7vw,110px);}
.authVisual h1{font-size:clamp(42px,6.2vw,100px);line-height:.98;letter-spacing:clamp(-5px,-.35vw,-2px);overflow-wrap:anywhere;}
.authVisual p{max-width:600px;}
.authBox{min-height:100vh;min-height:100svh;padding:clamp(24px,6vw,90px);align-items:stretch;overflow-wrap:anywhere;}
.authBox>*{max-width:460px;width:100%;}
.authBox .backLink{width:auto;align-self:flex-start;}
.authBox .authLogo{width:auto;max-width:100%;}
.authBox .authLogo img{display:block;width:auto;height:auto;max-width:min(180px,100%);max-height:52px;object-fit:contain;}
.authBox h2{font-size:clamp(27px,2.2vw,35px);margin:30px 0 5px;}
.authBox .field{width:100%;min-width:0;}
.authBox .wideBtn{width:100%;}
@media(max-width:800px){
  .authPage{grid-template-columns:minmax(0,1fr);}
  .authVisual{min-height:auto;padding:clamp(32px,8vw,60px) clamp(22px,6vw,42px);}
  .authVisual h1{font-size:clamp(40px,9vw,58px);letter-spacing:-2px;}
  .authBox{min-height:auto;padding:32px clamp(22px,6vw,42px) 56px;border-left:0;border-top:1px solid #162331;}
  .authBox h2{margin-top:24px;}
}
@media(max-width:380px){.authVisual h1{font-size:38px}.authPage{overflow-x:hidden}}

/* Editable homepage banner media */
.publicHero{isolation:isolate}
.heroBannerMedia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;background-size:cover;background-position:center}
.heroMediaShade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(7,11,18,.94),rgba(7,11,18,.58),rgba(7,11,18,.72))}
.siteBanner{background-image:none!important}
.siteBannerMedia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;background-size:cover;background-position:center}
.siteBannerShade{position:absolute;inset:0;background:linear-gradient(90deg,#04080dee 0%,#04080db8 42%,#04080d35 100%);z-index:-1;pointer-events:none}
.siteBannerCopy{position:relative;z-index:1}
.bannerManager{min-width:0}
.bannerLivePreview{min-height:110px;border:1px solid var(--line);border-radius:10px;background:#070c11;display:grid;place-items:center;overflow:hidden;margin:8px 0 10px;color:var(--muted);font-size:12px;text-align:center;padding:10px}
.bannerLivePreview img,.bannerLivePreview video{display:block;width:100%;max-height:240px;aspect-ratio:16/5;object-fit:cover;border-radius:7px}


/* Public homepage product showcase and admin controls */
.publicProducts{display:block}.publicProductsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.publicProductGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}.publicProductCard{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--tci-surface),#080e16);box-shadow:0 12px 32px #0002}.publicProductImage,.publicProductPlaceholder{display:grid;width:100%;height:190px;object-fit:cover;background:#09131d}.publicProductPlaceholder{place-items:center;color:var(--tci-accent);font-size:32px;font-weight:900;letter-spacing:2px}.publicProductPlaceholder span{color:#eaf8ff}.publicProductBody{padding:18px}.publicProductBody h3{margin:8px 0;font-size:19px}.publicProductBody p{min-height:44px;color:var(--muted);font-size:13px;line-height:1.55}.publicProductFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.publicProductFoot b{font-size:16px}.publicProductEmpty{display:flex;flex-direction:column;gap:6px;padding:28px;border:1px dashed var(--line);border-radius:15px;color:var(--muted)}.publicProductEmpty b{color:var(--tci-text)}.productAdminRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.productAdminRow>span{display:flex;flex-direction:column;gap:4px;min-width:0}.productAdminRow small{color:var(--muted)}@media(max-width:900px){.publicProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.publicProductsHead{align-items:flex-start;flex-direction:column}.publicProductGrid{grid-template-columns:minmax(0,1fr)}.publicProductImage,.publicProductPlaceholder{height:210px}.productAdminRow{align-items:flex-start;flex-direction:column}.productAdminRow .row{flex-wrap:wrap}}

/* Custom homepage banners: keep the full artwork visible and remove the default TCI tech card. */
.publicHero.hasCustomBanner{width:100%;max-width:none;min-height:clamp(420px,55vw,680px);padding:70px max(6vw,calc((100vw - 1400px)/2));display:block;background:#070b12;isolation:isolate}
.publicHero.hasCustomBanner .heroBannerMedia{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background-color:#070b12;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:-2}
.publicHero.hasCustomBanner .heroMediaShade{background:linear-gradient(90deg,rgba(7,11,18,.62),rgba(7,11,18,.12) 55%,rgba(7,11,18,.35))}
.publicHero.hasCustomBanner .heroCopy{max-width:min(760px,100%);padding:20px 0}
@media(max-width:700px){.publicHero.hasCustomBanner{min-height:clamp(300px,75vw,460px);padding:42px 22px}.publicHero.hasCustomBanner .heroCopy{padding:12px 0}.publicHero.hasCustomBanner h1{font-size:clamp(36px,10vw,58px)}}

/* Cloud JARVIS text chat */
.jCloudChat{margin:18px 0 14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#0a1118,#070c12)}.jCloudChat .jSectionHead{align-items:center}.jCloudChat .jSectionHead h2{margin:6px 0;font-size:20px}.jCloudChat .jSectionHead p{font-size:11px;line-height:1.5;max-width:720px;margin:5px 0 0}.jCloudMessages{display:grid;gap:9px;max-height:300px;min-height:92px;overflow:auto;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#050a0f}.jCloudWelcome{color:#6d8497;font-size:12px;align-self:center;padding:14px}.jCloudMessage{max-width:88%;padding:10px 12px;border:1px solid #203443;border-radius:12px;background:#0a151e}.jCloudMessage.user{justify-self:end;border-color:#14566a;background:#09202a}.jCloudMessage b{font-size:9px;letter-spacing:1px;color:var(--cyan)}.jCloudMessage p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;color:#d1e0e9;font-size:12px;line-height:1.55}.jCloudComposer{display:flex;gap:9px;align-items:stretch}.jCloudComposer textarea{flex:1;min-width:0;resize:vertical;min-height:54px;border:1px solid var(--line);border-radius:11px;background:#050a0f;color:#eaf8ff;padding:12px;font:inherit;font-size:12px}.jCloudComposer button{align-self:stretch}.jCloudComposer button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.jCloudChat{padding:12px}.jCloudChat .jSectionHead{display:block}.jCloudComposer{flex-direction:column}.jCloudComposer button{width:100%;min-height:42px}.jCloudMessage{max-width:96%}}

/* ============================================================
   TCI 3.0 responsive polish
   ============================================================ */
.adminNotice{border:1px solid #244052;background:#0b1720;color:#9bb2c5;border-radius:10px;padding:11px;margin:8px 0 14px;font-size:12px;line-height:1.5}
.developerUserRow,.teamRow{align-items:center}
.badgeAssignGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 18px}
.badgeAssign{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#080f16;cursor:pointer}
.badgeAssign input{margin-bottom:5px}
.badgeAssign.selected{border-color:var(--cyan);box-shadow:0 0 0 1px #7dd3fc33 inset}
.chatIdentity{display:flex;align-items:center;gap:12px}
.onlinePill{font-size:11px;color:#8fe4b0;border:1px solid #28533c;border-radius:999px;padding:6px 9px}
.enhancedMessages{display:flex;flex-direction:column;gap:8px;padding:18px}
.msg{display:flex;max-width:78%}
.msg.mine{margin-left:auto;justify-content:flex-end}
.msgBubble{display:flex;flex-direction:column;gap:4px;border:1px solid var(--line);background:#0a121a;border-radius:14px;padding:9px 12px}
.msg.mine .msgBubble{background:#102b37;border-color:#1f5364}
.msgBubble b{font-size:11px;color:var(--cyan)}
.msgBubble span{white-space:pre-wrap;overflow-wrap:anywhere}
.msgBubble time{font-size:9px;color:var(--muted);align-self:flex-end}
.chatComposer{display:flex;gap:8px;align-items:center;padding:10px;border-top:1px solid var(--line)}
.chatComposer .field{margin:0}
.storeFilters,.libraryFilters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.storeFilter{border:1px solid var(--line);background:#0a1118;color:#91a4b7;border-radius:999px;padding:8px 12px;cursor:pointer}
.storeFilter.active,.storeFilter:hover{color:#fff;border-color:#4d7184;background:#10202a}
.storeCategory,.libraryCategory{margin-bottom:28px}
.proProductCard{min-width:0}
.productPlaceholder{display:grid;place-items:center;height:220px;background:#09131d;color:var(--cyan);font-size:34px;font-weight:900}
.productTags{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.libraryCard{min-height:180px;display:flex;flex-direction:column}
.libraryCard .row{margin-top:auto}
.publicCategory{margin-top:28px}
.publicCategory>.sectionHead{margin-bottom:12px}
.publicCategory>.sectionHead h3{margin:0}
@media(max-width:900px){
  .appLayout{grid-template-columns:180px minmax(0,1fr)}
  .rightRail{display:none}
  .content{padding:20px}
  .devGrid{grid-template-columns:1fr}
  .badgeAssignGrid{grid-template-columns:1fr}
}
@media(max-width:700px){
  html,body{overflow-x:hidden}
  .top{height:58px;padding:0 8px}
  .topBrand{font-size:14px;white-space:nowrap}
  .topUser{gap:5px}
  .userPill span{display:none}
  .userPill{padding:6px}
  .appLayout{display:block;min-height:calc(100vh - 58px)}
  .side{position:sticky;top:58px;z-index:20;display:flex;flex-direction:row;gap:4px;border:0;border-bottom:1px solid var(--line);padding:6px;overflow-x:auto;white-space:nowrap}
  .sideSection{display:flex;gap:4px;margin:0}
  .sideSection small,.logout{display:none}
  .sideBtn{min-width:auto;width:auto;padding:9px 11px;margin:0;font-size:12px}
  .sideBtn span{display:inline}
  .content{padding:12px;max-width:100vw;overflow:hidden}
  .pageHead h1{font-size:30px}
  .pageHead,.sectionHead{gap:10px}
  .adminRow,.teamRow,.productAdminRow{align-items:flex-start;flex-wrap:wrap}
  .adminName{min-width:180px}
  .roleSelect{min-width:120px}
  .developerUserRow button,.developerUserRow select{margin-top:4px}
  .modal{padding:8px;place-items:center}
  .modalBox{width:100%;max-width:none;max-height:94vh;padding:17px;border-radius:14px}
  .field{font-size:16px}
  .permissionGrid{grid-template-columns:1fr}
  .badgeAssignGrid{grid-template-columns:1fr}
  .publicProductGrid,.productGrid,.projectGrid{grid-template-columns:1fr}
  .publicProductImage,.publicProductPlaceholder,.productPlaceholder{height:210px}
  .landingNav{padding:10px 14px}
  .landingLinks{gap:5px}
  .landingLinks .ghost,.landingLinks .primary{padding:7px 9px;font-size:11px}
  .landingHero{padding:50px 18px;min-height:520px}
  .heroCopy h1{font-size:42px;line-height:1.02}
  .heroCopy p{font-size:14px}
  .heroActions{flex-direction:column;align-items:stretch}
  .bigBtn{width:100%}
  .publicProducts{padding:34px 16px}
  .featureStrip{grid-template-columns:1fr}
  .siteFooterInner{grid-template-columns:1fr}
  .chatPanel{min-width:0}
  .chatComposer{position:sticky;bottom:0;background:#070b10}
  .enhancedMessages{min-height:55vh}
  .msg{max-width:90%}
  .chatHeader{align-items:flex-start;flex-wrap:wrap}
  .profileHero{padding:18px}
}

/* ============================================================
   THE CODE INDUSTRIES 4.0 — 3D public website, APK section,
   Screening Room, VS cards, leaderboard, check-in
   ============================================================ */
:root{--v4-a:#5de4ff;--v4-b:#8b7bff;--v4-c:#5ff0a1;--v4-text:#eef7ff;--v4-muted:#94a6bb;--v4-line:rgba(120,220,255,.22);--v4-glass:rgba(255,255,255,.06)}
.v4{min-height:100vh;overflow-x:hidden;color:var(--v4-text);background:radial-gradient(1100px 700px at 85% -10%,rgba(139,123,255,.28),transparent 60%),radial-gradient(900px 600px at -10% 25%,rgba(93,228,255,.16),transparent 55%),#05060a;font-family:Inter,Segoe UI,Arial,sans-serif}
.v4 *{box-sizing:border-box}
.v4 img{max-width:100%}
.v4Nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 6vw;background:rgba(5,6,10,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.v4Brand{font-weight:900;letter-spacing:2px;cursor:pointer;font-size:18px}
.v4Brand span{color:var(--v4-a)}
.v4Brand img{height:34px}
.v4Links{display:flex;gap:22px}
.v4Links a{color:var(--v4-muted);font-size:14px;transition:color .2s}
.v4Links a:hover{color:var(--v4-text)}
.v4NavActions{display:flex;gap:10px;align-items:center}
.v4Btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 20px;font-weight:700;font-size:14px;border:1px solid var(--v4-line);background:var(--v4-glass);color:var(--v4-text);cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s;white-space:nowrap}
.v4Btn:hover{transform:translateY(-2px)}
.v4Btn.solid{background:linear-gradient(120deg,var(--v4-a),var(--v4-b));color:#04101a;border-color:transparent;box-shadow:0 12px 40px -12px rgba(93,228,255,.6)}
.v4Btn.big{padding:16px 28px;font-size:16px}
.v4Btn.disabled{opacity:.45;pointer-events:none}
.v4Hero{position:relative;min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:60px 6vw;perspective:1400px;overflow:hidden}
.v4BgMedia{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;opacity:.3}
.v4HeroShade{position:absolute;inset:0;background:linear-gradient(90deg,#05060a 25%,rgba(5,6,10,.35))}
.v4HeroCopy{position:relative;z-index:2}
.v4Eyebrow{font-size:12px;letter-spacing:3px;color:var(--v4-a);font-weight:800}
.v4HeroCopy h1{font-size:clamp(44px,7.4vw,104px);line-height:.92;letter-spacing:-3px;margin:20px 0;background:linear-gradient(120deg,#fff 25%,var(--v4-a) 60%,var(--v4-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.v4HeroCopy p{color:var(--v4-muted);font-size:clamp(16px,1.6vw,20px);line-height:1.6;max-width:580px;margin:0}
.v4Actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.v4Stats{display:flex;gap:34px;margin-top:44px;flex-wrap:wrap}
.v4Stats div{display:flex;flex-direction:column}
.v4Stats b{font-size:20px}
.v4Stats span{color:var(--v4-muted);font-size:13px}
.v4Stage{position:relative;height:500px;transform-style:preserve-3d;transform:rotateX(calc(var(--my,0) * -14deg)) rotateY(calc(var(--mx,0) * 20deg));transition:transform .25s ease-out;z-index:1}
.v4Card{position:absolute;left:50%;top:50%;width:260px;padding:20px 22px;border-radius:22px;font-weight:800;font-size:16px;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 30px 60px -20px rgba(0,0,0,.75);transform:translate(-50%,-50%) translate3d(var(--x,0),var(--y,0),var(--z,0)) rotateY(var(--ry,0deg));animation:v4Float 6s ease-in-out infinite;animation-delay:calc(var(--i,0) * -1.2s)}
.v4Card i{display:block;height:8px;border-radius:9px;background:rgba(255,255,255,.12);margin-top:12px}
.v4Card i.short{width:60%}
.v4Core{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:34px;letter-spacing:3px;color:#04101a;background:radial-gradient(circle at 35% 35%,#fff,var(--v4-a) 40%,var(--v4-b));box-shadow:0 0 90px rgba(93,228,255,.55);transform:translateZ(60px)}
@keyframes v4Float{0%,100%{margin-top:0}50%{margin-top:-14px}}
[data-3d]{transform:perspective(1200px) rotateX(calc(var(--c,0) * -18deg + var(--hy,0) * -16deg)) rotateY(calc(var(--c,0) * 14deg + var(--hx,0) * 18deg)) translateZ(calc((0.5 - abs(var(--c,0))) * 90px + var(--hz,0) * 1px));transition:transform .18s ease-out,box-shadow .2s;will-change:transform}
[data-3d].v4Hover{--hz:36;box-shadow:0 30px 60px -20px rgba(93,228,255,.35)}
.v4Section{position:relative;padding:110px 6vw}
.v4SectionHead{max-width:760px;margin:0 auto 52px;text-align:center}
.v4SectionHead h2,.v4Split h2,.v4CTA h2{font-size:clamp(32px,4.4vw,56px);letter-spacing:-1.5px;line-height:1.03;margin:14px 0}
.v4SectionHead p,.v4Split p,.v4CTA p{color:var(--v4-muted);line-height:1.7;font-size:17px}
.v4Grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto}
.v4Feat{padding:28px;border-radius:24px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);transform-style:preserve-3d}
.v4Feat .ico{font-size:30px}
.v4Feat h3{margin:18px 0 8px;font-size:21px}
.v4Feat p{color:var(--v4-muted);line-height:1.6;margin:0;font-size:15px}
.v4Split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1200px;margin:0 auto}
.v4Split .v4Btn{margin-top:22px}
.v4ScreenMock{padding:18px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.v4ScreenFrame{aspect-ratio:16/9;border-radius:16px;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(93,228,255,.25),#0b1220 70%);font-size:54px;color:#fff}
.v4ScreenBar{height:6px;border-radius:6px;background:rgba(255,255,255,.1);margin:16px 0 10px;overflow:hidden}
.v4ScreenBar i{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--v4-a),var(--v4-b))}
.v4ScreenMock small{color:var(--v4-muted);font-size:13px}
.v4Apks{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1000px;margin:0 auto}
.v4ApkCard{padding:34px;border-radius:26px;background:linear-gradient(160deg,rgba(139,123,255,.16),rgba(255,255,255,.02));border:1px solid var(--v4-line);display:flex;flex-direction:column;gap:12px;align-items:flex-start;transform-style:preserve-3d}
.v4ApkIcon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:26px;font-weight:900;color:#04101a;background:linear-gradient(120deg,var(--v4-a),var(--v4-b))}
.v4ApkCard h3{margin:6px 0 0;font-size:24px}
.v4ApkCard p{color:var(--v4-muted);margin:0;line-height:1.6}
.v4ApkCard small{color:var(--v4-muted);font-size:12.5px;line-height:1.5}
.v4ApkCard .v4Btn{margin:8px 0 4px}
.v4Prods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto}
.v4Prod{border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transform-style:preserve-3d}
.v4ProdImg{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.v4ProdPh{display:grid;place-items:center;font-weight:900;font-size:30px;letter-spacing:3px;background:radial-gradient(circle,rgba(93,228,255,.25),#0b1220);color:var(--v4-a)}
.v4ProdBody{padding:20px}
.v4ProdBody h3{margin:8px 0 6px;font-size:19px}
.v4ProdBody p{color:var(--v4-muted);font-size:14px;line-height:1.5;margin:0 0 10px}
.v4ProdBody strong{color:var(--v4-c)}
.v4Empty{grid-column:1/-1;text-align:center;color:var(--v4-muted);padding:40px;border:1px dashed var(--v4-line);border-radius:20px}
.v4CTA{margin:0 6vw 90px;padding:70px 30px;text-align:center;border-radius:32px;background:radial-gradient(800px 320px at 50% 0,rgba(93,228,255,.22),transparent 70%),rgba(255,255,255,.03);border:1px solid var(--v4-line);transform-style:preserve-3d}
.v4CTA .v4Btn{margin-top:18px}
.v4Yt{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;margin:12px 0;background:#000}
.v4Yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.v4Vs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:12px 0}
.v4VsSide{padding:18px 14px;border-radius:16px;border:1px solid var(--v4-line);background:linear-gradient(160deg,rgba(93,228,255,.14),rgba(139,123,255,.12));color:var(--v4-text);font-weight:800;cursor:pointer;word-break:break-word;font-size:15px}
.v4VsSide:last-child{background:linear-gradient(160deg,rgba(255,109,122,.16),rgba(139,123,255,.1))}
.v4VsSide:hover{transform:translateY(-2px)}
.v4VsMark{font-weight:900;font-size:22px;color:var(--v4-a);text-shadow:0 0 18px rgba(93,228,255,.6)}
.v4Board{max-width:820px}
.v4BoardRow{display:grid;grid-template-columns:52px 44px 1fr auto auto;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);margin-bottom:10px}
.v4BoardRow b{color:var(--v4-a)}
.v4BoardRow em{font-style:normal;font-weight:800;color:var(--v4-c)}
.v4BoardRow small{display:block;color:var(--v4-muted)}
.v4BoardRow span{color:var(--v4-muted);font-size:13px}
@media (max-width:1000px){.v4Prods{grid-template-columns:1fr 1fr}.v4Grid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
 .v4Links{display:none}
 .v4NavActions .v4Btn.ghost{display:none}
 .v4Nav{padding:12px 16px}
 .v4Hero{grid-template-columns:1fr;padding:40px 16px 20px;min-height:auto;gap:10px}
 .v4HeroShade{background:linear-gradient(#05060a 45%,rgba(5,6,10,.6))}
 .v4HeroCopy h1{letter-spacing:-1.5px}
 .v4Actions{flex-direction:column;align-items:stretch}
 .v4Actions .v4Btn{width:100%}
 .v4Stats{gap:18px}
 .v4Stage{height:300px;transform:none}
 .v4Card{width:170px;padding:14px 16px;font-size:13px}
 .v4Section{padding:70px 16px}
 .v4Grid,.v4Prods,.v4Apks,.v4Split{grid-template-columns:1fr}
 .v4Split{gap:30px}
 .v4CTA{margin:0 16px 60px;padding:44px 20px}
 .v4BoardRow{grid-template-columns:40px 36px 1fr auto}
 .v4BoardRow span{display:none}
}
@media (prefers-reduced-motion:reduce){.v4 *,[data-3d]{animation:none!important;transition:none!important;transform:none!important}}

/* ===== TCI VC: live voice / video rooms ===== */
.vcHeaderActions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.vcStart{padding:8px 14px;font-size:13px}
.vcOverlay{position:fixed;inset:0;z-index:250;display:flex;flex-direction:column;gap:14px;padding:18px 16px;background:radial-gradient(900px 500px at 50% -10%,rgba(93,228,255,.14),transparent 60%),#05060a;color:#eef7ff;overflow:hidden}
.vcOverlay h2{margin:4px 0 0;font-size:20px}
.vcTop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.vcGrid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-content:start;overflow:auto;min-height:0}
.vcTile{position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#0b1220;border:1px solid rgba(93,228,255,.2);transition:box-shadow .2s}
.vcTile.muted{border-color:rgba(255,255,255,.06)}
.vcTile video{width:100%;height:100%;object-fit:cover;display:block}
.vcTile video.noVideo{opacity:0}
.vcAvatar{position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:900;letter-spacing:2px;color:#04101a;background:linear-gradient(120deg,#5de4ff,#8b7bff)}
.vcAvatar{width:76px;height:76px;margin:auto;inset:0;border-radius:50%;top:50%;transform:translateY(-50%)}
.vcName{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.6);font-size:13px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vcKickBtn{position:absolute;top:8px;right:8px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,109,122,.5);background:rgba(0,0,0,.6);color:#ff9aa4;font-size:12px;cursor:pointer}
.vcBar{display:flex;gap:12px;justify-content:center;padding-top:6px}
.vcBtn{padding:14px 22px;border-radius:999px;border:1px solid rgba(93,228,255,.3);background:linear-gradient(120deg,rgba(93,228,255,.2),rgba(139,123,255,.2));color:#eef7ff;font-weight:800;font-size:15px;cursor:pointer}
.vcBtn.off{background:rgba(255,255,255,.06)}
.vcBtn.end{background:linear-gradient(120deg,#ff6d7a,#ff9aa4);color:#1a0508;border:0}
@media (max-width:600px){.vcGrid{grid-template-columns:1fr 1fr}.vcBtn{flex:1;padding:14px 10px}.vcBar{flex-wrap:wrap}}
.vcRing{position:fixed;right:16px;bottom:16px;z-index:260;display:flex;flex-direction:column;gap:12px;min-width:260px;max-width:calc(100vw - 32px);padding:16px 18px;border-radius:18px;background:rgba(10,15,22,.96);border:1px solid rgba(93,228,255,.35);box-shadow:0 20px 50px -10px rgba(0,0,0,.8);color:#eef7ff}
.vcRingBtns{display:flex;gap:10px}
.vcRingBtns .vcBtn{flex:1;padding:10px 12px;font-size:14px}

/* ===== TCI 5.0 extras ===== */
.v4Steps{width:100%;margin-top:6px;border:1px solid var(--v4-line);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.03)}
.v4Steps summary{cursor:pointer;color:var(--v4-a);font-weight:700;font-size:14px}
.v4Steps ol{margin:12px 0 4px;padding-left:20px;color:var(--v4-muted);font-size:13.5px;line-height:1.6}
.v4Steps b{color:var(--v4-text)}
.v4Link{color:var(--v4-a);font-weight:700;font-size:14px}

/* ===== TCI 6.0: glass, community design, Control Center ===== */
:root{--v6-glass:rgba(255,255,255,.07);--v6-glass-line:rgba(255,255,255,.16)}
.glass{background:linear-gradient(160deg,rgba(255,255,255,.12),rgba(255,255,255,.04));-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--v6-glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 24px 60px -24px rgba(0,0,0,.7)}
.v6Search{position:relative;display:flex;align-items:center;gap:12px;margin-top:28px;max-width:560px;padding:6px 8px 6px 20px;border-radius:999px;z-index:5}
.v6SearchIcon{font-size:20px;color:var(--v4-a)}
.v6Search input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--v4-text);font-size:16px;padding:12px 4px}
.v6Search input::placeholder{color:#7d8ea3}
.v6SearchPanel{position:absolute;left:0;right:0;top:calc(100% + 10px);border-radius:22px;padding:10px;max-height:380px;overflow:auto}
.v6SearchPanel[hidden]{display:none}
.v6HitTitle{font-size:11px;letter-spacing:2px;color:var(--v4-a);padding:10px 10px 4px;font-weight:800}
.v6Hit{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:0;border-radius:14px;background:transparent;color:var(--v4-text);cursor:pointer;text-align:left}
.v6Hit:hover{background:rgba(255,255,255,.08)}
.v6Hit b{display:block}
.v6Hit small{color:var(--v4-muted)}
.v6HitIco{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(93,228,255,.14)}
.v6HitEmpty{padding:16px;color:var(--v4-muted);text-align:center}
.v6Grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto}
.v6Card{position:relative;overflow:hidden;border-radius:26px;cursor:pointer;transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s}
.v6Card:hover{transform:translateY(-6px)}
.v6CardCover{height:120px;background:var(--cover,radial-gradient(circle at 30% 20%,rgba(93,228,255,.45),transparent 60%),radial-gradient(circle at 80% 80%,rgba(139,123,255,.45),transparent 60%),#0b1220);background-size:cover;background-position:center;opacity:.9}
.v6CardBody{padding:0 22px 22px;margin-top:-34px}
.v6CardTop{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.v6Icon,.v6CardBody .avatar{width:64px;height:64px;border-radius:20px;border:3px solid #05060a;object-fit:cover}
.v6Chip{padding:5px 11px;border-radius:999px;font-size:11px;letter-spacing:1px;font-weight:800;background:rgba(93,228,255,.14);color:var(--v4-a);border:1px solid rgba(93,228,255,.3)}
.v6CardBody h3{margin:14px 0 6px;font-size:21px}
.v6CardBody p{margin:0;color:var(--v4-muted);line-height:1.55;font-size:14.5px;min-height:44px}
.v6CardFoot{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px;font-size:13px;color:var(--v4-muted)}
.v6Open{margin-left:auto;color:var(--v4-a);font-weight:800}
.v6Tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.v6Tab{padding:10px 16px;border-radius:999px;border:1px solid var(--v4-line);background:var(--v6-glass);color:var(--v4-text);cursor:pointer;font-weight:700}
.v6Tab.on{background:linear-gradient(120deg,var(--v4-a),var(--v4-b));color:#04101a;border-color:transparent}
.v6Row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;border-radius:20px;margin-bottom:12px;flex-wrap:wrap}
.v6RowMain{min-width:0;flex:1}
.v6RowMain b{display:block;font-size:16px}
.v6RowMain small{color:var(--v4-muted)}
.v6RowMain p{margin:6px 0 0;color:var(--v4-muted);font-size:14px}
.v6Snippet{word-break:break-word}
.v6Perms{font-family:monospace;font-size:11px;opacity:.8}
.v6Good{color:var(--v4-c)}
.v6Bad{color:#ff8d98}
.v6RowActions{display:flex;gap:8px;flex-wrap:wrap}
.v6RowActions .danger{color:#ff9aa4;border-color:rgba(255,109,122,.45)}
.v6Filter{display:flex;gap:10px;padding:12px;border-radius:18px;margin-bottom:16px}
.v6Filter .field{flex:1}
.v6Hire{padding:20px;border-radius:24px;margin-bottom:24px;display:grid;gap:12px}
.v6Hire h3{margin:0}
.v6Perms2{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;font-size:13px;color:var(--v4-muted)}
.v6Perms2 label{display:flex;gap:8px;align-items:center}
.v6GroupTitle{margin:22px 0 10px;font-weight:800;letter-spacing:1px;color:var(--v4-a)}
.v6GroupTitle small{color:var(--v4-muted);font-weight:500}
@media (max-width:1000px){.v6Grid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.v6Grid{grid-template-columns:1fr}.v6Search{margin-top:20px}.v6Row{flex-direction:column;align-items:flex-start}.v6Filter{flex-direction:column}}

/* ===== TCI 7.0: accounts, legal pages, verification banner, top search ===== */
.v7Wrap{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(900px 600px at 80% -10%,rgba(139,123,255,.25),transparent 60%),#05060a}
.v7Card{width:100%;padding:32px 28px;border-radius:28px;display:grid;gap:14px;color:var(--v4-text)}
.v7Card h2{margin:4px 0 0;font-size:28px;letter-spacing:-.5px}
.v7Card .field{width:100%}
.v7Muted{color:var(--v4-muted);font-size:14px;line-height:1.6;margin:0}
.v7Msg{color:var(--v4-a);font-size:14px;min-height:20px;margin:0}
.v7Forgot{text-align:center;margin:12px 0 0;font-size:14px}
.v7Forgot a{color:var(--v4-a)}
.v7Banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 16px 0;padding:12px 16px;border-radius:18px;font-size:14px}
.v7Legal{max-width:820px;margin:30px auto;padding:30px 28px;border-radius:28px;color:var(--v4-text)}
.v7Legal h2{font-size:32px;margin:14px 0}
.v7Legal h3{margin:22px 0 6px;font-size:17px;color:var(--v4-a)}
.v7Legal p{color:#c9d6e4;line-height:1.7;margin:0 0 8px}
.v7Draft{padding:10px 14px;border-radius:14px;background:rgba(255,184,77,.12);border:1px solid rgba(255,184,77,.35);color:#ffd28a !important;font-size:13.5px}
.v7Page{min-height:100vh;background:radial-gradient(900px 600px at 80% -10%,rgba(139,123,255,.2),transparent 60%),#05060a}
.v7LegalLinks{text-align:center;padding:14px;color:var(--v4-muted);font-size:13px}
.v7LegalLinks a{color:var(--v4-a);margin:0 6px}
.v7TopSearch{position:relative}
.v7SearchPanel{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:20px;padding:8px;max-height:360px;overflow:auto;z-index:60}
.v7SearchPanel[hidden]{display:none}
.danger-zone{border-color:rgba(255,109,122,.35)}

/* hero core logo (uses the logo set in Developer Panel → Site Branding) */
.v4CoreLogo{width:72%;height:72%;object-fit:contain;display:block}

/* ===== TCI 8.0: community games ===== */
.v8NewGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:10px}
.v8NewCard{display:flex;align-items:center;gap:14px;padding:18px;border-radius:22px;flex-wrap:wrap}
.v8NewCard>div{flex:1;min-width:160px}
.v8NewCard b{display:block;font-size:17px}
.v8NewCard small{color:var(--v4-muted);line-height:1.5}
.v8Icon{font-size:26px;white-space:nowrap}
.v8Sub{margin:26px 0 12px;color:var(--v4-a);letter-spacing:1px;font-size:14px}
.v8Pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.v8PickBtn{padding:20px;border-radius:20px;color:var(--v4-text);text-align:left;cursor:pointer;border:1px solid var(--v6-glass-line)}
.v8PickBtn small{display:block;color:var(--v4-muted);margin-top:4px}
.v8Board{padding:24px;border-radius:26px;max-width:560px;margin:0 auto;text-align:center}
.v8Players{display:flex;justify-content:center;align-items:center;gap:14px;font-weight:800;font-size:17px;margin-bottom:14px;flex-wrap:wrap}
.v8Players b{color:var(--v4-muted);font-weight:500;font-size:14px}
.v8You{color:var(--v4-a)}
.v8Hint{color:var(--v4-muted);margin:8px 0 14px}
.v8Result{font-size:22px;font-weight:900;margin:10px 0;color:var(--v4-c)}
.v8Center{font-size:18px}
.v8Ttt{display:grid;grid-template-columns:repeat(3,96px);gap:10px;justify-content:center;margin:18px 0}
.v8Cell{width:96px;height:96px;border-radius:18px;border:1px solid var(--v4-line);background:rgba(255,255,255,.05);color:var(--v4-text);font-size:44px;font-weight:900;cursor:pointer}
.v8Cell:not(:disabled):hover{background:rgba(93,228,255,.14)}
.v8Cell:disabled{cursor:default}
.v8Cell.X{color:var(--v4-a)}
.v8Cell.O{color:#ff9aa4}
.v8Score{display:flex;justify-content:space-around;align-items:center;margin:8px 0 6px}
.v8Score small{display:block;color:var(--v4-muted)}
.v8Score b{font-size:34px}
.v8Score span{color:var(--v4-muted);font-size:13px}
.v8PickRow{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.v8Pick2{padding:16px 18px;border-radius:18px;border:1px solid var(--v4-line);background:rgba(255,255,255,.05);color:var(--v4-text);font-size:16px;font-weight:800;cursor:pointer}
.v8Pick2:not(:disabled):hover{background:rgba(93,228,255,.16);transform:translateY(-2px)}
.v8Pick2:disabled{opacity:.45;cursor:default}
.v8Hist{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);margin-bottom:6px;font-size:14px;flex-wrap:wrap}
@media (max-width:860px){.v8NewGrid{grid-template-columns:1fr}.v8Ttt{grid-template-columns:repeat(3,84px)}.v8Cell{width:84px;height:84px;font-size:38px}}