/* Original Lives V0.33.6 | Estética Aurora 360 basada en la sala de voz.
   Capa visual global; no oculta asientos, reacciones, modales o controles. */
:root {
  color-scheme: dark;
  --bg:#0b1021; --card:#101d2e; --border:#1d617a;
  --violet:#a26dff; --gold:#7ceff1; --white:#f6faff; --muted:#bac7df;
  --ol-bg:#0b1021; --ol-bg-soft:#0d1729;
  --ol-panel:rgba(14,29,44,.94); --ol-panel-strong:#101f31;
  --ol-panel-alt:#0b192a; --ol-border:rgba(32,181,207,.28);
  --ol-border-strong:rgba(37,213,232,.62);
  --ol-text:#f6faff; --ol-muted:#b9c6d9;
  --ol-violet:#9763e6; --ol-violet-2:#7846ba; --ol-gold:#8de3ed;
  --ol-shadow:0 12px 33px rgba(0,0,0,.21);--ol-shadow-lg:0 24px 65px rgba(0,0,0,.29);
  --ol-radius:19px;--ol-radius-sm:13px;
  --ol36-cyan:#14c9db;--ol36-line:rgba(20,201,219,.38);
  --ol36-purple:#2a1641;--ol36-soft:#aebfd4;
}
html {background:#0b1021;scroll-padding-top:83px}
body {
  color:#f6faff!important;
  background:radial-gradient(ellipse 720px 610px at 0% 4%,rgba(78,33,118,.32),transparent 72%),
             radial-gradient(ellipse 900px 780px at 96% 28%,rgba(14,115,149,.12),transparent 74%),
             linear-gradient(180deg,#110d26 0%,#0b1524 41%,#0b1423 100%)!important;
}
body::before{opacity:.08!important}
::selection{background:#096f83;color:#fff}
:focus-visible{outline:2px solid #51e2e9!important;outline-offset:3px}
.topline{height:3px!important;background:linear-gradient(90deg,#542781 2%,#8c4fd6 35%,#17c9da 76%,#542780)!important}
header {background:rgba(11,18,34,.95)!important;border-bottom:1px solid rgba(26,188,215,.28)!important;backdrop-filter:blur(18px)!important}
.nav{min-height:72px;height:auto!important;padding-block:11px;gap:13px}
.brand{color:#fff;font-weight:900;letter-spacing:-.055em}
.brand b{color:#61dbe6!important}
.mark,.ol-demo-icon,.ol-v29-room-icon {background:linear-gradient(140deg,#753db4,#284875)!important;border:1px solid #4d82aa!important;box-shadow:inset 0 0 19px #1ae1e02a,0 6px 26px #0003!important}
.links a{color:#c0d1e5!important}.links a:hover{color:#70edf3!important}.links a::after{background:#19cada!important}
.beta-strip{background:linear-gradient(90deg,#25153b,#172a3a)!important;border-color:#235773!important}
.beta-side-sticker,.chat-quick-link{border:1px solid #368da7!important;background:linear-gradient(135deg,#102d40,#231437)!important;color:#e7fbff!important;box-shadow:0 14px 32px #0006!important}
/* Primary interactions, including dynamically inserted forms. */
.pill,.ol-v29-create-btn,.ol-v29-room-card button,.ol-v298-chat-form button,
.ol-global-form button,.ol-social button:not(.secondary),.ol-crown-buy,
.ol-v315-visitors-trigger,.ol-contact-primary,#ol332BgBuy {
  background:linear-gradient(130deg,#216e83,#1c6378)!important;
  border:1px solid rgba(63,212,230,.62)!important;
  color:#f9ffff!important;border-radius:11px!important;box-shadow:none!important;
  font-weight:800!important;text-shadow:none!important;
}
.pill:hover:not(:disabled),.ol-v29-create-btn:hover:not(:disabled),.ol-global-form button:hover:not(:disabled),
.ol-crown-buy:hover:not(:disabled),#ol332BgBuy:hover:not(:disabled){background:#278aa0!important;filter:brightness(1.09)}
.outline,.previewbtn,.ol-v29-refresh,.ol-contact-btn,.ol-inbox-trigger,.ol-auth-nav-trigger,
.ol-v298-room-options button,.ol-social button.secondary {
  background:rgba(31,37,64,.90)!important;border:1px solid rgba(112,128,171,.53)!important;
  color:#edfaff!important;border-radius:11px!important;box-shadow:none!important;
}
button:disabled{opacity:.52!important;cursor:not-allowed}
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea {
  background:#101f30!important;border:1px solid #365d72!important;color:#f6fbff!important;
  border-radius:11px!important;accent-color:#13c9db;box-shadow:none!important;
}
input::placeholder,textarea::placeholder{color:#93a7bf!important}
input:focus,textarea:focus,select:focus{border-color:#3bdbe7!important;outline-color:#3bdbe7!important}
label,small,.note,.micro,.foot small{color:#bccbdd}
/* Hero & homepage */
.hero{background:radial-gradient(circle at 10% 20%,rgba(65,30,98,.30),transparent 38%),
                radial-gradient(circle at 89% 20%,rgba(0,171,197,.13),transparent 33%),#0b1525!important}
.hero::after{background:linear-gradient(transparent,#0b1525)!important}
.stars{opacity:.28!important}
.hero h1 em,.ol-vision-head h2 span{color:#78e6ed!important}
.eyebrow,.kicker,.auth-flag,.ol-demo-pill,.status-chip,.waitpill,.ol-v29-beta-pill,.ol-vision-note {
  background:rgba(14,41,58,.85)!important;border:1px solid rgba(40,181,210,.48)!important;
  color:#8beaf0!important;border-radius:999px!important;
}
.lede, section p,.hero p,.auth-card p,.ol-social p{color:#bfccdc!important}
.phone{border-color:#266f8b!important;box-shadow:0 35px 83px #0008,0 0 0 4px #11cbe20c!important}
.screen{background:#0b1a2d!important}.phone-head span,.phone-sub,.num{color:#a5e8ea!important}
.room-feature{background:linear-gradient(140deg,#1a536e,#152539)!important;border-color:#1a9aaf!important}
.tag{background:#542995!important}
.mini-room,.bottomnav{background:#0f2133!important;border-color:#266a84!important}
.room-emoji,.ol-mic-face{background:#122b3d!important;border-color:#2792a7!important}
.floating,.floating2{background:#1a2a40!important;border-color:#356f8a!important}
.section,.ol-vision,.ol-levels,.ol-crown-shop,.auth-section,.cta{position:relative}
.section.alt,.ol-vision,.ol-levels,.ol-crown-shop,.auth-section,.cta{
  background:linear-gradient(180deg,rgba(13,28,45,.58),rgba(10,20,37,.64))!important;
  border-top:1px solid rgba(27,159,190,.15)!important;
  border-bottom:1px solid rgba(27,159,190,.13)!important;
}
.section-head h2,.ol-levels h2,.ol-vision h2,.ol-crown-shop h2,.auth-section h2{color:#f4fbff}
/* Universal card grammar: deep navy canvas, thin cyan edge, rounded square. */
.feature,.room-card,.manifesto-card,.road-step,.ol-voice-demo,.ol-vision-side,
.ol-level-daily,.ol-level-next,.ol-level-details,.ol-crown-panel,.auth-card,
.ol-social,.ol-social-panel,.ol-global-wrap,.ol-v29-create,.ol-v29-discover,
.ol-v29-room-card,.ol-v29-room,.ol-contacts-dialog,.ol-top8-card,
.ol-v315-visitors-panel,.ol-v314-youtube,.ol-v298-room-chat,
.olf-family-card,.olf-panel,.olf-family-modal,.ol-inbox-dialog {
  background:linear-gradient(156deg,#102538,#0c1829 85%)!important;
  border:1px solid rgba(31,159,189,.43)!important;
  border-radius:18px!important;
  box-shadow:0 12px 31px rgba(0,0,0,.19)!important;
  color:#f6fbff!important;
}
.feature .ico,.room-art,.ol-demo-option,.ol-contact-avatar,.ol-top8-avatar,.ol-friend-avatar{
  background:linear-gradient(142deg,#21475e,#1b2841)!important;
  border-color:#317c92!important;
}
.room-art{color:#c7fcff!important}
.room-body,.feature{color:#f5fbff}
.room-meta,.ol-contact-names span{color:#85deeb!important}
.room-card:hover,.feature:hover,.ol-demo-option:hover,.ol-v29-room-card:hover{
  border-color:#3ed6e5!important;box-shadow:0 14px 35px #0004,0 0 20px #0abcc515!important;
}
.ol-demo-option.selected{border-color:#24d5de!important;background:#154057!important}
.ol-demo-option small,.ol-voice-title small,.ol-v29-room-desc small{color:#a9c3db!important}
.ol-level-track{background:#0b192a!important;border:1px solid #22566b!important}
.ol-level-track>span{background:linear-gradient(90deg,#17bed4,#8be6ef)!important}
.ol-level-cap,.ol-privacy-note,.ol-crown-balance,.ol-v298-room-options,
.ol-v298-chat-messages,.ol-global-messages,.ol-social .ol-post,.ol-social .ol-comment,
.ol-top8-tile,.ol-contact-bio,.ol-global-msg,.ol-v298-chat-line {
  background:#0c1b2d!important;border:1px solid rgba(24,149,182,.37)!important;
  border-radius:13px!important;color:#eaf7ff!important;
}
.ol-level-tablewrap,.ol-level-tablewrap th,.ol-level-tablewrap td{border-color:#255268!important}
.ol-level-tablewrap th{background:#162c3c!important;color:#8ce8f1!important}
.ol-crown-prices button{border-radius:10px!important}
/* Live lobby and in-room panels; preserve exact mic-seat layout and layering. */
.ol-voice-live,.ol-v29-lobby{color:#eefaff!important}
.ol-v29-room-card{padding:13px!important}
.ol-v29-room-icon{color:#9dffff!important}
.ol-v29-room-desc strong,.ol-v29-section-title{color:#f8fdff!important}
#olV29Room,.ol-voice-live-room,.ol-v29-room-area{background-color:#0c192a!important}
.ol-v298-room-options {padding:10px!important}
.ol-v298-room-options select{background:#1a3040!important;border-color:#38677a!important}
.ol-v298-chat-messages,.ol-global-messages{background:#081a2a!important}
.ol-v298-chat-line,.ol-global-msg{border:1px solid rgba(26,134,156,.31)!important}
.ol-v298-chat-user,.ol-global-author{color:#89e8ed!important}
.ol-v298-chat-content,.ol-global-msg p{color:#e9f9ff!important}
.ol-v29-create-form label{color:#c9dceb!important}
/* Voice room itself was the visual reference: do not restyle .ol-voice-live-seat or its covers */
#ol332BgPanel{background:#0c1b2a!important;color:#f1f9ff!important;border-color:#1c7790!important}
#ol332BgToggle{background:#112d40!important;color:#dbfaff!important;border:1px solid #3685a1!important;border-radius:10px!important}
#ol335BgPreview{border-color:#23dee5!important}
#ol335BgInfo{color:#b7ccd8!important}
/* Social profiles, friends and community */
.ol-social .ol-post{margin-bottom:12px!important}
.ol-social-panel:focus-within{border-color:#3cd4e4!important}
.ol-contacts-top,.ol-global-top{background:#163044!important;border-bottom:1px solid #2d748b!important}
.ol-contact-heading,.ol-contact-names strong,.ol-global-top strong{color:#f4fcff}
.ol-contact-bio{color:#d3e7f6!important}
.ol-contacts-overlay{background:#080e1de9!important}
.ol-global-form{border-color:#2a708a!important}
.ol-social .ol-meta,.ol-global-msg time,.ol-contact-muted{color:#a7bdd1!important}
.olf-family-card,.olf-panel{padding:17px!important}
/* Site footer and floating layers */
.cta{background:radial-gradient(circle at 50% -10%,rgba(9,132,172,.20),transparent 58%),#0b192b!important}
footer{background:#090f1e!important;border-top:1px solid #27677c!important}
.footlinks a:hover{color:#77e8ed!important}
.modal{background:#080d18e7!important}
.modal-panel{background:#101f30!important;border:1px solid #2b829d!important;box-shadow:0 30px 85px #000b!important}
[hidden]{display:none!important}
/* Responsiveness & motion */
@media(max-width:900px){.ol-v29-lobby{grid-template-columns:1fr!important}.nav{min-height:65px}}
@media(max-width:640px){
  .wrap{width:calc(100% - 26px)}
  .hero-inner{padding-block:48px 65px!important}
  .hero h1{font-size:clamp(40px,11vw,60px)!important}
  .feature,.ol-crown-panel,.ol-v29-create,.ol-v29-discover,.ol-social-panel{padding:17px!important}
  .ol-global-wrap,.ol-social{border-radius:15px!important}
  .ol-v298-chat-form{flex-wrap:wrap}
  input,textarea,select{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}