.phase1-page{padding:24px 0 48px;color:var(--text,#f4f4f5)}.phase1-page.narrow-page{max-width:920px;margin:auto}.phase1-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.phase1-page-head h1{font-family:Sora,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);margin:3px 0 8px}.phase1-page-head p{color:var(--muted,#9ca3af);margin:0;max-width:660px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:800;color:#f97316}.phase1-card{background:linear-gradient(145deg,rgba(25,28,38,.98),rgba(15,17,24,.98));border:1px solid rgba(255,255,255,.09);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.2)}.phase1-card .form-control,.phase1-card .form-select,.phase1-modal .form-control,.phase1-modal .form-select{background:#11141d;border-color:rgba(255,255,255,.11);color:#fff}.phase1-card .form-control:focus,.phase1-card .form-select:focus,.phase1-modal .form-control:focus,.phase1-modal .form-select:focus{background:#11141d;color:#fff;border-color:#f97316;box-shadow:0 0 0 .2rem rgba(249,115,22,.15)}.phase1-card .form-select option,.phase1-modal .form-select option{background:#11141d}.phase1-modal{background:#171a24;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:18px}.phase1-modal .modal-header,.phase1-modal .modal-footer{border-color:rgba(255,255,255,.08)}.phase1-modal .btn-close{filter:invert(1)}.phase1-empty{grid-column:1/-1;display:flex;min-height:280px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px;border:1px dashed rgba(255,255,255,.14);border-radius:20px;color:#9ca3af}.phase1-empty i{font-size:2.5rem;margin-bottom:14px;color:#f97316}.phase1-empty.compact{min-height:140px}.phase1-tabs{display:flex;gap:8px;overflow:auto}.phase1-tabs a{padding:10px 16px;border-radius:999px;color:#a7aab4;text-decoration:none;background:rgba(255,255,255,.05);white-space:nowrap}.phase1-tabs a.active{background:#f97316;color:#fff}.phase1-switches{display:flex;gap:16px;flex-wrap:wrap}.phase1-switches label{padding:11px 14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:12px}.phase1-switches input{margin-right:7px}.phase1-note,.verification-security{display:flex;gap:14px;padding:16px;border-radius:16px;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18)}.phase1-note i,.verification-security i{font-size:1.3rem;color:#60a5fa;margin-top:3px}.phase1-note p,.verification-security p{margin:2px 0 0;color:#9ca3af}.upload-drop{text-align:center;padding:24px;border:1px dashed rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.025)}.upload-drop>i{font-size:2rem;color:#f97316;display:block;margin-bottom:8px}.upload-drop strong,.upload-drop small{display:block}.upload-drop small{color:#9ca3af;margin-bottom:14px}
/* Reels */
.reels-page{max-width:760px;margin:auto}.reels-stack{display:grid;gap:28px;scroll-snap-type:y proximity}.reel-card{height:min(78vh,790px);min-height:580px;scroll-snap-align:start}.reel-media{height:100%;max-width:480px;margin:auto;position:relative;overflow:hidden;border-radius:24px;background:#050505;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.35)}.reel-media video{width:100%;height:100%;object-fit:contain;background:#000}.reel-gradient{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}.reel-caption{position:absolute;left:18px;right:85px;bottom:20px;z-index:2}.reel-author{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;margin-bottom:10px}.reel-author img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff}.reel-author i{color:#60a5fa}.reel-caption p{margin:0 0 8px;line-height:1.4}.reel-audio{font-size:.82rem}.reel-actions{position:absolute;right:13px;bottom:20px;display:flex;flex-direction:column;gap:13px;z-index:3}.reel-actions button,.reel-actions a,.reel-sound-toggle{border:0;color:#fff;background:rgba(0,0,0,.46);backdrop-filter:blur(8px);width:54px;min-height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none}.reel-actions i{font-size:1.15rem}.reel-actions span{font-size:.64rem;margin-top:2px}.reel-actions .active{color:#fb7185}.reel-actions .danger{color:#fca5a5}.reel-sound-toggle{position:absolute;right:13px;top:13px;width:40px;min-height:40px;z-index:3}.reel-locked{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px;background-size:cover;background-position:center}.reel-locked>i{font-size:2rem;margin-bottom:10px}.reel-locked p{color:#c7c8ce}
/* Live */
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.live-card{color:inherit;text-decoration:none;border-radius:18px;overflow:hidden;background:#171a24;border:1px solid rgba(255,255,255,.08);transition:.2s}.live-card:hover{transform:translateY(-4px);color:inherit;border-color:rgba(249,115,22,.5)}.live-card-cover{aspect-ratio:16/9;background:#0b0d13 center/cover;position:relative;display:grid;place-items:center}.live-cover-placeholder{font-size:2.2rem;color:rgba(255,255,255,.22);z-index:0}.live-card-cover[style*="background-image"] .live-cover-placeholder{display:none}.live-badge,.viewer-chip,.schedule-chip,.subscriber-chip{position:absolute;z-index:2;padding:6px 9px;border-radius:7px;font-size:.7rem;font-weight:800}.live-badge{top:10px;left:10px;background:#ef4444;color:#fff}.viewer-chip{top:10px;right:10px;background:rgba(0,0,0,.65);color:#fff}.schedule-chip{top:10px;left:10px;background:rgba(0,0,0,.7);color:#fff}.subscriber-chip{bottom:10px;left:10px;background:#7c3aed;color:#fff}.live-card-body{display:flex;gap:12px;padding:14px}.live-card-body img{width:43px;height:43px;object-fit:cover;border-radius:50%}.live-card-body h3{font-size:1rem;margin:1px 0 3px}.live-card-body p{margin:0;color:#a7aab4;font-size:.82rem}.live-room-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.live-room-head h1{font-size:1.65rem;margin:9px 0 2px}.live-room-head a{color:#a7aab4;text-decoration:none}.live-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.live-stage{position:relative;overflow:hidden;min-height:560px;background:#050505}.live-video{display:block;width:100%;height:100%;min-height:560px;object-fit:contain;background:#000}.live-connecting,.live-access-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:#080a0f}.live-access-lock{position:relative;min-height:560px}.live-access-lock>i{font-size:2.5rem;color:#f97316;margin-bottom:12px}.live-stage-controls{position:absolute;bottom:15px;left:15px;right:15px;display:flex;gap:9px;align-items:center;z-index:5}.live-stage-controls button,.live-stage-controls span{height:44px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,255,255,.13);background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;gap:7px}.live-stage-controls button{width:44px;justify-content:center;padding:0}.live-stage-controls #recordingStatus{margin-left:auto;color:#fca5a5}.live-chat-panel{min-height:560px;display:flex;flex-direction:column;overflow:hidden}.live-chat-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.live-chat-list{flex:1;overflow:auto;padding:12px;min-height:350px}.live-chat-message{display:flex;gap:9px;margin-bottom:12px}.live-chat-message img{width:30px;height:30px;border-radius:50%;object-fit:cover}.live-chat-message p{margin:0;font-size:.85rem;word-break:break-word}.live-chat-message strong{font-size:.75rem;margin-right:5px}.live-chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}.live-floating-reactions{position:absolute;right:25px;bottom:80px;z-index:6}.floating-reaction{position:absolute;font-size:28px;animation:floatHeart 2.3s ease-out forwards}@keyframes floatHeart{from{opacity:1;transform:translateY(0) scale(.7)}to{opacity:0;transform:translateY(-240px) translateX(var(--drift)) scale(1.4)}}.gift-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.gift-picker button{padding:13px;border:1px solid rgba(255,255,255,.1);background:#11141d;color:#fff;border-radius:13px}.gift-picker span,.gift-picker strong,.gift-picker small{display:block}.gift-picker span{font-size:1.6rem}.gift-picker small{color:#9ca3af}.live-guest-self,.studio-guest-video{position:absolute;right:16px;top:16px;width:28%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:2px solid #f97316;z-index:5}.studio-side{display:grid;gap:18px}.studio-panel{min-height:210px;overflow:hidden}.participant-list{max-height:280px;overflow:auto}.participant{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.participant img{width:34px;height:34px;border-radius:50%;object-fit:cover}.participant div:nth-child(2){flex:1}.participant small{display:block;color:#9ca3af}.participant .btn{padding:4px 8px}.studio-layout .live-stage{min-height:620px}.studio-layout .live-video{min-height:620px}
/* Creator */
.creator-hero{text-align:center;padding:55px 35px}.creator-hero-icon{width:86px;height:86px;border-radius:24px;display:grid;place-items:center;margin:0 auto 20px;background:linear-gradient(145deg,#f97316,#7c3aed);font-size:2rem}.creator-hero h1{font-family:Sora,sans-serif;max-width:680px;margin:10px auto}.creator-hero>p{max-width:700px;margin:0 auto 22px;color:#a7aab4}.creator-benefits{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.creator-benefits span{padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.06)}.creator-hero small{display:block;margin-top:15px;color:#777}.creator-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.phase1-stat{display:flex;gap:14px;align-items:center;padding:18px;background:#171a24;border:1px solid rgba(255,255,255,.08);border-radius:17px}.phase1-stat>i{width:44px;height:44px;border-radius:14px;background:rgba(249,115,22,.13);color:#f97316;display:grid;place-items:center}.phase1-stat span,.phase1-stat strong{display:block}.phase1-stat span{color:#9ca3af;font-size:.78rem}.phase1-stat strong{font-size:1.25rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-head h2,.section-head h3{margin:0}.section-head p{margin:3px 0 0;color:#9ca3af}.creator-plan-list{display:grid;gap:10px}.creator-plan-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:14px}.creator-plan-row span{font-size:.68rem;text-transform:uppercase;color:#f97316}.creator-plan-row h4{margin:3px 0}.creator-plan-row p{margin:0;color:#9ca3af;font-size:.82rem}.creator-plan-row>strong{font-size:1.25rem}.creator-plan-row>strong small{font-size:.7rem;color:#9ca3af}.wallet-balance-big{padding:28px;text-align:center;background:linear-gradient(145deg,rgba(249,115,22,.13),rgba(124,58,237,.1));border-radius:16px;margin:20px 0}.wallet-balance-big span,.wallet-balance-big strong,.wallet-balance-big small{display:block}.wallet-balance-big strong{font-size:2.3rem}.wallet-balance-big small{color:#9ca3af}.phase1-table{--bs-table-bg:transparent;--bs-table-color:#e5e7eb;--bs-table-border-color:rgba(255,255,255,.07)}.subscriber-list a{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit}.subscriber-list img{width:38px;height:38px;border-radius:50%;object-fit:cover}.subscriber-list span{display:block;color:#9ca3af;font-size:.73rem}.creator-public-hero{padding:24px;display:flex;align-items:center;gap:18px}.creator-public-hero>img{width:94px;height:94px;border-radius:24px;object-fit:cover}.creator-public-hero>div{flex:1}.creator-public-hero h1{margin:3px 0}.creator-public-hero p{margin:0;color:#9ca3af}.member-active-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;margin:18px 0;border-radius:16px;background:linear-gradient(90deg,#7c3aed,#4f46e5);color:#fff}.member-active-banner>i{font-size:1.5rem}.member-active-banner div{flex:1}.member-active-banner span{display:block;font-size:.8rem;opacity:.8}.creator-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:22px}.creator-price-card{padding:24px}.creator-price-card>span{font-size:.68rem;text-transform:uppercase;color:#f97316;font-weight:800}.creator-price-card h3{margin:7px 0}.creator-price-card .price strong{font-size:2rem}.creator-price-card .price small{color:#9ca3af}.creator-price-card>p{color:#9ca3af;min-height:44px}.creator-price-card ul{list-style:none;padding:0;min-height:100px}.creator-price-card li{margin:8px 0}.creator-price-card li i{color:#22c55e;margin-right:8px}.creator-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.creator-content-card{aspect-ratio:9/13;border-radius:16px;background:#111 center/cover;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;text-decoration:none;overflow:hidden}.creator-content-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.7))}.creator-content-card i{font-size:1.5rem;z-index:1}.creator-content-card span{position:absolute;bottom:10px;left:10px;z-index:1;font-size:.75rem}
/* Verification */
.verified-status{padding:10px 15px;border-radius:999px;background:rgba(59,130,246,.12);color:#60a5fa}.verification-pending{text-align:center}.verification-pending>i{font-size:2.5rem;color:#f59e0b;margin-bottom:12px}.request-summary{display:flex;gap:12px;align-items:center;text-align:left;margin-top:18px;padding:14px;border-radius:13px;background:rgba(255,255,255,.04)}.request-summary span{flex:1}.request-summary small{color:#9ca3af}.verification-history>div{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.verification-history small{display:block;color:#9ca3af}.verification-history p{margin:6px 0 0}.status-dot{display:block;width:11px;height:11px;border-radius:50%;margin-top:6px;background:#6b7280}.status-dot.approved{background:#22c55e}.status-dot.rejected{background:#ef4444}.status-dot.pending,.status-dot.reviewing{background:#f59e0b}
@media(max-width:1199px){.creator-stat-grid{grid-template-columns:repeat(2,1fr)}.live-layout{grid-template-columns:1fr}.live-chat-panel{min-height:430px}.studio-side{grid-template-columns:1fr 1fr}.reel-card{height:75vh}}
@media(max-width:767px){.phase1-page{padding-top:14px}.phase1-page-head,.live-room-head{flex-direction:column}.phase1-page-head>.btn,.live-room-head>.btn{width:100%}.creator-stat-grid{grid-template-columns:1fr 1fr}.phase1-stat{padding:13px}.creator-plan-row{grid-template-columns:1fr}.creator-public-hero{align-items:flex-start;flex-wrap:wrap}.creator-public-hero>img{width:72px;height:72px}.creator-public-hero>div{min-width:calc(100% - 100px)}.creator-public-hero>.btn{width:100%}.studio-side{grid-template-columns:1fr}.live-stage,.live-video,.studio-layout .live-stage,.studio-layout .live-video,.live-access-lock{min-height:56vh}.reel-card{height:calc(100vh - 145px);min-height:520px}.reel-media{border-radius:16px}.gift-picker{grid-template-columns:repeat(2,1fr)}.member-active-banner{align-items:flex-start;flex-wrap:wrap}.member-active-banner button{width:100%}}
.reel-follow-btn{border:1px solid rgba(255,255,255,.75);background:#fff;color:#111;border-radius:999px;padding:.28rem .75rem;font-weight:700;font-size:.82rem}.reel-follow-btn.following{background:rgba(20,20,20,.55);color:#fff}.reel-track{display:none}
.phase1-member-lock{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid rgba(249,115,22,.28);border-radius:18px;background:linear-gradient(135deg,rgba(249,115,22,.12),rgba(168,85,247,.09))}.phase1-member-lock>i{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:50%;background:rgba(249,115,22,.18);color:#fb923c}.phase1-member-lock div{flex:1;min-width:0}.phase1-member-lock p{margin:3px 0 0;color:var(--muted,#9ca3af);font-size:.9rem}.phase1-member-lock .btn{white-space:nowrap}@media(max-width:640px){.phase1-member-lock{align-items:flex-start;flex-wrap:wrap}.phase1-member-lock .btn{width:100%}}

/* ================================================================
   SOCIAVIS — PHASE 1 LIGHT/DARK THEME COMPATIBILITY FIX
   Keeps media/video stages dark where appropriate, while making all
   cards, forms, labels and controls readable in both app themes.
   ================================================================ */
.phase1-page{color:var(--text,#0f172a)}
.phase1-page :is(h1,h2,h3,h4,h5,h6,strong,label){color:var(--text,#0f172a)}
.phase1-page :is(p,small,.text-muted){color:var(--muted,#64748b)}
.phase1-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-solid,#fff) 97%,var(--accent,#f97316) 3%),var(--surface-solid,#fff));
  border-color:var(--border,rgba(15,23,42,.1));
  color:var(--text,#0f172a);
  box-shadow:var(--shadow,0 18px 55px rgba(15,23,42,.08));
}
html[data-theme="dark"] .phase1-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--surface-solid,#161b27) 94%,#fff 6%),color-mix(in srgb,var(--surface-solid,#161b27) 97%,#000 3%));
  border-color:var(--border,rgba(255,255,255,.09));
}
html[data-theme="light"] .phase1-card{
  background:linear-gradient(145deg,#fff,color-mix(in srgb,#fff 96%,var(--accent,#f97316) 4%));
  border-color:var(--border,rgba(15,23,42,.1));
  box-shadow:0 18px 55px rgba(15,23,42,.08);
}

.eyebrow,.creator-plan-row>div>span,.creator-price-card>span{color:var(--accent,#f97316)}
.creator-hero-icon{color:#fff;background:linear-gradient(145deg,var(--accent-2,#fb923c),var(--accent,#f97316) 50%,var(--accent-3,#7c3aed))}
.creator-hero h1,.creator-plan-row h4,.creator-price-card h3,.creator-public-hero h1{color:var(--text,#0f172a)}
.creator-hero>p,.creator-hero small,.section-head p,.creator-plan-row p,.creator-plan-row>strong small,.wallet-balance-big small,.subscriber-list span,.creator-public-hero p,.creator-price-card .price small,.creator-price-card>p,.request-summary small,.verification-history small,.verification-history p{color:var(--muted,#64748b)}
.creator-benefits span{
  background:var(--surface-2,color-mix(in srgb,var(--surface-solid,#fff) 92%,#000 8%));
  border:1px solid var(--border,rgba(15,23,42,.1));
  color:var(--text,#0f172a)
}
html[data-theme="dark"] .creator-benefits span{background:rgba(255,255,255,.06)}

.phase1-card .form-control,.phase1-card .form-select,.phase1-modal .form-control,.phase1-modal .form-select{
  background:var(--surface-2,#f8f9fd)!important;
  border-color:var(--border,rgba(15,23,42,.1))!important;
  color:var(--text,#0f172a)!important
}
.phase1-card .form-control:focus,.phase1-card .form-select:focus,.phase1-modal .form-control:focus,.phase1-modal .form-select:focus{
  background:var(--surface-2,#f8f9fd)!important;
  color:var(--text,#0f172a)!important;
  border-color:var(--accent,#f97316)!important;
  box-shadow:0 0 0 .2rem var(--accent-soft,rgba(249,115,22,.13))!important
}
.phase1-card .form-select option,.phase1-modal .form-select option{background:var(--surface-solid,#fff);color:var(--text,#0f172a)}
.phase1-modal{background:var(--surface-solid,#fff);color:var(--text,#0f172a);border-color:var(--border,rgba(15,23,42,.1))}
.phase1-modal .modal-header,.phase1-modal .modal-footer{border-color:var(--border,rgba(15,23,42,.1))}
html[data-theme="light"] .phase1-modal .btn-close{filter:none}
html[data-theme="dark"] .phase1-modal .btn-close{filter:invert(1)}

.phase1-empty,.upload-drop,.phase1-switches label,.request-summary{
  border-color:var(--border,rgba(15,23,42,.1));
  color:var(--muted,#64748b)
}
.upload-drop,.phase1-switches label,.request-summary{background:var(--surface-2,#f8f9fd)}
.phase1-tabs a{color:var(--muted,#64748b);background:var(--surface-2,#f8f9fd);border:1px solid var(--border,rgba(15,23,42,.1))}
.phase1-tabs a.active{background:var(--accent,#f97316);border-color:var(--accent,#f97316);color:#fff}
.phase1-note,.verification-security{background:color-mix(in srgb,#3b82f6 9%,var(--surface-solid,#fff));border-color:rgba(59,130,246,.22)}
.phase1-note p,.verification-security p{color:var(--muted,#64748b)}

.phase1-stat{background:var(--surface-2,#f8f9fd);border-color:var(--border,rgba(15,23,42,.1));color:var(--text,#0f172a)}
.phase1-stat>i{background:var(--accent-soft,rgba(249,115,22,.13));color:var(--accent,#f97316)}
.phase1-stat span{color:var(--muted,#64748b)}
.creator-plan-row{border-color:var(--border,rgba(15,23,42,.1));background:color-mix(in srgb,var(--surface-2,#f8f9fd) 75%,transparent)}
.wallet-balance-big{background:linear-gradient(145deg,var(--accent-soft,rgba(249,115,22,.13)),color-mix(in srgb,var(--accent-3,#7c3aed) 10%,transparent))}
.phase1-table{--bs-table-bg:transparent;--bs-table-color:var(--text,#0f172a);--bs-table-border-color:var(--border,rgba(15,23,42,.1))}
.subscriber-list a,.verification-history>div{border-color:var(--border,rgba(15,23,42,.1));color:var(--text,#0f172a)}

/* Cards and controls used by Live/Creator/Verification pages. */
.live-card{background:var(--surface-solid,#fff);border-color:var(--border,rgba(15,23,42,.1));color:var(--text,#0f172a);box-shadow:var(--shadow,0 12px 35px rgba(15,23,42,.07))}
.live-card:hover{color:var(--text,#0f172a);border-color:color-mix(in srgb,var(--accent,#f97316) 50%,transparent)}
.live-card-body p,.live-room-head a,.participant small{color:var(--muted,#64748b)}
.live-chat-title,.live-chat-form,.participant{border-color:var(--border,rgba(15,23,42,.1))}
.live-chat-panel,.studio-panel{color:var(--text,#0f172a)}
.gift-picker button{background:var(--surface-2,#f8f9fd);color:var(--text,#0f172a);border-color:var(--border,rgba(15,23,42,.1))}
.gift-picker small{color:var(--muted,#64748b)}

/* Keep actual video/reel playback surfaces dark in both themes. */
.reel-media,.live-stage,.live-video,.live-connecting,.live-access-lock{color:#fff}
.reel-caption :is(h1,h2,h3,h4,h5,h6,strong,p,span),.live-stage :is(h1,h2,h3,h4,h5,h6,strong,p,span),.live-access-lock :is(h1,h2,h3,h4,h5,h6,strong,p,span){color:inherit}
.reel-caption p{color:#fff}
.reel-author{color:#fff}
.reel-locked{color:#fff}
.reel-locked p{color:#c7c8ce}

/* Bootstrap outline-light is too pale on a light page. */
html[data-theme="light"] .phase1-page .btn-outline-light{
  color:var(--text,#0f172a)!important;
  background:var(--surface-2,#f8f9fd)!important;
  border-color:var(--border,rgba(15,23,42,.1))!important
}
html[data-theme="light"] .phase1-page .btn-outline-light:hover{
  color:#fff!important;
  background:var(--accent,#f97316)!important;
  border-color:var(--accent,#f97316)!important
}

/* Creator public/membership and lock states. */
.creator-price-card,.creator-public-hero{color:var(--text,#0f172a)}
.phase1-member-lock{border-color:color-mix(in srgb,var(--accent,#f97316) 30%,transparent);background:linear-gradient(135deg,var(--accent-soft,rgba(249,115,22,.12)),color-mix(in srgb,var(--accent-3,#7c3aed) 8%,transparent))}
.phase1-member-lock>i{background:var(--accent-soft,rgba(249,115,22,.18));color:var(--accent,#f97316)}
.phase1-member-lock p{color:var(--muted,#64748b)}

/* Ensure the creator enable hero in LIGHT mode is genuinely light and legible. */
html[data-theme="light"] .creator-hero.phase1-card{
  background:
    radial-gradient(circle at 50% 0,rgba(var(--accent-rgb,249,115,22),.08),transparent 38%),
    linear-gradient(145deg,#fff,#f8fafc)!important
}
html[data-theme="light"] .creator-hero h1{color:#111827!important}
html[data-theme="light"] .creator-hero>p{color:#64748b!important}
html[data-theme="light"] .creator-benefits span{color:#1f2937!important;background:#f6f7fb!important;border-color:rgba(15,23,42,.09)!important}
html[data-theme="light"] .creator-hero small{color:#6b7280!important}

/* Dark mode keeps the premium dark presentation seen in the original design. */
html[data-theme="dark"] .creator-hero.phase1-card{
  background:linear-gradient(145deg,rgba(25,28,38,.98),rgba(15,17,24,.98))!important
}
html[data-theme="dark"] .creator-hero h1{color:#f4f4f5!important}
html[data-theme="dark"] .creator-hero>p{color:#a7aab4!important}
html[data-theme="dark"] .creator-benefits span{color:#f4f4f5!important;border-color:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .creator-hero small{color:#8e99ab!important}

/* ================================================================
   SOCIAVIS — PHASE 1 LIGHT MODE FINAL CONTRAST PASS
   Applies to Creator Studio, creator program, verification and live UI.
   ================================================================ */
html[data-theme="light"] .phase1-page{color:#111827!important}
html[data-theme="light"] .phase1-page :is(h1,h2,h3,h4,h5,h6,strong,label,.section-head h1,.section-head h2,.section-head h3){color:#111827!important}
html[data-theme="light"] .phase1-page :is(p,small,.text-muted,.form-text){color:#64748b!important}
html[data-theme="light"] .phase1-page :is(.phase1-card,.creator-price-card,.creator-public-hero,.creator-plan-row,.phase1-stat,.studio-panel,.live-card,.verification-history>div,.subscriber-list a,.request-summary,.upload-drop,.phase1-switches label){
  background:#fff!important;color:#111827!important;border-color:#e2e8f0!important;box-shadow:0 14px 42px rgba(15,23,42,.065)!important
}
html[data-theme="light"] .phase1-page :is(.phase1-card,.creator-plan-row,.creator-price-card,.studio-panel,.live-card) a:not(.btn){color:var(--text)!important}
html[data-theme="light"] .phase1-page :is(.phase1-card,.creator-plan-row,.creator-price-card,.studio-panel,.live-card) a:not(.btn):hover{color:var(--accent)!important}
html[data-theme="light"] .phase1-page .creator-benefits span{background:#f8fafc!important;color:#1f2937!important;border-color:#e2e8f0!important}
html[data-theme="light"] .phase1-page .phase1-stat{background:#f8fafc!important}
html[data-theme="light"] .phase1-page .creator-plan-row{background:#f8fafc!important}
html[data-theme="light"] .phase1-page :is(.form-control,.form-select,textarea){background:#f8fafc!important;color:#111827!important;border-color:#cbd5e1!important}
html[data-theme="light"] .phase1-page :is(.form-control,.form-select,textarea)::placeholder{color:#94a3b8!important}
html[data-theme="light"] .phase1-page .phase1-tabs a{background:#f8fafc!important;color:#64748b!important;border-color:#e2e8f0!important}
html[data-theme="light"] .phase1-page .phase1-tabs a:hover{color:var(--accent)!important;background:var(--accent-soft)!important}
html[data-theme="light"] .phase1-page .phase1-tabs a.active{color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important}
html[data-theme="light"] .phase1-page :is(.text-light,.text-white):not(.btn){color:#111827!important}
html[data-theme="light"] .phase1-page .text-white-50{color:#64748b!important}
html[data-theme="light"] .phase1-page :is(.badge.bg-dark,.bg-dark):not(.reel-media):not(.live-stage):not(.live-video){background:#f1f5f9!important;color:#334155!important}

/* Preserve white-on-dark media overlays even in light mode. */
html[data-theme="light"] :is(.reel-media,.reel-caption,.live-stage,.live-video,.live-access-lock,.live-connecting) :is(h1,h2,h3,h4,h5,h6,strong,p,span,.text-white,.text-light,.text-white-50){color:#fff!important}
html[data-theme="light"] .reel-caption .text-white-50{color:rgba(255,255,255,.72)!important}

.gift-live-icon{display:grid!important;place-items:center;min-height:48px;font-size:1.6rem}
.gift-live-icon img{display:block;width:48px;height:48px;object-fit:contain;border-radius:10px;margin:0 auto}