/* GENERATED by make_yuri_css.py from app.css - do not edit by hand. */
.theme-yuri .border-rose-500{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity,1))}
.theme-yuri .border-rose-500\/30{border-color:rgba(139,92,246,.3)}
.theme-yuri .border-t-rose-500{--tw-border-opacity:1;border-top-color:rgb(139 92 246/var(--tw-border-opacity,1))}
.theme-yuri .bg-rose-300{--tw-bg-opacity:1;background-color:rgb(196 181 253/var(--tw-bg-opacity,1))}
.theme-yuri .bg-rose-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}
.theme-yuri .bg-rose-500\/15{background-color:rgba(139,92,246,.15)}
.theme-yuri .from-rose-400{--tw-gradient-from:#a78bfa var(--tw-gradient-from-position);--tw-gradient-to:rgba(167,139,250,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.theme-yuri .from-rose-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(139,92,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.theme-yuri .to-fuchsia-400{--tw-gradient-to:#d8b4fe var(--tw-gradient-to-position)}
.theme-yuri .to-fuchsia-500{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}
.theme-yuri .text-fuchsia-400{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}
.theme-yuri .text-rose-400{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}
.theme-yuri .text-rose-500{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}
.theme-yuri .text-rose-500\/70{color:rgba(167,139,250,.7)}
.theme-yuri .shadow-rose-500\/25{--tw-shadow-color:rgba(139,92,246,.25);--tw-shadow:var(--tw-shadow-colored)}
.theme-yuri .hover\:border-rose-500\/40:hover{border-color:rgba(139,92,246,.4)}
.theme-yuri .hover\:border-rose-500\/60:hover{border-color:rgba(139,92,246,.6)}
.theme-yuri .hover\:bg-rose-400:hover{--tw-bg-opacity:1;background-color:rgb(167 139 250/var(--tw-bg-opacity,1))}
.theme-yuri .hover\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}
.theme-yuri .hover\:text-fuchsia-400:hover{--tw-text-opacity:1;color:rgb(233 213 255/var(--tw-text-opacity,1))}
.theme-yuri .hover\:text-rose-400:hover{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity,1))}
.theme-yuri .hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}
.theme-yuri .focus\:border-rose-500:focus{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity,1))}
.theme-yuri .focus\:ring-rose-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(139 92 246/var(--tw-ring-opacity,1))}
.theme-yuri .group:hover .group-hover\:text-rose-500{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity,1))}
.theme-yuri .group:hover .group-hover\:shadow-rose-500\/40{--tw-shadow-color:rgba(139,92,246,.4);--tw-shadow:var(--tw-shadow-colored)}

/* ---- section switch: Romance | GL / Yuri (header) ---- */
.mr-seg{display:none;align-items:center;gap:2px;padding:3px;border-radius:9999px;background:#1f1f1f;border:1px solid #2a2a2a;flex-shrink:0}
.mr-seg a{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:9999px;font-size:13px;font-weight:600;color:#9ca3af;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.mr-seg a:hover{color:#fff}
.mr-seg a.on.mr-rom{background:#f43f5e;color:#fff}
.mr-seg a.on.mr-gl{background:#8b5cf6;color:#fff}
@media (min-width:768px){.mr-seg{display:inline-flex}}
.mr-segbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 16px 10px}
.mr-segbar a{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;border-radius:10px;background:#1f1f1f;border:1px solid #2a2a2a;font-size:13px;font-weight:600;color:#9ca3af;text-decoration:none}
.mr-segbar a.on.mr-rom{background:rgba(244,63,94,.15);border-color:#f43f5e;color:#fb7185}
.mr-segbar a.on.mr-gl{background:rgba(139,92,246,.18);border-color:#8b5cf6;color:#c4b5fd}
@media (min-width:768px){.mr-segbar{display:none}}

/* ---- section switch: attention animations (user ask: "make it stand out, something animated") ---- */
/* desktop: rotating rose->lilac ring around the switch */
.mr-seg{position:relative;isolation:isolate;overflow:hidden;border:0;padding:4px;background:transparent}
.mr-seg::before{content:'';position:absolute;inset:-180%;z-index:-2;background:conic-gradient(from 0deg,#f43f5e,#a78bfa,#f472b6,#8b5cf6,#f43f5e);animation:mr-spin 4s linear infinite}
.mr-seg::after{content:'';position:absolute;inset:2px;z-index:-1;border-radius:9999px;background:#1a1a1a}
/* icons: beating heart / slowly turning lily */
.mr-ico{display:inline-block;line-height:1}
.mr-rom .mr-ico{animation:mr-beat 1.6s ease-in-out infinite}
.mr-gl .mr-ico{animation:mr-turn 6s linear infinite}
/* a light sweep across the tab you are NOT on, every few seconds */
.mr-seg a,.mr-segbar a{position:relative;overflow:hidden}
.mr-seg a:not(.on)::after,.mr-segbar a:not(.on)::after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);animation:mr-shine 3.6s ease-in-out infinite}
/* phones: the other tab softly glows in its own colour */
.mr-segbar a.mr-gl:not(.on){color:#c4b5fd;border-color:rgba(139,92,246,.55);animation:mr-glow-gl 2.4s ease-in-out infinite}
.mr-segbar a.mr-rom:not(.on){color:#fda4af;border-color:rgba(244,63,94,.5);animation:mr-glow-rom 2.4s ease-in-out infinite}
@keyframes mr-spin{to{transform:rotate(360deg)}}
@keyframes mr-beat{0%,60%,100%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.18)}}
@keyframes mr-turn{to{transform:rotate(360deg)}}
@keyframes mr-shine{0%,55%{left:-70%}100%{left:130%}}
@keyframes mr-glow-gl{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}50%{box-shadow:0 0 14px 2px rgba(139,92,246,.45)}}
@keyframes mr-glow-rom{0%,100%{box-shadow:0 0 0 0 rgba(244,63,94,0)}50%{box-shadow:0 0 14px 2px rgba(244,63,94,.4)}}
@media (prefers-reduced-motion:reduce){.mr-seg::before,.mr-ico,.mr-seg a::after,.mr-segbar a::after,.mr-segbar a{animation:none!important}}

/* ---- chat panel (inline styles live in partials/chat.blade.php) ---- */
.theme-yuri #mpc-fab,.theme-yuri .mpc-nameedit button,.theme-yuri .mpc-form button{background:#8b5cf6}
.theme-yuri .mpc-pinned{border-left-color:#8b5cf6;background:rgba(139,92,246,.14)}
.theme-yuri .mpc-pinned b,.theme-yuri .mpc-msg.mpc-admin .mpc-n{color:#c4b5fd}
.theme-yuri .mpc-q,.theme-yuri .mpc-replybar span{border-left-color:#8b5cf6}
.theme-yuri .mpc-namebtn:hover,.theme-yuri .mpc-form input:focus{border-color:#8b5cf6}