:root{
  --bg:#050b16;
  --bg2:#071323;
  --panel:rgba(13,24,43,.84);
  --panel2:rgba(18,35,62,.74);
  --line:rgba(148,184,255,.16);
  --line2:rgba(125,249,255,.25);
  --text:#eef7ff;
  --muted:#9eb3c7;
  --soft:#cad8e8;
  --cyan:#38d9ff;
  --blue:#0aa5ff;
  --green:#B6FF6A;
  --orange:#ffb86b;
  --red:#ff5e7a;
  --purple:#b188ff;
  --shadow:0 30px 80px rgba(0,0,0,.46);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 12% 8%, rgba(56,217,255,.18), transparent 28%),
    radial-gradient(circle at 82% 12%, rgba(177,136,255,.13), transparent 30%),
    radial-gradient(circle at 60% 90%, rgba(182,255,106,.10), transparent 26%),
    linear-gradient(135deg,#030711 0%,#061322 48%,#04101f 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(125,249,255,.2);border-radius:99px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.04)}

.bg-grid:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 80%);
}
.bg-grid:after{
  content:"";
  position:fixed;inset:auto -10% -30% -10%;height:60vh;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(10,165,255,.22),transparent 62%);
  filter:blur(30px);
}

.topbar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px clamp(16px,3vw,40px);
  background:rgba(4,10,20,.7);
  backdrop-filter:blur(22px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.logo{width:44px;height:44px;border-radius:16px;box-shadow:0 0 30px rgba(56,217,255,.25)}
.brand-title{font-weight:900;letter-spacing:.2px;white-space:nowrap}
.brand-sub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.nav button,.ghost-btn,.pill-btn,.primary-btn,.danger-btn,.mini-btn,.tab-btn,.dock-btn,.room-btn{
  border:1px solid rgba(255,255,255,.12);
  color:var(--text);
  background:rgba(255,255,255,.06);
  border-radius:999px;
  padding:10px 14px;
  transition:.2s ease;
}
.nav button:hover,.ghost-btn:hover,.pill-btn:hover,.mini-btn:hover,.tab-btn:hover,.dock-btn:hover,.room-btn:hover{transform:translateY(-1px);border-color:rgba(125,249,255,.45);background:rgba(56,217,255,.12)}
.nav button.active,.tab-btn.active,.dock-btn.active,.room-btn.active{background:linear-gradient(135deg,rgba(56,217,255,.22),rgba(177,136,255,.18));border-color:rgba(125,249,255,.45)}
.primary-btn{border:none;background:linear-gradient(135deg,#20cbff,#6a5cff);font-weight:800;box-shadow:0 18px 40px rgba(10,165,255,.22)}
.primary-btn:hover{transform:translateY(-2px);filter:saturate(1.1)}
.danger-btn{background:rgba(255,94,122,.13);border-color:rgba(255,94,122,.4)}
.mini-btn{padding:8px 11px;font-size:13px}
.pill-btn{font-weight:700}
.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.12);padding:8px 11px;border-radius:999px;background:rgba(0,0,0,.22);color:var(--soft);font-size:13px;white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px currentColor}.dot.on{background:var(--green)}.dot.err{background:var(--red)}

.shell{max-width:1440px;margin:0 auto;padding:26px clamp(14px,3vw,42px) 60px}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:24px;align-items:stretch;margin-top:18px}
.hero-card,.glass-card,.metric-card,.feature-card,.room-card,.studio-card,.tool-card,.control-card,.modal-card{
  background:linear-gradient(180deg,rgba(17,32,58,.86),rgba(8,17,32,.82));
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}
.hero-card{position:relative;overflow:hidden;padding:42px;min-height:550px}
.hero-card:before{content:"";position:absolute;inset:-30% -10% auto auto;width:420px;height:420px;border-radius:50%;background:rgba(56,217,255,.18);filter:blur(18px)}
.kicker{display:inline-flex;gap:8px;align-items:center;color:#dffaff;border:1px solid rgba(125,249,255,.24);background:rgba(56,217,255,.08);padding:8px 12px;border-radius:999px;font-size:13px;margin-bottom:20px}
h1{font-size:clamp(44px,7vw,86px);line-height:.94;margin:0 0 18px;letter-spacing:-3px}
.gradient-text{background:linear-gradient(135deg,#fff 0%,#7df9ff 45%,#b6ff6a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:clamp(16px,2vw,20px);line-height:1.65;color:var(--soft);max-width:760px;margin:0 0 24px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 24px}.hero-actions button{min-height:46px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.trust-mini{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.05)}
.trust-mini b{font-size:20px}.trust-mini span{display:block;color:var(--muted);font-size:13px;margin-top:5px;line-height:1.4}
.hero-side{display:grid;grid-template-rows:auto auto 1fr;gap:16px}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-card{padding:18px}.metric-value{font-size:31px;font-weight:900}.metric-label{color:var(--muted);font-size:13px;margin-top:5px}
.identity-preview{padding:22px;overflow:hidden;position:relative}.identity-preview:after{content:"";position:absolute;right:-80px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:rgba(182,255,106,.11);filter:blur(4px)}
.id-card{border:1px solid rgba(125,249,255,.22);border-radius:22px;padding:18px;background:linear-gradient(135deg,rgba(11,43,78,.78),rgba(15,23,43,.78));position:relative;z-index:1}.id-chip{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.id-name{font-size:26px;font-weight:900;margin:18px 0 8px}.id-score{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.score-ring{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green),var(--cyan),rgba(255,255,255,.1));font-weight:900;color:#04101f}.score-ring span{background:#effff0;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}
.demo-screen{padding:20px;min-height:250px}.demo-screen-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.window-dots{display:flex;gap:6px}.window-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.18)}.demo-row{display:flex;gap:12px;margin-bottom:12px}.demo-avatar{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;font-weight:900}.demo-bubble{flex:1;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:13px;background:rgba(255,255,255,.05)}.demo-bubble small{display:block;color:var(--cyan);margin-top:7px}
.section{margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px}.section-head h2{font-size:clamp(26px,4vw,42px);letter-spacing:-1.2px;margin:0}.section-head p{color:var(--muted);max-width:650px;margin:0;line-height:1.6}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{padding:22px;min-height:210px}.feature-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(56,217,255,.12);border:1px solid rgba(125,249,255,.18);font-size:21px}.feature-card h3{margin:16px 0 8px}.feature-card p{margin:0;color:var(--muted);line-height:1.55}
.market-band{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:24px}.market-list{display:grid;gap:12px}.market-item{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.market-item span{font-size:22px}.market-item b{display:block}.market-item small{color:var(--muted);line-height:1.4}.market-visual{border:1px solid rgba(125,249,255,.18);border-radius:24px;background:radial-gradient(circle at 40% 25%,rgba(56,217,255,.22),transparent 45%),rgba(255,255,255,.04);min-height:280px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.deal-card{background:rgba(4,10,20,.56);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px}.deal-price{font-size:34px;font-weight:900}.deal-tag{color:var(--green)}

.hub-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.hub-sidebar{padding:18px}.hub-sidebar h3{margin:0 0 12px}.room-list{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:4px}.room-btn{border-radius:18px;text-align:left;display:block;padding:14px}.room-btn b{display:block}.room-btn small{display:block;color:var(--muted);margin-top:4px}.hub-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.room-card{overflow:hidden;min-height:320px;display:flex;flex-direction:column}.room-media{height:190px;background:linear-gradient(135deg,rgba(56,217,255,.16),rgba(177,136,255,.18));position:relative;display:grid;place-items:center}.room-media .live{position:absolute;top:14px;left:14px;background:rgba(255,94,122,.9);border-radius:999px;padding:7px 10px;font-weight:900;font-size:12px}.room-media .big-icon{font-size:54px}.room-info{padding:18px;display:grid;gap:10px;flex:1}.room-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12px}.room-actions{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}

.studio-shell{padding:14px;max-width:none}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px}.studio-badge{display:flex;align-items:center;gap:10px}.studio-main{display:grid;grid-template-columns:292px minmax(0,1fr) 332px;gap:12px;min-height:calc(100vh - 92px)}
.side-rail,.control-rail,.center-stage{border:1px solid var(--line);background:rgba(8,17,31,.76);border-radius:24px;backdrop-filter:blur(18px);box-shadow:var(--shadow);min-width:0}
.side-rail{padding:14px;display:flex;flex-direction:column;gap:12px}.rail-section{border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px;background:rgba(255,255,255,.035)}.rail-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.rail-title h3{margin:0;font-size:15px}.mini-field{display:grid;gap:6px;margin:8px 0}.mini-field label{color:var(--muted);font-size:12px}.mini-field input,.mini-field select,.message-input textarea{width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);color:var(--text);border-radius:14px;padding:10px;outline:none}.mini-field input:focus,.mini-field select:focus,.message-input textarea:focus{border-color:rgba(125,249,255,.55);box-shadow:0 0 0 4px rgba(56,217,255,.08)}.action-stack{display:grid;gap:8px}.side-note{font-size:12px;line-height:1.45;color:var(--muted)}
.center-stage{display:grid;grid-template-rows:minmax(360px,1fr) auto;overflow:hidden}.video-canvas{position:relative;min-height:420px;background:radial-gradient(circle at 50% 40%,rgba(56,217,255,.12),transparent 45%),#020711;display:grid;grid-template-columns:1fr 260px;gap:12px;padding:12px}.main-video,.guest-video{border-radius:24px;background:#000;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;min-height:240px}.main-video video,.guest-video video{width:100%;height:100%;object-fit:cover;background:#000}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px;background:radial-gradient(circle at center,rgba(56,217,255,.08),transparent 60%)}.video-placeholder b{display:block;color:var(--text);font-size:22px;margin-bottom:6px}.video-label{position:absolute;left:14px;top:14px;background:rgba(0,0,0,.44);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;font-size:12px;color:var(--soft);z-index:2}.guest-stack{display:grid;gap:12px;grid-template-rows:1fr 1fr}.guest-card{border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);padding:14px;display:flex;flex-direction:column;justify-content:space-between}.guest-card h4{margin:0}.guest-card p{color:var(--muted);font-size:13px;line-height:1.45;margin:8px 0 0}.caption-strip{position:absolute;left:28px;right:300px;bottom:24px;border:1px solid rgba(125,249,255,.22);background:rgba(0,0,0,.46);backdrop-filter:blur(12px);border-radius:22px;padding:13px 16px;color:#eaffff}.caption-strip small{display:block;color:var(--cyan);margin-top:4px}
.tool-dock{padding:12px;border-top:1px solid rgba(255,255,255,.08);background:rgba(5,11,22,.76)}.dock-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px}.dock-btn{flex:0 0 auto;border-radius:16px;padding:10px 12px;font-size:13px}.tool-panel{border:1px solid rgba(125,249,255,.16);border-radius:22px;background:rgba(255,255,255,.04);padding:14px;min-height:168px}.tool-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.tool-panel-head h3{margin:0}.tool-panel-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.chat-list{display:grid;gap:10px;max-height:210px;overflow:auto;padding-right:4px}.chat-msg{border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:11px;background:rgba(0,0,0,.18)}.chat-msg.mine{border-color:rgba(56,217,255,.25);background:rgba(56,217,255,.07)}.chat-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;margin-bottom:6px}.chat-original{color:#fff}.chat-translated{color:var(--green);margin-top:5px}.message-input{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.message-input textarea{resize:none;min-height:46px;max-height:110px}.whiteboard{height:250px;border:1px dashed rgba(125,249,255,.24);border-radius:20px;background:rgba(255,255,255,.03);touch-action:none}.file-drop{border:1px dashed rgba(125,249,255,.24);border-radius:20px;padding:28px;text-align:center;color:var(--muted);background:rgba(255,255,255,.03)}.studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-tile{padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(0,0,0,.18)}.studio-tile b{display:block}.studio-tile small{color:var(--muted)}
.control-rail{padding:14px;display:flex;flex-direction:column;gap:12px;overflow:auto}.control-card{box-shadow:none;padding:14px;border-radius:20px}.control-card h3{margin:0 0 10px;font-size:16px}.control-card p{margin:0;color:var(--muted);line-height:1.45;font-size:13px}.link-box{word-break:break-all;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.22);border-radius:16px;padding:10px;color:var(--soft);font-size:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.toggle-row:first-child{border-top:0}.switch{position:relative;width:48px;height:28px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.1)}.switch:before{content:"";position:absolute;width:21px;height:21px;top:2.5px;left:3px;border-radius:50%;background:white;transition:.2s}.switch.on{background:rgba(56,217,255,.35);border-color:rgba(125,249,255,.4)}.switch.on:before{left:22px;background:var(--green)}.api-slot{display:grid;gap:7px;color:var(--muted);font-size:12px}.api-slot b{color:var(--text)}.timeline{display:grid;gap:10px}.timeline-item{display:flex;gap:10px}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);margin-top:5px;box-shadow:0 0 18px var(--cyan)}

