:root{--luxury-black:#111;--luxury-charcoal:#1a1a1a;--luxury-gold:#d4af37;--luxury-gold-dark:#b8932e;--luxury-gold-light:#e5c351;--luxury-emerald:#1a3c34;--luxury-emerald-light:#2a5c4a;--luxury-cream:#f5f0e1;--luxury-cream-dark:#e5dcc8;--luxury-white:#fafaf8;--luxury-gold-10:rgba(212,175,55,.1);--luxury-gold-20:rgba(212,175,55,.2);--luxury-gold-30:rgba(212,175,55,.3);--luxury-gold-50:rgba(212,175,55,.5);--luxury-emerald-10:rgba(26,60,52,.1);--luxury-emerald-20:rgba(26,60,52,.2);--luxury-emerald-30:rgba(26,60,52,.3);--luxury-shadow-sm:0 2px 8px rgba(0,0,0,.3);--luxury-shadow-md:0 4px 16px rgba(0,0,0,.4);--luxury-shadow-lg:0 8px 32px rgba(0,0,0,.5);--luxury-shadow-gold:0 4px 16px rgba(212,175,55,.15);--luxury-shadow-gold-lg:0 8px 32px rgba(212,175,55,.25);--luxury-radius-sm:4px;--luxury-radius-md:8px;--luxury-radius-lg:12px;--luxury-radius-xl:16px;--luxury-space-xs:8px;--luxury-space-sm:16px;--luxury-space-md:24px;--luxury-space-lg:32px;--luxury-space-xl:48px;--luxury-space-2xl:64px}@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap");body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.7;letter-spacing:.01em}.luxury-heading,h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif;font-weight:700;letter-spacing:.02em;line-height:1.3;color:var(--luxury-cream)}h1{font-size:3.5rem;font-weight:800}h2{font-size:2.75rem;font-weight:700}h3{font-size:2rem}h3,h4{font-weight:600}h4{font-size:1.5rem}h5{font-size:1.25rem}h5,h6{font-weight:500}h6{font-size:1rem}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}}.luxury-body{font-family:Inter,sans-serif;font-size:1.0625rem;line-height:1.7;color:var(--luxury-cream);letter-spacing:.01em}.luxury-body-lg{font-size:1.125rem;line-height:1.8}.luxury-body-sm{font-size:.9375rem;line-height:1.6}.luxury-text-gold{color:var(--luxury-gold);font-weight:600}body,html{color:var(--luxury-cream)}.luxury-bg-primary,body,html{background:var(--luxury-black)}.luxury-bg-secondary{background:var(--luxury-charcoal)}.luxury-bg-emerald{background:var(--luxury-emerald)}.luxury-bg-gold{background:var(--luxury-gold)}.luxury-gradient-overlay{background:linear-gradient(135deg,var(--luxury-black) 0,var(--luxury-charcoal) 50%,var(--luxury-black) 100%)}.luxury-gradient-gold{background:linear-gradient(135deg,var(--luxury-gold-dark) 0,var(--luxury-gold) 50%,var(--luxury-gold-light) 100%)}.luxury-card{background:var(--luxury-charcoal);border:1px solid var(--luxury-gold-20);border-radius:var(--luxury-radius-lg);padding:var(--luxury-space-lg);box-shadow:var(--luxury-shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-card:hover{border-color:var(--luxury-gold);box-shadow:var(--luxury-shadow-gold-lg);transform:translateY(-4px)}.luxury-card-minimal{background:transparent;border:1px solid var(--luxury-gold-20);border-radius:var(--luxury-radius-lg);padding:var(--luxury-space-md);transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-card-minimal:hover{border-color:var(--luxury-gold);background:var(--luxury-gold-10)}.luxury-stream-card{background:var(--luxury-charcoal);border:1px solid var(--luxury-gold-20);border-radius:var(--luxury-radius-xl);overflow:hidden;box-shadow:var(--luxury-shadow-lg);transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-stream-card:hover{border-color:var(--luxury-gold);box-shadow:var(--luxury-shadow-gold-lg);transform:translateY(-6px)}.luxury-stream-card .thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden}.luxury-stream-card .thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.luxury-stream-card:hover .thumbnail img{transform:scale(1.05)}.luxury-btn{font-family:Inter,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:16px 32px;border-radius:var(--luxury-radius-md);border:2px solid var(--luxury-gold);background:var(--luxury-gold);color:var(--luxury-black);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--luxury-shadow-gold)}.luxury-btn:hover{background:var(--luxury-gold-light);border-color:var(--luxury-gold-light);box-shadow:var(--luxury-shadow-gold-lg);transform:translateY(-2px)}.luxury-btn-outline{background:transparent;color:var(--luxury-gold);border:2px solid var(--luxury-gold);padding:16px 32px;border-radius:var(--luxury-radius-md);font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.luxury-btn-outline:hover{background:var(--luxury-gold);color:var(--luxury-black);box-shadow:var(--luxury-shadow-gold);transform:translateY(-2px)}.luxury-btn-ghost{background:transparent;color:var(--luxury-cream);border:none;padding:12px 24px;font-weight:500;transition:all .3s ease}.luxury-btn-ghost:hover,.luxury-live-badge{color:var(--luxury-gold);background:var(--luxury-gold-10)}.luxury-live-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border:2px solid var(--luxury-gold);border-radius:9999px;backdrop-filter:blur(8px);font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 12px rgba(212,175,55,.3);transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-live-badge:hover{background:var(--luxury-gold-20);box-shadow:0 4px 20px rgba(212,175,55,.5)}.luxury-live-badge .live-dot{width:8px;height:8px;border-radius:50%;background:var(--luxury-gold);animation:luxuryLivePulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--luxury-gold)}@keyframes luxuryLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.luxury-live-badge-subtle{padding:6px 16px;border:1px solid var(--luxury-gold-30);background:transparent;font-size:.75rem}.luxury-viewer-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;background:rgba(26,26,26,.85);backdrop-filter:blur(12px);border:1px solid var(--luxury-gold-20);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:var(--luxury-cream);box-shadow:var(--luxury-shadow-sm)}.luxury-viewer-badge svg{width:14px;height:14px;color:var(--luxury-gold)}.luxury-border{border:1px solid var(--luxury-gold-20)}.luxury-border-top{border-top:1px solid var(--luxury-gold-20)}.luxury-border-bottom{border-bottom:1px solid var(--luxury-gold-20)}.luxury-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent 0,var(--luxury-gold-30) 50%,transparent 100%);margin:var(--luxury-space-lg) 0}.luxury-divider-vertical{width:1px;height:100%;background:linear-gradient(180deg,transparent 0,var(--luxury-gold-30) 50%,transparent 100%)}.luxury-container{max-width:1400px;margin:0 auto;padding:0 var(--luxury-space-xl)}.luxury-section{padding:var(--luxury-space-2xl) 0}.luxury-section-sm{padding:var(--luxury-space-xl) 0}@media (max-width:768px){.luxury-container{padding:0 var(--luxury-space-md)}.luxury-section{padding:var(--luxury-space-xl) 0}}.luxury-space-y>*+*{margin-top:var(--luxury-space-lg)}.luxury-space-y-xl>*+*{margin-top:var(--luxury-space-xl)}.luxury-grid{display:grid;gap:var(--luxury-space-lg)}.luxury-grid-2{grid-template-columns:repeat(2,1fr)}.luxury-grid-3{grid-template-columns:repeat(3,1fr)}.luxury-grid-4{grid-template-columns:repeat(4,1fr)}.luxury-grid-auto{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:1024px){.luxury-grid-3,.luxury-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.luxury-grid-2,.luxury-grid-3,.luxury-grid-4{grid-template-columns:1fr}.luxury-grid{gap:var(--luxury-space-md)}}.luxury-hover-gold{transition:all .3s cubic-bezier(.4,0,.2,1)}.luxury-hover-gold:hover{color:var(--luxury-gold);border-color:var(--luxury-gold)}.luxury-hover-lift{transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-hover-lift:hover{transform:translateY(-4px);box-shadow:var(--luxury-shadow-gold)}.luxury-icon{width:24px;height:24px;stroke-width:1.5px;color:var(--luxury-gold);transition:all .3s ease}.luxury-icon-sm{width:18px;height:18px;stroke-width:2px}.luxury-icon-lg{width:32px;height:32px;stroke-width:1.5px}.luxury-icon-emerald{color:var(--luxury-emerald-light)}.luxury-icon-cream{color:var(--luxury-cream)}.luxury-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--luxury-radius-md);border:1px solid var(--luxury-gold-20);background:var(--luxury-gold-10);transition:all .3s ease}.luxury-icon-container:hover{border-color:var(--luxury-gold);background:var(--luxury-gold-20)}.luxury-category-card{background:var(--luxury-charcoal);border:1px solid var(--luxury-gold-20);border-radius:var(--luxury-radius-lg);padding:var(--luxury-space-lg);text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.luxury-category-card:hover{border-color:var(--luxury-gold);background:var(--luxury-gold-10);transform:translateY(-6px);box-shadow:var(--luxury-shadow-gold)}.luxury-category-card .icon{width:48px;height:48px;margin:0 auto var(--luxury-space-sm);color:var(--luxury-gold)}.luxury-category-card .title{font-family:Playfair Display,serif;font-size:1.25rem;font-weight:600;color:var(--luxury-cream);margin-bottom:8px}.luxury-category-card .count{font-size:.875rem;color:var(--luxury-cream-dark);font-weight:500}.luxury-input{font-family:Inter,sans-serif;font-size:1rem;padding:14px 20px;background:var(--luxury-charcoal);border:1px solid var(--luxury-gold-20);border-radius:var(--luxury-radius-md);color:var(--luxury-cream);transition:all .3s ease}.luxury-input:focus{outline:none;border-color:var(--luxury-gold);box-shadow:0 0 0 3px var(--luxury-gold-10)}.luxury-input::-moz-placeholder{color:var(--luxury-cream-dark);opacity:.6}.luxury-input::placeholder{color:var(--luxury-cream-dark);opacity:.6}.luxury-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:.8125rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--luxury-gold-30);background:var(--luxury-gold-10);color:var(--luxury-gold)}.luxury-badge-emerald{border-color:var(--luxury-emerald-light);background:var(--luxury-emerald-10);color:var(--luxury-emerald-light)}.luxury-header{background:hsla(0,0%,7%,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--luxury-gold-20);padding:var(--luxury-space-md) 0;box-shadow:0 4px 16px rgba(0,0,0,.3)}.luxury-nav-link{font-family:Inter,sans-serif;font-size:.9375rem;font-weight:500;letter-spacing:.03em;color:var(--luxury-cream);transition:all .3s ease;padding:8px 16px;border-radius:var(--luxury-radius-sm)}.luxury-nav-link.active,.luxury-nav-link:hover{color:var(--luxury-gold);background:var(--luxury-gold-10)}.luxury-nav-link.active{font-weight:600}@keyframes luxuryFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.luxury-fade-in{animation:luxuryFadeIn .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes luxuryScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.luxury-scale-in{animation:luxuryScaleIn .5s cubic-bezier(.4,0,.2,1) forwards}::-webkit-scrollbar-track{background:var(--luxury-black)}::-webkit-scrollbar-thumb{background:var(--luxury-gold-30)}::-webkit-scrollbar-thumb:hover{background:var(--luxury-gold-50)}.luxury-text-center{text-align:center}.luxury-text-right{text-align:right}.luxury-flex-center{display:flex;align-items:center;justify-content:center}.luxury-flex-between{display:flex;align-items:center;justify-content:space-between}.luxury-no-emoji{display:none}@media (max-width:768px){.luxury-btn{padding:14px 24px;font-size:.9375rem}.luxury-card{padding:var(--luxury-space-md)}.luxury-section{padding:var(--luxury-space-xl) 0}}@media print{.luxury-btn,.luxury-live-badge{border-color:#000}}.bg-background,.bg-cyber-obsidian,body,html{background:#111!important;color:#f5f0e1!important}.bg-card,.bg-cyber-glass,[class*=cyber-]{background:#1a1a1a!important;border-color:rgba(212,175,55,.2)!important}.text-cyber-violet,.text-green-600,.text-primary{color:#d4af37!important}.border-cyber-violet,.border-green-600,.border-primary{border-color:rgba(212,175,55,.3)!important}.text-foreground,.text-muted-foreground{color:#f5f0e1!important}.btn,[class*=button],button:not(.luxury-btn){font-family:Inter,sans-serif!important;background:#d4af37!important;color:#111!important;border:2px solid #d4af37!important;border-radius:8px!important;font-weight:600!important;letter-spacing:.05em!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.btn:hover,button:hover:not(.luxury-btn){background:#e5c351!important;border-color:#e5c351!important;box-shadow:0 4px 16px rgba(212,175,55,.25)!important}.btn-outline,button[variant=outline]{background:transparent!important;color:#d4af37!important;border:2px solid #d4af37!important}.btn-outline:hover,button[variant=outline]:hover{background:#d4af37!important;color:#111!important}.btn-ghost,button[variant=ghost]{background:transparent!important;color:#f5f0e1!important;border:none!important}.btn-ghost:hover,button[variant=ghost]:hover{color:#d4af37!important;background:rgba(212,175,55,.1)!important}.bg-red-500,.bg-red-600,.live-badge,[class*=bg-red],[class*=live]{background:rgba(212,175,55,.1)!important;color:#d4af37!important;border:2px solid #d4af37!important;border-radius:9999px!important;font-weight:600!important;letter-spacing:.1em!important;text-transform:uppercase!important;box-shadow:0 2px 12px rgba(212,175,55,.3)!important}.live-dot,[class*=animate-pulse]{background:#d4af37!important;box-shadow:0 0 8px #d4af37!important}.animate-pulse{animation:luxuryLivePulse 2s ease-in-out infinite!important}a{color:#f5f0e1;transition:color .3s ease}a:hover{color:#d4af37}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif!important;color:#f5f0e1!important;font-weight:700!important;letter-spacing:.02em!important}.stream-card,[class*=card]{background:#1a1a1a!important;border:1px solid rgba(212,175,55,.2)!important;border-radius:12px!important;box-shadow:0 4px 16px rgba(0,0,0,.4)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.stream-card:hover,[class*=card]:hover{border-color:#d4af37!important;box-shadow:0 8px 32px rgba(212,175,55,.25)!important;transform:translateY(-4px)!important}.badge,[class*=badge]{background:rgba(212,175,55,.1)!important;color:#d4af37!important;border:1px solid rgba(212,175,55,.3)!important;border-radius:9999px!important;font-weight:600!important;letter-spacing:.05em!important}[class*=input],input,select,textarea{background:#1a1a1a!important;border:1px solid rgba(212,175,55,.2)!important;border-radius:8px!important;color:#f5f0e1!important;font-family:Inter,sans-serif!important;transition:all .3s ease!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:#d4af37!important;box-shadow:0 0 0 3px rgba(212,175,55,.1)!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#e5dcc8!important;opacity:.6!important}input::placeholder,textarea::placeholder{color:#e5dcc8!important;opacity:.6!important}.header,[class*=header],header{background:hsla(0,0%,7%,.95)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(212,175,55,.2)!important}.nav-link,nav a{color:#f5f0e1!important;font-family:Inter,sans-serif!important;font-weight:500!important;letter-spacing:.03em!important;transition:all .3s ease!important}.nav-link:hover,nav a:hover{color:#d4af37!important;background:rgba(212,175,55,.1)!important}[class*=icon],svg{stroke-width:1.5px!important;color:#d4af37;transition:all .3s ease}svg:hover{color:#e5c351}.bg-gradient-to-br,.bg-gradient-to-r,[class*=gradient]{background:linear-gradient(135deg,#1a1a1a,#111)!important}.bg-gradient-gold{background:linear-gradient(135deg,#b8932e,#d4af37 50%,#e5c351)!important}.shadow,.shadow-lg,.shadow-xl,[class*=shadow]{box-shadow:0 4px 16px rgba(0,0,0,.4)!important}.shadow-gold{box-shadow:0 4px 16px rgba(212,175,55,.25)!important}.viewer-count,[class*=viewer]{background:rgba(26,26,26,.85)!important;backdrop-filter:blur(12px)!important;color:#f5f0e1!important}.category-card,.viewer-count,[class*=viewer]{border:1px solid rgba(212,175,55,.2)!important}.category-card{background:#1a1a1a!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.category-card:hover{border-color:#d4af37!important;background:rgba(212,175,55,.1)!important;transform:translateY(-6px)!important}.emoji{filter:grayscale(.3) opacity(.8)}.container{padding-left:48px!important;padding-right:48px!important}@media (max-width:768px){.container{padding-left:24px!important;padding-right:24px!important}}.grid{gap:32px!important}@media (max-width:768px){.grid{gap:24px!important}}*{transition-duration:.4s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}body{font-size:17px!important;line-height:1.7!important}h1{font-size:3.5rem!important}h2{font-size:2.75rem!important}h3{font-size:2rem!important}h4{font-size:1.5rem!important}h5{font-size:1.25rem!important}@media (max-width:768px){h1{font-size:2.5rem!important}h2{font-size:2rem!important}h3{font-size:1.5rem!important}}.cyber-glow-blue,.cyber-glow-violet,.glow,.neon,[class*=glow],[class*=neon]{box-shadow:none!important;text-shadow:none!important;filter:none!important}.particles,.scanline,[class*=particle],[class*=scanline]{display:none!important}.emerald-accent{color:#2a5c4a!important}.bg-emerald-accent{background:rgba(26,60,52,.2)!important;border-color:rgba(42,92,74,.3)!important}.modal,.popup,[role=dialog]{background:#1a1a1a!important;border:1px solid rgba(212,175,55,.3)!important;box-shadow:0 8px 32px rgba(0,0,0,.6)!important}footer{background:#111!important;border-top:1px solid rgba(212,175,55,.2)!important;color:#f5f0e1!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:rgba(212,175,55,.3);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:rgba(212,175,55,.5)}.jail-lockup-container{min-height:100vh;background:linear-gradient(135deg,#1a0000,#300 50%,#1a0000);position:relative}.jail-lockup-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,rgba(255,0,0,.03),transparent 1px,transparent 40px,rgba(255,0,0,.03) 41px);pointer-events:none}.jail-card{animation:pulse-red 3s ease-in-out infinite;border:2px solid rgba(239,68,68,.3);box-shadow:0 0 30px rgba(239,68,68,.2)}@keyframes pulse-red{0%,to{box-shadow:0 0 20px rgba(239,68,68,.2)}50%{box-shadow:0 0 40px rgba(239,68,68,.4)}}.jail-timer-progress{height:12px;background:linear-gradient(90deg,#ef4444,#dc2626 50%,#b91c1c);border-radius:6px;position:relative;overflow:hidden}.jail-timer-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:shimmer 2s infinite}.jail-lock-icon{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.friend-input-card{background:hsla(0,0%,6%,.8);border:1px solid rgba(239,68,68,.2);transition:all .3s ease}.friend-input-card:hover{border-color:rgba(239,68,68,.5);background:hsla(0,0%,8%,.9)}.bail-submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px rgba(16,185,129,.4);transition:all .3s ease;position:relative;overflow:hidden}.bail-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.bail-submit-btn:hover:before{left:100%}.bail-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(16,185,129,.6)}.jail-admin-table{background:hsla(0,0%,4%,.8)}.jail-admin-table th{background:rgba(239,68,68,.1);border-bottom:2px solid rgba(239,68,68,.3);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.jail-admin-table tr:hover{background:rgba(239,68,68,.05)}.tier-badge-1{background:#3b82f6}.tier-badge-2{background:#eab308}.tier-badge-3{background:#f97316}.tier-badge-4{background:#ef4444}.tier-badge-5{background:#a855f7}.status-active{background:#dc2626;color:#fff;animation:pulse 2s ease-in-out infinite}.status-released{background:#10b981;color:#fff}.status-completed{background:#6b7280;color:#fff}.wallet-address{font-family:Courier New,monospace;background:rgba(0,0,0,.5);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;border:1px solid rgba(239,68,68,.2)}.restriction-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:9999px;font-size:.75rem;font-weight:500;color:#fca5a5}@media (max-width:768px){.jail-lockup-container{padding:1rem}.jail-card{margin-bottom:1rem}.friend-input-card{flex-direction:column}}@media print{.jail-lockup-container:before{display:none}.jail-card{animation:none;box-shadow:none}}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes progressGlow{0%,to{box-shadow:0 0 10px var(--cyber-glow-violet),0 0 20px var(--cyber-glow-blue)}50%{box-shadow:0 0 20px var(--cyber-glow-violet),0 0 30px var(--cyber-glow-blue),0 0 40px var(--cyber-glow-amber)}}.progress-bar-glow{animation:progressGlow 2s ease-in-out infinite}@keyframes badgeUnlock{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes badgeGlow{0%,to{box-shadow:0 0 10px var(--cyber-glow-amber)}50%{box-shadow:0 0 20px var(--cyber-glow-amber),0 0 30px var(--cyber-glow-violet)}}.badge-glow{animation:badgeGlow 2s ease-in-out infinite}@keyframes tooltipSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sparkleRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 10px var(--cyber-glow-violet)}50%{opacity:.8;box-shadow:0 0 20px var(--cyber-glow-violet),0 0 30px var(--cyber-glow-blue)}}.deepagent-tooltip{animation:tooltipSlideUp .3s ease-out}.deepagent-card{position:relative;overflow:hidden;transition:all .3s ease}.deepagent-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(138,43,226,.1) 0,transparent 70%);animation:pulseGlow 3s ease-in-out infinite}@keyframes levelUp{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes xpFill{0%{width:0}to{width:var(--xp-width)}}@keyframes navItemHover{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(4px)}}@keyframes achievementNotification{0%{transform:translateY(-100px);opacity:0}10%,90%{transform:translateY(0);opacity:1}to{transform:translateY(-100px);opacity:0}}.achievement-notification{animation:achievementNotification 4s ease-in-out}.progress-fill{transition:width .5s ease-out;animation:progressGlow 2s ease-in-out infinite}.tooltip-icon-hover:hover{animation:sparkleRotate 1s ease-in-out}.nav-item-active{position:relative}.nav-item-active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(to bottom,var(--cyber-violet),var(--cyber-amber));border-radius:2px 0 0 2px;animation:pulseGlow 2s ease-in-out infinite}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}h1{font-size:1.75rem;line-height:2.25rem;font-weight:700}h2{font-size:1.5rem;line-height:2rem}h2,h3{font-weight:600}h3{font-size:1.25rem;line-height:1.75rem}body{font-size:16px;line-height:1.6}.btn,.touch-target,a.button,button{min-height:44px;min-width:44px;padding:.75rem 1rem}.btn-primary,.cannabis-button-primary,.go-live-btn{min-height:52px;padding:1rem 1.5rem;font-size:1rem;font-weight:600}.cannabis-nav-item,.mobile-nav-item{min-height:48px;padding:.875rem 1rem}.cannabis-header{padding:.75rem 1rem}.streaming-sidebar{width:100%;height:auto;position:fixed;bottom:0;left:0;right:0;top:auto;transform:translateY(100%);transition:transform .3s ease}.streaming-sidebar.open{transform:translateY(0)}.category-grid,.dashboard-grid,.grid,.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.stream-grid{grid-template-columns:1fr!important;gap:1rem}.card,.stream-card{margin-bottom:1rem;border-radius:.75rem}.category-grid.two-col-mobile{grid-template-columns:repeat(2,1fr)!important;gap:.75rem}.card-mobile-full{width:100%;margin-left:0;margin-right:0}.video-player-container{height:auto;aspect-ratio:16/9}.chat-container{position:fixed;bottom:0;left:0;right:0;height:60vh;z-index:40;transform:translateY(100%);transition:transform .3s ease}.chat-container.open{transform:translateY(0)}.cannabis-input,.cannabis-search-bar,.form-input,.form-select,.form-textarea,input,select,textarea{font-size:16px!important;min-height:44px;padding:.75rem 1rem;border-radius:.5rem}.cannabis-search-bar{padding-left:2.5rem}.button-group,.flex.gap-2,.flex.gap-3,.flex.gap-4,.input-group{flex-direction:column;gap:.75rem}.button-group a,.button-group button{width:100%;justify-content:center}.flex.flex-wrap.gap-2{gap:.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.metric-card,.stat-card{padding:1rem}.modal-content,[role=\"dialog\"]{width:100%;max-width:100%;margin:0;border-radius:0;min-height:100vh;max-height:100vh}.modal-header{padding:1rem;position:sticky;top:0;background:var(--background);z-index:10}.data-table,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{padding:.75rem .5rem;font-size:.875rem}.space-y-2{gap:.75rem}.space-y-3{gap:1rem}.space-y-4{gap:1.25rem}.space-x-2{gap:.75rem}.space-x-3{gap:1rem}.space-x-4{gap:1.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.desktop-only,.hidden-mobile,.lg\\:block,.md\\:block{display:none!important}.mobile-only,.sm\\:block{display:block!important}.mobile-flex{display:flex!important}}@media (max-width:374px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}.container{padding-left:.75rem;padding-right:.75rem}.btn,button{padding:.625rem .875rem;font-size:.875rem}}@media (min-width:641px) and (max-width:1024px){.category-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid,.stream-grid{grid-template-columns:repeat(2,1fr)}}@media (hover:none) and (pointer:coarse){.clickable,a,button{min-height:44px;min-width:44px}.hover-effect:hover{transform:none}.scroll-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (max-width:896px) and (orientation:landscape){.video-player-container{height:100vh}.chat-container{display:none}.mobile-landscape-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}}@supports (padding:max(0px)){.safe-area-bottom{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.safe-area-top{padding-top:max(1rem,env(safe-area-inset-top))}.safe-area-left{padding-left:max(1rem,env(safe-area-inset-left))}.safe-area-right{padding-right:max(1rem,env(safe-area-inset-right))}}.pull-to-refresh{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mobile-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent);padding:1rem;opacity:0;transition:opacity .3s ease}.mobile-video-controls.visible{opacity:1}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-menu{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translateX(0)}.mobile-nav-bar{position:fixed;bottom:0;left:0;right:0;background:var(--background);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:center;z-index:30;padding:.75rem 0 env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;color:var(--muted-foreground);transition:color .2s}.mobile-nav-item.active{color:var(--primary)}.swipeable{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-optimized-image{image-rendering:-webkit-optimize-contrast;transform:translateZ(0);will-change:transform}.no-select-mobile{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-skeleton{background:linear-gradient(90deg,var(--muted) 25%,var(--muted-foreground) 50%,var(--muted) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.offline-indicator{position:fixed;top:0;left:0;right:0;background:#ff9800;color:#fff;text-align:center;padding:.5rem;z-index:9999;font-size:.875rem;font-weight:600}.pwa-install-prompt{position:fixed;bottom:env(safe-area-inset-bottom);left:1rem;right:1rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);z-index:40;animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--background);z-index:50;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem}.haptic-feedback{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.gpu-accelerated{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.virtual-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.mobile-footer-spacing{padding-bottom:calc(4rem + env(safe-area-inset-bottom))}#quantum-raven{width:100%;height:100%;max-width:400px;max-height:400px;filter:drop-shadow(0 0 20px rgba(138,43,226,.5));transition:filter .3s ease}#quantum-raven:hover{filter:drop-shadow(0 0 30px rgba(138,43,226,.8))}.raven-body-part{animation:ravenBreathe 3s ease-in-out infinite;transform-origin:center center}@keyframes ravenBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.raven-eye{animation:eyeBlink 4s ease-in-out infinite}@keyframes eyeBlink{0%,90%,to{transform:scaleY(1)}93%,97%{transform:scaleY(.1)}}.holographic-eye{animation:holographicShimmer 4s linear infinite}@keyframes holographicShimmer{0%,to{opacity:1}50%{opacity:.7}}.circuit-line{stroke-dasharray:50;stroke-dashoffset:50;animation:circuitPulse 2s linear infinite}@keyframes circuitPulse{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.pulse-circuit{animation:circuitPulseGlow 1.5s ease-in-out infinite}@keyframes circuitPulseGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.orbiting-tokens{animation:orbitRotate 8s linear infinite;transform-origin:200px 200px}@keyframes orbitRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.token{animation:tokenFloat 3s ease-in-out infinite}.token-1{transform:translate(200px,120px);animation-delay:0s}.token-2{transform:translate(280px,200px);animation-delay:.6s}.token-3{transform:translate(200px,280px);animation-delay:1.2s}@keyframes tokenFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wing{transform-origin:0 0;transition:transform .3s cubic-bezier(.4,0,.2,1)}#quantum-raven.flapping #left-wing{animation:wingFlapLeft .6s ease-in-out}#quantum-raven.flapping #right-wing{animation:wingFlapRight .6s ease-in-out}@keyframes wingFlapLeft{0%,to{transform:translate(-30px,20px) rotate(0deg)}50%{transform:translate(-50px,10px) rotate(-30deg)}}@keyframes wingFlapRight{0%,to{transform:translate(30px,20px) scaleX(-1) rotate(0deg)}50%{transform:translate(50px,10px) scaleX(-1) rotate(30deg)}}#quantum-raven.flapping #raven-body{animation:ravenBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes ravenBounce{0%,to{transform:translate(200px,200px) translateY(0)}30%{transform:translate(200px,200px) translateY(-20px)}50%{transform:translate(200px,200px) translateY(-15px)}70%{transform:translate(200px,200px) translateY(-10px)}}#quantum-raven.flapping .raven-beak{animation:beakOpen .3s ease-in-out}@keyframes beakOpen{0%,to{transform:rotate(0deg)}50%{transform:rotate(5deg)}}.particle-burst{pointer-events:none;transform-origin:200px 200px}#quantum-raven.bursting .particle-burst{opacity:1!important;animation:burstFadeOut 1s ease-out forwards}@keyframes burstFadeOut{0%{opacity:1}to{opacity:0}}.particle{cx:200;cy:200;opacity:0}#quantum-raven.bursting .p1{animation:particleExplode1 1s ease-out}#quantum-raven.bursting .p2{animation:particleExplode2 1s ease-out}#quantum-raven.bursting .p3{animation:particleExplode3 1s ease-out}#quantum-raven.bursting .p4{animation:particleExplode4 1s ease-out}#quantum-raven.bursting .p5{animation:particleExplode5 1s ease-out}#quantum-raven.bursting .p6{animation:particleExplode6 1s ease-out}#quantum-raven.bursting .p7{animation:particleExplode7 1s ease-out}#quantum-raven.bursting .p8{animation:particleExplode8 1s ease-out}@keyframes particleExplode1{0%{cx:200;cy:200;opacity:1;r:4}to{cx:200;cy:140;opacity:0;r:2}}@keyframes particleExplode2{0%{cx:200;cy:200;opacity:1;r:4}to{cx:250;cy:160;opacity:0;r:2}}@keyframes particleExplode3{0%{cx:200;cy:200;opacity:1;r:4}to{cx:260;cy:200;opacity:0;r:2}}@keyframes particleExplode4{0%{cx:200;cy:200;opacity:1;r:4}to{cx:250;cy:240;opacity:0;r:2}}@keyframes particleExplode5{0%{cx:200;cy:200;opacity:1;r:4}to{cx:200;cy:260;opacity:0;r:2}}@keyframes particleExplode6{0%{cx:200;cy:200;opacity:1;r:4}to{cx:150;cy:240;opacity:0;r:2}}@keyframes particleExplode7{0%{cx:200;cy:200;opacity:1;r:4}to{cx:140;cy:200;opacity:0;r:2}}@keyframes particleExplode8{0%{cx:200;cy:200;opacity:1;r:4}to{cx:150;cy:160;opacity:0;r:2}}@media (max-width:768px){#quantum-raven{max-width:300px;max-height:300px}}@media (max-width:480px){#quantum-raven{max-width:200px;max-height:200px}}#quantum-raven *{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){#quantum-raven,#quantum-raven *{animation:none!important;transition:none!important}}.canna-token-container{position:relative;display:inline-block;cursor:pointer;transition:transform .3s ease}.canna-token-container:hover{transform:scale(1.05)}.canna-token-wrapper{position:relative;perspective:1000px;transform-style:preserve-3d}.canna-token-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 20px rgba(138,43,226,.5));transition:filter .3s ease}.canna-token-container:hover .canna-token-svg{filter:drop-shadow(0 0 30px rgba(138,43,226,.8))}@keyframes rotate3D{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.canna-token-wrapper.idle{animation:rotate3D 4s linear infinite}.canna-token-wrapper.paused{animation-play-state:paused}@keyframes amberPulse{0%,to{filter:drop-shadow(0 0 8px rgba(255,191,0,.4))}50%{filter:drop-shadow(0 0 20px rgba(255,191,0,.8))}}.canna-token-svg .token-ring{animation:amberPulse 2s ease-in-out infinite}.canna-token-svg .canna-text{transition:fill .6s ease}.canna-token-container:hover .canna-text{fill:url(#holoGradientHover)}@keyframes holoShift{0%{stop-color:#8a2be2}to{stop-color:#0047ab}}.canna-token-container:hover .holo-start{animation:holoShift .6s ease forwards}.canna-token-container:hover .holo-mid{stop-color:#4536d9}.canna-token-container:hover .holo-end{animation:holoShift .6s ease forwards}@keyframes leafPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.token-leaf{animation:leafPulse 3s ease-in-out infinite}.canna-token-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.canna-token-small{width:60px;height:60px}.canna-token-medium{width:100px;height:100px}.canna-token-large{width:150px;height:150px}.canna-token-tooltip{background:linear-gradient(135deg,#8a2be2,#0047ab);color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 12px rgba(138,43,226,.4);white-space:nowrap}.canna-apr-badge{background:linear-gradient(135deg,#ffbf00,#ff8c00);color:#121212;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;margin-left:6px;display:inline-block;animation:amberGlow 2s ease-in-out infinite}@keyframes amberGlow{0%,to{box-shadow:0 0 8px rgba(255,191,0,.3)}50%{box-shadow:0 0 16px rgba(255,191,0,.6)}}@keyframes circuitFlow{0%,to{opacity:.2}50%{opacity:.5}}.token-circuits{animation:circuitFlow 3s ease-in-out infinite}@media (max-width:768px){.canna-token-large{width:120px;height:120px}.canna-token-medium{width:80px;height:80px}.canna-token-small{width:50px;height:50px}}.canna-token-loading{opacity:.5;pointer-events:none}@keyframes loadingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.canna-token-loading .canna-token-wrapper{animation:loadingSpin 1s linear infinite}.green-agent-gradient{background:linear-gradient(135deg,#10b981,#fbbf24)}.green-agent-glow{box-shadow:0 0 20px rgba(16,185,129,.5),0 0 40px rgba(251,191,36,.3)}.strain-card{transition:all .3s ease;position:relative;overflow:hidden}.strain-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(16,185,129,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.strain-card:hover:before{left:100%}.strain-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 30px rgba(16,185,129,.3)}.ar-filter-active{animation:pulse-green 2s ease-in-out infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 20px rgba(16,185,129,.5)}50%{box-shadow:0 0 40px rgba(16,185,129,.8),0 0 60px rgba(251,191,36,.5)}}.badge-unlock{animation:badge-unlock-animation .8s ease-out}@keyframes badge-unlock-animation{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0deg);opacity:1}}.quest-progress{position:relative;overflow:hidden}.quest-progress:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.earning-counter{font-variant-numeric:tabular-nums;transition:all .3s ease}.earning-counter:hover{transform:scale(1.1);color:#fbbf24}@media (max-width:768px){.green-agent-gradient{padding:2rem 1rem}.strain-card{margin-bottom:1rem}}.bud-accent,.cannabis-accent,.cannabis-leaf{color:var(--cyber-violet)!important}.dark .bud-accent,.dark .cannabis-accent,.dark .cannabis-leaf{color:#8a2be2!important}.purple-glow{box-shadow:0 0 20px rgba(138,43,226,.5)}.dark .purple-glow{box-shadow:0 0 30px rgba(138,43,226,.8)}.cannabis-border{border-color:var(--cyber-violet)!important}.dark .cannabis-border{border-color:#8a2be2!important}.bg-red-500.animate-pulse,.bg-red-600.animate-pulse,.live-badge,.live-indicator,[class*=live] .animate-pulse{animation:livePulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(239,68,68,.7)}50%{opacity:.8;box-shadow:0 0 0 10px rgba(239,68,68,0)}}.live-dot{animation:liveDotPulse 1.5s ease-in-out infinite}@keyframes liveDotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}.live-text-glow{animation:liveTextGlow 2s ease-in-out infinite;text-shadow:0 0 10px rgba(239,68,68,.8)}@keyframes liveTextGlow{0%,to{text-shadow:0 0 10px rgba(239,68,68,.8),0 0 20px rgba(239,68,68,.6),0 0 30px rgba(239,68,68,.4)}50%{text-shadow:0 0 20px #ef4444,0 0 30px rgba(239,68,68,.8),0 0 40px rgba(239,68,68,.6)}}.live-border-pulse{animation:liveBorderPulse 2s ease-in-out infinite;border:2px solid rgba(239,68,68,.8)}@keyframes liveBorderPulse{0%,to{border-color:rgba(239,68,68,.8);box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,0)}}.btn-purple-gradient{background:linear-gradient(135deg,#8a2be2,#9370db);color:#fff;transition:all .3s ease}.btn-purple-gradient:hover{background:linear-gradient(135deg,#9370db,#ba55d3);box-shadow:0 0 20px rgba(138,43,226,.5);transform:translateY(-2px)}.badge-purple{background:linear-gradient(135deg,#8a2be2,#9370db);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.cannabis-icon-purple{color:#8a2be2;filter:drop-shadow(0 0 8px rgba(138,43,226,.6))}.dark .cannabis-emoji{filter:drop-shadow(0 0 10px rgba(138,43,226,.8))}.dark .viewer-count{color:#ba55d3;text-shadow:0 0 10px rgba(186,85,211,.6)}.dark .stream-card:hover{border-color:#8a2be2;box-shadow:0 0 30px rgba(138,43,226,.4)}.dark .category-card{border-color:rgba(138,43,226,.3)}.dark .category-card:hover{border-color:#8a2be2;box-shadow:0 0 25px rgba(138,43,226,.5);transform:translateY(-4px)}@media (max-width:640px){.mobile-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:.5rem}.stream-card-mobile{width:100%;border-radius:.75rem;overflow:hidden}.stream-info-mobile{padding:.75rem}.stream-title-mobile{font-size:.875rem;line-height:1.25rem;font-weight:600;margin-bottom:.25rem}.stream-meta-mobile{font-size:.75rem;opacity:.8}.thumbnail-mobile{aspect-ratio:16/9;width:100%;-o-object-fit:cover;object-fit:cover}.live-badge-mobile{left:.5rem;font-weight:700;background:rgba(239,68,68,.95)}.live-badge-mobile,.viewer-badge-mobile{position:absolute;top:.5rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;color:#fff}.viewer-badge-mobile{right:.5rem;font-weight:600;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}}@media (min-width:640px) and (max-width:1024px){.tablet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;padding:.75rem}}@media (min-width:1024px){.desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.desktop-grid-4{grid-template-columns:repeat(4,1fr)}.desktop-grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.clickable,a.btn,button{min-height:44px;min-width:44px}.btn-mobile{padding:.75rem 1.5rem;font-size:1rem}.icon-btn-mobile{width:44px;height:44px;display:flex;align-items:center;justify-content:center}}.dark .purple-gradient-overlay{background:linear-gradient(135deg,rgba(138,43,226,.1),rgba(147,112,219,.05) 50%,transparent)}.dark .card-hover-purple:hover{border-color:#8a2be2;box-shadow:0 0 20px rgba(138,43,226,.3),0 4px 6px rgba(0,0,0,.3);transform:translateY(-2px);transition:all .3s ease}.text-purple-accent{color:#8a2be2}.dark .text-purple-accent{color:#ba55d3;text-shadow:0 0 8px rgba(186,85,211,.4)}.spinner-purple{border:3px solid rgba(138,43,226,.1);border-top-color:#8a2be2;border-radius:50%;width:2rem;height:2rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.progress-purple{background:linear-gradient(90deg,#8a2be2,#ba55d3);height:4px;border-radius:2px;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0}50%{width:70%}to{width:100%}}