:root{--color-cannon-pink-50: #fcf7fb;--color-cannon-pink-100: #f9eef7;--color-cannon-pink-200: #f2dcee;--color-cannon-pink-300: #e7c0df;--color-cannon-pink-400: #d79bc9;--color-cannon-pink-500: #c372b1;--color-cannon-pink-600: #a55491;--color-cannon-pink-700: #894376;--color-cannon-pink-800: #703860;--color-cannon-pink-900: #5d3250;--color-cannon-pink-950: #3b1730;--color-cannon-pink-1000: #31212c;--accent: var(--color-cannon-pink-500);--accent-hover: var(--color-cannon-pink-600);--accent-light: var(--color-cannon-pink-100);--accent-dark: var(--color-cannon-pink-700)}html{font-size:.875rem}.dark-topbar{background:#23262f;color:#fff;border-bottom:1px solid #23262f}.dark-sidebar{background:#23262f;color:#bfc9da;min-height:100vh;border-right:1px solid #23262f}.dark-main{background:#181a20;color:#e5e7ef;min-height:100vh;border-radius:1rem 0 0}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:.5rem;color:#fff;font-weight:500;text-decoration:none;transition:color .2s;margin-bottom:.25rem}.sidebar-link svg{color:inherit;stroke:currentColor;transition:color .2s,stroke .2s}.sidebar-link.active,.sidebar-link[aria-current=page]{background:none;color:var(--accent);box-shadow:none}.sidebar-link.active .sidebar-icon-bg,.sidebar-link[aria-current=page] .sidebar-icon-bg{background:none}.sidebar-icon{font-size:1.25rem;width:1.75rem;display:flex;align-items:center;justify-content:center}.sidebar-icon-bg{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background .2s,color .2s}.sidebar-link button{background:none;border:none;color:inherit;font:inherit;padding:0;margin:0;width:100%;text-align:left;display:flex;align-items:center;gap:.75rem;cursor:pointer}[x-cloak]{display:none!important}.dark-topbar .topbar-dropdown,.dark-topbar .topbar-dropdown a,.dark-topbar .topbar-dropdown button{background:var(--color-cannon-pink-900);color:var(--color-cannon-pink-50);border:none}.dark-topbar .topbar-dropdown{border:1px solid var(--color-cannon-pink-700);border-radius:.5rem;box-shadow:0 4px 24px #00000040;min-width:12rem;padding:.5rem 0;z-index:100;top:2rem}.dark-topbar .topbar-dropdown a,.dark-topbar .topbar-dropdown button{display:block;width:100%;padding:.5rem 1rem;text-align:left;color:var(--color-cannon-pink-50);font-size:.95rem;border-radius:.25rem;transition:background .2s,color .2s}.dark-topbar .topbar-dropdown a:hover,.dark-topbar .topbar-dropdown button:hover{background:var(--color-cannon-pink-700);color:#fff}#chatMessages::-webkit-scrollbar{width:10px;background:transparent}#chatMessages::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:8px;border:2px solid var(--color-cannon-pink-950)}#chatMessages::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-webkit-scrollbar{width:10px;background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:8px;border:2px solid var(--color-cannon-pink-950)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}button,.btn,.primary-button{background:var(--accent);color:#fff;border:none;border-radius:.5rem;transition:background .2s,color .2s}button:hover,.btn:hover,.primary-button:hover{background:var(--accent-hover);color:#fff}.secondary-button{background:transparent;color:var(--accent);border:2px solid var(--accent);border-radius:.5rem;transition:background .2s,color .2s,border-color .2s}.secondary-button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.secondary-button:disabled{background:transparent;color:#6b7280;border-color:#6b7280;cursor:not-allowed}:focus{outline:none!important;box-shadow:none!important}label[style*=background-image],label[class*=bg-center][class*=bg-no-repeat][class*=bg-contain]{overflow:hidden!important;border-radius:.5rem!important}label[for^=ethnicity-],label[for^=eye_colour-],label[for^=hair_colour-],label[for^=hair_length-],label[for^=body_type-],label[for^=breast_size-],label[for^=height-],label[for^=personality-],label[for^=job-],label[for^=relationship-]{border:2px solid #6b7280!important;border-radius:.5rem!important;overflow:hidden!important}label[for^=sexuality-],label[for^=age-],label[for^=butt_size-]{border:2px solid #6b7280!important;border-radius:.5rem!important}.font-extralight{font-weight:200!important}