.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(14px);z-index:100;display:grid;place-items:center;padding:18px}.modal-card{width:min(560px,100%);padding:24px}.modal-card h2{margin:0 0 10px}.modal-card p{color:var(--muted);line-height:1.6}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}.login-steps{display:grid;gap:10px;margin:16px 0}.login-step{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.04)}
.toast{position:fixed;right:18px;bottom:18px;background:rgba(4,10,20,.9);border:1px solid rgba(125,249,255,.24);border-radius:18px;padding:13px 16px;color:#fff;box-shadow:var(--shadow);z-index:200;max-width:360px}.hidden{display:none!important}

@media (max-width:1200px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.studio-main{grid-template-columns:250px minmax(0,1fr)}.control-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.caption-strip{right:28px}.video-canvas{grid-template-columns:1fr}.guest-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.guest-video{min-height:180px}}
@media (max-width:850px){.topbar{align-items:flex-start}.nav{display:none}.shell{padding-inline:12px}.hero-card{padding:26px;min-height:auto}h1{letter-spacing:-2px}.trust-row,.metric-grid,.feature-grid,.market-band,.hub-layout,.hub-feed{grid-template-columns:1fr}.studio-shell{padding:8px}.studio-top{flex-direction:column;align-items:stretch}.studio-main{grid-template-columns:1fr;min-height:auto}.side-rail{order:1}.center-stage{order:2}.control-rail{order:3;grid-template-columns:1fr}.video-canvas{min-height:520px;padding:8px}.caption-strip{left:18px;right:18px;bottom:18px}.message-input{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr}.brand-sub{max-width:230px}.hero-actions button{width:100%}}
@media (max-width:520px){.brand-title{font-size:14px}.brand-sub{display:none}.logo{width:38px;height:38px}.hero-card{padding:20px;border-radius:22px}.section-head{display:block}.guest-stack{grid-template-columns:1fr}.dock-btn{font-size:12px}.room-actions button,.hero-actions button{width:100%}.studio-main{gap:8px}.side-rail,.control-rail,.center-stage{border-radius:18px}.main-video,.guest-video{border-radius:18px}}


/* ===== v2.2 Mobile UX + TikTok-style Feed Update ===== */
.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:var(--text);width:42px;height:42px;border-radius:14px;font-weight:900}.brand.mini{gap:8px}.brand.mini .logo{width:34px;height:34px}.brand.mini span{color:var(--muted);font-size:12px;margin-left:4px}
.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:80;display:none;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:rgba(2,7,14,.88);backdrop-filter:blur(22px);border-top:1px solid rgba(125,249,255,.14)}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;font-weight:800}.mobile-nav span{font-size:22px;line-height:1}.mobile-nav small{font-size:11px}.mobile-nav button.active{color:var(--cyan)}
.feed-app{min-height:100vh;background:#020711;color:var(--text);overflow:hidden}.feed-top{position:fixed;left:0;right:0;top:0;z-index:60;height:64px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to bottom,rgba(0,0,0,.55),rgba(0,0,0,0));}.feed-tabs{display:flex;gap:18px;align-items:center;justify-content:center;font-weight:900}.feed-tabs button{border:0;background:transparent;color:rgba(255,255,255,.78);font-weight:900;font-size:17px;position:relative}.feed-tabs button.active{color:#fff}.feed-tabs button.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-9px;height:3px;border-radius:99px;background:var(--cyan)}.reels{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.reels::-webkit-scrollbar{display:none}.reel-card{position:relative;height:100vh;min-height:720px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:84px 92px 100px;overflow:hidden}.reel-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(56,217,255,.25),transparent 30%),linear-gradient(135deg,#071323,#0a1c30 55%,#020711);}.reel-bg.city:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 24%),radial-gradient(circle at 60% 30%,rgba(255,184,107,.22),transparent 22%),linear-gradient(160deg,#647d86,#163149 44%,#0a1a2b);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.reel-bg.repair{background:radial-gradient(circle at 65% 22%,rgba(182,255,106,.26),transparent 32%),linear-gradient(135deg,#091b19,#09243a 55%,#050b16)}.reel-bg.pitch{background:radial-gradient(circle at 40% 20%,rgba(177,136,255,.32),transparent 32%),linear-gradient(135deg,#130b2b,#0b1830 55%,#050b16)}.reel-bg.studio{background:radial-gradient(circle at 50% 25%,rgba(10,165,255,.34),transparent 34%),linear-gradient(135deg,#071022,#11182f 55%,#020711)}.reel-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.18),rgba(0,0,0,.05) 36%,rgba(0,0,0,.82)),linear-gradient(to right,rgba(0,0,0,.62),transparent 45%,rgba(0,0,0,.28))}.reel-center{position:relative;z-index:2;max-width:720px;text-align:center;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:32px;background:rgba(3,10,22,.32);backdrop-filter:blur(12px)}.reel-center h2{font-size:clamp(34px,6vw,76px);line-height:.95;margin:12px 0;letter-spacing:-2px}.reel-center p{color:#d8eaff;line-height:1.6;font-size:clamp(15px,2vw,21px)}.reel-badge{display:inline-flex;align-items:center;border:1px solid rgba(125,249,255,.35);color:var(--cyan);border-radius:99px;padding:8px 12px;background:rgba(56,217,255,.1);font-weight:900}.reel-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.reel-meta{position:absolute;z-index:3;left:34px;bottom:92px;max-width:min(560px,70vw);text-shadow:0 2px 18px rgba(0,0,0,.7)}.reel-meta b{display:block;font-size:20px}.reel-meta span{display:block;color:#d3e4f5;margin:5px 0}.reel-meta p{font-size:16px;line-height:1.45;color:#fff;margin:0}.reel-actions{position:absolute;z-index:4;right:24px;bottom:105px;display:grid;gap:15px}.reel-action{border:0;background:transparent;color:#fff;display:grid;gap:5px;place-items:center;text-shadow:0 2px 18px rgba(0,0,0,.75)}.reel-action span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.2);font-weight:1000}.reel-action.active span{background:rgba(255,94,122,.88)}.reel-action small{font-weight:900;font-size:12px}.dock-helper{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-bottom:10px}.dock-helper b{color:var(--text)}
@media (max-width:850px){body{padding-bottom:74px}.mobile-nav{display:grid}.top-actions .status-pill{display:none}.topbar{position:sticky;top:0;padding:10px 12px}.feed-top{height:58px;padding:8px 10px}.feed-top .brand.mini span{display:none}.feed-tabs{gap:12px}.feed-tabs button{font-size:15px}.reel-card{min-height:100svh;height:100svh;padding:72px 70px 92px 16px;justify-content:flex-start;align-items:flex-end}.reel-center{display:none}.reel-meta{left:18px;right:72px;bottom:92px;max-width:none}.reel-meta p{font-size:14px}.reel-actions{right:8px;bottom:98px;gap:13px}.reel-action span{width:48px;height:48px}.hub-sidebar{display:none}.hub-feed{display:grid;gap:12px}.room-card{min-height:auto}.room-media{height:130px}.studio-shell{padding:6px 6px 78px}.studio-top{position:sticky;top:0;z-index:70;margin-bottom:8px}.side-rail{max-height:44vh;overflow:auto}.control-rail{display:none}.center-stage{grid-template-rows:auto auto}.video-canvas{min-height:430px;grid-template-columns:1fr;gap:8px}.main-video{min-height:270px}.guest-stack{grid-template-columns:1fr;display:none}.caption-strip{position:static;margin-top:8px}.tool-dock{padding:10px}.dock-tabs{gap:8px;scroll-snap-type:x mandatory}.dock-btn{scroll-snap-align:start;min-width:max-content;padding:10px 13px}.tool-panel{min-height:280px}.chat-list{max-height:330px}.whiteboard{height:300px}.studio-grid{grid-template-columns:1fr!important}.dock-helper{font-size:12px}.dock-helper span{display:none}}
@media (max-width:520px){.reel-card{padding-right:64px}.reel-meta b{font-size:18px}.reel-meta span{font-size:13px}.reel-meta p{font-size:13px}.reel-action span{width:44px;height:44px}.feed-tabs button:nth-child(n+4){display:none}.studio-top .status-pill{font-size:11px}.side-rail .room-list{max-height:170px}.tool-panel-head{display:block}.tool-panel-head .status-pill,.tool-panel-head .switch{margin-top:10px}}

/* ===== v2.3 CidenDB Auth UI ===== */
.auth-card{max-width:720px}
.api-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid rgba(125,249,255,.22);background:rgba(0,255,255,.06);border-radius:16px;padding:10px 12px;margin:14px 0;color:var(--soft);overflow:hidden}
.api-strip span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);font-weight:900}.api-strip b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auth-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin:13px 0}.auth-field{display:grid;gap:7px}.auth-field span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:900}.auth-field input{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.22);color:var(--text);border-radius:14px;padding:13px 14px;font-size:15px;outline:none}.auth-field input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(49,224,255,.1)}
.auth-error,.auth-info{border-radius:14px;padding:11px 12px;margin-top:10px;font-size:14px}.auth-error{border:1px solid rgba(255,92,132,.35);background:rgba(255,92,132,.12);color:#ff9bb3}.auth-info{border:1px solid rgba(49,224,255,.25);background:rgba(49,224,255,.08);color:#7df9ff}
.auth-user-card{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.05);padding:14px;margin:16px 0}.auth-avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#00e5ff,#7c4dff);font-size:22px;font-weight:1000;color:#00131c}.auth-user-card small{display:block;color:var(--muted);margin-top:4px}.auth-user-mini{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-user-mini small{display:block;color:var(--muted);margin-top:3px}.score-ring.small{width:54px;height:54px}.score-ring.small span{font-size:17px}
@media (max-width:620px){.auth-grid{grid-template-columns:1fr}.auth-grid button{width:100%}.modal-card{max-height:92svh;overflow:auto}.api-strip{display:block}.api-strip b{display:block;margin-top:6px}}

