.toast-container[data-v-457fd024]{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;max-width:360px;pointer-events:none}.toast-item[data-v-457fd024]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.08)}.toast-success[data-v-457fd024]{background:#4ecca326;color:var(--color-accent);border-color:#4ecca34d}.toast-error[data-v-457fd024]{background:#e9456026;color:var(--color-primary);border-color:#e945604d}.toast-warning[data-v-457fd024]{background:#f0a50026;color:#f0a500;border-color:#f0a5004d}.toast-info[data-v-457fd024]{background:#0f346099;color:#ddd;border-color:#ffffff1a}.toast-icon[data-v-457fd024]{flex-shrink:0;font-size:1rem}.toast-message[data-v-457fd024]{line-height:1.4}.toast-enter-active[data-v-457fd024]{animation:toast-in-457fd024 .35s ease-out}.toast-leave-active[data-v-457fd024]{animation:toast-out-457fd024 .3s ease-in forwards}.toast-move[data-v-457fd024]{transition:transform .3s ease}@keyframes toast-in-457fd024{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out-457fd024{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100px) scale(.8)}}@media(max-width:640px){.toast-container[data-v-457fd024]{top:.5rem;right:.5rem;left:.5rem;max-width:none}}.page-enter-active{animation:page-in .3s ease-out}.page-leave-active{animation:page-out .2s ease-in}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.reconnect-overlay{position:fixed;inset:0;z-index:9999;background:#0f0f23d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reconnect-card{background:var(--bg-card, #1a1a2e);border-radius:16px;padding:2rem 2.5rem;text-align:center;border:1px solid var(--border-color, #333);box-shadow:0 8px 32px #0006}.reconnect-card h3{margin:1rem 0 .5rem;color:var(--color-warning, #f0a500)}.reconnect-card p{color:var(--text-secondary, #888);font-size:.9rem}.reconnect-spinner{width:40px;height:40px;border:3px solid var(--border-color, #333);border-top-color:var(--color-accent, #4ecca3);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.reconnect-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--border-color, #333);transition:background .3s}.dot.active{background:var(--color-accent, #4ecca3)}.overlay-enter-active{animation:overlay-in .3s ease-out}.overlay-leave-active{animation:overlay-out .2s ease-in}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-out{0%{opacity:1}to{opacity:0}}:root{--color-primary: #e94560;--color-primary-hover: #c73652;--color-accent: #4ecca3;--color-accent-hover: #36b890;--color-warning: #f0a500;--bg-base: #0f0f23;--bg-card: #1a1a2e;--bg-input: #16213e;--bg-deep: #0f3460;--text-primary: #ffffffde;--text-secondary: #888;--text-muted: #666;--border-color: #333;--border-active: var(--color-primary);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}#app{width:100%;min-height:100vh}a{color:#4ecca3;text-decoration:none}a:hover{color:#36b890}button{font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}
