@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";.toast-container[data-v-f5e294fd]{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:none}.toast[data-v-f5e294fd]{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 8px 32px #0006;font-size:var(--text-sm);color:var(--text-primary);pointer-events:auto;cursor:pointer;max-width:420px;white-space:nowrap}.toast-success[data-v-f5e294fd]{border-color:#4ade8066}.toast-warning[data-v-f5e294fd]{border-color:#fbbf2466}.toast-error[data-v-f5e294fd]{border-color:#f8717166}.toast-enter-active[data-v-f5e294fd],.toast-leave-active[data-v-f5e294fd]{transition:all .3s ease}.toast-enter-from[data-v-f5e294fd]{opacity:0;transform:translateY(16px) scale(.95)}.toast-leave-to[data-v-f5e294fd]{opacity:0;transform:translateY(-8px) scale(.95)}.loading-screen[data-v-05dbd658]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:9999}.loading-logo[data-v-05dbd658]{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.logo-icon[data-v-05dbd658]{width:72px;height:72px;background:linear-gradient(135deg,#0d0f1f,#13152a);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px var(--accent-glow);animation:pulse-05dbd658 2s ease-in-out infinite}.logo-icon img[data-v-05dbd658]{width:46px;height:46px;object-fit:contain}@keyframes pulse-05dbd658{0%,to{box-shadow:0 8px 32px var(--accent-glow)}50%{box-shadow:0 8px 48px #6c63ff73}}.logo-text[data-v-05dbd658]{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;background:linear-gradient(135deg,var(--accent-light),#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-spinner[data-v-05dbd658]{width:40px;height:40px}.spinner-ring[data-v-05dbd658]{width:100%;height:100%;border:3px solid rgba(108,99,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin-05dbd658 .8s linear infinite}@keyframes spin-05dbd658{to{transform:rotate(360deg)}}.loading-msg[data-v-05dbd658]{font-size:var(--text-sm);color:var(--text-muted)}:root{--bg-deep: #000000;--bg-surface: #0a0a0a;--bg-card: #161616;--bg-hover: #232323;--bg-overlay: rgba(0,0,0,.92);--accent: #6c63ff;--accent-light: #a78bfa;--accent-glow: rgba(108,99,255,.25);--accent-soft: rgba(108,99,255,.12);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #666666;--border: rgba(255,255,255,.08);--border-hover: rgba(108,99,255,.4);--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--space-xs: 8px;--space-sm: 12px;--space-md: 20px;--space-lg: 32px;--space-xl: 48px;--space-2xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--ui-scale: 1;--text-xs: calc(clamp(11px, 1.2vw, 13px) * var(--ui-scale));--text-sm: calc(clamp(13px, 1.4vw, 15px) * var(--ui-scale));--text-base: calc(clamp(15px, 1.6vw, 18px) * var(--ui-scale));--text-lg: calc(clamp(18px, 2vw, 22px) * var(--ui-scale));--text-xl: calc(clamp(22px, 2.5vw, 28px) * var(--ui-scale));--text-2xl: calc(clamp(28px, 3.5vw, 40px) * var(--ui-scale));--player-bg: #000;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--focus-ring: 0 0 0 3px var(--accent), 0 0 0 5px rgba(108,99,255,.3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c63ff59;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*:focus{outline:none}*:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}[tabindex="-1"]:focus-visible{box-shadow:none;border-radius:0}.focusable:focus-visible,.card:focus-visible,.nav-btn:focus-visible{box-shadow:var(--focus-ring);z-index:10}@media (hover: none),(pointer: coarse){.focusable:focus{outline:none;box-shadow:0 0 0 3px var(--accent),0 0 0 5px #6c63ff66!important;z-index:10}}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}p,span,li{font-family:var(--font-body);line-height:1.6}a{color:var(--accent-light);text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);width:100%;transition:border-color var(--transition-fast)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);transition:all var(--transition-base);cursor:pointer;border:1px solid transparent;white-space:nowrap}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn-primary{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff}.btn-primary:focus-visible{filter:brightness(1.1);transform:translateY(-1px)}@media (hover: hover) and (pointer: fine){.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-ghost:focus-visible{border-color:var(--border-hover);color:var(--text-primary);background:var(--accent-soft)}@media (hover: hover) and (pointer: fine){.btn-ghost:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--accent-soft)}}.btn-danger{background:#f871711f;border-color:#f871714d;color:var(--danger)}@media (hover: hover) and (pointer: fine){.btn-danger:hover{background:#f8717133}}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-light)}.text-success{color:var(--success)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn var(--transition-slow) ease both}.scale-in{animation:scaleIn var(--transition-base) ease both}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.toast-container{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:none}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}@media (min-width: 1920px){:root{--space-md: 24px;--space-lg: 40px;--space-xl: 60px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}