:root{--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #f8f9ff;--bg-secondary: #ffffff;--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--text-primary: #1a1a2e;--text-secondary: #4a5568;--border-color: #e2e8f0;--accent-color: #667eea;--accent-hover: #5568d3;--accent-secondary: #f093fb;--glow-color: rgba(102, 126, 234, .3);--cosmic-purple: #764ba2;--cosmic-blue: #4facfe;--cosmic-gold: #f6d365}[data-theme=dark]{--bg-primary: #0a0e27;--bg-secondary: #1a1f3a;--bg-gradient-start: #2d1b69;--bg-gradient-end: #1a0b3f;--text-primary: #f7fafc;--text-secondary: #cbd5e0;--border-color: #2d3748;--accent-color: #667eea;--accent-hover: #5568d3;--accent-secondary: #f093fb;--glow-color: rgba(102, 126, 234, .5);--cosmic-purple: #9d4edd;--cosmic-blue: #4facfe;--cosmic-gold: #ffd60a}@layer base{*{margin:0;padding:0;box-sizing:border-box}}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary);line-height:1.6;transition:background .3s ease,color .3s ease;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,var(--cosmic-purple) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--cosmic-blue) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--accent-secondary) 0%,transparent 40%);opacity:.15;z-index:-1;animation:cosmicFlow 20s ease-in-out infinite}@keyframes cosmicFlow{0%,to{transform:scale(1) rotate(0);opacity:.15}50%{transform:scale(1.2) rotate(10deg);opacity:.25}}#app{min-height:100vh;position:relative;z-index:1}a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--accent-color) 0%,var(--cosmic-purple) 100%);color:#fff;font-weight:600;letter-spacing:.025em;transition:all .3s ease;box-shadow:0 4px 15px var(--glow-color);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--glow-color)}.btn:hover:before{left:100%}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{border-color:var(--accent-color);background:var(--bg-secondary)}.card{background:#fffffff2;border-radius:1.25rem;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}[data-theme=dark] .card{background:#1a1f3acc;border:1px solid rgba(102,126,234,.2);box-shadow:0 8px 32px #0000004d}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #667eea33}@layer base{input,textarea,select{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .3s ease;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--glow-color)}}.glow-border{position:relative;border-radius:1rem}.glow-border:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--cosmic-purple),var(--cosmic-blue),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.glow-border:hover:before{opacity:1}.cosmic-gradient-text{background:linear-gradient(135deg,var(--cosmic-purple),var(--cosmic-blue),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.cosmic-shimmer{position:relative;overflow:hidden}.cosmic-shimmer:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent-color),var(--cosmic-purple));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-hover),var(--cosmic-purple))}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.shadow-glow{box-shadow:0 0 20px var(--glow-color)}.gradient-border{border:2px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--bg-secondary),var(--bg-secondary)),linear-gradient(135deg,var(--cosmic-purple),var(--cosmic-blue))}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--glow-color)}50%{box-shadow:0 0 30px var(--glow-color)}}.app.svelte-12qhfyh{min-height:100vh}.navbar.svelte-12qhfyh{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 0}.navbar.svelte-12qhfyh .container:where(.svelte-12qhfyh){display:flex;justify-content:space-between;align-items:center}.logo-container.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.logo-icon.svelte-12qhfyh{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.logo.svelte-12qhfyh{font-size:1.5rem;font-weight:700;color:var(--accent-color);margin:0}.nav-links.svelte-12qhfyh{display:flex;gap:1.5rem;align-items:center}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){position:relative;color:var(--text-primary);text-decoration:none;padding:.5rem 1rem;border-radius:.25rem;transition:all .2s}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background-color:var(--bg-primary);color:var(--accent-color)}.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background-color:var(--accent-color);color:#fff;font-weight:600}.settings.svelte-12qhfyh{display:flex;gap:1rem}.settings.svelte-12qhfyh select:where(.svelte-12qhfyh){min-width:120px;padding:.5rem;border:1px solid var(--border-color);border-radius:.25rem;background-color:var(--bg-primary);color:var(--text-primary)}.spinner.svelte-12qhfyh{width:50px;height:50px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:svelte-12qhfyh-spin 1s linear infinite}@keyframes svelte-12qhfyh-spin{to{transform:rotate(360deg)}}