*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0b0813;color:#f3e8ff}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button{color:inherit;background:#352144;border:1px solid #5a3378;border-radius:12px;padding:8px 12px}input,select{color:#f3e8ff;background:#151020;border:1px solid #442b5e;border-radius:12px;padding:10px}img{max-width:100%}h1,h2,h3,h4,p{margin:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ed8ddb;outline-offset:3px}.hidden{display:none!important}.pilot-banner{padding:8px 12px;font-size:10px;line-height:1.5;background:#2c1838;color:#e4bee9;border-bottom:1px solid #4d275e}.pilot-room-card{padding:14px;border:1px solid #39234f;border-radius:18px;background:#1a1429;display:flex;flex-direction:column;gap:8px}.pilot-room-card .room-art{height:82px;background:radial-gradient(circle at 70% 30%,#db277750,transparent),linear-gradient(130deg,#5b248b,#221934);border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:16px}.room-art span{font-size:32px}.room-art small{font-size:10px}.pilot-room-card h3{font-size:14px}.pilot-room-card>small,.pilot-room-card>p{font-size:10px;color:#bea4d1}.pilot-room-card>button{background:linear-gradient(110deg,#c449eb,#e5449a);border:0;color:white;font-size:12px;font-weight:700;border-radius:24px}.pilot-seat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.pilot-seat strong{font-size:10px;overflow-wrap:anywhere}.pilot-seat small{font-size:9px;color:#a582bb}.seat-circle{width:54px;height:54px;border-radius:50%;border:1px dashed #a976ca;background:#352047;font-size:20px;color:#d4a4ef}.pilot-seat.occupied .seat-circle{border:2px solid #e975d5;background:linear-gradient(140deg,#9541d4,#d13e91)}.voice-status{font-size:10px;color:#b393c6;padding:8px 0;line-height:1.5}.chat-line{margin:8px 0;line-height:1.5;font-size:11px}.chat-line strong{color:#dfb3ff}.chat-line.system{color:#a890bd}.mini-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;background:#302043;display:flex;align-items:center;gap:8px;padding:10px;font-size:11px}.mini-bar span{flex:1}.mini-bar button{font-size:10px}.pilot-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:80px;z-index:100;background:#3f2555;border:1px solid #9760b3;border-radius:16px;padding:14px;max-width:90vw;width:360px;font-size:12px;color:white}.pilot-dialog{color:#f3e8ff;background:#1a1429;border:1px solid #794e91;border-radius:20px;width:min(420px,90vw);max-height:85vh;overflow:auto;padding:22px}.pilot-dialog::backdrop{background:#000b}.pilot-dialog h2{font-size:18px;margin-bottom:16px}.pilot-dialog input,.pilot-dialog>button{display:block;width:100%;margin:10px 0}.admin-row{padding:14px 0;border-bottom:1px solid #3d2850}.admin-row strong,.admin-row small{display:block}.admin-row small{font-size:10px;overflow-wrap:anywhere}.admin-row button{font-size:10px;margin:5px}.activity{font-size:11px;padding:9px 0;color:#c9aadd}#remote-audio{display:none}#chat-input+button{font-size:10px;padding:8px}#view-profile>button{font-size:12px;margin-bottom:8px}#modal-gift select{width:100%;margin:10px 0}#view-room{min-height:0}#view-room>.flex-1{min-height:0}#view-room .p-3{flex-wrap:wrap}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.-bottom-6{bottom:-1.5rem}
.-right-6{right:-1.5rem}
.absolute{position:absolute}
.backdrop-blur-md{backdrop-filter:blur(10px)}
.backdrop-blur-sm{backdrop-filter:blur(10px)}
.bg-amber-500\/10{background-color:#f59e0b19}
.bg-amber-500\/20{background-color:#f59e0b33}
.bg-black\/20{background-color:#00000033}
.bg-black\/30{background-color:#0000004c}
.bg-black\/60{background-color:#00000099}
.bg-black\/80{background-color:#000000cc}
.bg-cardBg{background-color:#1a1429}
.bg-clip-text{background-clip:text;-webkit-background-clip:text}
.bg-darkBg{background-color:#0f0c1b}
.bg-darkBg\/80{background-color:#0f0c1bcc}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--gfrom,#1c1333),var(--gto,#0b0813))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--gfrom,#7c3aed),var(--gto,#db2777))}
.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--gfrom,#7c3aed),var(--gto,#db2777))}
.bg-pink-500\/10{background-color:#ec489919}
.bg-pink-500\/20{background-color:#ec489933}
.bg-pink-500\/30{background-color:#ec48994c}
.bg-purple-500\/20{background-color:#a855f733}
.bg-purple-600{background-color:#9333ea}
.bg-purple-600\/15{background-color:#9333ea26}
.bg-purple-700{background-color:#7e22ce}
.bg-purple-950\/40{background-color:#3b076466}
.bg-white\/10{background-color:#ffffff19}
.block{display:block}
.blur-2xl{filter:blur(24px)}
.blur-3xl{filter:blur(24px)}
.border{border:1px solid}
.border-0{border:0}
.border-amber-500\/20{border-color:#f59e0b33}
.border-b{border-bottom:1px solid}
.border-cardBorder{border-color:#2d2444}
.border-cardBorder\/50{border-color:#2d24447f}
.border-pink-500\/20{border-color:#ec489933}
.border-pink-500\/30{border-color:#ec48994c}
.border-purple-400\/30{border-color:#c084fc4c}
.border-purple-500\/20{border-color:#a855f733}
.border-purple-500\/30{border-color:#a855f74c}
.border-purple-500\/50{border-color:#a855f77f}
.border-t{border-top:1px solid}
.border-white\/10{border-color:#ffffff19}
.border-white\/15{border-color:#ffffff26}
.border-white\/5{border-color:#ffffff0c}
.bottom-6{bottom:1.5rem}
.fixed{position:fixed}
.flex{display:flex}
.flex-1{flex:1 1 0%;min-height:0}
.flex-col{flex-direction:column}
.focus\:border-purple-500:focus{border-color:#a855f7}
.font-black{font-weight:900}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.from-\[\#1c1333\]{--gfrom:#1c1333}
.from-amber-500{--gfrom:#f59e0b}
.from-emerald-500{--gfrom:#10b981}
.from-pink-500{--gfrom:#ec4899}
.from-purple-600{--gfrom:#9333ea}
.from-purple-900\/80{--gfrom:#581c87cc}
.from-white{--gfrom:#fff}
.gap-3{gap:0.75rem}
.gap-4{gap:1.0rem}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.h-12{height:3.0rem}
.h-20{height:5.0rem}
.h-32{height:8.0rem}
.h-4{height:1.0rem}
.h-48{height:12.0rem}
.h-7{height:1.75rem}
.h-8{height:2.0rem}
.h-9{height:2.25rem}
.h-full{height:100%}
.h-screen{height:100vh}
.hover\:bg-cardBorder:hover{background-color:#2d2444}
.hover\:bg-white\/20:hover{background-color:#ffffff33}
.hover\:bg-white\/5:hover{background-color:#ffffff0c}
.hover\:border-pink-500:hover{border-color:#ec4899}
.hover\:border-purple-500:hover{border-color:#a855f7}
.hover\:from-amber-600:hover{--gfrom:#d97706}
.hover\:from-emerald-600:hover{--gfrom:#059669}
.hover\:from-pink-600:hover{--gfrom:#db2777}
.hover\:text-white:hover{color:white}
.hover\:to-orange-700:hover{--gto:#c2410c}
.hover\:to-purple-700:hover{--gto:#7e22ce}
.hover\:to-teal-700:hover{--gto:#0f766e}
.inline-block{display:inline-block}
.inset-0{inset:0.0rem}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.left-0{left:0.0rem}
.left-1\/2{left:50.0%}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.max-h-\[200px\]{max-height:200px}
.max-h-\[85vh\]{max-height:85vh}
.max-w-\[180px\]{max-width:180px}
.mb-1{margin-bottom:0.25rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1.0rem}
.min-h-\[140px\]{min-height:140px}
.min-h-screen{min-height:100vh}
.ml-0\.5{margin-left:0.125rem}
.ml-1{margin-left:0.25rem}
.ml-1\.5{margin-left:0.375rem}
.mr-1{margin-right:0.25rem}
.mr-1\.5{margin-right:0.375rem}
.mr-2{margin-right:0.5rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1{margin-top:0.25rem}
.mt-2{margin-top:0.5rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1.0rem}
.mt-5{margin-top:1.25rem}
.mx-1{margin-left:0.25rem;margin-right:0.25rem}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem}
.object-cover{object-fit:cover}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-y-auto{overflow-y:auto}
.p-0{padding:0.0rem}
.p-1{padding:0.25rem}
.p-3{padding:0.75rem}
.p-3\.5{padding:0.875rem}
.p-4{padding:1.0rem}
.p-5{padding:1.25rem}
.pb-1{padding-bottom:0.25rem}
.pb-2{padding-bottom:0.5rem}
.pb-24{padding-bottom:6.0rem}
.pb-3{padding-bottom:0.75rem}
.pointer-events-auto{pointer-events:auto}
.pointer-events-none{pointer-events:none}
.pr-1{padding-right:0.25rem}
.pt-1{padding-top:0.25rem}
.pt-4{padding-top:1.0rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem}
.px-4{padding-left:1.0rem;padding-right:1.0rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.relative{position:relative}
.right-0{right:0.0rem}
.ring-darkBg{--ring-color:#0f0c1b}
.rounded{border-radius:4px}
.rounded-2xl{border-radius:16px}
.rounded-3xl{border-radius:24px}
.rounded-full{border-radius:9999px}
.rounded-t-3xl{border-radius:24px 24px 0 0}
.rounded-xl{border-radius:12px}
.shadow-2xl{box-shadow:0 12px 24px #0003}
.shadow-lg{box-shadow:0 12px 24px #0003}
.shadow-md{box-shadow:0 12px 24px #0003}
.shadow-pink-500\/25{box-shadow:0 12px 24px #0003}
.shadow-pink-500\/30{box-shadow:0 12px 24px #0003}
.shadow-purple-500\/30{box-shadow:0 12px 24px #0003}
.shadow-purple-600\/50{box-shadow:0 12px 24px #0003}
.shadow-sm{box-shadow:0 12px 24px #0003}
.shadow-xl{box-shadow:0 12px 24px #0003}
@media(min-width:640px){.sm\:border{border:1px solid}}
@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:640px){.sm\:h-\[850px\]{height:850px}}
@media(min-width:640px){.sm\:items-center{align-items:center}}
@media(min-width:640px){.sm\:max-w-md{max-width:28rem}}
@media(min-width:640px){.sm\:p-4{padding:1.0rem}}
@media(min-width:640px){.sm\:rounded-3xl{border-radius:24px}}
@media(min-width:640px){.sm\:shadow-2xl{box-shadow:0 12px 24px #0003}}
.space-x-1>*+*{margin-left:0.25rem}
.space-x-1\.5>*+*{margin-left:0.375rem}
.space-x-2>*+*{margin-left:0.5rem}
.space-x-2\.5>*+*{margin-left:0.625rem}
.space-x-3>*+*{margin-left:0.75rem}
.space-y-2>*+*{margin-top:0.5rem}
.space-y-3\.5>*+*{margin-top:0.875rem}
.space-y-4>*+*{margin-top:1.0rem}
.space-y-5>*+*{margin-top:1.25rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.text-\[10px\]{font-size:10px}
.text-\[11px\]{font-size:11px}
.text-\[9px\]{font-size:9px}
.text-amber-400{color:#fbbf24}
.text-base{font-size:1rem}
.text-black{color:#000}
.text-blue-400{color:#60a5fa}
.text-center{text-align:center}
.text-emerald-400{color:#34d399}
.text-pink-300{color:#f9a8d4}
.text-pink-400{color:#f472b6}
.text-pink-500{color:#ec4899}
.text-purple-200{color:#e9d5ff}
.text-purple-200\/80{color:#e9d5ffcc}
.text-purple-300{color:#d8b4fe}
.text-purple-300\/70{color:#d8b4feb2}
.text-purple-300\/80{color:#d8b4fecc}
.text-purple-400{color:#c084fc}
.text-sm{font-size:.875rem}
.text-transparent{color:transparent}
.text-white{color:white}
.text-xl{font-size:1.25rem}
.text-xs{font-size:.75rem}
.to-\[\#0b0813\]{--gto:#0b0813}
.to-indigo-600{--gto:#4f46e5}
.to-orange-600{--gto:#ea580c}
.to-pink-300{--gto:#f9a8d4}
.to-pink-500{--gto:#ec4899}
.to-pink-900\/80{--gto:#831843cc}
.to-purple-600{--gto:#9333ea}
.to-teal-600{--gto:#0d9488}
.top-0{top:0.0rem}
.tracking-wide{letter-spacing:.025em}
.tracking-wider{letter-spacing:.05em}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uppercase{text-transform:uppercase}
.w-12{width:3.0rem}
.w-20{width:5.0rem}
.w-32{width:8.0rem}
.w-4{width:1.0rem}
.w-7{width:1.75rem}
.w-8{width:2.0rem}
.w-9{width:2.25rem}
.w-96{width:24.0rem}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-50{z-index:50}
