Espace 50 Nuances \u2013 BDSM | Kajira-Infinity<\/title><meta name=\"description\" content=\"Espace 50 Nuances Kajira-Infinity : BDSM, domination, soumission.\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">or: var(–or);<br \/>\n font-size: 9px;<br \/>\n border: 1px solid var(–or);<br \/>\n padding: 2px 6px;<br \/>\n border-radius: 10px;<br \/>\n z-index: 3;<br \/>\n}<\/p>\n<p>\/* Grille profils principale *\/<br \/>\n.profiles-grid {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));<br \/>\n gap: 16px;<br \/>\n margin-bottom: 32px;<br \/>\n}<\/p>\n<p>\/* Concours carrousel *\/<br \/>\n.concours-carousel {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));<br \/>\n gap: 14px;<br \/>\n margin-bottom: 32px;<br \/>\n}<br \/>\n.concours-card {<br \/>\n background: var(–noir-3);<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 8px;<br \/>\n padding: 18px;<br \/>\n cursor: pointer;<br \/>\n transition: all .3s;<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n}<br \/>\n.concours-card::before {<br \/>\n content: \u00a0\u00bb;<br \/>\n position: absolute;<br \/>\n top: 0; left: 0; right: 0;<br \/>\n height: 2px;<br \/>\n background: linear-gradient(90deg, transparent, var(–or), transparent);<br \/>\n}<br \/>\n.concours-card:hover {<br \/>\n border-color: var(–or);<br \/>\n box-shadow: 0 0 20px var(–or-dim);<br \/>\n transform: translateY(-2px);<br \/>\n}<br \/>\n.concours-card-theme {<br \/>\n font-family: var(–serif);<br \/>\n font-size: 16px;<br \/>\n color: var(–or);<br \/>\n margin-bottom: 6px;<br \/>\n}<br \/>\n.concours-card-info {<br \/>\n font-size: 11px;<br \/>\n color: var(–blanc-dim);<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n gap: 3px;<br \/>\n}<\/p>\n<p>\/* ChatBot *\/<br \/>\n.chatbot-widget {<br \/>\n background: var(–noir-3);<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 8px;<br \/>\n padding: 18px;<br \/>\n display: flex;<br \/>\n align-items: flex-start;<br \/>\n gap: 12px;<br \/>\n margin-bottom: 24px;<br \/>\n}<br \/>\n.chatbot-avatar {<br \/>\n width: 44px; height: 44px;<br \/>\n border-radius: 50%;<br \/>\n background: linear-gradient(135deg, var(–or-dim), var(–noir-4));<br \/>\n border: 1px solid var(–or-border);<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 20px;<br \/>\n flex-shrink: 0;<br \/>\n}<br \/>\n.chatbot-bubble {<br \/>\n flex: 1;<br \/>\n}<br \/>\n.chatbot-name {<br \/>\n font-size: 10px;<br \/>\n font-weight: 600;<br \/>\n letter-spacing: 1.5px;<br \/>\n text-transform: uppercase;<br \/>\n color: var(–or);<br \/>\n margin-bottom: 5px;<br \/>\n}<br \/>\n.chatbot-msg {<br \/>\n font-size: 12px;<br \/>\n color: var(–blanc-dim);<br \/>\n font-style: italic;<br \/>\n}<br \/>\n.chatbot-input {<br \/>\n display: flex;<br \/>\n margin-top: 10px;<br \/>\n gap: 8px;<br \/>\n}<br \/>\n.chatbot-input input {<br \/>\n flex: 1;<br \/>\n background: var(–blanc-soft);<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 4px;<br \/>\n padding: 8px 12px;<br \/>\n font-size: 12px;<br \/>\n color: var(–blanc);<br \/>\n font-family: var(–sans);<br \/>\n outline: none;<br \/>\n transition: border-color .25s;<br \/>\n}<br \/>\n.chatbot-input input:focus { border-color: var(–or); }<br \/>\n.chatbot-input button {<br \/>\n background: var(–or);<br \/>\n color: var(–noir);<br \/>\n border: none;<br \/>\n border-radius: 4px;<br \/>\n padding: 8px 14px;<br \/>\n font-size: 11px;<br \/>\n font-weight: 600;<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550<br \/>\n SIDEBAR DROITE<br \/>\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<br \/>\n.sidebar-right {<br \/>\n position: sticky;<br \/>\n top: var(–nav-h);<br \/>\n height: calc(100vh – var(–nav-h));<br \/>\n overflow-y: auto;<br \/>\n background: var(–noir-2);<br \/>\n border-left: 1px solid var(–or-border);<br \/>\n padding: 24px 16px;<br \/>\n}<br \/>\n.sidebar-right::-webkit-scrollbar { width: 2px; }<\/p>\n<p>\/* Onglets tchat\/visites\/kiss *\/<br \/>\n.right-tabs {<br \/>\n display: grid;<br \/>\n grid-template-columns: 1fr 1fr 1fr;<br \/>\n gap: 2px;<br \/>\n background: var(–noir-3);<br \/>\n border-radius: 8px;<br \/>\n padding: 3px;<br \/>\n margin-bottom: 20px;<br \/>\n border: 1px solid var(–or-border);<br \/>\n}<br \/>\n.right-tab {<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n align-items: center;<br \/>\n gap: 3px;<br \/>\n padding: 8px 4px;<br \/>\n border-radius: 6px;<br \/>\n cursor: pointer;<br \/>\n transition: all .22s;<br \/>\n font-size: 8px;<br \/>\n font-weight: 600;<br \/>\n letter-spacing: 1px;<br \/>\n text-transform: uppercase;<br \/>\n color: var(–blanc-dim);<br \/>\n}<br \/>\n.right-tab .tab-icon { font-size: 16px; }<br \/>\n.right-tab.active,<br \/>\n.right-tab:hover {<br \/>\n background: var(–or-dim);<br \/>\n color: var(–or);<br \/>\n}<\/p>\n<p>\/* Liste conversations *\/<br \/>\n.conv-list { display: flex; flex-direction: column; gap: 4px; margin-bottom: 20px; }<br \/>\n.conv-item {<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n gap: 10px;<br \/>\n padding: 8px 10px;<br \/>\n border-radius: 6px;<br \/>\n cursor: pointer;<br \/>\n transition: all .22s;<br \/>\n border: 1px solid transparent;<br \/>\n}<br \/>\n.conv-item:hover {<br \/>\n background: var(–blanc-soft);<br \/>\n border-color: var(–or-border);<br \/>\n}<br \/>\n.conv-avatar {<br \/>\n width: 36px; height: 36px;<br \/>\n border-radius: 50%;<br \/>\n background: var(–noir-4);<br \/>\n border: 1px solid var(–or-border);<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 14px;<br \/>\n flex-shrink: 0;<br \/>\n position: relative;<br \/>\n}<br \/>\n.conv-avatar .online-dot {<br \/>\n position: absolute;<br \/>\n bottom: 0; right: 0;<br \/>\n width: 9px; height: 9px;<br \/>\n background: #2ECC71;<br \/>\n border-radius: 50%;<br \/>\n border: 1.5px solid var(–noir-2);<br \/>\n}<br \/>\n.conv-info { flex: 1; min-width: 0; }<br \/>\n.conv-pseudo {<br \/>\n font-size: 12px;<br \/>\n font-weight: 500;<br \/>\n color: var(–blanc);<br \/>\n white-space: nowrap;<br \/>\n overflow: hidden;<br \/>\n text-overflow: ellipsis;<br \/>\n}<br \/>\n.conv-flag {<br \/>\n font-size: 11px;<br \/>\n margin-right: 4px;<br \/>\n}<br \/>\n.conv-preview {<br \/>\n font-size: 10px;<br \/>\n color: var(–blanc-dim);<br \/>\n white-space: nowrap;<br \/>\n overflow: hidden;<br \/>\n text-overflow: ellipsis;<br \/>\n}<br \/>\n.conv-unread {<br \/>\n background: var(–or);<br \/>\n color: var(–noir);<br \/>\n font-size: 9px;<br \/>\n font-weight: 700;<br \/>\n border-radius: 10px;<br \/>\n padding: 1px 6px;<br \/>\n flex-shrink: 0;<br \/>\n}<\/p>\n<p>\/* Profils visiteurs\/kiss *\/<br \/>\n.visitors-grid {<br \/>\n display: grid;<br \/>\n grid-template-columns: 1fr 1fr;<br \/>\n gap: 8px;<br \/>\n}<br \/>\n.visitor-card {<br \/>\n background: var(–noir-3);<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 6px;<br \/>\n padding: 10px;<br \/>\n text-align: center;<br \/>\n cursor: pointer;<br \/>\n transition: all .25s;<br \/>\n position: relative;<br \/>\n overflow: hidden;<br \/>\n}<br \/>\n.visitor-card:hover {<br \/>\n border-color: var(–or);<br \/>\n box-shadow: 0 0 14px var(–or-dim);<br \/>\n transform: translateY(-2px);<br \/>\n}<br \/>\n.visitor-card.online::before {<br \/>\n content: \u00a0\u00bb;<br \/>\n position: absolute;<br \/>\n top: 0; left: 0; right: 0;<br \/>\n height: 2px;<br \/>\n background: linear-gradient(90deg, transparent, var(–or), transparent);<br \/>\n animation: glow-line 2s infinite;<br \/>\n}<br \/>\n.visitor-avatar {<br \/>\n width: 44px; height: 44px;<br \/>\n border-radius: 50%;<br \/>\n background: var(–noir-4);<br \/>\n border: 1px solid var(–or-border);<br \/>\n margin: 0 auto 6px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 18px;<br \/>\n}<br \/>\n.visitor-pseudo {<br \/>\n font-size: 11px;<br \/>\n font-family: var(–serif);<br \/>\n color: var(–or);<br \/>\n white-space: nowrap;<br \/>\n overflow: hidden;<br \/>\n text-overflow: ellipsis;<br \/>\n}<br \/>\n.visitor-meta {<br \/>\n font-size: 9px;<br \/>\n color: var(–blanc-dim);<br \/>\n margin-top: 2px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n gap: 4px;<br \/>\n}<\/p>\n<p>\/* Messages non lus *\/<br \/>\n.unread-section {<br \/>\n background: var(–or-dim);<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 6px;<br \/>\n padding: 10px 12px;<br \/>\n margin-bottom: 12px;<br \/>\n font-size: 11px;<br \/>\n color: var(–or);<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n gap: 8px;<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550<br \/>\n MODAL PROFIL COMPLET<br \/>\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<br \/>\n.modal-overlay {<br \/>\n position: fixed;<br \/>\n inset: 0;<br \/>\n background: rgba(13,13,13,0.92);<br \/>\n z-index: 2000;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n padding: 20px;<br \/>\n opacity: 0;<br \/>\n pointer-events: none;<br \/>\n transition: opacity .4s;<br \/>\n backdrop-filter: blur(10px);<br \/>\n}<br \/>\n.modal-overlay.open {<br \/>\n opacity: 1;<br \/>\n pointer-events: all;<br \/>\n}<br \/>\n.modal {<br \/>\n width: 100%;<br \/>\n max-width: 860px;<br \/>\n max-height: 90vh;<br \/>\n background: var(–noir-2);<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 12px;<br \/>\n overflow-y: auto;<br \/>\n position: relative;<br \/>\n transform: scale(0.95);<br \/>\n transition: transform .4s cubic-bezier(.16,1,.3,1);<br \/>\n}<br \/>\n.modal-overlay.open .modal { transform: scale(1); }<br \/>\n.modal::-webkit-scrollbar { width: 2px; }<\/p>\n<p>.modal-close {<br \/>\n position: absolute;<br \/>\n top: 16px; right: 16px;<br \/>\n width: 32px; height: 32px;<br \/>\n border-radius: 50%;<br \/>\n background: var(–blanc-soft);<br \/>\n border: 1px solid var(–or-border);<br \/>\n color: var(–blanc);<br \/>\n font-size: 16px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n cursor: pointer;<br \/>\n z-index: 10;<br \/>\n transition: all .2s;<br \/>\n}<br \/>\n.modal-close:hover { background: var(–or-dim); color: var(–or); }<\/p>\n<p>\/* Header profil *\/<br \/>\n.profil-header {<br \/>\n position: relative;<br \/>\n height: 200px;<br \/>\n background: linear-gradient(160deg, #1a1a1a 0%, #0d0d0d 100%);<br \/>\n overflow: hidden;<br \/>\n}<br \/>\n.profil-header-bg {<br \/>\n position: absolute;<br \/>\n inset: 0;<br \/>\n background: linear-gradient(135deg, rgba(198,167,94,0.05) 0%, transparent 60%);<br \/>\n}<br \/>\n.profil-header-line {<br \/>\n position: absolute;<br \/>\n top: 0; left: 0; right: 0;<br \/>\n height: 3px;<br \/>\n background: linear-gradient(90deg, transparent, var(–or), transparent);<br \/>\n animation: glow-line 2s infinite;<br \/>\n}<br \/>\n.profil-avatar-large {<br \/>\n position: absolute;<br \/>\n bottom: -40px; left: 32px;<br \/>\n width: 100px; height: 100px;<br \/>\n border-radius: 50%;<br \/>\n border: 3px solid var(–or);<br \/>\n background: var(–noir-3);<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 40px;<br \/>\n box-shadow: 0 0 30px var(–or-dim), 0 0 60px rgba(0,0,0,0.5);<br \/>\n}<br \/>\n.profil-badges {<br \/>\n position: absolute;<br \/>\n top: 16px; left: 16px;<br \/>\n display: flex;<br \/>\n gap: 6px;<br \/>\n flex-wrap: wrap;<br \/>\n}<br \/>\n.badge {<br \/>\n font-size: 9px;<br \/>\n font-weight: 700;<br \/>\n letter-spacing: 1px;<br \/>\n text-transform: uppercase;<br \/>\n padding: 3px 10px;<br \/>\n border-radius: 20px;<br \/>\n}<br \/>\n.badge-or { background: var(–or); color: var(–noir); }<br \/>\n.badge-outline { border: 1px solid var(–or); color: var(–or); }<\/p>\n<p>.profil-body { padding: 56px 32px 32px; }<\/p>\n<p>.profil-identite {<br \/>\n display: flex;<br \/>\n align-items: flex-start;<br \/>\n justify-content: space-between;<br \/>\n margin-bottom: 20px;<br \/>\n flex-wrap: wrap;<br \/>\n gap: 12px;<br \/>\n}<br \/>\n.profil-name {<br \/>\n font-family: var(–serif);<br \/>\n font-size: 28px;<br \/>\n color: var(–blanc);<br \/>\n font-weight: 500;<br \/>\n}<br \/>\n.profil-name .role-tag {<br \/>\n font-size: 13px;<br \/>\n color: var(–or);<br \/>\n font-style: italic;<br \/>\n margin-left: 10px;<br \/>\n}<br \/>\n.profil-location {<br \/>\n font-size: 12px;<br \/>\n color: var(–blanc-dim);<br \/>\n margin-top: 4px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n gap: 6px;<br \/>\n}<br \/>\n.profil-pensee {<br \/>\n font-style: italic;<br \/>\n font-size: 13px;<br \/>\n color: var(–or);<br \/>\n font-family: var(–serif);<br \/>\n margin-top: 4px;<br \/>\n}<br \/>\n.profil-actions { display: flex; gap: 8px; flex-wrap: wrap; }<br \/>\n.btn-profil {<br \/>\n font-size: 10px;<br \/>\n font-weight: 600;<br \/>\n letter-spacing: 1.5px;<br \/>\n text-transform: uppercase;<br \/>\n padding: 9px 20px;<br \/>\n border-radius: 4px;<br \/>\n border: 1px solid var(–or-border);<br \/>\n background: transparent;<br \/>\n color: var(–or);<br \/>\n transition: all .3s;<br \/>\n cursor: pointer;<br \/>\n}<br \/>\n.btn-profil:hover { background: var(–or-dim); }<br \/>\n.btn-profil.primary {<br \/>\n background: linear-gradient(135deg, var(–or-light), var(–or));<br \/>\n color: var(–noir);<br \/>\n border-color: var(–or);<br \/>\n font-weight: 700;<br \/>\n}<br \/>\n.btn-profil.primary:hover { box-shadow: 0 4px 20px var(–or-glow); }<\/p>\n<p>\/* Infos physiques *\/<br \/>\n.profil-grid-infos {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));<br \/>\n gap: 10px;<br \/>\n margin-bottom: 24px;<br \/>\n}<br \/>\n.info-chip {<br \/>\n background: var(–blanc-soft);<br \/>\n border: 1px solid var(–or-dim);<br \/>\n border-radius: 6px;<br \/>\n padding: 10px 12px;<br \/>\n}<br \/>\n.info-chip-label {<br \/>\n font-size: 9px;<br \/>\n font-weight: 600;<br \/>\n letter-spacing: 1.5px;<br \/>\n text-transform: uppercase;<br \/>\n color: var(–or);<br \/>\n margin-bottom: 4px;<br \/>\n}<br \/>\n.info-chip-value {<br \/>\n font-size: 13px;<br \/>\n color: var(–blanc);<br \/>\n}<\/p>\n<p>\/* Tags pratiques *\/<br \/>\n.tags-section { margin-bottom: 24px; }<br \/>\n.tags-title {<br \/>\n font-family: var(–serif);<br \/>\n font-size: 18px;<br \/>\n color: var(–or);<br \/>\n margin-bottom: 12px;<br \/>\n font-style: italic;<br \/>\n}<br \/>\n.tags-wrap { display: flex; flex-wrap: wrap; gap: 7px; }<br \/>\n.tag {<br \/>\n font-size: 10px;<br \/>\n font-weight: 500;<br \/>\n letter-spacing: 0.5px;<br \/>\n padding: 4px 12px;<br \/>\n border-radius: 20px;<br \/>\n background: var(–blanc-soft);<br \/>\n border: 1px solid var(–or-border);<br \/>\n color: var(–blanc-dim);<br \/>\n cursor: default;<br \/>\n transition: all .2s;<br \/>\n}<br \/>\n.tag:hover { border-color: var(–or); color: var(–or); }<\/p>\n<p>.sig-title{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#FFFFFF;margin:14px 0 12px;padding-bottom:8px;border-bottom:1px solid var(–or-border);}<br \/>\n.sig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 20px;margin-bottom:22px;}<br \/>\n.sig-item{font-size:12px;color:#FFFFFF;font-weight:300;}<br \/>\n.sig-item span{font-weight:500;}<br \/>\n@media(max-width:600px){.sig-grid{grid-template-columns:repeat(2,1fr);}}<br \/>\n\/* Galerie *\/<br \/>\n.galerie-section { margin-bottom: 24px; }<br \/>\n.galerie-grid {<br \/>\n display: grid;<br \/>\n grid-template-columns: repeat(3, 1fr);<br \/>\n gap: 8px;<br \/>\n}<br \/>\n.galerie-item {<br \/>\n aspect-ratio: 1;<br \/>\n background: var(–noir-4);<br \/>\n border: 1px solid var(–or-dim);<br \/>\n border-radius: 6px;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 28px;<br \/>\n color: var(–or);<br \/>\n opacity: 0.3;<br \/>\n cursor: pointer;<br \/>\n transition: all .3s;<br \/>\n overflow: hidden;<br \/>\n}<br \/>\n.galerie-item:hover { opacity: 0.6; border-color: var(–or); }<br \/>\n.galerie-prive {<br \/>\n position: relative;<br \/>\n}<br \/>\n.galerie-prive-lock {<br \/>\n position: absolute;<br \/>\n inset: 0;<br \/>\n background: rgba(13,13,13,0.7);<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 20px;<br \/>\n border-radius: 6px;<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550<br \/>\n SCROLL VERTICAL GLOBAL<br \/>\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<br \/>\nhtml, body {<br \/>\n height: 100%;<br \/>\n overflow-x: hidden;<br \/>\n}<br \/>\n.layout {<br \/>\n overflow-y: visible;<br \/>\n}<br \/>\n.main-feed {<br \/>\n overflow-y: auto;<br \/>\n scroll-behavior: smooth;<br \/>\n}<br \/>\n.sidebar-left,<br \/>\n.sidebar-right {<br \/>\n overflow-y: auto;<br \/>\n scrollbar-width: thin;<br \/>\n scrollbar-color: var(–or) var(–noir-2);<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550<br \/>\n BURGER MOBILE<br \/>\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<br \/>\n.nav-burger {<br \/>\n display: none;<br \/>\n flex-direction: column;<br \/>\n gap: 5px;<br \/>\n background: transparent;<br \/>\n border: 1px solid var(–or-border);<br \/>\n border-radius: 6px;<br \/>\n padding: 8px 10px;<br \/>\n cursor: pointer;<br \/>\n}<br \/>\n.nav-burger span {<br \/>\n display: block;<br \/>\n width: 20px;<br \/>\n height: 2px;<br \/>\n background: var(–or);<br \/>\n border-radius: 2px;<br \/>\n transition: all .3s;<br \/>\n}<br \/>\n.nav-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }<br \/>\n.nav-burger.open span:nth-child(2) { opacity: 0; }<br \/>\n.nav-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }<\/p>\n<p>\/* Menu mobile d\u00e9roulant *\/<br \/>\n.mobile-menu {<br \/>\n display: none;<br \/>\n position: fixed;<br \/>\n top: var(–nav-h);<br \/>\n left: 0; right: 0;<br \/>\n z-index: 999;<br \/>\n background: rgba(13,13,13,0.98);<br \/>\n backdrop-filter: blur(20px);<br \/>\n border-bottom: 1px solid var(–or-border);<br \/>\n padding: 12px 0;<br \/>\n transform: translateY(-10px);<br \/>\n opacity: 0;<br \/>\n transition: all .3s cubic-bezier(.16,1,.3,1);<br \/>\n pointer-events: none;<br \/>\n}<br \/>\n.mobile-menu.open {<br \/>\n transform: translateY(0);<br \/>\n opacity: 1;<br \/>\n pointer-events: all;<br \/>\n display: block;<br \/>\n}<br \/>\n.mobile-menu ul { list-style: none; }<br \/>\n.mobile-menu ul li a {<br \/>\n display: block;<br \/>\n padding: 12px 24px;<br \/>\n font-size: 13px;<br \/>\n font-weight: 500;<br \/>\n color: var(–blanc-dim);<br \/>\n letter-spacing: 0.5px;<br \/>\n transition: all .2s;<br \/>\n border-left: 2px solid transparent;<br \/>\n}<br \/>\n.mobile-menu ul li a:hover {<br \/>\n color: var(–or);<br \/>\n background: var(–blanc-soft);<br \/>\n border-left-color: var(–or);<br \/>\n}<br \/>\n.mobile-menu .divider {<br \/>\n height: 1px;<br \/>\n background: var(–or-border);<br \/>\n margin: 8px 24px;<br \/>\n}<\/p>\n<p>\/* Navigation inf\u00e9rieure mobile *\/<br \/>\n.mobile-bottom-nav {<br \/>\n display: none;<br \/>\n position: fixed;<br \/>\n bottom: 0; left: 0; right: 0;<br \/>\n z-index: 900;<br \/>\n background: rgba(13,13,13,0.98);<br \/>\n backdrop-filter: blur(20px);<br \/>\n border-top: 1px solid var(–or-border);<br \/>\n padding: 6px 0 calc(6px + env(safe-area-inset-bottom));<br \/>\n justify-content: space-around;<br \/>\n align-items: center;<br \/>\n}<br \/>\n.mobile-bottom-nav a {<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n align-items: center;<br \/>\n gap: 3px;<br \/>\n color: var(–blanc-dim);<br \/>\n font-size: 9px;<br \/>\n font-weight: 500;<br \/>\n letter-spacing: 0.5px;<br \/>\n text-transform: uppercase;<br \/>\n padding: 4px 8px;<br \/>\n border-radius: 8px;<br \/>\n transition: all .2s;<br \/>\n min-width: 48px;<br \/>\n text-align: center;<br \/>\n position: relative;<br \/>\n}<br \/>\n.mobile-bottom-nav a .bnav-icon { font-size: 18px; line-height: 1; }<br \/>\n.mobile-bottom-nav a.active,<br \/>\n.mobile-bottom-nav a:hover { color: var(–or); }<br \/>\n.mobile-bottom-nav a .bnav-badge {<br \/>\n position: absolute;<br \/>\n top: 0; right: 4px;<br \/>\n background: var(–or);<br \/>\n color: var(–noir);<br \/>\n font-size: 8px;<br \/>\n font-weight: 700;<br \/>\n border-radius: 8px;<br \/>\n padding: 1px 5px;<br \/>\n min-width: 14px;<br \/>\n text-align: center;<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550<br \/>\n RESPONSIVE \u2014 TABLETTE<br \/>\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<br \/>\n@media (max-width: 1100px) {<br \/>\n :root { –right-w: 220px; –left-w: 200px; }<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550<br \/>\n RESPONSIVE \u2014 MOBILE<br \/>\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<br \/>\n@media (max-width: 768px) {<br \/>\n :root { –nav-h: 56px; }<\/p>\n<p> .nav {<br \/>\n padding: 0 16px;<br \/>\n justify-content: space-between;<br \/>\n }<br \/>\n .nav-links { display: none; }<br \/>\n .nav-burger { display: flex; }<br \/>\n .nav-logo-text { display: none; }<br \/>\n .nav-logo img { height: 38px; width: 38px; }<\/p>\n<p> .layout {<br \/>\n grid-template-columns: 1fr;<br \/>\n margin-top: var(–nav-h);<br \/>\n }<br \/>\n .sidebar-left,<br \/>\n .sidebar-right {<br \/>\n display: none;<br \/>\n }<\/p>\n<p> .main-feed {<br \/>\n padding: 16px;<br \/>\n padding-bottom: 80px; \/* espace nav bas *\/<br \/>\n min-height: calc(100vh – var(–nav-h));<br \/>\n overflow-y: auto;<br \/>\n }<\/p>\n<p> .feed-title { font-size: 22px; }<\/p>\n<p> .profiles-carousel {<br \/>\n grid-template-columns: repeat(2, 1fr);<br \/>\n }<br \/>\n .profiles-grid {<br \/>\n grid-template-columns: repeat(2, 1fr);<br \/>\n }<br \/>\n .concours-carousel {<br \/>\n grid-template-columns: 1fr;<br \/>\n }<\/p>\n<p> .profile-card-overlay {<br \/>\n transform: translateY(0);<br \/>\n background: linear-gradient(to top, rgba(13,13,13,0.95) 0%, transparent 100%);<br \/>\n }<\/p>\n<p> .chatbot-widget { flex-direction: column; }<\/p>\n<p> \/* Modal mobile *\/<br \/>\n .modal {<br \/>\n max-height: 95vh;<br \/>\n border-radius: 12px 12px 0 0;<br \/>\n }<br \/>\n .modal-overlay {<br \/>\n align-items: flex-end;<br \/>\n padding: 0;<br \/>\n }<br \/>\n .profil-body { padding: 48px 20px 24px; }<br \/>\n .profil-grid-infos { grid-template-columns: repeat(2, 1fr); }<br \/>\n .galerie-grid { grid-template-columns: repeat(3, 1fr); }<br \/>\n .profil-identite { flex-direction: column; }<\/p>\n<p> \/* Nav bas mobile *\/<br \/>\n .mobile-bottom-nav { display: flex; }<br \/>\n}<\/p>\n<p>@media (max-width: 400px) {<br \/>\n .profiles-carousel,<br \/>\n .profiles-grid { grid-template-columns: repeat(2, 1fr); }<br \/>\n .feed-title { font-size: 20px; }<br \/>\n}<\/p>\n<p>.media-toggle{position:absolute;bottom:12px;right:14px;display:flex;gap:5px;z-index:10;}<br \/>\n.mtgl{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,0.25);background:rgba(13,13,13,0.75);color:rgba(255,255,255,0.65);cursor:pointer;transition:all .25s;}<br \/>\n.mtgl:hover{color:#fff;border-color:var(–or);}<br \/>\n.mtgl.act{background:var(–or);color:var(–noir);border-color:var(–or);}<br \/>\n.video-note{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-size:10px;color:rgba(255,255,255,0.55);letter-spacing:1px;background:rgba(0,0,0,0.55);padding:3px 10px;border-radius:10px;white-space:nowrap;}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550 DRAWER PROFIL PROPRI\u00c9TAIRE \u2550\u2550\u2550\u2550 *\/<br \/>\n.owner-drawer-overlay {<br \/>\n display: none;<br \/>\n position: fixed;<br \/>\n inset: 0;<br \/>\n background: rgba(0,0,0,.85);<br \/>\n z-index: 2000;<br \/>\n}<br \/>\n.owner-drawer-overlay.open { display: block; }<br \/>\n.owner-drawer {<br \/>\n position: fixed;<br \/>\n inset: 0;<br \/>\n z-index: 2001;<br \/>\n display: none;<br \/>\n}<br \/>\n.owner-drawer.open { display: block; }<br \/>\n.owner-drawer-close {<br \/>\n position: fixed;<br \/>\n top: 50px;<br \/>\n right: 50px;<br \/>\n z-index: 2002;<br \/>\n width: 36px;<br \/>\n height: 36px;<br \/>\n border-radius: 50%;<br \/>\n background: rgba(20,20,20,.95);<br \/>\n border: 1px solid rgba(198,167,94,.35);<br \/>\n color: #c6a75e;<br \/>\n font-size: 18px;<br \/>\n cursor: pointer;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n transition: background .2s;<br \/>\n line-height: 1;<br \/>\n}<br \/>\n.owner-drawer-close:hover { background: rgba(198,167,94,.15); }<br \/>\n.owner-drawer iframe {<br \/>\n width: 100%;<br \/>\n height: 100%;<br \/>\n border: none;<br \/>\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550 CHAT PANEL VOCAL \u2550\u2550\u2550\u2550 *\/<br \/>\n.chat-panel {<br \/>\n display: none;<br \/>\n flex-direction: column;<br \/>\n height: calc(100vh – var(–nav-h) – 56px);<br \/>\n}<br \/>\n.chat-panel-header {<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n gap: 10px;<br \/>\n padding: 10px 14px;<br \/>\n border-bottom: 1px solid rgba(198,167,94,.12);<br \/>\n flex-shrink: 0;<br \/>\n}<br \/>\n.chat-back-btn {<br \/>\n background: none;<br \/>\n border: none;<br \/>\n color: var(–or);<br \/>\n font-size: 18px;<br \/>\n cursor: pointer;<br \/>\n padding: 4px 8px;<br \/>\n border-radius: 6px;<br \/>\n transition: background .2s;<br \/>\n}<br \/>\n.chat-back-btn:hover { background: rgba(198,167,94,.1); }<br \/>\n.chat-panel-name {<br \/>\n font-size: 13px;<br \/>\n font-weight: 600;<br \/>\n color: var(–blanc);<br \/>\n flex: 1;<br \/>\n}<br \/>\n.chat-messages {<br \/>\n flex: 1;<br \/>\n overflow-y: auto;<br \/>\n padding: 12px;<br \/>\n display: flex;<br \/>\n flex-direction: column;<br \/>\n gap: 8px;<br \/>\n}<br \/>\n.chat-messages::-webkit-scrollbar { width: 2px; }<br \/>\n.msg-bubble {<br \/>\n max-width: 85%;<br \/>\n padding: 8px 12px;<br \/>\n border-radius: 12px;<br \/>\n font-size: 12px;<br \/>\n line-height: 1.5;<br \/>\n position: relative;<br \/>\n}<br \/>\n.msg-me {<br \/>\n align-self: flex-end;<br \/>\n background: rgba(198,167,94,.15);<br \/>\n border: 1px solid rgba(198,167,94,.2);<br \/>\n border-bottom-right-radius: 3px;<br \/>\n color: var(–blanc);<br \/>\n}<br \/>\n.msg-other {<br \/>\n align-self: flex-start;<br \/>\n background: rgba(255,255,255,.04);<br \/>\n border: 1px solid rgba(255,255,255,.07);<br \/>\n border-bottom-left-radius: 3px;<br \/>\n color: var(–blanc);<br \/>\n}<br \/>\n.msg-time {<br \/>\n font-size: 9px;<br \/>\n color: var(–dim);<br \/>\n margin-top: 4px;<br \/>\n text-align: right;<br \/>\n}<br \/>\n.msg-vocal {<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n gap: 8px;<br \/>\n}<br \/>\n.msg-vocal audio {<br \/>\n height: 32px;<br \/>\n max-width: 150px;<br \/>\n border-radius: 20px;<br \/>\n}<br \/>\n.msg-dur {<br \/>\n font-size: 10px;<br \/>\n color: var(–dim);<br \/>\n white-space: nowrap;<br \/>\n}<br \/>\n.chat-input-bar {<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n gap: 8px;<br \/>\n padding: 10px 12px;<br \/>\n border-top: 1px solid rgba(198,167,94,.12);<br \/>\n flex-shrink: 0;<br \/>\n}<br \/>\n.chat-text-input {<br \/>\n flex: 1;<br \/>\n background: rgba(255,255,255,.04);<br \/>\n border: 1px solid rgba(255,255,255,.08);<br \/>\n border-radius: 20px;<br \/>\n padding: 7px 12px;<br \/>\n font-size: 12px;<br \/>\n color: var(–blanc);<br \/>\n outline: none;<br \/>\n font-family: var(–sans);<br \/>\n}<br \/>\n.chat-text-input::placeholder { color: var(–dim); }<br \/>\n.chat-send-btn, .rec-btn {<br \/>\n width: 34px;<br \/>\n height: 34px;<br \/>\n border-radius: 50%;<br \/>\n border: none;<br \/>\n cursor: pointer;<br \/>\n display: flex;<br \/>\n align-items: center;<br \/>\n justify-content: center;<br \/>\n font-size: 15px;<br \/>\n transition: all .2s;<br \/>\n flex-shrink: 0;<br \/>\n}<br \/>\n.chat-send-btn {<br \/>\n background: rgba(198,167,94,.2);<br \/>\n color: var(–or);<br \/>\n}<br \/>\n.chat-send-btn:hover { background: rgba(198,167,94,.35); }<br \/>\n.rec-btn {<br \/>\n background: rgba(200,75,114,.15);<br \/>\n color: var(–rose-l);<br \/>\n position: relative;<br \/>\n}<br \/>\n.rec-btn:hover { background: rgba(200,75,114,.3); }<br \/>\n.rec-btn.recording {<br \/>\n background: rgba(200,75,114,.5);<br \/>\n animation: pulse-rec 1s ease-in-out infinite;<br \/>\n}<br \/>\n@keyframes pulse-rec {<br \/>\n 0%,100% { box-shadow: 0 0 0 0 rgba(200,75,114,.4); }<br \/>\n 50% { box-shadow: 0 0 0 8px rgba(200,75,114,0); }<br \/>\n}<br \/>\n.rec-timer {<br \/>\n display: none;<br \/>\n font-size: 10px;<br \/>\n color: var(–rose-l);<br \/>\n min-width: 24px;<br \/>\n text-align: center;<br \/>\n}<br \/>\n.vocal-quota {<br \/>\n font-size: 9px;<br \/>\n color: var(–dim);<br \/>\n text-align: center;<br \/>\n padding: 4px;<br \/>\n}<br \/>\n<\/style>\n<p><\/head><\/p>\n<p><body itemscope=\"\" itemtype=\"https:\/\/schema.org\/WebPage\" style=\"\"><\/p>\n<p><\/p>\n<nav class=\"nav\" role=\"navigation\" aria-label=\"Navigation principale Kajira-Infinity\">\n<p> <br \/>\n <a href=\"file:\/\/\/\" class=\"nav-logo\" aria-label=\"Kajira-Infinity \u2014 Accueil\"><br \/>\n <img decoding=\"async\" src=\"'https:\/\/placehold.co\/120x120\/1a1a1a\/C6A75E?text=\ud83d\udc64'\" alt=\"Logo Kajira-Infinity site de rencontres\" width=\"46\" height=\"46\" loading=\"eager\"><\/p>\n<div class=\"nav-logo-text\">\n <span>Kajira-Infinity<\/span><br \/>\n <span>Site de Rencontres<\/span>\n <\/div>\n<p> <\/a><\/p>\n<p> <\/p>\n<ul class=\"nav-links\" role=\"menubar\">\n<li><a href=\"#\" role=\"menuitem\">Accueil<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\" class=\"active\">Explorer<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\">Messages<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\">Concours<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\">Soir\u00e9es<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\">Partenaires<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\">Panier \ud83d\uded2<\/a><\/li>\n<li><a href=\"#\" role=\"menuitem\">Boutique<\/a><\/li>\n<\/ul>\n<p> <\/p>\n<div class=\"nav-univers-badge\" aria-label=\"Univers actuel : 50 Nuances BDSM\">\n 50 Nuances\n <\/div>\n<p> <br \/>\n <button class=\"nav-burger\" aria-label=\"Ouvrir le menu\" onclick=\"toggleMobileMenu()\"><br \/>\n <span><\/span><span><\/span><span><\/span><br \/>\n <\/button><\/p>\n<\/nav>\n<p><\/p>\n<div class=\"mobile-menu\" id=\"mobile-menu\" role=\"dialog\" aria-label=\"Menu mobile\">\n<ul>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83c\udfe0 Accueil<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83d\udd0d Explorer<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83d\udcac Messages<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83c\udfc6 Concours<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83c\udf19 Soir\u00e9es<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83d\udecd\ufe0f Boutique<\/a><\/li>\n<li class=\"divider\"><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83c\udf0c Acc\u00e8s aux univers<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\u2699\ufe0f Param\u00e8tres<\/a><\/li>\n<li><a href=\"#\" onclick=\"toggleMobileMenu()\">\ud83d\udeaa D\u00e9connexion<\/a><\/li>\n<\/ul>\n<\/div>\n<p><\/p>\n<div class=\"layout\">\n<p> <\/p>\n<aside class=\"sidebar-left\" data-type=\"solo-m\" role=\"complementary\" aria-label=\"Menu profil et navigation\">\n<p> <\/p>\n<div class=\"mini-profil\">\n<div class=\"mini-profil-avatar\" onclick=\"openOwnerDrawer()\" style=\"cursor:pointer;\" title=\"Voir mon profil\">\n \ud83c\udfad<br \/>\n <span class=\"presence-dot\" title=\"En ligne\"><\/span>\n <\/div>\n<div class=\"mini-profil-pseudo\" onclick=\"openOwnerDrawer()\" style=\"cursor:pointer;\">ShadowMaster_K<\/div>\n<div class=\"mini-profil-statut\">Dominant \u00b7 \ud83c\uddeb\ud83c\uddf7<\/div>\n<div class=\"mini-profil-humeur\">\u270d\ufe0f \u00ab L’art du contr\u00f4le\u2026 \u00bb<\/div>\n<p> <a href=\"#\" onclick=\"openOwnerDrawer();return false;\" class=\"mini-profil-edit\">\u270f\ufe0f Modifier mon profil<\/a>\n <\/div>\n<p> <\/p>\n<div class=\"menu-section\">D\u00e9couvrir<\/div>\n<div class=\"menu-item active\" role=\"button\" tabindex=\"0\">\n <span class=\"icon\">\ud83d\udd0d<\/span> Explorer\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('messagerie')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83d\udcac<\/span> Messages<br \/>\n <span class=\"menu-badge\">3<\/span>\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('messagerie')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\u2709\ufe0f<\/span> \u00c9changes Kajira-Infinity\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('galerie')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83d\uddbc\ufe0f<\/span> Galerie priv\u00e9e\n <\/div>\n<div class=\"menu-section\">Interactions<\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('kdo')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83c\udf81<\/span> KDO\n <\/div>\n<p> <a href=\"https:\/\/kajira-infinity.com\/contrat-appartenance\" download=\"Contrat_Appartenance_KajiraInfinity.html\" class=\"menu-item\" role=\"button\" tabindex=\"0\" style=\"text-decoration:none;\" title=\"T\u00e9l\u00e9charger le contrat d'appartenance modifiable\"><br \/>\n <span class=\"icon\">\ud83d\udcc4<\/span> Contrat d’appartenance<br \/>\n <\/a><\/p>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('galerie')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83d\udc8b<\/span> Kiss<br \/>\n <span class=\"menu-badge\">7<\/span>\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" style=\"color:#cc3333;border:1px solid rgba(204,51,51,0.25);cursor:pointer;\" onclick=\"openOwnerDrawer('profil')\">\n <span class=\"icon\">\ud83d\udea9<\/span> Signaler\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('rdv')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83d\udccd<\/span> RDV S\u00e9curis\u00e9\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('concours')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83c\udfc6<\/span> Concours\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('profil')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83c\udf19<\/span> Soir\u00e9e \u00c9ph\u00e9m\u00e8re\n <\/div>\n<div class=\"menu-section\">Compte<\/div>\n<div class=\"menu-item menu-item-univers\" role=\"button\" tabindex=\"0\" onclick=\"this.classList.toggle('active')\">\n <span class=\"icon\">\ud83c\udf0c<\/span> Acc\u00e8s aux univers\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('confiance')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\u2b50<\/span> Distinctions\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('confiance')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83e\udd1d<\/span> Parrainages\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"openOwnerDrawer('abonnement')\" style=\"cursor:pointer;\">\n <span class=\"icon\">\u2699\ufe0f<\/span> Param\u00e8tres\n <\/div>\n<div class=\"menu-item\" role=\"button\" tabindex=\"0\" onclick=\"if(confirm('Se d\u00e9connecter ?')){window.location.href='\/'}\" \"=\"\" style=\"cursor:pointer;\">\n <span class=\"icon\">\ud83d\udeaa<\/span> D\u00e9connexion\n <\/div>\n<\/aside>\n<p> <br \/>\n <main class=\"main-feed\" role=\"main\" aria-label=\"Fil d'exploration Espace 50 Nuances\"><\/p>\n<p> <\/p>\n<header class=\"feed-header\">\n<h1 class=\"feed-title\">\n Explorer <span>50 Nuances<\/span><br \/>\n <\/h1>\n<p class=\"feed-subtitle\" aria-label=\"Univers BDSM domination soumission\">\n \u26d3 Domination \u00b7 Soumission \u00b7 Bondage \u00b7 Shibari \u00b7 Ma\u00eetrise\n <\/p>\n<\/header>\n<div class=\"or-divider\" role=\"separator\"><\/div>\n<p> <\/p>\n<section aria-labelledby=\"nouveaux-label\">\n<div class=\"section-label\" id=\"nouveaux-label\">Nouveaux profils<\/div>\n<div class=\"profiles-carousel\" role=\"list\">\n<p> <\/p>\n<article class=\"profile-card online\" role=\"listitem\" onclick=\"openModal(this)\" data-pseudo=\"DarkLace\" data-statut=\"Dominant\" data-meta=\"\ud83c\uddeb\ud83c\uddf7 \u00b7 Paris \u00b7 34 ans\" data-avatar=\"\ud83c\udfad\" aria-label=\"Profil DarkLace\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83c\udfad<\/div>\n<p> <span class=\"badge-fondateur\">Fondateur<\/span><br \/>\n <span class=\"badge-certified\">\u2713 Certifi\u00e9<\/span><\/p>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">DarkLace<\/div>\n<div class=\"profile-card-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Paris \u00b7 34 ans<\/div>\n<div class=\"profile-card-statut\">Dominant<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Envoyer un message \u00e0 DarkLace\">Message<\/button><br \/>\n <button class=\"card-btn kiss\" aria-label=\"Envoyer un kiss \u00e0 DarkLace\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article>\n<p> <\/p>\n<article class=\"profile-card\" role=\"listitem\" onclick=\"openModal(this)\" data-pseudo=\"SilkChain\" data-statut=\"Soumise\" data-meta=\"\ud83c\udde7\ud83c\uddea \u00b7 Bruxelles \u00b7 28 ans\" data-avatar=\"\ud83c\udf19\" aria-label=\"Profil SilkChain\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83c\udf19<\/div>\n<p> <span class=\"badge-certified\">\u2713 Certifi\u00e9<\/span><\/p>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">SilkChain<\/div>\n<div class=\"profile-card-meta\">\ud83c\udde7\ud83c\uddea \u00b7 Bruxelles \u00b7 28 ans<\/div>\n<div class=\"profile-card-statut\">Soumise<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Envoyer un message \u00e0 SilkChain\">Message<\/button><br \/>\n <button class=\"card-btn kiss\" aria-label=\"Envoyer un kiss \u00e0 SilkChain\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article>\n<p> <\/p>\n<article class=\"profile-card online\" role=\"listitem\" onclick=\"openModal(this)\" data-pseudo=\"VelvetDom\" data-statut=\"Dominant\" data-meta=\"\ud83c\udde8\ud83c\udded \u00b7 Gen\u00e8ve \u00b7 41 ans\" data-avatar=\"\u26d3\" aria-label=\"Profil VelvetDom\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\u26d3<\/div>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">VelvetDom<\/div>\n<div class=\"profile-card-meta\">\ud83c\udde8\ud83c\udded \u00b7 Gen\u00e8ve \u00b7 41 ans<\/div>\n<div class=\"profile-card-statut\">Dominant<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Envoyer un message \u00e0 VelvetDom\">Message<\/button><br \/>\n <button class=\"card-btn kiss\" aria-label=\"Envoyer un kiss \u00e0 VelvetDom\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article>\n<p> <\/p>\n<article class=\"profile-card\" role=\"listitem\" onclick=\"openModal(this)\" data-pseudo=\"MissMercure\" data-statut=\"Domina\" data-meta=\"\ud83c\uddeb\ud83c\uddf7 \u00b7 Lyon \u00b7 31 ans\" data-avatar=\"\ud83c\udf3a\" aria-label=\"Profil MissMercure\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83c\udf3a<\/div>\n<p> <span class=\"badge-certified\">\u2713 Certifi\u00e9<\/span><\/p>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">MissMercure<\/div>\n<div class=\"profile-card-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Lyon \u00b7 31 ans<\/div>\n<div class=\"profile-card-statut\">Domina<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Envoyer un message \u00e0 MissMercure\">Message<\/button><br \/>\n <button class=\"card-btn kiss\" aria-label=\"Envoyer un kiss \u00e0 MissMercure\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article>\n<p> <\/p>\n<article class=\"profile-card online\" role=\"listitem\" onclick=\"openModal(this)\" data-pseudo=\"KajiraLune\" data-statut=\"Kajira\" data-meta=\"\ud83c\uddeb\ud83c\uddf7 \u00b7 Bordeaux \u00b7 26 ans\" data-avatar=\"\ud83c\udf38\" aria-label=\"Profil KajiraLune\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83c\udf38<\/div>\n<p> <span class=\"badge-fondateur\">Fondateur<\/span><\/p>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">KajiraLune<\/div>\n<div class=\"profile-card-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Bordeaux \u00b7 26 ans<\/div>\n<div class=\"profile-card-statut\">Kajira<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Envoyer un message \u00e0 KajiraLune\">Message<\/button><br \/>\n <button class=\"card-btn kiss\" aria-label=\"Envoyer un kiss \u00e0 KajiraLune\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article><\/div>\n<\/section>\n<div class=\"or-divider\" role=\"separator\"><\/div>\n<p> <\/p>\n<section aria-labelledby=\"profils-label\">\n<div class=\"section-label\" id=\"profils-label\">Profils 50 Nuances<\/div>\n<div class=\"profiles-grid\" role=\"list\">\n<article class=\"profile-card\" role=\"listitem\" style=\"aspect-ratio:3\/4;\" onclick=\"openModal(this)\" data-pseudo=\"Obsidian_K\" data-statut=\"Dominant\" data-meta=\"\ud83c\uddeb\ud83c\uddf7 \u00b7 Marseille \u00b7 38 ans\" data-avatar=\"\ud83d\udda4\" aria-label=\"Profil Obsidian_K\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83d\udda4<\/div>\n<p> <span class=\"badge-certified\">\u2713<\/span><\/p>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">Obsidian_K<\/div>\n<div class=\"profile-card-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Marseille \u00b7 38 ans<\/div>\n<div class=\"profile-card-statut\">Dominant<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Message Obsidian_K\">Msg<\/button><br \/>\n <button class=\"card-btn kiss\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"profile-card online\" role=\"listitem\" style=\"aspect-ratio:3\/4;\" onclick=\"openModal(this)\" data-pseudo=\"RopeArtist\" data-statut=\"Switch\" data-meta=\"\ud83c\uddeb\ud83c\uddf7 \u00b7 Nantes \u00b7 35 ans\" data-avatar=\"\ud83c\udf8b\" aria-label=\"Profil RopeArtist\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83c\udf8b<\/div>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">RopeArtist<\/div>\n<div class=\"profile-card-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Nantes \u00b7 35 ans<\/div>\n<div class=\"profile-card-statut\">Switch<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Message RopeArtist\">Msg<\/button><br \/>\n <button class=\"card-btn kiss\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"profile-card\" role=\"listitem\" style=\"aspect-ratio:3\/4;\" onclick=\"openModal(this)\" data-pseudo=\"DouceSoumise\" data-statut=\"Soumise\" data-meta=\"\ud83c\uddeb\ud83c\uddf7 \u00b7 Toulouse \u00b7 29 ans\" data-avatar=\"\ud83c\udf39\" aria-label=\"Profil DouceSoumise\">\n<div class=\"profile-card-img\" aria-hidden=\"true\">\ud83c\udf39<\/div>\n<p> <span class=\"badge-fondateur\">Fondateur<\/span><\/p>\n<div class=\"profile-card-overlay\">\n<div class=\"profile-card-pseudo\">DouceSoumise<\/div>\n<div class=\"profile-card-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Toulouse \u00b7 29 ans<\/div>\n<div class=\"profile-card-statut\">Soumise<\/div>\n<div class=\"profile-card-actions\">\n <button class=\"card-btn\" aria-label=\"Message DouceSoumise\">Msg<\/button><br \/>\n <button class=\"card-btn kiss\">\ud83d\udc8b<\/button>\n <\/div>\n<\/p><\/div>\n<\/article><\/div>\n<\/section>\n<div class=\"or-divider\" role=\"separator\"><\/div>\n<p> <\/p>\n<section aria-labelledby=\"concours-label\">\n<div class=\"section-label\" id=\"concours-label\">Concours en cours<\/div>\n<div class=\"concours-carousel\" role=\"list\">\n<article class=\"concours-card\" role=\"listitem\">\n<div class=\"concours-card-theme\">\ud83d\udcf8 Regard de Ma\u00eetrise<\/div>\n<div class=\"concours-card-info\">\n <span>\ud83d\udcc5 Jusqu’au 31 Mai 2026<\/span><br \/>\n <span>\ud83d\udc65 47 participants<\/span><br \/>\n <span style=\"color:var(--or);font-size:10px;margin-top:4px;\">+10 points bonus \u00e0 l’inscription<\/span>\n <\/div>\n<\/article>\n<article class=\"concours-card\" role=\"listitem\">\n<div class=\"concours-card-theme\">\u26d3 Art du Bondage<\/div>\n<div class=\"concours-card-info\">\n <span>\ud83d\udcc5 Jusqu’au 15 Juin 2026<\/span><br \/>\n <span>\ud83d\udc65 23 participants<\/span><br \/>\n <span style=\"color:var(--or);font-size:10px;margin-top:4px;\">+10 points bonus \u00e0 l’inscription<\/span>\n <\/div>\n<\/article><\/div>\n<\/section>\n<div class=\"or-divider\" role=\"separator\"><\/div>\n<p> <\/p>\n<section aria-label=\"Assistant Kajira-Infinity\">\n<div class=\"chatbot-widget\">\n<div class=\"chatbot-avatar\" aria-hidden=\"true\">\ud83e\udd16<\/div>\n<div class=\"chatbot-bubble\">\n<div class=\"chatbot-name\">Assistant Kajira-Infinity<\/div>\n<div class=\"chatbot-msg\">\n \u00c0 votre service. Comment puis-je am\u00e9liorer votre exp\u00e9rience dans l’Espace 50 Nuances ?\n <\/div>\n<div class=\"chatbot-input\">\n <input type=\"text\" placeholder=\"Posez votre question\u2026\" aria-label=\"Message pour l'assistant Kajira-Infinity\"><br \/>\n <button aria-label=\"Envoyer\">Envoyer<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/main><\/p>\n<p> <\/p>\n<aside class=\"sidebar-right\" role=\"complementary\" aria-label=\"Tchat, Visites et Kiss\">\n<p> <\/p>\n<div class=\"unread-section\" role=\"status\" aria-live=\"polite\">\n \u2709\ufe0f <strong>3 messages non lus<\/strong>\n <\/div>\n<p> <\/p>\n<div class=\"right-tabs\" role=\"tablist\" aria-label=\"Tchat, Visites, Kiss\">\n <button class=\"right-tab active\" role=\"tab\" aria-selected=\"true\" onclick=\"switchTab('tchat',this)\"><br \/>\n <span class=\"tab-icon\">\ud83d\udcac<\/span><br \/>\n <span>Tchat<\/span><br \/>\n <\/button><br \/>\n <button class=\"right-tab\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('visites',this)\"><br \/>\n <span class=\"tab-icon\">\ud83d\udc41\ufe0f<\/span><br \/>\n <span>Visites<\/span><br \/>\n <\/button><br \/>\n <button class=\"right-tab\" role=\"tab\" aria-selected=\"false\" onclick=\"switchTab('kiss',this)\"><br \/>\n <span class=\"tab-icon\">\ud83d\udc8b<\/span><br \/>\n <span>Kiss<\/span><br \/>\n <\/button>\n <\/div>\n<p> <\/p>\n<div id=\"tab-tchat\" role=\"tabpanel\">\n <\/p>\n<div id=\"chat-list\">\n<div class=\"conv-list\">\n<div class=\"conv-item\" onclick=\"openChatWith('DarkLace','\ud83c\udfad','\ud83c\uddeb\ud83c\uddf7')\" style=\"cursor:pointer;\">\n<div class=\"conv-avatar\">\ud83c\udfad<span class=\"online-dot\" title=\"En ligne\"><\/span><\/div>\n<div class=\"conv-info\">\n<div class=\"conv-pseudo\"><span class=\"conv-flag\">\ud83c\uddeb\ud83c\uddf7<\/span> DarkLace<\/div>\n<div class=\"conv-preview\">\u00ab Cette nuit, nous\u2026 \u00bb<\/div>\n<\/p><\/div>\n<p> <span class=\"conv-unread\">2<\/span>\n <\/div>\n<div class=\"conv-item\" onclick=\"openChatWith('SilkChain','\ud83c\udf19','\ud83c\udde7\ud83c\uddea')\" style=\"cursor:pointer;\">\n<div class=\"conv-avatar\">\ud83c\udf19<\/div>\n<div class=\"conv-info\">\n<div class=\"conv-pseudo\"><span class=\"conv-flag\">\ud83c\udde7\ud83c\uddea<\/span> SilkChain<\/div>\n<div class=\"conv-preview\">\u00ab Merci pour\u2026 \u00bb<\/div>\n<\/p><\/div>\n<p> <span class=\"conv-unread\">1<\/span>\n <\/div>\n<div class=\"conv-item\" onclick=\"openChatWith('VelvetDom','\u26d3','\ud83c\udde8\ud83c\udded')\" style=\"cursor:pointer;\">\n<div class=\"conv-avatar\">\u26d3<\/div>\n<div class=\"conv-info\">\n<div class=\"conv-pseudo\"><span class=\"conv-flag\">\ud83c\udde8\ud83c\udded<\/span> VelvetDom<\/div>\n<div class=\"conv-preview\">\u00ab \u00c0 bient\u00f4t\u2026 \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"conv-item\" onclick=\"openChatWith('MissMercure','\ud83c\udf3a','\ud83c\uddeb\ud83c\uddf7')\" style=\"cursor:pointer;\">\n<div class=\"conv-avatar\">\ud83c\udf3a<\/div>\n<div class=\"conv-info\">\n<div class=\"conv-pseudo\"><span class=\"conv-flag\">\ud83c\uddeb\ud83c\uddf7<\/span> MissMercure<\/div>\n<div class=\"conv-preview\">\u00ab Demain soir ? \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"conv-item\" onclick=\"openChatWith('KajiraLune','\ud83c\udf38','\ud83c\uddeb\ud83c\uddf7')\" style=\"cursor:pointer;\">\n<div class=\"conv-avatar\">\ud83c\udf38<span class=\"online-dot\" title=\"En ligne\"><\/span><\/div>\n<div class=\"conv-info\">\n<div class=\"conv-pseudo\"><span class=\"conv-flag\">\ud83c\uddeb\ud83c\uddf7<\/span> KajiraLune<\/div>\n<div class=\"conv-preview\">\u00ab Je suis disponible \u00bb<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"chat-panel\" class=\"chat-panel\">\n<div class=\"chat-panel-header\">\n <button class=\"chat-back-btn\" onclick=\"backToConvList()\" title=\"Retour\">\u2190<\/button><br \/>\n <span id=\"chat-panel-avatar\" style=\"font-size:20px;\">\ud83c\udfad<\/span><br \/>\n <span id=\"chat-panel-name\" class=\"chat-panel-name\"><\/span>\n <\/div>\n<div id=\"chat-messages\" class=\"chat-messages\"><\/div>\n<div id=\"vocal-quota\" class=\"vocal-quota\">\ud83c\udf99\ufe0f <span id=\"quota-count\">3<\/span>\/3 vocaux restants aujourd’hui<\/div>\n<div class=\"chat-input-bar\">\n <input type=\"text\" id=\"chat-text-input\" class=\"chat-text-input\" placeholder=\"\u00c9crire un message\u2026\" onkeydown=\"if(event.key==='Enter')sendTextMsg()\"><br \/>\n <button class=\"chat-send-btn\" onclick=\"sendTextMsg()\" title=\"Envoyer\">\u27a4<\/button><br \/>\n <span id=\"rec-timer\" class=\"rec-timer\">0s<\/span><br \/>\n <button class=\"rec-btn\" id=\"rec-btn\" onmousedown=\"startRecording()\" onmouseup=\"stopRecording()\" ontouchstart=\"startRecording()\" ontouchend=\"stopRecording()\" title=\"Maintenir pour enregistrer un vocal\">\ud83c\udf99\ufe0f<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-visites\" style=\"display:none;\" role=\"tabpanel\">\n<div class=\"section-label\" style=\"margin-bottom:12px;\">Derniers visiteurs<\/div>\n<div class=\"visitors-grid\">\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this) online\">\n<div class=\"visitor-avatar\">\ud83c\udfad<\/div>\n<div class=\"visitor-pseudo\">DarkLace<\/div>\n<div class=\"visitor-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Paris \u00b7 34 ans<\/div>\n<\/p><\/div>\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this)\">\n<div class=\"visitor-avatar\">\ud83c\udf19<\/div>\n<div class=\"visitor-pseudo\">SilkChain<\/div>\n<div class=\"visitor-meta\">\ud83c\udde7\ud83c\uddea \u00b7 Brux. \u00b7 28 ans<\/div>\n<\/p><\/div>\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this) online\">\n<div class=\"visitor-avatar\">\u26d3<\/div>\n<div class=\"visitor-pseudo\">VelvetDom<\/div>\n<div class=\"visitor-meta\">\ud83c\udde8\ud83c\udded \u00b7 Gen\u00e8ve \u00b7 41 ans<\/div>\n<\/p><\/div>\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this)\">\n<div class=\"visitor-avatar\">\ud83d\udda4<\/div>\n<div class=\"visitor-pseudo\">Obsidian_K<\/div>\n<div class=\"visitor-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Marseille \u00b7 38 ans<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"tab-kiss\" style=\"display:none;\" role=\"tabpanel\">\n<div class=\"section-label\" style=\"margin-bottom:12px;\">Kiss re\u00e7us<\/div>\n<div class=\"visitors-grid\">\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this)\">\n<div class=\"visitor-avatar\">\ud83c\udf3a<\/div>\n<div class=\"visitor-pseudo\">MissMercure<\/div>\n<div class=\"visitor-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Lyon \u00b7 31 ans<\/div>\n<\/p><\/div>\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this) online\">\n<div class=\"visitor-avatar\">\ud83c\udf38<\/div>\n<div class=\"visitor-pseudo\">KajiraLune<\/div>\n<div class=\"visitor-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Bordeaux \u00b7 26 ans<\/div>\n<\/p><\/div>\n<div class=\"visitor-card\" style=\"cursor:pointer;\" onclick=\"openVisitorModal(this)\">\n<div class=\"visitor-avatar\">\ud83c\udf39<\/div>\n<div class=\"visitor-pseudo\">DouceSoumise<\/div>\n<div class=\"visitor-meta\">\ud83c\uddeb\ud83c\uddf7 \u00b7 Toulouse \u00b7 29 ans<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/aside>\n<\/div>\n<p><\/p>\n<div class=\"modal-overlay\" id=\"modal-overlay\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-profil-name\">\n<div class=\"modal\">\n <button class=\"modal-close\" onclick=\"closeModal()\" aria-label=\"Fermer le profil\">\u2715<\/button><\/p>\n<p> <\/p>\n<div class=\"profil-header\">\n<div class=\"profil-header-bg\"><\/div>\n<div class=\"profil-header-line\"><\/div>\n<div class=\"profil-badges\">\n <span class=\"badge badge-or\" id=\"m-cert\">\u2713 Certifi\u00e9<\/span><br \/>\n <span class=\"badge badge-outline\" id=\"m-fond\">\u2b50 Fondateur<\/span><br \/>\n <span class=\"badge badge-outline\">\ud83c\udfc6 Winner Mai<\/span>\n <\/div>\n<p> <\/p>\n<div id=\"media-photo\">\n<div class=\"profil-avatar-large\" aria-hidden=\"true\" id=\"m-av-img\">\ud83c\udf19<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div id=\"media-video\" style=\"display:none;position:absolute;inset:0;\">\n <video id=\"m-video\" controls=\"controls\" playsinline=\"\" preload=\"none\" style=\"width:100%;height:100%;object-fit:cover;\"><source src=\"\" type=\"video\/mp4\"><\/video><\/p>\n<div class=\"video-note\">\u23f1 Vid\u00e9o \u00b7 10 \u00e0 30 secondes<\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"media-toggle\">\n <button class=\"mtgl act\" id=\"btn-photo\" onclick=\"showMedia('photo')\">\ud83d\udcf7 Photo<\/button><br \/>\n <button class=\"mtgl\" id=\"btn-video\" onclick=\"showMedia('video')\">\u25b6 Vid\u00e9o<\/button>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<div class=\"profil-body\">\n<p> <\/p>\n<div class=\"profil-identite\">\n<div>\n<h2 class=\"profil-name\" id=\"modal-profil-name\">SilkChain <span class=\"role-tag\">Soumise<\/span><br \/>\n <\/h2>\n<p class=\"profil-location\">\ud83c\udde7\ud83c\uddea \u00b7 Bruxelles \u00b7 28 ans<\/p>\n<p class=\"profil-pensee\">\n \u00ab L’art du contr\u00f4le commence par la ma\u00eetrise de soi\u2026 \u00bb\n <\/p>\n<\/p><\/div>\n<div class=\"profil-actions\">\n <button class=\"btn-profil primary\" aria-label=\"Envoyer un message\">\ud83d\udcac Message<\/button><br \/>\n <button class=\"btn-profil\" aria-label=\"Envoyer un kiss\">\ud83d\udc8b Kiss<\/button><br \/>\n <button class=\"btn-profil\" aria-label=\"Acc\u00e9der \u00e0 la galerie priv\u00e9e\">\ud83d\uddbc\ufe0f Album<\/button><br \/>\n <button class=\"btn-profil signal\" aria-label=\"Signaler ce profil\">\ud83d\udea9 Signaler<\/button>\n <\/div>\n<\/p><\/div>\n<p> <\/p>\n<section aria-labelledby=\"infos-physiques-label\">\n<div class=\"sig-title\">Signature<\/div>\n<div class=\"sig-grid\">\n<div class=\"sig-item\">\u00c2ge : <span>34 ans<\/span><\/div>\n<div class=\"sig-item\">Statut : <span>C\u00e9libataire<\/span><\/div>\n<div class=\"sig-item\">Orientation : <span>H\u00e9t\u00e9rosexuelle<\/span><\/div>\n<div class=\"sig-item\">Taille : <span>182 cm<\/span><\/div>\n<div class=\"sig-item\">Silhouette : <span>Sportif<\/span><\/div>\n<div class=\"sig-item\">Yeux : <span>Marron<\/span><\/div>\n<div class=\"sig-item\">Chevelure : <span>Court<\/span><\/div>\n<div class=\"sig-item\">Tatouage : <span>Oui<\/span><\/div>\n<div class=\"sig-item\">Piercing : <span>Non<\/span><\/div>\n<div class=\"sig-item\">Fumeur : <span>Non<\/span><\/div>\n<div class=\"sig-item\">Enfant(s) : <span>Non<\/span><\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"tags-section\" aria-labelledby=\"pratiques-label\">\n<div class=\"tags-title\" id=\"pratiques-label\">Mes Pratiques<\/div>\n<div class=\"tags-wrap\">\n <span class=\"tag\">Bondage<\/span><br \/>\n <span class=\"tag\">Shibari<\/span><br \/>\n <span class=\"tag\">Kinbaku<\/span><br \/>\n <span class=\"tag\">Domination<\/span><br \/>\n <span class=\"tag\">Discipline<\/span><br \/>\n <span class=\"tag\">Dressage<\/span><br \/>\n <span class=\"tag\">Punition<\/span><br \/>\n <span class=\"tag\">Ma\u00eetre \/ Esclave<\/span><br \/>\n <span class=\"tag\">Contr\u00f4le orgasmique<\/span><br \/>\n <span class=\"tag\">Edging<\/span><br \/>\n <span class=\"tag\">Fess\u00e9e<\/span><br \/>\n <span class=\"tag\">Privation sensorielle<\/span><br \/>\n <span class=\"tag\">Jeux de r\u00f4le<\/span><br \/>\n <span class=\"tag\">Collaring<\/span><br \/>\n <span class=\"tag\">Contrat d’appartenance<\/span><br \/>\n <span class=\"tag\">24\/7 D\/s<\/span><br \/>\n <span class=\"tag\">Position training<\/span>\n <\/div>\n<\/section>\n<p> <\/p>\n<section class=\"tags-section\" aria-labelledby=\"envies-label\">\n<div class=\"tags-title\" id=\"envies-label\">Mes Envies<\/div>\n<div class=\"tags-wrap\">\n <span class=\"tag\">Une soumise<\/span><br \/>\n <span class=\"tag\">Une esclave<\/span><br \/>\n <span class=\"tag\">Kajira<\/span>\n <\/div>\n<\/section>\n<p> <\/p>\n<section class=\"tags-section\" aria-labelledby=\"passions-label\">\n<div class=\"tags-title\" id=\"passions-label\">Mes Passions<\/div>\n<div class=\"tags-wrap\">\n <span class=\"tag\">Voyages<\/span><br \/>\n <span class=\"tag\">Lecture<\/span><br \/>\n <span class=\"tag\">Musique<\/span><br \/>\n <span class=\"tag\">Films \/ Cin\u00e9ma<\/span><br \/>\n <span class=\"tag\">Restaurant<\/span><br \/>\n <span class=\"tag\">Sport<\/span>\n <\/div>\n<\/section>\n<p> <\/p>\n<section class=\"galerie-section\" aria-labelledby=\"galerie-label\">\n<div class=\"tags-title\" id=\"galerie-label\">Galerie Publique<\/div>\n<div class=\"galerie-grid\">\n<div class=\"galerie-item\" aria-label=\"Photo 1\">\ud83d\udcf7<\/div>\n<div class=\"galerie-item\" aria-label=\"Photo 2\">\ud83d\udcf7<\/div>\n<div class=\"galerie-item\" aria-label=\"Photo 3\">\ud83d\udcf7<\/div>\n<\/p><\/div>\n<\/section>\n<p> <\/p>\n<section class=\"galerie-section\" aria-labelledby=\"galerie-prive-label\">\n<div class=\"tags-title\" id=\"galerie-prive-label\">Galerie Priv\u00e9e<\/div>\n<div class=\"galerie-grid\">\n<div class=\"galerie-item galerie-prive\" aria-label=\"Photo priv\u00e9e 1\">\n \ud83d\udcf7<\/p>\n<div class=\"galerie-prive-lock\">\ud83d\udd12<\/div>\n<\/p><\/div>\n<div class=\"galerie-item galerie-prive\" aria-label=\"Photo priv\u00e9e 2\">\n \ud83d\udcf7<\/p>\n<div class=\"galerie-prive-lock\">\ud83d\udd12<\/div>\n<\/p><\/div>\n<div class=\"galerie-item galerie-prive\" aria-label=\"Photo priv\u00e9e 3\">\n \ud83d\udcf7<\/p>\n<div class=\"galerie-prive-lock\">\ud83d\udd12<\/div>\n<\/p><\/div>\n<div class=\"galerie-item galerie-prive\" aria-label=\"Photo priv\u00e9e 4\">\n \ud83d\udcf7<\/p>\n<div class=\"galerie-prive-lock\">\ud83d\udd12<\/div>\n<\/p><\/div>\n<div class=\"galerie-item galerie-prive\" aria-label=\"Photo priv\u00e9e 5\">\n \ud83d\udcf7<\/p>\n<div class=\"galerie-prive-lock\">\ud83d\udd12<\/div>\n<\/p><\/div>\n<div class=\"galerie-item galerie-prive\" aria-label=\"Photo priv\u00e9e 6\">\n \ud83d\udcf7<\/p>\n<div class=\"galerie-prive-lock\">\ud83d\udd12<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div style=\"margin-top:10px;text-align:center;\">\n <button class=\"btn-profil\" style=\"font-size:10px;\" aria-label=\"Demander acc\u00e8s \u00e0 la galerie priv\u00e9e\"><br \/>\n \ud83d\udd13 Demander l’acc\u00e8s<br \/>\n <\/button>\n <\/div>\n<\/section><\/div>\n<\/p><\/div>\n<\/div>\n<p><\/p>\n<nav class=\"mobile-bottom-nav\" role=\"navigation\" aria-label=\"Navigation mobile\">\n <a href=\"#\" class=\"active\" aria-label=\"Explorer les profils\"><br \/>\n <span class=\"bnav-icon\">\ud83d\udd0d<\/span><br \/>\n <span>Explorer<\/span><br \/>\n <\/a><br \/>\n <a href=\"#\" aria-label=\"Messages\"><br \/>\n <span class=\"bnav-icon\">\ud83d\udcac<\/span><br \/>\n <span>Messages<\/span><br \/>\n <span class=\"bnav-badge\">3<\/span><br \/>\n <\/a><br \/>\n <a href=\"#\" aria-label=\"Kiss re\u00e7us\"><br \/>\n <span class=\"bnav-icon\">\ud83d\udc8b<\/span><br \/>\n <span>Kiss<\/span><br \/>\n <span class=\"bnav-badge\">7<\/span><br \/>\n <\/a><br \/>\n <a href=\"#\" aria-label=\"Concours\"><br \/>\n <span class=\"bnav-icon\">\ud83c\udfc6<\/span><br \/>\n <span>Concours<\/span><br \/>\n <\/a><br \/>\n <a href=\"#\" onclick=\"toggleMobileMenu(); return false;\" aria-label=\"Menu\"><br \/>\n <span class=\"bnav-icon\">\u2630<\/span><br \/>\n <span>Menu<\/span><br \/>\n <\/a><br \/>\n<\/nav>\n<p><script>\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n MODAL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction showMedia(type){\n const ph=document.getElementById('media-photo');\n const vi=document.getElementById('media-video');\n const vid=document.getElementById('m-video');\n const bp=document.getElementById('btn-photo');\n const bv=document.getElementById('btn-video');\n if(type==='video'){\n ph.style.display='none'; vi.style.display='block';\n bp.classList.remove('act'); bv.classList.add('act');\n } else {\n vi.style.display='none'; ph.style.display='block';\n bv.classList.remove('act'); bp.classList.add('act');\n if(vid) vid.pause();\n }\n}\nfunction openModal(trigger) {\n var el = trigger ? (trigger.closest ? (trigger.closest('[data-pseudo]') || trigger) : trigger) : null;\n if (el && el.dataset && el.dataset.pseudo) {\n var nameEl = document.getElementById('modal-profil-name');\n if (nameEl) {\n nameEl.childNodes[0].textContent = el.dataset.pseudo + ' ';\n var tag = nameEl.querySelector('.role-tag');\n if (tag) tag.textContent = el.dataset.statut || '';\n }\n var av = document.getElementById('m-av-img');\n if (av) av.textContent = el.dataset.avatar || '\ud83c\udfad';\n var loc = document.querySelector('.profil-location');\n if (loc) loc.textContent = el.dataset.meta || '';\n }\n document.getElementById('modal-overlay').classList.add('open');\n document.body.style.overflow = 'hidden';\n}\nfunction closeModal() {\n document.getElementById('modal-overlay').classList.remove('open');\n document.body.style.overflow = '';\n}\ndocument.getElementById('modal-overlay').addEventListener('click', function(e) {\n if (e.target === this) closeModal();\n});\ndocument.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') closeModal();\n});<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ONGLETS DROITE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n COLONNE DROITE \u2014 INTERACTIONS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction openConvModal(pseudo) {\n \/\/ Ouvre la messagerie avec ce profil\n const modal = document.getElementById('modal-profil');\n if (modal) {\n \/\/ navigate to messagerie with pseudo context\n closeModal();\n }\n \/\/ Afficher toast\n showToast('\ud83d\udcac Conversation avec ' + pseudo);\n}<\/p>\n<p>function openVisitorModal(card) {\n const pseudo = card.querySelector('.visitor-pseudo')?.textContent || '';\n showToast('\ud83d\udc41\ufe0f Profil de ' + pseudo);\n}<\/p>\n<p>function showToast(msg) {\n let t = document.getElementById('kajira-toast-right');\n if (!t) {\n t = document.createElement('div');\n t.id = 'kajira-toast-right';\n t.style.cssText = 'position:fixed;bottom:24px;right:24px;background:#1a1a1a;border:1px solid rgba(198,167,94,.3);color:#e8e0d0;padding:10px 16px;border-radius:8px;font-size:13px;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none;';\n document.body.appendChild(t);\n }\n t.textContent = msg;\n t.style.opacity = '1';\n clearTimeout(t._timer);\n t._timer = setTimeout(() => { t.style.opacity = '0'; }, 3000);\n}\nfunction switchTab(tab, btn) {\n ['tchat','visites','kiss'].forEach(t => {\n document.getElementById('tab-' + t).style.display = t === tab ? 'block' : 'none';\n });\n document.querySelectorAll('.right-tab').forEach(b => {\n b.classList.remove('active');\n b.setAttribute('aria-selected', 'false');\n });\n btn.classList.add('active');\n btn.setAttribute('aria-selected', 'true');\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BURGER MOBILE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nfunction toggleMobileMenu() {\n const menu = document.getElementById('mobile-menu');\n const burger = document.querySelector('.nav-burger');\n const isOpen = menu.classList.contains('open');\n if (isOpen) {\n menu.classList.remove('open');\n burger.classList.remove('open');\n menu.style.display = 'none';\n } else {\n menu.style.display = 'block';\n requestAnimationFrame(() => menu.classList.add('open'));\n burger.classList.add('open');\n }\n}<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KEYBOARD \u2014 profil cards\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('.menu-item').forEach(item => {\n item.addEventListener('keydown', function(e) {\n if (e.key === 'Enter' || e.key === ' ') this.click();\n });\n});<\/p>\n<p>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n NAV BAS MOBILE \u2014 onglet actif\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\ndocument.querySelectorAll('.mobile-bottom-nav a').forEach(link => {\n link.addEventListener('click', function(e) {\n if (this.getAttribute('onclick')) return;\n document.querySelectorAll('.mobile-bottom-nav a').forEach(l => l.classList.remove('active'));\n this.classList.add('active');\n });\n});<\/p>\n<p>\/* \u2550\u2550\u2550\u2550 DRAWER PROFIL PROPRI\u00c9TAIRE \u2550\u2550\u2550\u2550 *\/\n\/* \u2500\u2500 Profil du propri\u00e9taire connect\u00e9 \u2500\u2500\n data-type=\"solo-m\" \u2192 kajira-profil-50nuances-solo-m-wp-embed.html\n data-type=\"solo-f\" \u2192 kajira-profil-50nuances-solo-f-wp-embed.html\n data-type=\"couple\" \u2192 kajira-profil-50nuances-wp-embed.html\n Modifier data-type sur <\/p>\n<aside class=\"sidebar-left\"> pour changer de profil \u2500\u2500 *\/\nvar PROFIL_SRCDOCS = {\n \"solo-f\": \"https:\/\/kajira-infinity.com\/contrat-appartenance\",\n \"solo-m\": \"https:\/\/kajira-infinity.com\/contrat-appartenance\",\n \"couple\": \"https:\/\/kajira-infinity.com\/contrat-appartenance\",\n};<\/p>\n<p>var PROFIL_SRCDOCS = {\n \"solo-f\": \"https:\/\/kajira-infinity.com\/contrat-appartenance\",\n \"solo-m\": \"https:\/\/kajira-infinity.com\/contrat-appartenance\",\n \"couple\": \"https:\/\/kajira-infinity.com\/contrat-appartenance\",\n};<\/p>\n<p>var OWNER_TYPE = (function() {\n var p = new URLSearchParams(window.location.search).get('profil');\n if (p && ['solo-m','solo-f','couple'].indexOf(p) > -1) return p;\n var aside = document.querySelector('.sidebar-left');\n return aside ? aside.getAttribute('data-type') || 'solo-m' : 'solo-m';\n})();<\/p>\n<p>function openOwnerDrawer(hash) {\n var frame = document.getElementById('ownerFrame-' + OWNER_TYPE);\n if (!frame) return;\n if (!frame.src || frame.src === window.location.href) {\n frame.src = PROFIL_SRCDOCS[OWNER_TYPE];\n }\n document.querySelectorAll('.owner-frame').forEach(function(f){ f.style.display='none'; });\n frame.style.display = 'block';\n if (hash) {\n frame.onload = function() {\n try { frame.contentWindow.sT(hash); } catch(e) {}\n frame.onload = null;\n };\n }\n document.getElementById('ownerDrawer').classList.add('open');\n document.getElementById('ownerDrawerOverlay').classList.add('open');\n document.body.style.overflow = 'hidden';\n}<\/p>\n<p>function closeOwnerDrawer() {\n document.getElementById('ownerDrawer').classList.remove('open');\n document.getElementById('ownerDrawerOverlay').classList.remove('open');\n document.body.style.overflow = '';\n}<\/p>\n<p>document.addEventListener('keydown', function(e) {\n if (e.key === 'Escape') closeOwnerDrawer();\n});<\/p>\n<p><\/script><\/p>\n<p><\/p>\n<div class=\"owner-drawer-overlay\" id=\"ownerDrawerOverlay\" onclick=\"closeOwnerDrawer()\"><\/div>\n<div class=\"owner-drawer\" id=\"ownerDrawer\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Mon profil\">\n <button class=\"owner-drawer-close\" onclick=\"closeOwnerDrawer()\" title=\"Fermer\">\u2715<\/button><br \/>\n <iframe id=\"ownerFrame-solo-f\" class=\"owner-frame\" title=\"Profil Solo Femme\" style=\"display:none;width:100%;height:100%;border:none;\"><\/iframe><br \/>\n <iframe id=\"ownerFrame-solo-m\" class=\"owner-frame\" title=\"Profil Solo Homme\" style=\"display: block; width: 100%; height: 100%; border: medium;\" src=\"https:\/\/kajira-infinity.com\/contrat-appartenance\"><\/iframe><br \/>\n <iframe id=\"ownerFrame-couple\" class=\"owner-frame\" title=\"Profil Couple\" style=\"display:none;width:100%;height:100%;border:none;\"><\/iframe>\n<\/div>\n<p><script type=\"module\">\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n KAJIRA-INFINITY \u2014 TCHAT VOCAL FIREBASE\n 3 vocaux max \/ jour \/ utilisateur\n 60 secondes max par vocal\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\nimport { initializeApp } from \"https:\/\/www.gstatic.com\/firebasejs\/12.13.0\/firebase-app.js\";\nimport { getFirestore, collection, addDoc, getDocs, query,\n where, orderBy, onSnapshot, serverTimestamp }\n from \"https:\/\/www.gstatic.com\/firebasejs\/12.13.0\/firebase-firestore.js\";\nimport { getStorage, ref, uploadBytes, getDownloadURL }\n from \"https:\/\/www.gstatic.com\/firebasejs\/12.13.0\/firebase-storage.js\";<\/p>\n<p>const firebaseConfig = {\n apiKey: \"AIzaSyDjzluPcPrBIQV51f8Ooo-eJ0Co9aIAc1Y\",\n authDomain: \"kajira-infinity-com.firebaseapp.com\",\n projectId: \"kajira-infinity-com\",\n storageBucket: \"kajira-infinity-com.firebasestorage.app\",\n messagingSenderId: \"771829883681\",\n appId: \"1:771829883681:web:744178701674e1121b5460\",\n measurementId: \"G-L9HSZNHG60\"\n};<\/p>\n<p>const app = initializeApp(firebaseConfig);\nconst db = getFirestore(app);\nconst storage = getStorage(app);<\/p>\n<p>\/* \u2500\u2500 Config \u2500\u2500 *\/\nconst CURRENT_USER = 'ShadowMaster_K'; \/\/ \u2192 remplacer par auth WP\nconst MAX_VOCAUX = 3;\nconst MAX_DURATION = 60000; \/\/ 60s<\/p>\n<p>\/* \u2500\u2500 State \u2500\u2500 *\/\nlet mediaRecorder = null;\nlet audioChunks = [];\nlet recTimer = null;\nlet recInterval = null;\nlet recStartTime = 0;\nlet currentConv = null;\nlet unsubscribe = null;<\/p>\n<p>\/* \u2500\u2500 Quota \u2500\u2500 *\/\nasync function getVocalCount() {\n const today = new Date().toISOString().split('T')[0];\n const q = query(\n collection(db, 'messages'),\n where('from', '==', CURRENT_USER),\n where('type', '==', 'vocal'),\n where('date', '==', today)\n );\n const snap = await getDocs(q);\n return snap.size;\n}<\/p>\n<p>async function updateQuotaUI() {\n const used = await getVocalCount();\n const left = Math.max(0, MAX_VOCAUX - used);\n const el = document.getElementById('quota-count');\n if (el) el.textContent = left;\n const btn = document.getElementById('rec-btn');\n if (btn) btn.disabled = left === 0;\n}<\/p>\n<p>\/* \u2500\u2500 Ouvrir conversation \u2500\u2500 *\/\nwindow.openChatWith = async function(pseudo, avatar, flag) {\n currentConv = pseudo;\n document.getElementById('chat-list').style.display = 'none';\n document.getElementById('chat-panel').style.display = 'flex';\n document.getElementById('chat-panel-name').textContent = pseudo;\n document.getElementById('chat-panel-avatar').textContent = avatar || '\ud83c\udfad';\n document.getElementById('chat-messages').innerHTML = '';<\/p>\n<p> await updateQuotaUI();<\/p>\n<p> const convId = [CURRENT_USER, pseudo].sort().join('__');\n if (unsubscribe) unsubscribe();<\/p>\n<p> const q = query(\n collection(db, 'messages'),\n where('convId', '==', convId),\n orderBy('timestamp', 'asc')\n );<\/p>\n<p> unsubscribe = onSnapshot(q, snap => {\n const box = document.getElementById('chat-messages');\n box.innerHTML = '';\n snap.forEach(d => renderMsg(d.data(), box));\n box.scrollTop = box.scrollHeight;\n });\n};<\/p>\n<p>\/* \u2500\u2500 Retour liste \u2500\u2500 *\/\nwindow.backToConvList = function() {\n if (unsubscribe) unsubscribe();\n currentConv = null;\n document.getElementById('chat-panel').style.display = 'none';\n document.getElementById('chat-list').style.display = 'block';\n};<\/p>\n<p>\/* \u2500\u2500 Afficher un message \u2500\u2500 *\/\nfunction renderMsg(msg, box) {\n const isMe = msg.from === CURRENT_USER;\n const div = document.createElement('div');\n div.className = 'msg-bubble ' + (isMe ? 'msg-me' : 'msg-other');<\/p>\n<p> if (msg.type === 'vocal') {\n div.innerHTML = `<\/p>\n<div class=\"msg-vocal\">\n <span>\ud83c\udf99\ufe0f<\/span>\n <audio controls src=\"${msg.url}\" style=\"height:32px;max-width:150px;\"><\/audio>\n <span class=\"msg-dur\">${msg.duration || ''}s<\/span>\n <\/div>\n<p>`;\n } else {\n div.textContent = msg.text || '';\n }<\/p>\n<p> const t = document.createElement('div');\n t.className = 'msg-time';\n t.textContent = msg.timestamp?.toDate\n ? msg.timestamp.toDate().toLocaleTimeString('fr-FR',{hour:'2-digit',minute:'2-digit'})\n : '';\n div.appendChild(t);\n box.appendChild(div);\n}<\/p>\n<p>\/* \u2500\u2500 Envoyer texte \u2500\u2500 *\/\nwindow.sendTextMsg = async function() {\n const inp = document.getElementById('chat-text-input');\n const txt = inp?.value?.trim();\n if (!txt || !currentConv) return;\n inp.value = '';\n const convId = [CURRENT_USER, currentConv].sort().join('__');\n await addDoc(collection(db, 'messages'), {\n convId, from: CURRENT_USER, to: currentConv,\n type: 'text', text: txt,\n date: new Date().toISOString().split('T')[0],\n timestamp: serverTimestamp()\n });\n};<\/p>\n<p>\/* \u2500\u2500 D\u00e9marrer enregistrement \u2500\u2500 *\/\nwindow.startRecording = async function() {\n const used = await getVocalCount();\n if (used >= MAX_VOCAUX) {\n toast('\ud83c\udf99\ufe0f Limite de 3 vocaux\/jour atteinte');\n return;\n }\n if (!currentConv) { toast('Ouvre une conversation d'abord'); return; }<\/p>\n<p> try {\n const stream = await navigator.mediaDevices.getUserMedia({ audio: true });\n const mime = MediaRecorder.isTypeSupported('audio\/webm;codecs=opus')\n ? 'audio\/webm;codecs=opus' : 'audio\/webm';\n mediaRecorder = new MediaRecorder(stream, { mimeType: mime });\n audioChunks = [];\n recStartTime = Date.now();<\/p>\n<p> mediaRecorder.ondataavailable = e => { if (e.data.size > 0) audioChunks.push(e.data); };\n mediaRecorder.onstop = () => uploadVocal(stream);\n mediaRecorder.start(100);<\/p>\n<p> document.getElementById('rec-btn').classList.add('recording');\n document.getElementById('rec-timer').style.display = 'block';\n let sec = 0;\n recInterval = setInterval(() => {\n sec++;\n document.getElementById('rec-timer').textContent = sec + 's';\n if (sec >= 60) window.stopRecording();\n }, 1000);\n recTimer = setTimeout(() => window.stopRecording(), MAX_DURATION);<\/p>\n<p> } catch(e) {\n toast('\u274c Microphone non autoris\u00e9');\n }\n};<\/p>\n<p>\/* \u2500\u2500 Arr\u00eater enregistrement \u2500\u2500 *\/\nwindow.stopRecording = function() {\n clearTimeout(recTimer);\n clearInterval(recInterval);\n document.getElementById('rec-btn').classList.remove('recording');\n document.getElementById('rec-timer').style.display = 'none';\n document.getElementById('rec-timer').textContent = '0s';\n if (mediaRecorder && mediaRecorder.state !== 'inactive') mediaRecorder.stop();\n};<\/p>\n<p>\/* \u2500\u2500 Upload vocal \u2500\u2500 *\/\nasync function uploadVocal(stream) {\n stream.getTracks().forEach(t => t.stop());\n if (!audioChunks.length) return;<\/p>\n<p> const blob = new Blob(audioChunks, { type: 'audio\/webm' });\n const duration = Math.round((Date.now() - recStartTime) \/ 1000);\n const today = new Date().toISOString().split('T')[0];\n const convId = [CURRENT_USER, currentConv].sort().join('__');<\/p>\n<p> toast('\u23f3 Envoi du vocal\u2026');\n try {\n const sRef = ref(storage, `vocaux\/${convId}\/${Date.now()}.webm`);\n await uploadBytes(sRef, blob);\n const url = await getDownloadURL(sRef);<\/p>\n<p> await addDoc(collection(db, 'messages'), {\n convId, from: CURRENT_USER, to: currentConv,\n type: 'vocal', url, duration,\n date: today, timestamp: serverTimestamp()\n });<\/p>\n<p> toast('\u2705 Vocal envoy\u00e9 !');\n await updateQuotaUI();<\/p>\n<p> } catch(e) {\n toast('\u274c Erreur : ' + e.message);\n }\n}<\/p>\n<p>\/* \u2500\u2500 Toast local \u2500\u2500 *\/\nfunction toast(msg) {\n let el = document.getElementById('kajira-toast-right');\n if (!el) {\n el = document.createElement('div');\n el.id = 'kajira-toast-right';\n el.style.cssText = 'position:fixed;bottom:24px;right:80px;background:#111;border:1px solid rgba(198,167,94,.3);color:#e8e0d0;padding:10px 16px;border-radius:8px;font-size:12px;z-index:9999;opacity:0;transition:opacity .3s;pointer-events:none;max-width:260px;';\n document.body.appendChild(el);\n }\n el.textContent = msg;\n el.style.opacity = '1';\n clearTimeout(el._t);\n el._t = setTimeout(() => { el.style.opacity = '0'; }, 3000);\n}\n<\/script><\/p>\n<p><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Espace 50 Nuances \u2013 BDSM | Kajira-Infinityor: var(–or); font-size: 9px; border: 1px solid var(–or); padding: 2px 6px; border-radius: 10px; z-index: 3; } \/* Grille profils principale *\/ .profiles-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; margin-bottom: 32px; } \/* Concours carrousel *\/ .concours-carousel { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; margin-bottom:…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":10,"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/pages\/91\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/new.kajira-infinity.com\/index.php\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":91,"date":"2026-05-30T10:53:17","date_gmt":"2026-05-30T10:53:17","guid":{"rendered":"https:\/\/new.kajira-infinity.com\/?page_id=91"},"modified":"2026-05-30T14:06:23","modified_gmt":"2026-05-30T14:06:23","slug":"univers-50-nuances","status":"publish","type":"page","link":"https:\/\/new.kajira-infinity.com\/index.php\/univers-50-nuances\/","title":{"rendered":"Univers 50 Nuances Kajira-Infinity"},"content":{"rendered":"