@tailwind base;@tailwind components;@tailwind utilities;.miku-toggle-container{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}@media(min-width:640px){.miku-toggle-container{background:transparent!important}}:root{--theme-primary: 99, 102, 241;--theme-secondary: 139, 92, 246;--theme-accent: 236, 72, 153;--theme-bg-start: #0a0e27;--theme-bg-mid: #1a1f3a;--theme-bg-end: #0f1419;--theme-gradient-from: #6366f1;--theme-gradient-to: #8b5cf6;--theme-gradient-hover-from: #7c3aed;--theme-gradient-hover-to: #a78bfa}:root.miku-mode{--theme-primary: 0, 212, 212;--theme-secondary: 57, 227, 227;--theme-accent: 255, 102, 178;--theme-bg-start: #0a1a1a;--theme-bg-mid: #0d2a2a;--theme-bg-end: #061414;--theme-gradient-from: #00d4d4;--theme-gradient-to: #39e3e3;--theme-gradient-hover-from: #00e5e5;--theme-gradient-hover-to: #5fffff}@layer base{body{@apply min-h-screen font-sans;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#0f1419);background-attachment:fixed;transition:background .8s ease}.miku-mode body,body.miku-mode,html.miku-mode body{background:linear-gradient(135deg,#0a1628,#0c2a3d 35%,#0e3a45 65%,#0a2533)!important}}@layer components{.main-container{@apply backdrop-blur-sm rounded-3xl overflow-hidden;background:#0a0e2799;border:1px solid rgba(var(--theme-primary),.2);box-shadow:0 20px 60px #00000080,0 0 40px rgba(var(--theme-primary),.1);transition:border-color .5s ease,box-shadow .5s ease}.glass-panel{@apply backdrop-blur-xl border shadow-2xl rounded-2xl;background:#0f172acc;border-color:rgba(var(--theme-primary),.2);box-shadow:0 8px 32px #0006,inset 0 1px rgba(var(--theme-primary),.1);transition:border-color .5s ease,box-shadow .5s ease}.glass-card{@apply backdrop-blur-xl border rounded-2xl relative overflow-hidden transition-all duration-300 ease-out shadow-lg hover:shadow-2xl;background:#0f172acc;border-color:rgba(var(--theme-primary),.2);box-shadow:0 4px 20px #0000004d,inset 0 1px rgba(var(--theme-primary),.1)}.glass-card:hover{border-color:rgba(var(--theme-primary),.4);box-shadow:0 8px 32px rgba(var(--theme-primary),.2),inset 0 1px rgba(var(--theme-primary),.2)}.glass-input{@apply bg-slate-900/50 text-white placeholder-slate-500 backdrop-blur-xl transition-all duration-200 rounded-xl px-4 py-2;border:1px solid rgba(var(--theme-primary),.2)}.glass-input:focus{border-color:rgba(var(--theme-primary),.5);box-shadow:0 0 0 2px rgba(var(--theme-primary),.2);background:#0f172ab3;outline:none}.glass-button{@apply bg-slate-800/80 hover:bg-slate-700/80 text-white font-medium shadow-lg hover:shadow-xl backdrop-blur-xl transition-all duration-200 rounded-xl px-4 py-2;border:1px solid rgba(var(--theme-primary),.3)}.glass-button:hover{border-color:rgba(var(--theme-primary),.5)}.glass-button-primary{@apply font-semibold text-white shadow-lg hover:shadow-2xl backdrop-blur-xl transition-all duration-300 rounded-xl px-6 py-2.5;background:linear-gradient(135deg,var(--theme-gradient-from) 0%,var(--theme-gradient-to) 100%);border:1px solid rgba(var(--theme-primary),.4);box-shadow:0 4px 20px rgba(var(--theme-primary),.3)}.glass-button-primary:hover{background:linear-gradient(135deg,var(--theme-gradient-hover-from) 0%,var(--theme-gradient-hover-to) 100%);border-color:rgba(var(--theme-primary),.6)}.text-label{@apply text-slate-400 text-xs font-semibold uppercase tracking-wider;}.text-gradient{@apply text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 via-purple-400 to-pink-400;}.stat-value{@apply text-4xl font-bold text-white;}.animate-fade-in{animation:fadeIn .6s ease-out forwards;opacity:0}.animate-slide-up{animation:slideUp .6s ease-out forwards;opacity:0;transform:translateY(30px)}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards;opacity:0;transform:translate(-30px)}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards;opacity:0;transform:translate(30px)}.animate-scale-in{animation:scaleIn .5s ease-out forwards;opacity:0;transform:scale(.9)}.animate-pop-in{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0;transform:scale(.8)}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-350{animation-delay:.35s}.delay-400{animation-delay:.4s}.delay-450{animation-delay:.45s}.delay-500{animation-delay:.5s}.delay-550{animation-delay:.55s}.delay-600{animation-delay:.6s}.delay-650{animation-delay:.65s}.delay-700{animation-delay:.7s}.delay-750{animation-delay:.75s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#ffffff59}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}[data-rbd-placeholder-context-id]{background:linear-gradient(135deg,#10b98133,#10b98114)!important;border:2px dashed rgba(16,185,129,.6)!important;border-radius:1rem!important;box-shadow:inset 0 0 20px #10b9811a!important;transition:all .2s ease!important}[data-rbd-draggable-context-id][data-rbd-draggable-id]{transition:transform .1s ease,opacity .1s ease}.miku-mode .text-gradient{@apply text-transparent bg-clip-text;background-image:linear-gradient(135deg,#00d4d4,#39e3e3,#ff66b2)}.miku-mode .text-indigo-400,.miku-mode .text-indigo-500{color:#00d4d4!important}.miku-mode .text-indigo-300{color:#39e3e3!important}.miku-mode .text-purple-400,.miku-mode .text-purple-500{color:#ff66b2!important}.miku-mode .text-emerald-400,.miku-mode .text-emerald-500{color:#00d4d4!important}.miku-mode .text-emerald-300{color:#39e3e3!important}.miku-mode .bg-emerald-400,.miku-mode .bg-emerald-500{background-color:#00d4d4!important}.miku-mode .bg-emerald-500\/20,.miku-mode .bg-emerald-400\/20{background-color:#00d4d433!important}.miku-mode .border-emerald-500,.miku-mode .border-emerald-400{border-color:#00d4d4!important}.miku-mode .border-emerald-500\/50,.miku-mode .border-emerald-400\/50{border-color:#00d4d480!important}.miku-mode .from-emerald-600,.miku-mode .from-emerald-500{--tw-gradient-from: #00d4d4 !important}.miku-mode .to-emerald-700,.miku-mode .to-emerald-600{--tw-gradient-to: #0891b2 !important}.miku-mode .from-indigo-500,.miku-mode .from-indigo-600{--tw-gradient-from: #00d4d4 !important}.miku-mode .to-purple-500,.miku-mode .to-purple-600{--tw-gradient-to: #ff66b2 !important}.miku-mode .border-indigo-500\/20,.miku-mode .border-indigo-500\/30,.miku-mode .border-indigo-400\/40{border-color:#00d4d44d!important}.miku-mode .border-indigo-500\/50,.miku-mode .border-indigo-400\/50,.miku-mode .border-indigo-400\/60{border-color:#00d4d480!important}.miku-mode .bg-indigo-500\/20,.miku-mode .bg-indigo-500\/30{background-color:#00d4d433!important}.miku-mode .bg-indigo-500,.miku-mode .bg-indigo-600{background-color:#00d4d4!important}.miku-mode .shadow-emerald-400\/50,.miku-mode .shadow-emerald-500\/50{--tw-shadow-color: rgba(0, 212, 212, .5) !important}.miku-mode .shadow-indigo-500\/30{--tw-shadow-color: rgba(0, 212, 212, .3) !important}.miku-mode .ring-indigo-500\/20,.miku-mode .focus\:ring-indigo-500\/20:focus{--tw-ring-color: rgba(0, 212, 212, .2) !important}.miku-mode .bg-green-500\/20{background-color:#00c89633!important}.miku-mode .text-green-400{color:#00c896!important}.miku-mode .bg-emerald-500{background-color:#00d4d4!important}.miku-mode .text-pink-400,.miku-mode .text-pink-500{color:#ff66b2!important}.miku-mode .hover\:border-indigo-400\/50:hover,.miku-mode .hover\:border-indigo-500\/50:hover{border-color:#00d4d480!important}.miku-mode .hover\:text-indigo-400:hover{color:#00d4d4!important}.miku-mode .bg-indigo-500\/30{background-color:#00d4d44d!important}.miku-mode ::-webkit-scrollbar-thumb{background-color:#00d4d44d}.miku-mode ::-webkit-scrollbar-thumb:hover{background-color:#00d4d480}.miku-mode{scrollbar-color:rgba(0,212,212,.3) rgba(255,255,255,.05)}.miku-mode .stat-card-icon{background:linear-gradient(135deg,#00d4d4,#0891b2)!important;box-shadow:0 4px 20px #00d4d466!important}.miku-mode [style*="background-color: rgb(16, 185, 129)"],.miku-mode [style*="background-color: #10b981"],.miku-mode [style*="backgroundColor: rgb(16, 185, 129)"]{background-color:#00d4d4!important}.miku-mode .glass-card{border-color:#00d4d433!important}.miku-mode .glass-card:hover{border-color:#00d4d466!important;box-shadow:0 8px 32px #00d4d433,inset 0 1px #00d4d433!important}.miku-mode .main-container{border-color:#00d4d44d!important;box-shadow:0 20px 60px #00000080,0 0 40px #00d4d426!important}.miku-mode header{border-color:#00d4d433!important}.miku-mode .animate-pulse{--tw-shadow-color: rgba(0, 212, 212, .5)}.miku-mode .bg-emerald-400.animate-pulse,.miku-mode .shadow-emerald-400\/50{box-shadow:0 0 10px #00d4d480!important}.miku-mode .bg-indigo-500{background-color:#00d4d4!important}.miku-mode [class*=border-indigo]{border-color:#00d4d480!important}.miku-mode .miku-win-text{color:#00d4d4!important}.miku-mode .miku-loss-text{color:#ff66b2!important}@keyframes mikuPopup{0%{opacity:0;transform:translate(-50%,100%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}40%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-150%) scale(.8)}}.miku-popup{animation:mikuPopup 1.5s cubic-bezier(.34,1.56,.64,1) forwards}.miku-toggle{position:relative;overflow:visible}.miku-toggle:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:12px;background:linear-gradient(135deg,#00d4d4,#ff66b2,#00d4d4);background-size:200% 200%;opacity:0;z-index:-1;transition:opacity .3s ease}.miku-toggle:hover:before{opacity:.5;animation:mikuGlow 2s ease infinite}.miku-toggle.active:before{opacity:.7}@keyframes mikuGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}