@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap";:root{--mica-base:#202020;--mica-layer:#2b2b2b;--mica-card:#323232;--mica-elevated:#3a3a3a;--mica-hover:#424242;--mica-active:#4a4a4a;--sakura-pink:#ff6b9d;--sakura-light:#ffa3c4;--sakura-glow:rgba(255,107,157,.4);--neon-cyan:#00d4ff;--neon-cyan-glow:rgba(0,212,255,.3);--lavender:#b794f6;--mint:#6ee7b7;--text-primary:#f5f5f5;--text-secondary:#a8a8a8;--text-muted:#6b6b6b;--text-accent:var(--sakura-pink);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.08);--border-hover:rgba(255,107,157,.3);--shadow-ambient:0 8px 32px rgba(0,0,0,.4);--shadow-elevated:0 16px 48px rgba(0,0,0,.5);--acrylic-blur:20px;--mica-opacity:.85;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--ease-fluent:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--mica-base);color:var(--text-primary);font-family:Zen Kaku Gothic New,M PLUS Rounded\ 1c,Segoe UI Variable,system-ui,sans-serif;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(255,107,157,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(0,212,255,.06) 0,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 90%,rgba(183,148,246,.05) 0,transparent 50%);content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--mica-elevated);background-clip:padding-box;border:2px solid transparent;border-radius:10px;-webkit-transition:background var(--duration-fast);transition:background var(--duration-fast)}::-webkit-scrollbar-thumb:hover{background:var(--mica-hover);background-clip:padding-box;border:2px solid transparent}::-moz-selection{background:var(--sakura-pink);color:#000}::selection{background:var(--sakura-pink);color:#000}.container{margin:0 auto;max-width:1440px;padding:0 24px}.fluent-card{-webkit-backdrop-filter:blur(var(--acrylic-blur));backdrop-filter:blur(var(--acrylic-blur));background:var(--mica-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);overflow:hidden;position:relative;transition:transform var(--duration-normal) var(--ease-fluent),border-color var(--duration-normal) var(--ease-fluent),box-shadow var(--duration-normal) var(--ease-fluent)}.fluent-card:before{background:linear-gradient(135deg,hsla(0,0%,100%,.03),transparent 50%);content:"";inset:0;pointer-events:none;position:absolute}.fluent-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-elevated),0 0 30px var(--sakura-glow);transform:translateY(-4px)}.fluent-btn{align-items:center;background:var(--mica-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;justify-content:center;overflow:hidden;padding:10px 18px;position:relative;text-decoration:none;transition:all var(--duration-fast) var(--ease-fluent)}.fluent-btn:before{background:linear-gradient(135deg,hsla(0,0%,100%,.05),transparent 50%);content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--duration-fast)}.fluent-btn:hover{background:var(--mica-hover);border-color:var(--border-hover)}.fluent-btn:hover:before{opacity:1}.fluent-btn:active{background:var(--mica-active);transform:scale(.97)}.fluent-btn-primary{background:linear-gradient(135deg,var(--sakura-pink) 0,#ff8fab 100%);border-color:var(--sakura-pink);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.fluent-btn-primary:hover{background:linear-gradient(135deg,var(--sakura-light) 0,var(--sakura-pink) 100%);border-color:var(--sakura-light);box-shadow:0 4px 20px var(--sakura-glow)}.fluent-btn-accent{background:linear-gradient(135deg,var(--neon-cyan) 0,#00b4d8 100%);border-color:var(--neon-cyan);color:#000;font-weight:600}.fluent-btn-accent:hover{box-shadow:0 4px 20px var(--neon-cyan-glow)}.fluent-input{background:var(--mica-layer);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all var(--duration-fast) var(--ease-fluent);width:100%}.fluent-input:focus{border-color:var(--sakura-pink);box-shadow:0 0 0 3px #ff6b9d26,inset 0 0 0 1px var(--sakura-pink)}.fluent-input::-moz-placeholder{color:var(--text-muted)}.fluent-input::placeholder{color:var(--text-muted)}.badge{align-items:center;background:var(--mica-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px;transition:all var(--duration-fast)}.badge-accent{background:linear-gradient(135deg,#ff6b9d33,#ff6b9d1a);border:1px solid rgba(255,107,157,.2);color:var(--sakura-pink)}.badge-cyan{background:linear-gradient(135deg,#00d4ff33,#00d4ff1a);border:1px solid rgba(0,212,255,.2);color:var(--neon-cyan)}.badge-lavender{background:linear-gradient(135deg,#b794f633,#b794f61a);border:1px solid rgba(183,148,246,.2);color:var(--lavender)}.grid{display:grid;gap:20px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}@media(max-width:1400px){.grid-cols-6{grid-template-columns:repeat(5,1fr)}}@media(max-width:1200px){.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}.grid{gap:14px}}@media(max-width:480px){.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}.grid{gap:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--sakura-glow)}50%{box-shadow:0 0 40px var(--sakura-glow),0 0 60px #ff6b9d33}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-fluent) forwards}.animate-slide-left{animation:slideInLeft var(--duration-normal) var(--ease-fluent) forwards}.animate-slide-right{animation:slideInRight var(--duration-normal) var(--ease-fluent) forwards}.animate-scale-in{animation:scaleIn var(--duration-fast) var(--ease-bounce) forwards}.animate-float{animation:float 3s ease-in-out infinite}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--mica-elevated) 25%,var(--mica-hover) 50%,var(--mica-elevated) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.text-center{text-align:center}.text-sm{font-size:13px}.text-lg{font-size:18px}.text-xl{font-size:24px}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--sakura-pink)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.sakura-deco{position:relative}.sakura-deco:after{animation:float 2s ease-in-out infinite;content:"🌸";filter:drop-shadow(0 2px 4px rgba(255,107,157,.4));font-size:14px;position:absolute;right:-8px;top:-8px}.sparkle-effect{position:relative}.sparkle-effect:after,.sparkle-effect:before{animation:sparkle 2s ease-in-out infinite;color:var(--sakura-pink);content:"✦";font-size:10px;position:absolute}.sparkle-effect:before{animation-delay:0s;left:10%;top:10%}.sparkle-effect:after{animation-delay:1s;bottom:10%;right:10%}.glow-text{text-shadow:0 0 10px var(--sakura-glow),0 0 20px rgba(255,107,157,.3),0 0 30px rgba(255,107,157,.2)}.neon-border{border:1px solid var(--sakura-pink);box-shadow:0 0 10px var(--sakura-glow),inset 0 0 10px #ff6b9d1a}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#32323299;border:1px solid hsla(0,0%,100%,.08)}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-12px)}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2b2b2bf2;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 12px 32px #0006;color:#fff;display:flex;font-size:14px;gap:12px;max-width:380px;padding:14px 18px;pointer-events:auto}.toast-icon{flex-shrink:0;height:24px;width:24px}.toast-icon svg{height:100%;width:100%}.toast-message{flex:1;line-height:1.4}.toast-success{border-left:3px solid #6ee7b7}.toast-success .toast-icon{color:#6ee7b7}.toast-error{border-left:3px solid #ff6b6b}.toast-error .toast-icon{color:#ff6b6b}.toast-warning{border-left:3px solid #fbbf24}.toast-warning .toast-icon{color:#fbbf24}.toast-info{border-left:3px solid #00d4ff}.toast-info .toast-icon{color:#00d4ff}.toast-enter-active{animation:toastSlideIn .35s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active{animation:toastSlideOut .25s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.login-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#323232f2,#2b2b2bfa);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 24px 64px #00000080,0 0 80px #ff6b9d1a;max-width:420px;overflow:hidden;padding:40px 36px;position:relative;text-align:center;width:100%}.login-modal:before{animation:gradientFlow 3s linear infinite;background:linear-gradient(90deg,#ff6b9d,#ffa3c4,#00d4ff,#b794f6,#ff6b9d);background-size:200% 100%;content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes gradientFlow{0%{background-position:0 0}to{background-position:200% 0}}.modal-close{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#6b6b6b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:36px}.modal-close:hover{background:#ff6b9d1a;border-color:#ff6b9d4d;color:#ff6b9d}.modal-close svg{height:18px;width:18px}.modal-decoration{height:100px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.deco-petal{animation:floatPetal 4s ease-in-out infinite;font-size:20px;opacity:.5;position:absolute}.deco-petal:first-child{left:15%;top:20px}.deco-petal:nth-child(2){animation-delay:1s;right:20%;top:40px}.deco-petal:nth-child(3){animation-delay:2s;left:60%;top:60px}@keyframes floatPetal{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(15deg)}}.delay-1{animation-delay:1s}.delay-2{animation-delay:2s}.modal-icon{align-items:center;background:linear-gradient(135deg,#ff6b9d33,#ff6b9d1a);border:1px solid rgba(255,107,157,.3);border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.modal-icon svg{color:#ff6b9d;height:32px;width:32px}.login-modal h2{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px}.modal-subtitle{color:#00d4ff;font-size:14px;font-weight:600;margin-bottom:8px}.modal-desc{color:#a8a8a8;font-size:14px;line-height:1.6;margin-bottom:28px}.discord-btn{align-items:center;background:linear-gradient(135deg,#5865f2,#7289da);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .25s ease;width:100%}.discord-btn:hover{box-shadow:0 12px 32px #5865f280;transform:translateY(-3px)}.discord-btn:active{transform:translateY(-1px)}.discord-btn svg{height:24px;width:24px}.modal-footer{color:#6b6b6b;font-size:12px;margin-top:20px}.modal-enter-active,.modal-leave-active{transition:opacity .3s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .login-modal,.modal-leave-active .login-modal{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modal-enter-from .login-modal,.modal-leave-to .login-modal{transform:scale(.9) translateY(20px)}@media(max-width:480px){.toast-container{left:16px;right:16px}.toast{max-width:none}.login-modal{padding:32px 24px}}