/* ===== v2.4 MOBILE UX CLEANUP START ===== */
.mobile-studio-quickbar{display:none}
.quick-chip{border:1px solid rgba(125,249,255,.18);background:rgba(255,255,255,.06);color:var(--text);border-radius:999px;padding:10px 13px;font-weight:900;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.quick-chip.active{background:linear-gradient(135deg,rgba(56,217,255,.25),rgba(177,136,255,.18));border-color:rgba(125,249,255,.55)}
.quick-chip.danger{border-color:rgba(255,94,122,.45);color:#ffb8c5;background:rgba(255,94,122,.12)}

@media (max-width:850px){
  .mobile-studio-quickbar{display:flex;gap:8px;overflow:auto;padding:10px;margin:0 0 8px;position:sticky;top:62px;z-index:75;scroll-snap-type:x mandatory;border-radius:18px}
  .mobile-studio-quickbar::-webkit-scrollbar{height:0}
  .quick-chip{scroll-snap-align:start;font-size:12px;padding:9px 11px}
  .studio-shell{padding:6px 6px 88px!important}
  .studio-top{border-radius:18px!important;padding:10px!important;gap:8px!important}
  .studio-top .studio-badge .brand-title{font-size:15px}
  .studio-top .studio-badge .brand-sub{display:block;max-width:220px;font-size:11px}
  .studio-top > div:last-child{display:none!important}
  .studio-main{display:block!important;min-height:auto!important}
  .side-rail,.control-rail{display:none!important}
  .center-stage{display:block!important;border-radius:20px!important;padding:8px!important;background:rgba(8,17,31,.82)!important}
  .video-toolbar{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:8px}
  .video-toolbar button{white-space:nowrap;min-width:max-content}
  .video-canvas{position:relative!important;display:block!important;min-height:450px!important;padding:8px!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(9,18,33,.92),rgba(5,10,20,.95))!important}
  .main-video{min-height:438px!important;height:438px!important;border-radius:20px!important;overflow:hidden!important}
  .main-video video{width:100%;height:100%;object-fit:cover}
  .guest-stack{display:block!important;position:absolute!important;right:14px!important;bottom:86px!important;width:43%!important;max-width:210px!important;z-index:5!important}
  .guest-video{min-height:148px!important;height:148px!important;border-radius:18px!important;box-shadow:0 18px 55px rgba(0,0,0,.52);overflow:hidden!important;background:rgba(2,7,14,.8)!important;border:1px solid rgba(125,249,255,.28)!important}
  .guest-video video{width:100%;height:100%;object-fit:cover}
  .guest-card{display:none!important}
  .video-placeholder{padding:10px!important;text-align:center}.video-placeholder b{font-size:12px}.video-placeholder span{display:none}
  .caption-strip{position:absolute!important;left:14px!important;right:14px!important;bottom:14px!important;margin:0!important;border-radius:16px!important;background:rgba(2,7,14,.74)!important;backdrop-filter:blur(14px);padding:12px!important;z-index:6!important}
  .caption-strip b{font-size:13px}.caption-strip small{font-size:11px}
  .tool-dock{margin-top:10px!important;padding:10px!important;border-radius:20px!important;background:rgba(8,17,31,.78)!important;border:1px solid rgba(125,249,255,.15)!important}
  .dock-helper{display:none!important}
  .dock-tabs{display:flex!important;gap:8px!important;overflow:auto!important;padding:0 0 8px!important;scroll-snap-type:x mandatory!important}
  .dock-tabs::-webkit-scrollbar{height:0}
  .dock-btn{min-width:max-content!important;font-size:12px!important;padding:9px 11px!important;scroll-snap-align:start!important}
  .tool-panel{min-height:auto!important;padding:12px!important;border-radius:18px!important;background:rgba(5,13,26,.76)!important}
  .tool-panel-head{margin-bottom:10px!important}.tool-panel-head h3{font-size:18px!important}.tool-panel-head p{font-size:12px!important;line-height:1.45!important}
  .chat-list{max-height:260px!important}.chat-msg{padding:12px!important}.message-input{grid-template-columns:1fr auto!important;gap:8px!important}.message-input textarea{min-height:48px!important;max-height:110px!important}
  .studio-grid{grid-template-columns:1fr!important;gap:8px!important}.studio-tile{min-height:auto!important;padding:12px!important}
  .file-drop{min-height:150px!important}.whiteboard{height:220px!important}
  .mobile-nav{height:auto}.mobile-nav button{min-height:50px}
}

@media (max-width:520px){
  h1{font-size:42px!important;letter-spacing:-1.6px!important}.hero p{font-size:15px!important}.shell{padding-top:14px!important}
  .topbar{min-height:58px}.top-actions{display:none}.brand-title{font-size:15px!important}.brand-sub{display:none!important}
  .hero-card{padding:20px!important}.trust-row{gap:8px!important}.trust-mini{padding:13px!important}.feature-card{min-height:auto!important;padding:17px!important}
  .reel-card{padding-right:62px!important}.reel-meta{left:14px!important;right:62px!important}.reel-actions{right:6px!important}.feed-top{background:linear-gradient(180deg,rgba(2,7,14,.9),rgba(2,7,14,.24))!important;border-bottom:0!important}.feed-tabs{overflow:auto;white-space:nowrap;max-width:68vw}.feed-tabs::-webkit-scrollbar{height:0}
  .mobile-studio-quickbar{top:58px!important;margin-left:-2px;margin-right:-2px;border-radius:16px!important}
  .video-canvas{min-height:400px!important}.main-video{height:390px!important;min-height:390px!important}.guest-stack{width:46%!important;bottom:78px!important}.guest-video{height:132px!important;min-height:132px!important}
  .caption-strip{padding:10px!important}.caption-strip small{display:none!important}
}
/* ===== v2.4 MOBILE UX CLEANUP END ===== */


/* ===== v2.5 CREATOR FEED + DB READY START ===== */
.mini-create{padding:10px 13px;font-size:13px;border-radius:999px}
.creator-card{max-width:760px}
.creator-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.creator-form .full{grid-column:1/-1}
.auth-field select,.auth-field textarea{border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.22);color:var(--text);border-radius:14px;padding:13px 14px;font-size:15px;outline:none}
.auth-field textarea{min-height:105px;resize:vertical;font-family:inherit}
.auth-field select option{background:#0a1020;color:#fff}
.upload-slot{border:1px dashed rgba(125,249,255,.35);background:rgba(125,249,255,.07);border-radius:18px;padding:16px;display:grid;gap:6px}
.upload-slot b{color:var(--cyan)}
.upload-slot small{color:var(--muted);line-height:1.45}
.reel-card:after{content:"Creator Feed · Live rooms · Cidentia trust";position:absolute;left:34px;top:88px;z-index:4;color:rgba(255,255,255,.65);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
@media (max-width:850px){.mini-create{padding:9px 10px;font-size:12px}.creator-form{grid-template-columns:1fr}.reel-card:after{left:18px;top:70px;font-size:10px}.feed-top .top-actions .status-pill{display:none}}
/* ===== v2.5 CREATOR FEED + DB READY END ===== */


/* ===== v2.8 FEED POLISH + MOBILE HEADER FIX START ===== */
.reel-sync-btn{margin-top:10px;border:1px solid rgba(125,249,255,.34);color:#7df9ff;background:rgba(49,224,255,.10);border-radius:999px;padding:9px 12px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.feed-status-row{display:flex;align-items:center;gap:8px;min-width:0}.feed-status-row .status-pill{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:850px){.feed-app{overflow:hidden!important;background:#020711!important}.feed-top{height:62px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;background:linear-gradient(180deg,rgba(2,7,14,.96),rgba(2,7,14,.42),rgba(2,7,14,0))!important}.feed-top .brand.mini{min-width:0;gap:8px;max-width:145px;overflow:hidden}.feed-top .brand.mini b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-tabs{justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;max-width:none!important;min-width:0!important;padding:0 4px;scrollbar-width:none}.feed-tabs::-webkit-scrollbar{height:0}.feed-tabs button{font-size:15px!important;white-space:nowrap;min-width:max-content;padding:0 2px}.feed-status-row{justify-content:flex-end;gap:6px;min-width:max-content}.feed-status-row .status-pill{display:none!important}.feed-status-row .mini-create{height:36px;min-width:42px;padding:8px 10px!important;font-size:0!important;border-radius:999px!important}.feed-status-row .mini-create[data-action="reload-feed"]::after{content:"DB";font-size:12px}.feed-status-row .mini-create[data-action="open-create-post"]::after{content:"+";font-size:20px;line-height:1}.feed-status-row .icon-btn{height:36px;width:40px;border-radius:14px}.reels{height:100svh!important;scroll-snap-type:y mandatory!important;overscroll-behavior-y:contain}.reel-card{height:100svh!important;min-height:100svh!important;padding:74px 62px 95px 16px!important;scroll-snap-stop:always}.reel-meta{bottom:104px!important}.mobile-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:80!important;background:rgba(2,7,14,.92)!important;backdrop-filter:blur(18px);border-top:1px solid rgba(125,249,255,.16)}}
@media (max-width:430px){.feed-top{grid-template-columns:auto minmax(90px,1fr) auto!important;padding:7px 8px!important}.feed-top .brand.mini{max-width:132px}.feed-top .brand.mini img{width:38px;height:38px}.feed-top .brand.mini b{font-size:14px}.feed-tabs button{font-size:14px!important}.feed-tabs button:nth-child(n+3){display:none}.reel-card{padding-right:58px!important}.reel-actions{right:4px!important}.reel-meta{right:58px!important;left:14px!important}.reel-meta b{font-size:19px!important}}
/* ===== v2.8 FEED POLISH + MOBILE HEADER FIX END ===== */


/* v2.8 media upload polish */
.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:saturate(1.08) contrast(1.05)}
.reel-bg.video-tint{background:linear-gradient(145deg,rgba(0,0,0,.1),rgba(0,0,0,.58));z-index:1}
.media-preview{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden}
.media-preview-image,.media-preview-video{width:100%;max-height:220px;object-fit:cover;border-radius:18px;border:1px solid rgba(125,249,255,.22);background:#030711}
#post-media-file{padding:14px;cursor:pointer}
@media (max-width:720px){.media-preview-image,.media-preview-video{max-height:180px}}


/* ===== v2.9 FEED MEDIA DISPLAY FIX START ===== */
/* Uploaded images must behave like one full-screen reel, never like a tiled wallpaper. */
.reel-bg{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.reel-card{
  background:#020711;
}
.reel-card.has-uploaded-media .reel-bg{
  transform: scale(1.01);
}
.reel-title-mobile{
  display:none;
  font-weight:1000;
  font-size:clamp(26px,6vw,42px);
  line-height:1.05;
  letter-spacing:-1px;
  margin:0 0 8px;
  text-shadow:0 6px 26px rgba(0,0,0,.78);
}
@media (min-width:851px){
  .reel-card.has-uploaded-media .reel-bg{
    left:50%;
    width:min(100vw,980px);
    transform:translateX(-50%) scale(1.01);
    background-color:#020711;
    box-shadow:0 0 90px rgba(0,0,0,.72);
  }
  .reel-card.has-uploaded-media .reel-bg::before,
  .reel-card.has-uploaded-media .reel-bg::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    width:calc((100vw - min(100vw,980px)) / 2 + 4px);
    background:linear-gradient(90deg,rgba(2,7,17,.96),rgba(2,7,17,.72));
    pointer-events:none;
  }
  .reel-card.has-uploaded-media .reel-bg::before{right:100%;}
  .reel-card.has-uploaded-media .reel-bg::after{left:100%;transform:scaleX(-1);}
}
@media (max-width:850px){
  .reel-center{display:none!important;}
  .reel-title-mobile{display:block;}
  .reel-bg{
    background-position:center center !important;
  }
  .reel-card.has-uploaded-media .reel-bg{
    inset:0;
    width:100%;
    transform:none;
  }
  .reel-overlay{
    background:linear-gradient(to bottom,rgba(0,0,0,.22),rgba(0,0,0,.08) 34%,rgba(0,0,0,.88)),linear-gradient(to right,rgba(0,0,0,.62),transparent 58%)!important;
  }
  .reel-meta{bottom:116px!important;}
  .reel-meta b{font-size:18px!important;}
  .reel-meta span{font-size:13px!important;}
  .reel-meta p{font-size:15px!important;line-height:1.35!important;max-width:100%;}
}
@media (max-width:430px){
  .reel-title-mobile{font-size:30px;}
  .reel-meta{bottom:112px!important;}
}
/* ===== v2.9 FEED MEDIA DISPLAY FIX END ===== */


/* ===== v2.9.1 TIKTOK-STYLE REEL LAYOUT START ===== */
.feed-app{background:#020711!important;}
.reels{background:radial-gradient(circle at 50% 6%,rgba(56,217,255,.10),transparent 28%),#020711!important;}
.reel-card{padding:72px 0 92px!important;justify-content:center!important;align-items:center!important;background:#020711!important;}
.reel-card.has-uploaded-media .reel-center{display:none!important;}
.reel-card.has-uploaded-media .reel-title-mobile{display:block!important;font-size:clamp(24px,2.2vw,36px)!important;line-height:1.05!important;letter-spacing:-.8px!important;margin:0 0 8px!important;max-width:430px!important;}
.reel-card.has-uploaded-media .reel-bg,.reel-card.has-uploaded-media .reel-video{position:absolute!important;top:0!important;bottom:0!important;left:50%!important;width:min(100vw,520px)!important;height:100%!important;transform:translateX(-50%)!important;border-radius:0!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 90px rgba(0,0,0,.68)!important;filter:saturate(1.08) contrast(1.04)!important;}
.reel-card.has-uploaded-media .reel-bg::before,.reel-card.has-uploaded-media .reel-bg::after{display:none!important;content:none!important;}
.reel-card.has-uploaded-media .reel-overlay{background:linear-gradient(to bottom,rgba(0,0,0,.28),rgba(0,0,0,.05) 34%,rgba(0,0,0,.86)),linear-gradient(to right,rgba(0,0,0,.78),transparent 42%,rgba(0,0,0,.48))!important;}
.reel-card.has-uploaded-media .reel-meta{left:calc(50% - min(50vw,260px) + 18px)!important;right:auto!important;bottom:92px!important;max-width:min(390px,calc(100vw - 132px))!important;text-shadow:0 2px 18px rgba(0,0,0,.92)!important;}
.reel-card.has-uploaded-media .reel-meta b{font-size:19px!important;line-height:1.1!important;margin-bottom:5px!important;}
.reel-card.has-uploaded-media .reel-meta span{font-size:14px!important;margin:4px 0!important;}
.reel-card.has-uploaded-media .reel-meta p{font-size:15px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.reel-card.has-uploaded-media .reel-actions{right:calc(50% - min(50vw,260px) - 74px)!important;bottom:112px!important;gap:13px!important;}
.reel-card.has-uploaded-media .reel-action span{width:54px!important;height:54px!important;background:rgba(0,0,0,.45)!important;backdrop-filter:blur(14px)!important;}
.reel-card.has-uploaded-media .reel-action.active span{background:rgba(255,94,122,.9)!important;}
.reel-card.has-uploaded-media:after{display:none!important;}
.feed-top{border-bottom:0!important;}
.feed-tabs button{text-shadow:0 2px 18px rgba(0,0,0,.7);}
@media (min-width:851px){.reel-card:not(.has-uploaded-media){padding-left:92px!important;padding-right:92px!important;}}
@media (max-width:850px){.reel-card{padding:66px 58px 96px 14px!important;}.reel-card.has-uploaded-media .reel-bg,.reel-card.has-uploaded-media .reel-video{left:0!important;width:100%!important;transform:none!important;box-shadow:none!important;}.reel-card.has-uploaded-media .reel-title-mobile{font-size:28px!important;max-width:100%!important;margin-bottom:7px!important;}.reel-card.has-uploaded-media .reel-meta{left:16px!important;right:64px!important;bottom:106px!important;max-width:none!important;}.reel-card.has-uploaded-media .reel-actions{right:6px!important;bottom:118px!important;gap:13px!important;}.reel-card.has-uploaded-media .reel-action span{width:48px!important;height:48px!important;}.reel-card.has-uploaded-media .reel-meta p{font-size:14px!important;-webkit-line-clamp:2!important;}}
@media (max-width:430px){.reel-card.has-uploaded-media .reel-title-mobile{font-size:25px!important;}.reel-card.has-uploaded-media .reel-meta{bottom:110px!important;right:60px!important;}.reel-card.has-uploaded-media .reel-actions{right:4px!important;}.reel-card.has-uploaded-media .reel-action span{width:46px!important;height:46px!important;}}
/* ===== v2.9.1 TIKTOK-STYLE REEL LAYOUT END ===== */


/* ===== v2.9.2 TIKTOK VIDEO PLAYBACK + TEXT LIMIT FIX START ===== */
.reel-card.has-uploaded-media .reel-title-mobile{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:0 2px 18px rgba(0,0,0,.95)!important;}
.reel-card.has-uploaded-media .reel-meta p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.reel-soundbar{position:absolute;z-index:5;left:calc(50% - min(50vw,260px) + 18px);bottom:50px;max-width:min(390px,calc(100vw - 132px));color:#fff;font-weight:800;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 14px rgba(0,0,0,.95);opacity:.92;}
.reel-play-overlay{pointer-events:none;position:absolute;inset:0;z-index:6;display:grid;place-items:center;opacity:0;transition:opacity .18s ease;}
.reel-play-overlay span{width:78px;height:78px;display:grid;place-items:center;border-radius:50%;color:white;font-size:34px;padding-left:4px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.45);}
.reel-card.is-paused .reel-play-overlay{opacity:1;}
.reel-card.has-uploaded-media .reel-video{background:#020711!important;object-fit:cover!important;}
.reel-card.has-uploaded-media .reel-bg.video-tint{pointer-events:none!important;}
@media (min-width:851px){.reel-card.has-uploaded-media .reel-video,.reel-card.has-uploaded-media .reel-bg{width:min(100vw,520px)!important;max-width:520px!important;}.reel-card.has-uploaded-media .reel-actions{right:calc(50% - min(50vw,260px) - 72px)!important;}}
@media (max-width:850px){.reel-soundbar{left:16px!important;right:64px!important;bottom:76px!important;max-width:none!important;font-size:13px!important;}.reel-card.has-uploaded-media .reel-meta{bottom:116px!important;}.reel-card.has-uploaded-media .reel-title-mobile{-webkit-line-clamp:2!important;font-size:26px!important;}.reel-card.has-uploaded-media .reel-meta p{-webkit-line-clamp:2!important;font-size:14px!important;}.reel-play-overlay span{width:68px;height:68px;font-size:30px;}}
@media (max-width:430px){.reel-card.has-uploaded-media .reel-meta{bottom:118px!important;}.reel-soundbar{bottom:78px!important;right:60px!important;}.reel-card.has-uploaded-media .reel-title-mobile{font-size:24px!important;}}
/* ===== v2.9.2 TIKTOK VIDEO PLAYBACK + TEXT LIMIT FIX END ===== */

/* ===== v2.9.4 REAL REEL VIDEO + COMMENTS FIX START ===== */
.reel-card.has-uploaded-media .reel-video{
  display:block!important;
  z-index:0!important;
  opacity:1!important;
  visibility:visible!important;
  background:#020711!important;
}
.reel-card.has-uploaded-media .reel-bg.video-tint{
  z-index:1!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.16),rgba(0,0,0,.04) 34%,rgba(0,0,0,.58))!important;
  box-shadow:none!important;
  filter:none!important;
}
.reel-card.has-uploaded-media .reel-overlay{z-index:2!important;pointer-events:none!important;}
.reel-card.has-uploaded-media .reel-meta{z-index:7!important;}
.reel-card.has-uploaded-media .reel-soundbar{z-index:7!important;}
.reel-card.has-uploaded-media .reel-actions{z-index:8!important;}
.reel-play-overlay{z-index:9!important;}
.reel-video-message{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:min(420px,calc(100vw - 44px));
  z-index:10;
  display:none;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(2,7,17,.78);
  backdrop-filter:blur(18px);
  text-align:center;
  box-shadow:0 24px 80px rgba(0,0,0,.48);
}
.reel-video-message b{display:block;margin-bottom:6px;color:#fff;}
.reel-video-message small{display:block;color:#c9d8e8;line-height:1.45;}
.reel-card.video-error .reel-video-message{display:block;}
.reel-card.is-loading:not(.video-error)::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  z-index:9;
  width:38px;height:38px;
  margin:-19px 0 0 -19px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.24);
  border-top-color:#fff;
  animation:lbspin .8s linear infinite;
}
@keyframes lbspin{to{transform:rotate(360deg)}}
.reel-card.has-uploaded-media .reel-title-mobile,
.reel-card.has-uploaded-media .reel-meta p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.reel-card.has-uploaded-media .reel-title-mobile{-webkit-line-clamp:2!important;}
.reel-card.has-uploaded-media .reel-meta p{-webkit-line-clamp:2!important;}
.upload-warning{color:#ffcf7a!important;font-weight:800;text-align:center;}
.comment-backdrop{
  place-items:end center!important;
  background:rgba(0,0,0,.52)!important;
}
.comment-panel{
  width:min(520px,100%);
  max-height:min(760px,86vh);
  display:grid;
  grid-template-rows:auto minmax(170px,1fr) auto;
  overflow:hidden;
  border-radius:28px 28px 0 0;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(15,27,48,.98),rgba(5,11,22,.98));
  box-shadow:0 -24px 80px rgba(0,0,0,.56);
}
.comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.1)}
.comment-head small{display:block;color:var(--cyan);font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.comment-head b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}
.comment-list{overflow:auto;padding:14px 16px;display:grid;gap:10px;align-content:start}.comment-item{padding:12px 13px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055)}.comment-item b{display:block;font-size:14px;color:#fff}.comment-item p{margin:5px 0;color:#e9f5ff;line-height:1.42}.comment-item small{color:var(--muted)}.comment-empty{padding:26px;text-align:center;color:var(--muted);border:1px dashed rgba(255,255,255,.14);border-radius:18px}.comment-compose{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.18)}.comment-compose textarea{min-height:54px;max-height:110px;resize:vertical;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;padding:13px}.comment-compose .primary-btn{min-width:88px}
@media (min-width:851px){
  .comment-backdrop{place-items:center end!important;padding-right:max(20px,calc(50vw - 650px));}
  .comment-panel{height:min(760px,86vh);border-radius:28px;width:430px;}
  .reel-card.has-uploaded-media .reel-actions{right:calc(50% - min(50vw,260px) - 72px)!important;}
  .reel-card.has-uploaded-media .reel-meta{max-width:min(390px,calc(100vw - 150px))!important;}
}
@media (max-width:850px){
  .feed-tabs button:nth-child(n+3){display:none!important;}
  .feed-status-row .status-pill{display:none!important;}
  .comment-panel{max-height:78vh;}
  .comment-compose{grid-template-columns:1fr;}
  .comment-compose .primary-btn{width:100%;}
}
/* ===== v2.9.4 REAL REEL VIDEO + COMMENTS FIX END ===== */


/* ===== v3.1 DESKTOP PHONE FRAME + BUTTON FIX ===== */

/* CORS uyarısı login modal */
.cors-note {
  border-color: rgba(255,184,107,.45) !important;
  background: rgba(255,184,107,.08) !important;
  color: #ffe0a8 !important;
}
.cors-note code {
  font-size: 11px;
  background: rgba(0,0,0,.3);
  padding: 2px 5px;
  border-radius: 5px;
  word-break: break-all;
}

/* ---- DESKTOP: Tam ekran feed, ortada telefon frame ---- */
@media (min-width: 851px) {
  .feed-app {
    height: 100vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    background: #010610 !important;
  }

  /* Reels scroll alanı */
  #reels {
    flex: 1 !important;
    height: calc(100vh - 64px) !important;
    overflow-y: scroll !important;
    scroll-snap-type: y mandatory !important;
    scrollbar-width: none !important;
    overscroll-behavior-y: contain !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: #010610 !important;
    padding: 0 !important;
  }
  #reels::-webkit-scrollbar { display: none !important; }

  /* Her reel = telefon boyutu, tam ekran yükseklik */
  .reel-card {
    width: 390px !important;
    min-width: 390px !important;
    max-width: 390px !important;
    height: calc(100vh - 64px) !important;
    min-height: calc(100vh - 64px) !important;
    flex-shrink: 0 !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border-radius: 0 !important;
    overflow: visible !important; /* visible so actions can float outside */
    position: relative !important;
    padding: 72px 0 92px !important;
  }

  /* Video ve bg telefon frame'i doldurur */
  .reel-card .reel-video,
  .reel-card .reel-bg {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    overflow: hidden !important;
  }

  /* Overlay da kart içinde kalır */
  .reel-card .reel-overlay,
  .reel-card .reel-play-overlay,
  .reel-card .reel-soundbar {
    position: absolute !important;
  }

  /* Meta text: telefon frame'in içinde sol alt */
  .reel-card .reel-meta {
    position: absolute !important;
    left: 16px !important;
    right: 72px !important;
    bottom: 96px !important;
    max-width: 280px !important;
    z-index: 3 !important;
  }

  /* Butonlar: telefon frame'in SAĞ DIŞINDA — çakışma yok */
  .reel-card .reel-actions {
    position: absolute !important;
    left: 100% !important;       /* frame'in sağ kenarından başla */
    margin-left: 12px !important;
    bottom: 110px !important;
    top: auto !important;
    right: auto !important;
    z-index: 10 !important;
    gap: 14px !important;
  }

  /* has-uploaded-media: aynı kurallar */
  .reel-card.has-uploaded-media .reel-bg,
  .reel-card.has-uploaded-media .reel-video {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    max-width: none !important;
  }
  .reel-card.has-uploaded-media .reel-meta {
    left: 16px !important;
    right: 72px !important;
    bottom: 96px !important;
    max-width: 280px !important;
  }
  .reel-card.has-uploaded-media .reel-actions {
    position: absolute !important;
    left: 100% !important;
    margin-left: 12px !important;
    bottom: 110px !important;
    right: auto !important;
  }

  /* reel-center desktop'ta gizle, title-mobile göster */
  .reel-center { display: none !important; }
  .reel-title-mobile { display: block !important; }
}

/* Yazı sınırları — her yerde */
.reel-meta b,
.reel-title-mobile {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.reel-meta > p,
.reel-center p {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* ===== v3.1 END ===== */

/* ===== v3.1.1 SOUND + LARGER DESKTOP REEL + TEXT TUNING START ===== */
.reel-video,
.reel-bg {
  object-position: center center !important;
  background-position: center center !important;
}

.reel-sound-toggle {
  position: absolute !important;
  z-index: 9 !important;
  left: 16px !important;
  bottom: 68px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(0,0,0,.42) !important;
  color: #fff !important;
  border-radius: 999px !important;
  padding: 8px 11px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.1px !important;
  backdrop-filter: blur(14px) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.32) !important;
  cursor: pointer !important;
}
.reel-sound-toggle.is-on {
  border-color: rgba(125,249,255,.48) !important;
  background: rgba(49,224,255,.18) !important;
}

.reel-meta b,
.reel-title-mobile {
  -webkit-line-clamp: 2 !important;
}
.reel-meta > p,
.reel-center p {
  -webkit-line-clamp: 2 !important;
}

@media (min-width:851px) {
  #reels {
    justify-content: flex-start !important;
    align-items: center !important;
    scroll-padding-top: 0 !important;
    scroll-padding-bottom: 0 !important;
  }

  .reel-card {
    width: min(500px, calc(100vw - 210px)) !important;
    min-width: min(500px, calc(100vw - 210px)) !important;
    max-width: min(500px, calc(100vw - 210px)) !important;
    scroll-snap-align: center !important;
  }

  .reel-card .reel-meta,
  .reel-card.has-uploaded-media .reel-meta {
    left: 16px !important;
    right: 88px !important;
    bottom: 92px !important;
    max-width: 350px !important;
  }

  .reel-title-mobile,
  .reel-card.has-uploaded-media .reel-title-mobile {
    font-size: 22px !important;
    line-height: 1.08 !important;
    letter-spacing: -.45px !important;
    margin-bottom: 5px !important;
  }

  .reel-meta b,
  .reel-card.has-uploaded-media .reel-meta b {
    font-size: 13px !important;
    line-height: 1.1 !important;
    margin-bottom: 3px !important;
  }

  .reel-meta span,
  .reel-card.has-uploaded-media .reel-meta span {
    font-size: 12px !important;
    line-height: 1.25 !important;
    margin: 2px 0 5px !important;
  }

  .reel-meta p,
  .reel-card.has-uploaded-media .reel-meta p {
    font-size: 13px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
  }

  .reel-card .reel-actions,
  .reel-card.has-uploaded-media .reel-actions {
    left: 100% !important;
    right: auto !important;
    margin-left: 14px !important;
    bottom: 96px !important;
    gap: 10px !important;
  }

  .reel-action span,
  .reel-card.has-uploaded-media .reel-action span {
    width: 50px !important;
    height: 50px !important;
    font-size: 18px !important;
  }
  .reel-action small { font-size: 10px !important; }

  .reel-soundbar {
    left: 16px !important;
    right: 88px !important;
    bottom: 41px !important;
    max-width: 350px !important;
    font-size: 11px !important;
    opacity: .74 !important;
  }

  .reel-sound-toggle {
    left: 16px !important;
    bottom: 63px !important;
    font-size: 11px !important;
    padding: 7px 10px !important;
  }
}

@media (min-width:1200px) and (min-height:720px) {
  .reel-card {
    width: min(540px, calc(100vw - 230px)) !important;
    min-width: min(540px, calc(100vw - 230px)) !important;
    max-width: min(540px, calc(100vw - 230px)) !important;
  }
}

@media (max-width:850px) {
  .reel-title-mobile,
  .reel-card.has-uploaded-media .reel-title-mobile {
    font-size: 22px !important;
    line-height: 1.07 !important;
    margin-bottom: 4px !important;
  }
  .reel-meta b,
  .reel-card.has-uploaded-media .reel-meta b {
    font-size: 12px !important;
    line-height: 1.1 !important;
  }
  .reel-meta span,
  .reel-card.has-uploaded-media .reel-meta span {
    font-size: 11px !important;
    margin: 2px 0 4px !important;
  }
  .reel-meta p,
  .reel-card.has-uploaded-media .reel-meta p {
    font-size: 12px !important;
    line-height: 1.28 !important;
    -webkit-line-clamp: 2 !important;
  }
  .reel-soundbar {
    left: 16px !important;
    right: 64px !important;
    bottom: 72px !important;
    font-size: 10.5px !important;
    opacity: .72 !important;
  }
  .reel-sound-toggle {
    left: 16px !important;
    bottom: 92px !important;
    font-size: 11px !important;
    padding: 7px 10px !important;
  }
  .reel-actions,
  .reel-card.has-uploaded-media .reel-actions {
    gap: 9px !important;
  }
}

@media (max-width:430px) {
  .reel-title-mobile,
  .reel-card.has-uploaded-media .reel-title-mobile {
    font-size: 20px !important;
  }
  .reel-soundbar { display: none !important; }
  .reel-sound-toggle { bottom: 84px !important; }
}
/* ===== v3.1.1 SOUND + LARGER DESKTOP REEL + TEXT TUNING END ===== */

/* ===== v3.1.2 DESKTOP BIGGER REEL + READABLE TEXT + UPLOAD PREVIEW + HARD VIDEO STOP START ===== */
.upload-slot.media-preview{display:grid!important;gap:10px!important;justify-items:center!important}
.upload-reel-preview{position:relative!important;width:min(260px,72vw)!important;aspect-ratio:9/16!important;border-radius:24px!important;overflow:hidden!important;background:#020711!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 22px 60px rgba(0,0,0,.38)!important}
.upload-reel-preview video,.upload-reel-preview img,.media-preview-video,.media-preview-image{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;background:#020711!important}
.upload-preview-label{position:absolute!important;left:10px!important;bottom:10px!important;padding:6px 9px!important;border-radius:999px!important;background:rgba(0,0,0,.46)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;backdrop-filter:blur(10px)!important}
.upload-fit-note{color:#bfefff!important;line-height:1.35!important}
@media (min-width:851px){
  .feed-top{height:56px!important;min-height:56px!important;padding-top:8px!important;padding-bottom:8px!important}
  #reels{height:calc(100vh - 56px)!important}
  .reel-card,.reel-card.has-uploaded-media{width:clamp(560px,42vw,720px)!important;min-width:clamp(560px,42vw,720px)!important;max-width:clamp(560px,42vw,720px)!important;height:calc(100vh - 56px)!important;min-height:calc(100vh - 56px)!important}
  .reel-card .reel-video,.reel-card .reel-bg,.reel-card.has-uploaded-media .reel-video,.reel-card.has-uploaded-media .reel-bg{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background-position:center center!important}
  .reel-card .reel-meta,.reel-card.has-uploaded-media .reel-meta{left:22px!important;right:110px!important;bottom:98px!important;max-width:min(480px,calc(100% - 130px))!important}
  .reel-title-mobile,.reel-card.has-uploaded-media .reel-title-mobile{font-size:clamp(28px,2.15vw,38px)!important;line-height:1.04!important;letter-spacing:-.7px!important;margin-bottom:8px!important}
  .reel-meta b,.reel-card.has-uploaded-media .reel-meta b{font-size:16px!important;line-height:1.12!important;margin-bottom:5px!important}
  .reel-meta span,.reel-card.has-uploaded-media .reel-meta span{font-size:13px!important;line-height:1.25!important;margin:3px 0 7px!important}
  .reel-meta p,.reel-card.has-uploaded-media .reel-meta p{font-size:15px!important;line-height:1.34!important;-webkit-line-clamp:2!important}
  .reel-card .reel-actions,.reel-card.has-uploaded-media .reel-actions{left:100%!important;margin-left:16px!important;bottom:108px!important;gap:12px!important}
  .reel-action span,.reel-card.has-uploaded-media .reel-action span{width:56px!important;height:56px!important;font-size:19px!important}
  .reel-action small{font-size:11px!important}
  .reel-soundbar{left:22px!important;right:110px!important;bottom:44px!important;max-width:min(480px,calc(100% - 130px))!important;font-size:12px!important;opacity:.82!important}
  .reel-sound-toggle{left:22px!important;bottom:70px!important;font-size:12px!important;padding:8px 12px!important}
}
@media (min-width:1400px) and (min-height:780px){.reel-card,.reel-card.has-uploaded-media{width:clamp(640px,39vw,760px)!important;min-width:clamp(640px,39vw,760px)!important;max-width:clamp(640px,39vw,760px)!important}}
@media (max-width:850px){
  .reel-card,.reel-card.has-uploaded-media{overflow:hidden!important}
  .reel-card .reel-video,.reel-card .reel-bg,.reel-card.has-uploaded-media .reel-video,.reel-card.has-uploaded-media .reel-bg{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;background-position:center center!important}
  .reel-title-mobile,.reel-card.has-uploaded-media .reel-title-mobile{font-size:25px!important;line-height:1.06!important;letter-spacing:-.45px!important;margin-bottom:6px!important}
  .reel-meta b,.reel-card.has-uploaded-media .reel-meta b{font-size:14px!important;line-height:1.12!important}
  .reel-meta span,.reel-card.has-uploaded-media .reel-meta span{font-size:12px!important;line-height:1.25!important;margin:3px 0 5px!important}
  .reel-meta p,.reel-card.has-uploaded-media .reel-meta p{font-size:13px!important;line-height:1.32!important;-webkit-line-clamp:2!important}
  .upload-reel-preview{width:min(230px,60vw)!important}
}
@media (max-width:430px){.reel-title-mobile,.reel-card.has-uploaded-media .reel-title-mobile{font-size:23px!important}.reel-meta b,.reel-card.has-uploaded-media .reel-meta b{font-size:13px!important}.reel-meta p,.reel-card.has-uploaded-media .reel-meta p{font-size:12.5px!important}}
/* ===== v3.1.2 DESKTOP BIGGER REEL + READABLE TEXT + UPLOAD PREVIEW + HARD VIDEO STOP END ===== */


/* ===== v3.1.4 FEED FILTERS + POST TYPE SEPARATION START ===== */
.feed-tabs{display:flex!important;align-items:center!important;gap:8px!important;overflow:auto!important;scrollbar-width:none!important;max-width:44vw!important;padding:4px!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
.feed-tabs::-webkit-scrollbar{display:none!important}.feed-tabs button{white-space:nowrap!important;border:0!important;color:#c8d6e5!important;background:transparent!important;padding:9px 13px!important;border-radius:999px!important;font-weight:900!important;cursor:pointer!important}.feed-tabs button.active{color:#06111d!important;background:linear-gradient(135deg,#44f0ff,#8b5cf6)!important;box-shadow:0 12px 34px rgba(68,240,255,.18)!important}
.reel-mini-type{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-bottom:7px!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)!important;width:max-content!important;max-width:100%!important}.reel-mini-type span{font-size:14px!important}.reel-mini-type small{font-size:10px!important;color:#dff7ff!important;font-weight:1000!important;letter-spacing:.08em!important}
.reel-type-card{margin:18px auto 0!important;width:min(460px,92%)!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 14px!important;border-radius:22px!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 18px 50px rgba(0,0,0,.25)!important;backdrop-filter:blur(16px)!important;text-align:left!important}.reel-type-card>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:16px!important;background:rgba(255,255,255,.12)!important;flex:0 0 auto!important}.reel-type-card b{display:block!important;color:#fff!important;font-size:14px!important;margin-bottom:2px!important}.reel-type-card small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;color:#c9d7e6!important;line-height:1.35!important;font-size:12px!important}
.reel-inline-deal{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin-top:8px!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(0,0,0,.30)!important;border:1px solid rgba(255,255,255,.1)!important;color:#e8fbff!important;font-size:12px!important;line-height:1.3!important}.empty-feed-card .reel-center{display:grid!important;place-items:center!important;text-align:center!important}
@media (max-width:850px){.feed-tabs{max-width:calc(100vw - 170px)!important;gap:5px!important;background:transparent!important;border:0!important;padding:0!important}.feed-tabs button{display:inline-flex!important;padding:7px 9px!important;font-size:12px!important;background:rgba(255,255,255,.075)!important}.feed-tabs button:nth-child(n+3){display:inline-flex!important}.reel-inline-deal{display:none!important}.reel-mini-type{padding:4px 8px!important;margin-bottom:5px!important}.reel-type-card{display:none!important}}
@media (max-width:430px){.feed-tabs button{font-size:11px!important;padding:6px 8px!important}.feed-tabs{max-width:calc(100vw - 154px)!important}}
/* ===== v3.1.4 FEED FILTERS + POST TYPE SEPARATION END ===== */


/* ===== v3.1.7 LIVE STUDIO FLOW ===== */
.studio-live-card{margin-top:12px;border:1px solid rgba(125,249,255,.18);border-radius:20px;padding:14px;background:linear-gradient(145deg,rgba(56,217,255,.08),rgba(0,0,0,.18));display:grid;gap:10px}
.studio-live-card.is-live{border-color:rgba(41,255,161,.42);box-shadow:0 0 26px rgba(41,255,161,.12)}
.studio-live-card b{display:block;color:#fff}.studio-live-card small{display:block;color:var(--muted);margin-top:4px}.compact-actions{margin:4px 0 0!important;gap:8px!important}.compact-actions button{min-height:38px!important}.live-control{border-color:rgba(41,255,161,.22)!important;background:linear-gradient(145deg,rgba(41,255,161,.08),rgba(255,255,255,.035))!important}.quick-chip.live-chip{border-color:rgba(255,76,76,.45);background:rgba(255,76,76,.12);color:#fff}
.post-type-live .reel-badge{background:rgba(255,59,59,.22);border-color:rgba(255,59,59,.55);color:#fff}.post-type-live .reel-type-card{border-color:rgba(41,255,161,.32);background:rgba(41,255,161,.08)}
@media (max-width:850px){.studio-live-card .hero-actions button{width:100%}.compact-actions{display:grid!important;grid-template-columns:1fr!important}}
/* ===== v3.1.7 LIVE STUDIO FLOW END ===== */

/* ===== v3.1.7 WATCH LIVE VIEWER STAGE START ===== */
.watch-shell{min-height:100vh;background:radial-gradient(circle at 22% 12%,rgba(68,240,255,.12),transparent 34%),radial-gradient(circle at 80% 18%,rgba(139,92,246,.16),transparent 34%),#020711;color:#fff;padding:14px}
.watch-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:12px;border-radius:22px}
.watch-actions-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;min-height:calc(100vh - 92px)}
.watch-stage{position:relative;min-height:calc(100vh - 92px);border-radius:28px;overflow:hidden;background:#020711;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 100px rgba(0,0,0,.48)}
.watch-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:#020711}
.watch-placeholder{position:absolute;inset:0;z-index:3;display:grid;place-items:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 36%,rgba(68,240,255,.14),rgba(0,0,0,.72) 52%,rgba(0,0,0,.94))}
.watch-placeholder.hidden{display:none!important}.watch-placeholder h1{font-size:clamp(34px,5vw,86px);line-height:.95;letter-spacing:-2px;margin:10px 0}.watch-placeholder p{max-width:620px;color:#c8d6e5;line-height:1.55}.live-pulse{font-size:46px;animation:lbPulse 1.25s ease-in-out infinite}@keyframes lbPulse{0%,100%{transform:scale(1);opacity:.76}50%{transform:scale(1.14);opacity:1}}
.watch-audio-btn{position:absolute;z-index:5;top:16px;right:16px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.36);color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;backdrop-filter:blur(14px);cursor:pointer}
.watch-bottom-meta{position:absolute;z-index:4;left:24px;right:24px;bottom:24px;max-width:760px;text-shadow:0 3px 22px rgba(0,0,0,.95)}
.watch-bottom-meta h2{font-size:clamp(28px,3.2vw,58px);line-height:.98;letter-spacing:-1.2px;margin:8px 0}.watch-bottom-meta p{max-width:560px;color:#e4edf6;line-height:1.42;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,.12),transparent 38%,rgba(0,0,0,.80)),linear-gradient(to right,rgba(0,0,0,.48),transparent 48%,rgba(0,0,0,.22));z-index:2}.watch-stage .watch-video{z-index:1}.watch-chat{min-width:0;max-height:calc(100vh - 92px);overflow:auto;padding:14px;border-radius:24px;background:rgba(8,17,31,.78)}.watch-chat .chat-list{min-height:300px;max-height:48vh}.watch-chat .message-input{position:sticky;bottom:0;background:rgba(8,17,31,.92);padding-top:10px}.watch-chat .side-note{margin-top:12px}
@media (max-width:1040px){.watch-layout{grid-template-columns:1fr}.watch-chat{max-height:none}.watch-stage{min-height:64vh}.watch-top{align-items:flex-start}.watch-actions-top .status-pill{display:none}}
@media (max-width:700px){.watch-shell{padding:0}.watch-top{border-radius:0;margin:0;background:rgba(3,8,18,.92)!important}.watch-layout{display:block;min-height:calc(100vh - 58px)}.watch-stage{height:calc(100vh - 58px);min-height:calc(100vh - 58px);border-radius:0;border:0}.watch-bottom-meta{left:16px;right:70px;bottom:92px}.watch-bottom-meta h2{font-size:27px}.watch-bottom-meta p{font-size:13px}.watch-audio-btn{top:12px;right:12px;padding:8px 11px}.watch-chat{border-radius:0;border-left:0;border-right:0;max-height:none}.watch-placeholder h1{font-size:38px}.watch-placeholder{padding:18px}}
/* ===== v3.1.7 WATCH LIVE VIEWER STAGE END ===== */

/* ===== v3.1.8 LIVE FEED PREVIEW START ===== */
.reel-card.has-live-preview{
  background:#020711!important;
}
.reel-card.has-live-preview .live-preview-bg{
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 50% 22%,rgba(255,59,92,.32),transparent 34%),
    radial-gradient(circle at 25% 70%,rgba(41,255,161,.16),transparent 28%),
    linear-gradient(135deg,#090713,#081a28 55%,#020711)!important;
}
.feed-live-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#020711!important;
  z-index:1!important;
}
.feed-live-placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:10px!important;
  padding:24px!important;
  text-align:center!important;
  color:#fff!important;
  background:
    radial-gradient(circle at center,rgba(255,59,92,.20),transparent 36%),
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.64))!important;
}
.feed-live-placeholder.hidden{display:none!important;}
.feed-live-placeholder b{font-size:clamp(34px,5vw,68px)!important;letter-spacing:-1px!important;}
.feed-live-placeholder small{max-width:360px;color:#d7e9f6!important;line-height:1.35!important;font-weight:800!important;}
.live-pulse{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(255,59,92,.20);border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 0 rgba(255,59,92,.55);animation:livePulse 1.35s infinite;}
@keyframes livePulse{70%{box-shadow:0 0 0 22px rgba(255,59,92,0)}100%{box-shadow:0 0 0 0 rgba(255,59,92,0)}}
.reel-card.has-live-preview.live-preview-connecting .feed-live-placeholder small::after{content:" · connecting";color:#7df9ff;}
.reel-card.has-live-preview .reel-sound-toggle{display:none!important;}
.reel-card.has-live-preview .reel-soundbar::before{content:"🔴 LIVE preview · ";color:#ff5d72;font-weight:1000;}
.reel-card.has-live-preview .reel-play-overlay{display:none!important;}
@media (min-width:851px){
  .reel-card.has-live-preview .feed-live-video,
  .reel-card.has-live-preview .live-preview-bg,
  .reel-card.has-live-preview .feed-live-placeholder{
    width:100%!important;
    height:100%!important;
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    transform:none!important;
  }
}
@media (max-width:850px){
  .feed-live-placeholder b{font-size:40px!important;}
  .live-pulse{width:62px;height:62px;}
}
/* ===== v3.1.8 LIVE FEED PREVIEW END ===== */

/* ===== v3.1.9 LIVE INTERACTION START ===== */
.live-viewer-pill{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(0,0,0,.42)!important;border:1px solid rgba(125,249,255,.24)!important;color:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important;backdrop-filter:blur(14px)!important;font-weight:900!important}.live-viewer-pill span{font-size:13px!important}.live-viewer-pill b{font-size:13px!important;color:#7df9ff!important;line-height:1!important}.live-viewer-pill small{font-size:10px!important;color:#dbeafe!important;text-transform:uppercase!important;letter-spacing:.06em!important}.live-viewer-pill.center{margin:10px auto 0!important}.live-viewer-pill.meta{margin:0!important}.live-viewer-pill.top,.live-viewer-pill.chat{background:rgba(255,255,255,.08)!important}.feed-live-interactions{margin-top:9px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.live-reaction-bar{display:flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important}.live-reaction-bar.compact{margin-top:0!important;gap:5px!important}.live-reaction-btn{width:38px!important;height:38px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(0,0,0,.38)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:18px!important;box-shadow:0 10px 26px rgba(0,0,0,.25)!important;backdrop-filter:blur(12px)!important;cursor:pointer!important;transition:transform .16s ease,background .16s ease!important}.live-reaction-btn:hover{transform:translateY(-2px) scale(1.06)!important;background:rgba(255,255,255,.16)!important}.live-reaction-float{position:absolute!important;z-index:35!important;font-size:42px!important;line-height:1!important;pointer-events:none!important;text-shadow:0 10px 28px rgba(0,0,0,.5)!important;animation:liveFloatUp 1.7s ease-out forwards!important}@keyframes liveFloatUp{0%{transform:translateY(0) scale(.7) rotate(-8deg);opacity:0}12%{opacity:1}100%{transform:translateY(-190px) scale(1.42) rotate(12deg);opacity:0}}
.live-viewer-panel{display:grid!important;gap:8px!important;margin-top:6px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(0,0,0,.18)!important;border-radius:18px!important;padding:10px!important}.live-viewer-panel.compact{margin:10px 0!important}.live-viewer-panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.viewer-list{display:grid!important;gap:6px!important;max-height:170px!important;overflow:auto!important;padding-right:2px!important}.viewer-row{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;border-radius:13px!important;padding:7px 8px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.075)!important}.viewer-row b{font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.viewer-row small,.viewer-empty{font-size:11px!important;color:var(--muted)!important}.viewer-empty{padding:7px 2px!important}.watch-bottom-meta .live-reaction-bar{margin-top:14px!important}.watch-bottom-meta .live-reaction-btn{width:44px!important;height:44px!important;font-size:21px!important}.reel-card.live-ended .feed-live-placeholder{display:grid!important;background:rgba(0,0,0,.82)!important}.reel-card.live-ended .feed-live-placeholder small{font-size:0!important}.reel-card.live-ended .feed-live-placeholder small:before{content:"Live ended";font-size:13px!important;color:#ffb4c0!important}.reel-card.has-live-preview .feed-live-interactions .live-reaction-bar{max-width:230px!important;overflow:hidden!important}.reel-card.has-live-preview .feed-live-interactions .live-reaction-btn{width:31px!important;height:31px!important;font-size:15px!important}.reel-card.has-live-preview .live-viewer-pill.meta{padding:5px 8px!important}.feed-live-placeholder .live-viewer-pill{margin:4px auto!important;background:rgba(0,0,0,.52)!important}
@media (max-width:850px){.feed-live-interactions{gap:6px!important;margin-top:7px!important}.reel-card.has-live-preview .feed-live-interactions .live-reaction-btn{width:29px!important;height:29px!important;font-size:14px!important}.live-viewer-pill{padding:5px 8px!important}.live-viewer-pill small{display:none!important}.watch-bottom-meta .live-reaction-bar{gap:7px!important}.watch-bottom-meta .live-reaction-btn{width:40px!important;height:40px!important}.live-reaction-float{font-size:36px!important}.live-viewer-panel-head{align-items:flex-start!important;flex-direction:column!important}.viewer-list{max-height:120px!important}}
@media (max-width:430px){.feed-live-interactions .live-reaction-bar.compact .live-reaction-btn:nth-child(n+4){display:none!important}.live-viewer-pill b{font-size:12px!important}.watch-bottom-meta .live-reaction-btn{width:36px!important;height:36px!important;font-size:18px!important}}
/* ===== v3.1.9 LIVE INTERACTION END ===== */


/* ===== v3.2.0 CidenDB SDK Bridge START ===== */
.auth-card-wide{max-width:820px}
.sdk-login-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  border:1px solid rgba(125,249,255,.24);
  background:linear-gradient(135deg,rgba(56,217,255,.10),rgba(177,136,255,.09));
  border-radius:20px;
  padding:17px;
  margin:16px 0;
}
.sdk-login-card b{font-size:18px}
.sdk-login-card p{color:var(--muted);font-size:14px;line-height:1.5;margin:6px 0 8px}
.sdk-login-card code,.login-step code{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:2px 6px;color:#c9fbff}
.bridge-status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.bridge-status.ok{background:rgba(182,255,106,.13);border:1px solid rgba(182,255,106,.34);color:#d9ffb3}
.bridge-status.wait{background:rgba(255,184,107,.12);border:1px solid rgba(255,184,107,.34);color:#ffd1a1}
.sdk-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.legacy-auth-box{margin-top:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04);padding:12px}
.legacy-auth-box summary{cursor:pointer;font-weight:900;color:var(--soft)}
.verified-card{border-color:rgba(182,255,106,.28);background:linear-gradient(135deg,rgba(182,255,106,.10),rgba(56,217,255,.08))}
.auth-callback-shell{display:grid;place-items:center;min-height:calc(100svh - 90px)}
.auth-callback-card{width:min(920px,100%);min-height:auto}
.bridge-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.flow-step{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:16px;padding:14px;text-align:center;color:var(--muted);font-weight:900}
.flow-step.done{border-color:rgba(182,255,106,.34);color:#d9ffb3;background:rgba(182,255,106,.10)}
.flow-step.active{border-color:rgba(56,217,255,.45);color:#a7f7ff;background:rgba(56,217,255,.12)}
.flow-step.err{border-color:rgba(255,94,122,.45);color:#ffb8c5;background:rgba(255,94,122,.12)}
@media (max-width:720px){
  .sdk-login-card{grid-template-columns:1fr}
  .sdk-login-card button{width:100%}
  .sdk-steps{grid-template-columns:1fr}
  .bridge-flow{grid-template-columns:1fr}
}
/* ===== v3.2.0 CidenDB SDK Bridge END ===== */


/* ===== v3.2.2 CIDENDB PERMISSION GATE START ===== */
.access-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.access-badges.compact{margin-top:6px;gap:5px}
.access-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;background:rgba(255,255,255,.08);color:#dce6ff}
.access-badges.compact .access-badge{font-size:11px;padding:4px 7px}
.access-badge.ok{border-color:rgba(39,224,162,.36);background:rgba(39,224,162,.12);color:#aef7dd}
.access-badge.gold{border-color:rgba(255,201,87,.55);background:rgba(255,201,87,.14);color:#ffe4a1}
.access-badge.muted{color:#c5cad4}
.access-policy-card{margin:14px 0;padding:14px;border:1px solid rgba(64,204,255,.22);background:linear-gradient(135deg,rgba(64,204,255,.10),rgba(39,224,162,.08));border-radius:16px;color:#eaf6ff}
.access-policy-card b{display:block;margin-bottom:6px}
.access-policy-card small{display:block;color:#c5d3e8;line-height:1.45}
.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.permission-grid span{border-radius:12px;padding:8px 9px;font-size:12px;font-weight:800;text-align:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#cbd5e1}
.permission-grid span.ok{border-color:rgba(39,224,162,.36);background:rgba(39,224,162,.12);color:#aef7dd}
.permission-grid span.locked{border-color:rgba(255,91,126,.28);background:rgba(255,91,126,.08);color:#ffb5c3}
.locked-action{opacity:.72;box-shadow:inset 0 0 0 1px rgba(255,91,126,.22)}
.trust-strip{display:inline-flex;align-items:center;width:max-content;max-width:100%;border:1px solid rgba(255,201,87,.48);background:rgba(255,201,87,.12);color:#ffe4a1;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;margin-top:6px}
/* ===== v3.2.2 CIDENDB PERMISSION GATE END ===== */


/* ===== v3.2.2 Profile + Trust Badge + Host Identity ===== */
.profile-page .shell{padding-bottom:90px}
.profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:26px;margin-top:24px}
.profile-avatar-big{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;font-size:44px;font-weight:900;background:linear-gradient(145deg,rgba(25,118,255,.28),rgba(255,214,102,.18));border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 55px rgba(0,0,0,.25)}
.profile-main h1{margin:6px 0 8px;font-size:clamp(30px,4vw,56px)}
.profile-main p{color:var(--muted);line-height:1.6;max-width:780px}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.profile-score-card{min-width:150px;border-radius:26px;padding:18px;text-align:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.profile-score-card.gold{background:linear-gradient(145deg,rgba(255,214,102,.2),rgba(255,255,255,.08));border-color:rgba(255,214,102,.42)}
.profile-score-card span,.profile-score-card small{display:block;color:var(--muted)}
.profile-score-card b{font-size:48px;line-height:1.1}
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.profile-card{padding:22px}
.profile-card.full{grid-column:1/-1}
.profile-card h3{margin:0 0 16px}
.profile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.profile-metric{padding:14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.profile-metric small{display:block;color:var(--muted);font-size:12px}
.profile-metric b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis}
.profile-metric.gold{border-color:rgba(255,214,102,.42)}
.permission-list{display:grid;gap:10px}
.permission-list div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.permission-list span.ok{color:#5dffb2}.permission-list span.locked{color:#ff9b9b}.permission-list small{color:var(--muted)}
.identity-preview-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.profile-note{color:var(--muted);line-height:1.6;margin-top:16px}
.creator-trust-badge,.host-identity-card,.marketplace-trust-card{display:flex;align-items:center;gap:10px;border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}
.creator-trust-badge.gold,.host-identity-card.gold,.marketplace-trust-card.gold{background:linear-gradient(145deg,rgba(255,214,102,.2),rgba(255,255,255,.08));border-color:rgba(255,214,102,.45)}
.creator-trust-badge.ok,.host-identity-card.ok{background:linear-gradient(145deg,rgba(49,210,140,.15),rgba(255,255,255,.07));border-color:rgba(49,210,140,.35)}
.creator-trust-badge.muted,.host-identity-card.muted{opacity:.82}
.creator-trust-badge span{font-size:18px}
.creator-trust-badge b,.host-identity-card b,.marketplace-trust-card b{display:block;font-size:13px}
.creator-trust-badge small,.host-identity-card small,.marketplace-trust-card small{display:block;color:var(--muted);font-size:11px;line-height:1.3}
.creator-trust-badge.compact{margin-top:8px;max-width:330px}
.host-identity-card.compact{margin:8px 0}
.auth-avatar.small{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}
.reel-meta .creator-trust-badge{margin:5px 0 6px}
.reel-type-card .creator-trust-badge{margin-top:8px}
.studio-live-card>.host-identity-card{margin-bottom:10px}
@media (max-width: 760px){.profile-hero{grid-template-columns:1fr;text-align:left}.profile-avatar-big{width:76px;height:76px;font-size:34px}.profile-grid{grid-template-columns:1fr}.profile-metrics{grid-template-columns:1fr}.identity-preview-row{grid-template-columns:1fr}.profile-score-card{width:100%;text-align:left}.profile-score-card b{font-size:38px}.creator-trust-badge.compact{max-width:100%}}


/* ===== v3.2.3 Clean Live UI + Trust Icon + Gift Market ===== */
.reel-center.live-minimal-center{
  display:none!important;
}
.post-type-live .reel-meta{
  max-width:min(470px,58vw)!important;
}
.post-type-live .reel-mini-type,
.post-type-live .reel-inline-deal,
.post-type-live .reel-type-card,
.post-type-live .trust-strip{
  display:none!important;
}
.post-type-live .reel-title-mobile{
  font-size:clamp(30px,3.3vw,48px)!important;
  line-height:1!important;
  max-width:92%!important;
  margin:6px 0 4px!important;
  letter-spacing:-1px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.creator-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:5px 0 6px!important;
}
.creator-line>span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  font-size:12px!important;
  color:rgba(235,245,255,.82)!important;
}
.trust-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:30px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.36)!important;
  color:#fff!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
  cursor:pointer!important;
}
.trust-chip span{font-size:14px!important}
.trust-chip b{font-size:12px!important;line-height:1!important}
.trust-chip small{font-size:10px!important;color:rgba(226,236,246,.74)!important;line-height:1!important}
.trust-chip.gold{border-color:rgba(255,214,102,.46)!important;background:rgba(110,76,0,.38)!important}
.trust-chip.ok{border-color:rgba(49,210,140,.42)!important;background:rgba(7,92,55,.35)!important}
.trust-chip.muted{opacity:.78}
.creator-trust-badge{display:none!important}
.feed-live-comments{
  display:grid!important;
  gap:5px!important;
  width:min(360px,100%)!important;
  margin:8px 0 8px!important;
  pointer-events:none!important;
}
.live-comment{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:max-content!important;
  max-width:100%!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.30)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(12px)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.live-comment b{display:inline!important;font-size:12px!important;color:#7df9ff!important}
.live-comment span{display:inline!important;margin:0!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-comment.ghost{opacity:.7}
.post-type-live .reel-meta p{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-width:420px!important;
  font-size:14px!important;
  line-height:1.35!important;
  opacity:.92!important;
}
.post-type-live .feed-live-interactions{
  margin-top:7px!important;
}
.post-type-live .live-reaction-bar.compact{
  max-width:150px!important;
  overflow:hidden!important;
}
.post-type-live .live-reaction-bar.compact .live-reaction-btn:nth-child(n+4){
  display:none!important;
}
.gift-action span{
  background:linear-gradient(145deg,rgba(255,214,102,.9),rgba(255,94,122,.82))!important;
}
.trust-sheet,.gift-sheet{
  width:min(450px,calc(100vw - 24px))!important;
  max-height:84vh!important;
  overflow:auto!important;
  border-radius:28px!important;
  padding:18px!important;
  background:rgba(5,12,24,.94)!important;
  border:1px solid rgba(125,249,255,.20)!important;
  box-shadow:0 30px 110px rgba(0,0,0,.62)!important;
  backdrop-filter:blur(26px)!important;
}
.trust-sheet-backdrop,.gift-sheet-backdrop{
  align-items:flex-end!important;
  padding:18px!important;
}
.sheet-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.sheet-head small{
  display:block!important;
  color:#7df9ff!important;
  font-size:11px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.sheet-head b{display:block!important;font-size:18px!important}
.trust-score-ring{
  display:grid!important;
  place-items:center!important;
  width:138px!important;
  height:138px!important;
  margin:4px auto 16px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,214,102,.28),rgba(125,249,255,.08) 58%,rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,214,102,.38)!important;
}
.trust-score-ring span{font-size:30px!important}
.trust-score-ring b{font-size:38px!important;line-height:.85!important}
.trust-score-ring small{font-size:11px!important;color:var(--muted)!important}
.trust-detail-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  margin:12px 0!important;
}
.trust-detail-grid div{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:16px!important;
  padding:10px!important;
  background:rgba(255,255,255,.055)!important;
}
.trust-detail-grid span{display:block!important;font-size:10px!important;color:var(--muted)!important;text-transform:uppercase!important}
.trust-detail-grid b{display:block!important;font-size:12px!important;margin-top:4px!important;word-break:break-word!important}
.trust-sheet p,.gift-note{color:var(--muted)!important;font-size:12px!important;line-height:1.45!important}
.gift-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:10px!important;
}
.gift-card{
  min-height:112px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
  padding:12px 8px!important;
  cursor:pointer!important;
}
.gift-card span{font-size:30px!important}
.gift-card b{font-size:13px!important}
.gift-card small{font-size:10px!important;color:var(--muted)!important;text-align:center!important}
.gift-card:hover{transform:translateY(-2px)!important;border-color:rgba(255,214,102,.45)!important}
.watch-layout{
  grid-template-columns:minmax(0,1fr)!important;
}
.watch-stage{
  min-height:calc(100vh - 92px)!important;
}
.compact-hidden-chat{
  display:none!important;
}
.watch-live-overlay-chat{
  position:absolute!important;
  z-index:5!important;
  left:24px!important;
  bottom:24px!important;
  width:min(430px,calc(100% - 120px))!important;
  display:grid!important;
  gap:8px!important;
  pointer-events:auto!important;
}
.watch-live-comments{
  display:grid!important;
  gap:6px!important;
  margin-bottom:4px!important;
}
.live-message-input{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.38)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(16px)!important;
}
.live-message-input textarea{
  min-height:34px!important;
  height:34px!important;
  max-height:34px!important;
  border:0!important;
  background:transparent!important;
  resize:none!important;
  padding:8px 10px!important;
}
.live-message-input .primary-btn{
  padding:8px 12px!important;
  min-height:34px!important;
}
.watch-bottom-meta{
  left:24px!important;
  right:92px!important;
  bottom:112px!important;
  max-width:500px!important;
}
.watch-bottom-meta h2{
  font-size:clamp(28px,3vw,46px)!important;
}
.watch-bottom-meta p{
  -webkit-line-clamp:1!important;
  font-size:13px!important;
}
.watch-inline-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}
.gift-pill{
  border:1px solid rgba(255,214,102,.35)!important;
  background:rgba(255,214,102,.14)!important;
  color:#fff!important;
  border-radius:999px!important;
  min-height:40px!important;
  padding:0 14px!important;
  font-weight:900!important;
}
@media (max-width:850px){
  .post-type-live .reel-title-mobile{font-size:25px!important}
  .post-type-live .reel-meta p{-webkit-line-clamp:1!important;font-size:13px!important}
  .feed-live-comments{gap:4px!important;margin:6px 0!important}
  .live-comment{font-size:11px!important;padding:4px 7px!important}
  .live-comment b,.live-comment span{font-size:11px!important}
  .creator-line{gap:6px!important}
  .trust-chip{min-height:28px!important;padding:4px 8px!important}
  .trust-chip small{display:none!important}
  .gift-grid{grid-template-columns:repeat(2,1fr)!important}
  .watch-live-overlay-chat{left:12px!important;right:62px!important;bottom:16px!important;width:auto!important}
  .watch-bottom-meta{left:14px!important;right:66px!important;bottom:112px!important}
  .watch-inline-tools .live-reaction-bar .live-reaction-btn:nth-child(n+4){display:none!important}
}
@media (max-width:430px){
  .post-type-live .feed-live-interactions .live-reaction-bar{display:none!important}
  .gift-sheet,.trust-sheet{border-radius:24px 24px 18px 18px!important}
}

/* ===== v3.2.6 LIVE VIEWER UI CLEANUP START ===== */
/* Main rule: content first, UI second. No cockpit panels in the viewer/feed stage. */
.reel-card.has-live-preview .reel-center,
.reel-card.has-live-preview .reel-soundbar,
.reel-card.has-live-preview .reel-sound-toggle,
.reel-card.has-live-preview .feed-live-interactions,
.reel-card.has-live-preview .reel-mini-type,
.reel-card.has-live-preview .trust-strip{display:none!important}
.reel-card.has-live-preview{background:#000!important;border:0!important;box-shadow:none!important}
.reel-card.has-live-preview .reel-overlay{background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.02) 38%,rgba(0,0,0,.76)),linear-gradient(90deg,rgba(0,0,0,.52),transparent 46%,rgba(0,0,0,.28))!important;z-index:2!important}
.reel-card.has-live-preview .feed-live-placeholder{background:radial-gradient(circle at center,rgba(255,31,81,.16),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))!important;z-index:1!important}
.reel-card.has-live-preview .feed-live-placeholder small{display:none!important}
.reel-card.has-live-preview .feed-live-placeholder b{font-size:clamp(34px,5.5vw,72px)!important;opacity:.86!important;text-shadow:0 18px 44px rgba(0,0,0,.62)!important}
.live-top-overlay{position:absolute!important;z-index:8!important;top:76px!important;left:22px!important;right:88px!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;pointer-events:auto!important}
.live-mini-badge{display:inline-flex!important;align-items:center!important;height:28px!important;padding:0 10px!important;border-radius:999px!important;background:rgba(255,31,81,.92)!important;color:#fff!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.06em!important;box-shadow:0 8px 26px rgba(255,31,81,.28)!important}
.live-top-overlay .live-viewer-pill,.watch-top-overlay .live-viewer-pill{height:28px!important;padding:0 8px!important;gap:4px!important;background:rgba(0,0,0,.32)!important;border-color:rgba(255,255,255,.16)!important;backdrop-filter:blur(16px)!important}
.live-top-overlay .live-viewer-pill small,.watch-top-overlay .live-viewer-pill small{display:none!important}
.live-top-overlay .trust-chip,.watch-top-overlay .trust-chip{height:28px!important;min-height:28px!important;padding:0 9px!important;background:rgba(0,0,0,.32)!important;border-color:rgba(255,255,255,.16)!important}
.live-top-overlay .trust-chip small,.watch-top-overlay .trust-chip small{display:none!important}
.live-meta-clean{left:24px!important;right:88px!important;bottom:88px!important;max-width:min(520px,calc(100% - 118px))!important;z-index:7!important}
.live-meta-clean .reel-title-mobile{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:clamp(24px,3.4vw,40px)!important;line-height:1.02!important;letter-spacing:-.8px!important;margin:0 0 6px!important;text-shadow:0 4px 20px rgba(0,0,0,.88)!important}
.live-host-line{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0 0 6px!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.92)!important}
.live-host-line b{display:block!important;font-size:15px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-host-line span{display:inline-flex!important;margin:0!important;color:rgba(235,245,255,.76)!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.live-meta-clean>p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;overflow:hidden!important;max-width:440px!important;font-size:13px!important;line-height:1.3!important;color:rgba(255,255,255,.90)!important;margin:0 0 8px!important;text-shadow:0 3px 18px rgba(0,0,0,.88)!important}
.live-meta-clean .feed-live-comments{width:min(420px,100%)!important;max-height:86px!important;overflow:hidden!important;display:grid!important;gap:5px!important;margin:0!important;pointer-events:none!important}
.live-meta-clean .live-comment{background:rgba(0,0,0,.26)!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important;backdrop-filter:blur(14px)!important;max-width:100%!important}
.reel-card.has-live-preview .reel-actions{z-index:9!important}
.reel-card.has-live-preview .reel-action span{background:rgba(0,0,0,.28)!important;border-color:rgba(255,255,255,.20)!important;backdrop-filter:blur(16px)!important}
.reel-card.has-live-preview .gift-action span{background:linear-gradient(145deg,rgba(255,214,102,.88),rgba(255,59,92,.76))!important}
.viewer-clean-shell{padding:0!important;background:#000!important;overflow:hidden!important;color:#fff!important}
.viewer-clean-layout{display:block!important;min-height:100svh!important;height:100svh!important;background:#000!important}
.viewer-clean-stage{height:100svh!important;min-height:100svh!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#000!important}
.viewer-clean-stage:after{background:linear-gradient(180deg,rgba(0,0,0,.26),rgba(0,0,0,.02) 42%,rgba(0,0,0,.82)),linear-gradient(90deg,rgba(0,0,0,.38),transparent 48%,rgba(0,0,0,.30))!important;z-index:2!important}
.watch-placeholder.clean-placeholder{background:radial-gradient(circle at center,rgba(255,31,81,.16),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.70))!important;z-index:3!important}
.watch-placeholder.clean-placeholder p{display:none!important}
.watch-placeholder.clean-placeholder h1{font-size:clamp(44px,12vw,110px)!important;opacity:.88!important;letter-spacing:-2px!important;text-shadow:0 22px 60px rgba(0,0,0,.72)!important}
.watch-placeholder.clean-placeholder .compact-actions{margin-top:12px!important}.watch-placeholder.clean-placeholder .compact-actions .primary-btn{border-radius:999px!important;background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(14px)!important;box-shadow:none!important}
.watch-top-overlay{position:absolute!important;z-index:8!important;top:calc(10px + env(safe-area-inset-top))!important;left:12px!important;right:12px!important;display:flex!important;align-items:center!important;gap:7px!important;pointer-events:auto!important;min-width:0!important}
.watch-icon-btn{width:34px!important;height:34px!important;min-width:34px!important;border:1px solid rgba(255,255,255,.15)!important;background:rgba(0,0,0,.28)!important;color:#fff!important;border-radius:999px!important;display:grid!important;place-items:center!important;font-size:23px!important;font-weight:1000!important;line-height:1!important;backdrop-filter:blur(16px)!important;cursor:pointer!important}.watch-icon-btn.audio{margin-left:auto!important;font-size:16px!important}
.watch-side-actions{position:absolute!important;z-index:8!important;right:12px!important;bottom:92px!important;display:grid!important;gap:12px!important;pointer-events:auto!important}.watch-side-btn{border:0!important;background:transparent!important;color:#fff!important;display:grid!important;place-items:center!important;gap:3px!important;text-shadow:0 3px 18px rgba(0,0,0,.88)!important;cursor:pointer!important}.watch-side-btn span{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(16px)!important;font-size:21px!important}.watch-side-btn small{font-size:11px!important;font-weight:1000!important}
.clean-watch-meta{left:18px!important;right:82px!important;bottom:118px!important;max-width:min(520px,calc(100% - 104px))!important;z-index:7!important}.clean-watch-meta .reel-badge{display:none!important}.clean-watch-meta h2{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:clamp(26px,5vw,46px)!important;line-height:1.02!important;letter-spacing:-.8px!important;margin:0 0 6px!important;text-shadow:0 4px 22px rgba(0,0,0,.88)!important}.clean-watch-meta p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:1!important;overflow:hidden!important;max-width:440px!important;font-size:13px!important;line-height:1.32!important;color:rgba(255,255,255,.88)!important;margin:0!important;text-shadow:0 3px 20px rgba(0,0,0,.9)!important}
.clean-live-chat{position:absolute!important;z-index:7!important;left:18px!important;right:82px!important;bottom:18px!important;width:auto!important;display:grid!important;gap:7px!important;pointer-events:auto!important}.clean-live-chat .watch-live-comments{display:grid!important;gap:5px!important;max-height:104px!important;overflow:hidden!important}.clean-live-chat .live-message-input{height:46px!important;max-width:520px!important;border-radius:999px!important;background:rgba(0,0,0,.32)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(18px)!important;padding:5px!important}.clean-live-chat .live-message-input textarea{height:34px!important;min-height:34px!important;max-height:34px!important;font-size:15px!important;color:#fff!important}.clean-live-chat .live-message-input .primary-btn{min-height:34px!important;height:34px!important;padding:0 14px!important;border-radius:999px!important}
.watch-chat,.compact-hidden-chat,.watch-inline-tools,.watch-audio-btn{display:none!important}.gift-sheet-backdrop,.trust-sheet-backdrop{background:rgba(0,0,0,.38)!important;backdrop-filter:blur(8px)!important}.gift-sheet,.trust-sheet{background:rgba(12,16,26,.88)!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 -28px 110px rgba(0,0,0,.68)!important}.gift-note{font-size:11px!important;opacity:.78!important;margin-top:10px!important}
@media (max-width:850px){
  .live-top-overlay{top:72px!important;left:14px!important;right:64px!important;gap:5px!important}.live-mini-badge{height:25px!important;padding:0 8px!important;font-size:10px!important}.live-top-overlay .live-viewer-pill,.live-top-overlay .trust-chip{height:25px!important;min-height:25px!important;padding:0 7px!important}.live-top-overlay .trust-chip b{font-size:11px!important}.live-meta-clean{left:18px!important;right:64px!important;bottom:100px!important;max-width:none!important}.live-meta-clean .reel-title-mobile{font-size:24px!important;line-height:1.05!important;margin-bottom:5px!important}.live-host-line b{font-size:14px!important}.live-meta-clean>p{font-size:12.5px!important}.live-meta-clean .feed-live-comments{max-height:78px!important}.reel-card.has-live-preview .reel-actions{right:7px!important;bottom:102px!important;gap:10px!important}.reel-card.has-live-preview .reel-action span{width:43px!important;height:43px!important}.reel-card.has-live-preview .reel-action small{font-size:10px!important}.watch-side-actions{right:10px!important;bottom:96px!important;gap:10px!important}.watch-side-btn span{width:44px!important;height:44px!important}.clean-watch-meta{left:18px!important;right:70px!important;bottom:132px!important}.clean-live-chat{left:16px!important;right:70px!important;bottom:18px!important}.clean-live-chat .watch-live-comments{max-height:82px!important}.watch-top-overlay{left:10px!important;right:10px!important;gap:5px!important}.watch-top-overlay .trust-chip b{font-size:11px!important}.watch-top-overlay .trust-chip span{font-size:13px!important}.watch-icon-btn{width:31px!important;height:31px!important;min-width:31px!important}.watch-icon-btn.audio{font-size:14px!important}
}
@media (max-width:430px){
  .live-top-overlay .trust-chip b,.watch-top-overlay .trust-chip b{font-size:0!important}.live-top-overlay .trust-chip b::after,.watch-top-overlay .trust-chip b::after{content:""}.live-top-overlay .trust-chip{padding:0 8px!important}.watch-top-overlay .trust-chip{padding:0 8px!important}.clean-watch-meta h2{font-size:25px!important}.clean-live-chat .live-comment:nth-child(n+4),.live-meta-clean .live-comment:nth-child(n+3){display:none!important}
}
/* ===== v3.2.6 LIVE VIEWER UI CLEANUP END ===== */


/* ===== v3.2.6 AUTO-HIDE TITLE AFTER PLAY START ===== */
.reel-title-mobile,
.clean-watch-meta h2{
  transition:opacity .32s ease, transform .32s ease, max-height .32s ease, margin .32s ease!important;
}
.reel-card.title-auto-hidden .reel-title-mobile{
  opacity:0!important;
  transform:translateY(8px)!important;
  max-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  pointer-events:none!important;
}
.viewer-clean-stage.title-auto-hidden .clean-watch-meta h2{
  opacity:0!important;
  transform:translateY(8px)!important;
  max-height:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  pointer-events:none!important;
}
.reel-card.is-paused .reel-title-mobile,
.viewer-clean-stage:not(.title-auto-hidden) .clean-watch-meta h2{
  opacity:1!important;
  transform:none!important;
}
/* ===== v3.2.6 AUTO-HIDE TITLE AFTER PLAY START END ===== */

/* v3.2.7 real CidenDB login clarity */
.auth-warning{border:1px solid rgba(255,201,87,.45);background:rgba(255,201,87,.12);color:#ffe4a1;border-radius:14px;padding:11px 12px;margin-top:10px;font-size:13px;line-height:1.45}
.auth-warning.inline{display:inline-block;margin-top:12px;max-width:760px}
.access-badge.locked{border-color:rgba(255,91,126,.32);background:rgba(255,91,126,.1);color:#ffb5c3}

/* ===== v3.2.9 ADMIN DASHBOARD START ===== */
.admin-page .admin-hero{align-items:center}
.admin-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
.admin-info{margin-top:12px;padding:10px 12px;border-radius:14px;background:rgba(40,183,255,.12);border:1px solid rgba(40,183,255,.25);color:#cbeeff;font-size:13px}
.admin-denied{max-width:760px;margin:40px auto;padding:30px}
.admin-search-row{display:flex;gap:10px;align-items:center;margin:14px 0;flex-wrap:wrap}
.admin-search-row input{flex:1;min-width:240px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:14px;padding:12px 14px;outline:none}
.admin-user-list,.admin-policy-list{display:grid;gap:12px;margin-top:14px}
.admin-user-row,.admin-policy-row{display:grid;grid-template-columns:1.5fr auto auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:18px;padding:14px}
.admin-user-main{display:grid;gap:5px}.admin-user-main small,.admin-policy-row small{display:block;color:rgba(231,242,255,.68);font-size:12px;margin-top:3px}
.admin-user-flags{display:flex;gap:6px;flex-wrap:wrap}.admin-user-flags span{border-radius:999px;padding:6px 9px;font-size:12px;border:1px solid rgba(255,255,255,.10)}
.admin-user-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-user-actions button{padding:9px 10px;font-size:12px}
.admin-policy-row label{font-size:12px;color:rgba(231,242,255,.70);display:grid;gap:5px}.admin-policy-row input{width:90px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.22);color:#fff;border-radius:12px;padding:9px 10px}
.empty-state{border:1px dashed rgba(255,255,255,.16);border-radius:16px;padding:16px;color:rgba(231,242,255,.70);background:rgba(0,0,0,.18)}
.shell.narrow{max-width:900px}
@media(max-width:760px){.admin-user-row,.admin-policy-row{grid-template-columns:1fr}.admin-user-actions{justify-content:flex-start}.admin-search-row{display:grid}.admin-search-row input{min-width:0;width:100%}.mobile-nav button small{font-size:10px}}
/* ===== v3.2.9 ADMIN DASHBOARD END ===== */