@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--color-primary: #94a3b8;--color-primary-light: #cbd5e1;--color-primary-dark: #64748b;--color-error: #ff6b6b;--color-success: #34d399;--color-text: #e8e8e8;--color-text-muted: #888;--color-text-dim: #666;--color-bg-dark: #0d0d0f;--color-bg-base: #161618;--color-bg-elevated: #222224;--color-bg-card: rgba(28, 28, 30, .9);--color-bg-card-solid: rgba(28, 28, 30, .95);--color-bg-card-light: rgba(28, 28, 30, .6);--color-bg-surface: rgba(22, 22, 24, .9);--color-bg-surface-solid: rgba(22, 22, 24, .95);--color-bg-input: rgba(0, 0, 0, .3);--color-primary-alpha-10: rgba(148, 163, 184, .1);--color-primary-alpha-20: rgba(148, 163, 184, .2);--color-primary-alpha-30: rgba(148, 163, 184, .3);--color-primary-alpha-50: rgba(148, 163, 184, .5);--color-primary-light-alpha-10: rgba(203, 213, 225, .1);--color-primary-light-alpha-30: rgba(203, 213, 225, .3);--color-error-alpha-10: rgba(255, 107, 107, .1);--color-error-alpha-30: rgba(255, 107, 107, .3);--color-success-alpha-10: rgba(52, 211, 153, .1);--color-success-alpha-30: rgba(52, 211, 153, .3);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: all .2s;--transition-base: all .3s;--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(148, 163, 184, .2);--shadow-glow-lg: 0 0 30px rgba(148, 163, 184, .3);--shadow-hover: 0 10px 40px rgba(148, 163, 184, .2), 0 0 60px rgba(203, 213, 225, .1);--gradient-primary: linear-gradient(135deg, #94a3b8 0%, #64748b 100%);--gradient-primary-reverse: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);--gradient-text: linear-gradient(135deg, #94a3b8 0%, #cbd5e1 100%);--gradient-bg: linear-gradient(135deg, #161618 0%, #1a1a1c 50%, #0d0d0f 100%);--gradient-card: linear-gradient(135deg, #1e1e20 0%, #181818 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-bg-dark)}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gradient-bg);color:var(--color-text);line-height:1.6;min-height:100vh;overflow-x:hidden}#app{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;transition:var(--transition-base);white-space:nowrap}.btn:disabled{opacity:.7;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;border:1px solid var(--color-primary-alpha-50);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-alpha-10);box-shadow:var(--shadow-glow)}.btn-ghost{background:var(--color-primary-light-alpha-10);border:1px solid var(--color-primary-light-alpha-30);color:var(--color-primary-light)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-alpha-20);border-color:var(--color-primary-light)}.btn-success{background:var(--color-success-alpha-10);border:1px solid var(--color-success-alpha-30);color:var(--color-success)}.btn-danger{background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-30);color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#ff6b6b33}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.75rem}.btn-lg{padding:var(--space-lg);font-size:1.125rem;font-weight:700}.form-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg-input);border:1px solid var(--color-primary-alpha-30);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;color:var(--color-text);transition:var(--transition-base)}.form-input::placeholder{color:var(--color-text-dim)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.form-input-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.form-label{display:block;margin-bottom:var(--space-sm);font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-group{margin-bottom:var(--space-lg)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-primary-alpha-20);padding:var(--space-xl)}.card-elevated{box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.badge-primary{background:var(--gradient-text);color:#fff}.badge-outline{background:#000000b3;color:var(--color-primary);border:1px solid var(--color-primary-alpha-50)}.badge-subtle{background:#000000b3;color:var(--color-text)}.loading-container{text-align:center;padding:4rem;color:var(--color-text-muted)}.loading-spinner{width:50px;height:50px;border:3px solid var(--color-primary-alpha-20);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto var(--space-lg);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:var(--space-2xl);color:var(--color-error);background:var(--color-error-alpha-10);border:1px solid var(--color-error-alpha-30);border-radius:var(--radius-lg)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-status{text-align:center;padding:var(--space-lg) 0}.auth-status p{margin:0 0 var(--space-sm);color:var(--color-text)}.auth-status.is-error p{color:var(--color-error)}.auth-status.is-success p{color:var(--color-primary-light)}.auth-status .hint{color:var(--color-text-muted)!important;font-size:.875rem}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);pointer-events:none}.scanlines-subtle{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.01) 2px,rgba(255,255,255,.01) 4px);pointer-events:none;z-index:1}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-card{background:var(--color-bg-card-solid);border-radius:var(--radius-xl);padding:var(--space-2xl);max-width:400px;width:100%;border:1px solid var(--color-primary-alpha-30);box-shadow:0 0 60px var(--color-primary-alpha-20)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.modal-header h3{margin:0;font-size:1.125rem;color:var(--color-text)}.modal-close{background:transparent;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-primary)}.cassette-logo[data-v-faeccf43]{display:block;flex-shrink:0}.cassette-logo--sm[data-v-faeccf43]{width:28px;height:28px}.cassette-logo--md[data-v-faeccf43]{width:48px;height:48px}.cassette-logo--lg[data-v-faeccf43]{width:80px;height:80px}.navbar[data-v-52fb1483]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-bg-surface-solid);border-bottom:1px solid var(--color-primary-alpha-20);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:var(--space-sm)}.logo[data-v-52fb1483]{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.logo-text[data-v-52fb1483]{font-size:1.25rem;font-weight:700}.nav-links[data-v-52fb1483]{display:flex;align-items:center;gap:var(--space-md);min-width:0}.nav-link[data-v-52fb1483]{color:#a0a0a0;text-decoration:none;font-weight:500;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);transition:var(--transition-base);font-size:.875rem;white-space:nowrap}.nav-link[data-v-52fb1483]:hover{color:var(--color-primary-light);background:var(--color-primary-light-alpha-10)}.user-email[data-v-52fb1483]{color:var(--color-text-muted);font-size:.75rem;max-width:150px}.logout-btn[data-v-52fb1483]{flex-shrink:0}@media(min-width:640px){.navbar[data-v-52fb1483]{padding:var(--space-lg) var(--space-2xl)}.logo[data-v-52fb1483] .cassette-logo{width:32px;height:32px}.logo-text[data-v-52fb1483]{font-size:1.5rem}.nav-links[data-v-52fb1483]{gap:var(--space-xl)}.nav-link[data-v-52fb1483]{padding:var(--space-sm) var(--space-lg);font-size:1rem}.user-email[data-v-52fb1483]{font-size:.875rem;max-width:none}.logout-btn[data-v-52fb1483]{padding:var(--space-sm) var(--space-lg);font-size:.875rem}}