:root{
  --cdc-bg:#fff8fb;
  --cdc-surface:#ffffff;
  --cdc-surface-soft:#fff1f6;
  --cdc-border:#f2dbe4;
  --cdc-text:#2b1f24;
  --cdc-muted:#74646b;
  --cdc-brand:#a80d46;
  --cdc-brand-2:#d9366f;
  --cdc-brand-dark:#741033;
  --cdc-success:#17864b;
  --cdc-shadow:0 18px 48px rgba(104,25,53,.10);
  --cdc-shadow-soft:0 8px 24px rgba(104,25,53,.08);
  --cdc-radius:20px;
}

html{scroll-behavior:smooth}
html.ui-v36{
  background:
    radial-gradient(circle at 12% 5%,rgba(255,190,215,.42),transparent 32rem),
    linear-gradient(180deg,#fff9fb 0,#fff 52%,#fff7fa 100%) !important;
  color:var(--cdc-text) !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif !important;
}
html.ui-v36 *{box-sizing:border-box}
html.ui-v36 a{-webkit-tap-highlight-color:transparent}
html.ui-v36 header{
  background:linear-gradient(110deg,rgba(116,16,51,.98),rgba(168,13,70,.96)) !important;
  border-bottom:1px solid rgba(255,255,255,.14);
  box-shadow:0 10px 30px rgba(80,13,38,.16) !important;
  min-height:64px;
  padding:11px clamp(16px,4vw,34px) !important;
}
html.ui-v36 header .logo{
  font-size:clamp(1.35rem,3vw,1.82rem) !important;
  letter-spacing:-.035em;
  font-weight:800 !important;
}
html.ui-v36 header nav a{
  border-radius:999px;
  padding:9px 11px !important;
  transition:background .18s ease,color .18s ease,transform .18s ease !important;
}
html.ui-v36 header nav a:hover,
html.ui-v36 header nav a:focus-visible{
  background:rgba(255,255,255,.13);
  color:#fff !important;
  text-decoration:none !important;
  outline:none;
}
html.ui-v36 .hamburger-menu,
html.ui-v36 .menu-toggle{
  min-width:44px;
  min-height:44px;
  border-radius:12px !important;
}

html.ui-v36 .container{
  width:min(1180px,calc(100% - 28px)) !important;
  max-width:1180px !important;
  margin:28px auto 34px !important;
  padding:0 !important;
  gap:24px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
html.ui-v36 .main-content,
html.ui-v36 .sidebar{min-width:0}

/* HOME */
html.ui-v36-home .intro{
  position:relative;
  overflow:hidden;
  padding:clamp(24px,5vw,52px) !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 86% 10%,rgba(255,255,255,.20),transparent 16rem),
    linear-gradient(135deg,#751033 0%,#a80d46 48%,#dd477b 100%) !important;
  color:#fff !important;
  box-shadow:0 26px 64px rgba(116,16,51,.22) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  margin-bottom:18px !important;
}
html.ui-v36-home .intro:before{
  content:"";
  position:absolute;
  width:240px;height:240px;
  right:-90px;bottom:-130px;
  border-radius:50%;
  border:45px solid rgba(255,255,255,.07);
  pointer-events:none;
}
html.ui-v36-home .intro h1{
  color:#fff !important;
  font-size:clamp(2rem,5vw,3.6rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.045em;
  margin:0 0 16px !important;
  max-width:820px;
}
html.ui-v36-home .intro p{
  color:rgba(255,255,255,.92) !important;
  font-size:clamp(1rem,2vw,1.18rem) !important;
  line-height:1.7 !important;
  max-width:760px;
  margin:0 !important;
}
html.ui-v36 .cdc-trust-strip{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:16px 0 22px;
}
html.ui-v36 .cdc-trust-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 12px;
  border:1px solid var(--cdc-border);
  background:rgba(255,255,255,.9);
  color:#5e3d49;
  border-radius:999px;
  box-shadow:0 4px 14px rgba(80,13,38,.05);
  font-size:.92rem;
  font-weight:700;
}
html.ui-v36 .cdc-trust-pill b{color:var(--cdc-success)}

html.ui-v36 .live-stats{
  border:1px solid var(--cdc-border) !important;
  background:rgba(255,255,255,.94) !important;
  border-radius:20px !important;
  padding:16px !important;
  box-shadow:var(--cdc-shadow-soft) !important;
  gap:12px !important;
  margin:0 0 22px !important;
}
html.ui-v36 .live-stat{
  background:linear-gradient(180deg,#fff,#fff7fa) !important;
  border:1px solid #f5e2e9 !important;
  border-radius:16px !important;
  padding:15px !important;
}
html.ui-v36 .live-stat strong{
  color:var(--cdc-brand) !important;
  font-size:clamp(1.45rem,4vw,2rem) !important;
}
html.ui-v36 .live-stat span{color:var(--cdc-muted) !important}
html.ui-v36 .live-rooms{
  border-radius:14px !important;
  background:#fff7fa !important;
  color:#6b4b57 !important;
  padding:12px 14px !important;
}
html.ui-v36 .live-room-chip{
  background:#fff !important;
  border:1px solid #efceda;
  color:var(--cdc-brand-dark) !important;
  padding:6px 10px !important;
  box-shadow:0 2px 8px rgba(116,16,51,.05);
}

html.ui-v36-home .main-content>.room-category-block,
html.ui-v36-home .sidebar .room-category-block,
html.ui-v36-home .sidebar .latest-rooms-styled,
html.ui-v36-home .main-content-info-block{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--cdc-border) !important;
  border-radius:20px !important;
  box-shadow:var(--cdc-shadow-soft) !important;
  padding:18px !important;
  margin:0 0 16px !important;
}
html.ui-v36-home .room-category-block h2,
html.ui-v36-home .main-content-info-block h2,
html.ui-v36-home .sidebar h2{
  color:var(--cdc-brand-dark) !important;
  border:0 !important;
  margin:0 0 13px !important;
  padding:0 !important;
  font-size:1.12rem !important;
  letter-spacing:-.015em;
}
html.ui-v36-home .room-list{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
  gap:9px !important;
  padding:0 !important;
  margin:0 !important;
}
html.ui-v36-home .room-list li{margin:0 !important;list-style:none}
html.ui-v36-home .room-list a{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  min-height:45px;
  padding:10px 12px !important;
  border-radius:12px;
  background:#fff7fa;
  border:1px solid #f3dce5;
  color:#5e2439 !important;
  font-weight:700;
  text-decoration:none !important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
html.ui-v36-home .room-list a:after{content:"›";font-size:1.25rem;color:#b94a71}
html.ui-v36-home .room-list a:hover,
html.ui-v36-home .room-list a:focus-visible{
  transform:translateY(-1px);
  background:#fff;
  border-color:#e8b6c9;
  box-shadow:0 8px 18px rgba(116,16,51,.08);
  outline:none;
}
html.ui-v36-home .main-content-info-block p{line-height:1.76;color:#5f5056}
html.ui-v36-home .main-content-info-block a{color:var(--cdc-brand);font-weight:700}
html.ui-v36-home #main-content-random-rooms-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:9px;
  list-style:none;
  padding:0;
}
html.ui-v36-home #main-content-random-rooms-list a{
  display:block;padding:10px 12px;border-radius:11px;background:#fff5f8;border:1px solid #f1d4df;color:#7c2344;text-decoration:none;font-weight:700
}

/* INTERMEDIATE ROOM PAGES */
html.ui-v36-room .breadcrumbs-v3{
  width:min(1180px,calc(100% - 28px)) !important;
  max-width:1180px !important;
  margin:18px auto 0 !important;
  padding:0 !important;
  font-size:.9rem !important;
}
html.ui-v36-room .breadcrumbs-v3 a{color:var(--cdc-brand) !important;font-weight:700}
html.ui-v36-room .container{
  grid-template-columns:minmax(0,1fr) 300px !important;
  align-items:start;
}
html.ui-v36-room .room-info-block{
  position:relative;
  overflow:hidden;
  padding:clamp(24px,4vw,40px) !important;
  margin:0 0 16px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 90% 0,rgba(255,255,255,.18),transparent 13rem),
    linear-gradient(135deg,#7a1236,#ab174e 54%,#d84d7d) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 20px 46px rgba(116,16,51,.19) !important;
}
html.ui-v36-room .room-info-block h1{
  color:#fff !important;
  margin:0 0 12px !important;
  font-size:clamp(2rem,4.5vw,3.15rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.04em;
}
html.ui-v36-room .room-info-block p{
  color:rgba(255,255,255,.92) !important;
  margin:0 !important;
  max-width:760px;
  line-height:1.68 !important;
  font-size:1.04rem;
}
html.ui-v36-room .about-room,
html.ui-v36-room .related-rooms,
html.ui-v36-room .sidebar .room-category-block,
html.ui-v36-room .sidebar .latest-rooms{
  background:rgba(255,255,255,.97) !important;
  border:1px solid var(--cdc-border) !important;
  border-radius:18px !important;
  box-shadow:var(--cdc-shadow-soft) !important;
  padding:18px !important;
  margin:0 0 16px !important;
}
html.ui-v36-room .about-room h2,
html.ui-v36-room .related-rooms h2,
html.ui-v36-room .sidebar h2{
  color:var(--cdc-brand-dark) !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 11px !important;
  font-size:1.12rem !important;
}
html.ui-v36-room .about-room p{color:#615158;line-height:1.72;margin:0}

html.ui-v36-room .user-entry-form{
  position:relative;
  margin:0 0 16px !important;
  padding:20px !important;
  border:1px solid #eec3d3 !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,#fff5f8) !important;
  box-shadow:0 14px 34px rgba(116,16,51,.11) !important;
  gap:10px !important;
}
html.ui-v36-room .cdc-entry-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  background:#eaf8f0;
  color:#17643c;
  font-size:.82rem;
  font-weight:800;
  margin-bottom:2px;
}
html.ui-v36-room .cdc-entry-title{
  margin:0 0 2px;
  font-size:1.25rem;
  color:#5f1731;
  font-weight:800;
  letter-spacing:-.02em;
}
html.ui-v36-room .cdc-entry-note{
  color:#79666e;
  font-size:.9rem;
  margin:0 0 4px;
  line-height:1.45;
}
html.ui-v36-room .user-entry-form label{font-size:.93rem;color:#5c4850 !important}
html.ui-v36-room .user-entry-form input[type="text"],
html.ui-v36-room .user-entry-form input[type="password"]{
  width:100% !important;
  min-height:50px;
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid #dbc3cd !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:inset 0 1px 2px rgba(52,21,31,.04) !important;
  font-size:16px !important;
  outline:none;
}
html.ui-v36-room .user-entry-form input:focus{
  border-color:#ca6287 !important;
  box-shadow:0 0 0 4px rgba(202,98,135,.13) !important;
}
html.ui-v36-room button#enterRoomBtn{
  min-height:52px !important;
  margin:4px 0 0 !important;
  border-radius:13px !important;
  background:linear-gradient(135deg,#1b8c50,#2ba965) !important;
  box-shadow:0 10px 22px rgba(27,140,80,.22) !important;
  font-size:1.04rem !important;
  letter-spacing:-.01em;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease !important;
}
html.ui-v36-room button#enterRoomBtn:not(:disabled):hover,
html.ui-v36-room button#enterRoomBtn:not(:disabled):focus-visible{
  transform:translateY(-1px);
  filter:saturate(1.06);
  box-shadow:0 14px 26px rgba(27,140,80,.27) !important;
  outline:none;
}
html.ui-v36-room button#enterRoomBtn:disabled{opacity:.55 !important}

html.ui-v36-room .related-rooms ul{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr)) !important;
  gap:9px !important;
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}
html.ui-v36-room .related-rooms li{margin:0 !important}
html.ui-v36-room .related-rooms a{
  display:flex !important;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border-radius:12px !important;
  background:#fff6f9 !important;
  border:1px solid #f0d3de !important;
  color:#70203e !important;
  font-weight:750;
  text-decoration:none !important;
  padding:9px 10px !important;
}
html.ui-v36-room .related-rooms a:hover,
html.ui-v36-room .related-rooms a:focus-visible{background:#fff !important;border-color:#dea4ba !important;outline:none}
html.ui-v36-room .sidebar{position:sticky;top:82px}
html.ui-v36-room .sidebar .room-list a,
html.ui-v36-room .sidebar .latest-rooms a{
  min-height:42px;
  display:flex !important;
  align-items:center;
  padding:8px 10px !important;
  border-radius:10px;
  color:#5e3d49 !important;
  text-decoration:none !important;
}
html.ui-v36-room .sidebar .room-list a:hover,
html.ui-v36-room .sidebar .latest-rooms a:hover{background:#fff3f7;color:var(--cdc-brand) !important}

html.ui-v36 footer{
  width:100%;
  border-top:1px solid rgba(255,255,255,.05);
}
html.ui-v36-room footer{
  background:#251a1e !important;
  color:#d9cdd1 !important;
  padding:28px 18px !important;
  margin-top:30px !important;
}
html.ui-v36-room footer a{color:#f1d9e2 !important}

@media(min-width:901px){
  html.ui-v36-home .container{grid-template-columns:minmax(0,1fr) 285px !important;align-items:start}
  html.ui-v36-home .sidebar{position:sticky;top:84px}
}
@media(max-width:900px){
  html.ui-v36-room .container,
  html.ui-v36-home .container{grid-template-columns:1fr !important}
  html.ui-v36-room .sidebar,
  html.ui-v36-home .sidebar{position:static !important}
  html.ui-v36-room .sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  html.ui-v36-room .sidebar>*{margin:0 !important}
}
@media(max-width:768px){
  html.ui-v36 header{min-height:60px;padding:8px 14px !important}
  html.ui-v36 .container{width:min(100% - 20px,1180px) !important;margin-top:18px !important}
  html.ui-v36-home .container{margin-top:76px !important}
  html.ui-v36-home .nav-links-container{
    background:linear-gradient(180deg,#741033,#971343) !important;
    width:min(84vw,330px) !important;
  }
  html.ui-v36-home header nav ul li{margin:4px 0 !important}
  html.ui-v36-home header nav ul li a{min-height:46px;display:flex !important;align-items:center;padding:10px 18px !important}
  html.ui-v36-room .room-info-block{border-radius:20px !important}
  html.ui-v36-room .sidebar{grid-template-columns:1fr}
  html.ui-v36-room .breadcrumbs-v3{width:calc(100% - 20px) !important;margin-top:12px !important}
  html.ui-v36-room .user-entry-form{padding:16px !important}
  html.ui-v36-room .related-rooms ul{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media(max-width:480px){
  html.ui-v36-home .intro{padding:24px 20px !important;border-radius:22px !important}
  html.ui-v36-home .intro h1{font-size:2rem !important}
  html.ui-v36 .live-stats{grid-template-columns:1fr 1fr !important;padding:12px !important}
  html.ui-v36 .live-rooms{grid-column:1/-1}
  html.ui-v36-home .room-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  html.ui-v36-home .room-list a{font-size:.92rem;padding:9px 10px !important}
  html.ui-v36-room .room-info-block{padding:24px 19px !important}
  html.ui-v36-room .room-info-block h1{font-size:2rem !important}
  html.ui-v36-room .related-rooms ul{grid-template-columns:1fr 1fr !important}
}
@media(prefers-reduced-motion:reduce){
  html.ui-v36 *,html.ui-v36 *:before,html.ui-v36 *:after{scroll-behavior:auto !important;transition:none !important;animation:none !important}
}