@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--hue-primary:220;--hue-success:145;--hue-danger:355;--hue-warning:38;--bg-app:hsl(var(--hue-primary), 24%, 6%);--bg-card:hsla(var(--hue-primary), 20%, 12%, .7);--bg-card-hover:hsla(var(--hue-primary), 20%, 16%, .85);--border-color:hsla(var(--hue-primary), 15%, 20%, .5);--text-primary:hsl(var(--hue-primary), 10%, 95%);--text-secondary:hsl(var(--hue-primary), 12%, 70%);--text-muted:hsl(var(--hue-primary), 10%, 48%);--primary:hsl(var(--hue-primary), 85%, 60%);--primary-hover:hsl(var(--hue-primary), 85%, 68%);--primary-glow:hsla(var(--hue-primary), 85%, 60%, .15);--success:hsl(var(--hue-success), 80%, 45%);--success-glow:hsla(var(--hue-success), 80%, 45%, .15);--danger:hsl(var(--hue-danger), 85%, 52%);--danger-glow:hsla(var(--hue-danger), 85%, 52%, .15);--warning:hsl(var(--hue-warning), 90%, 50%);--glass-blur:16px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 30px #0006;--shadow-lg:0 16px 40px #0009;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}.light-mode{--bg-app:hsl(var(--hue-primary), 20%, 97%);--bg-card:hsla(var(--hue-primary), 15%, 100%, .75);--bg-card-hover:hsla(var(--hue-primary), 15%, 98%, .9);--border-color:hsla(var(--hue-primary), 15%, 88%, .8);--text-primary:hsl(var(--hue-primary), 30%, 15%);--text-secondary:hsl(var(--hue-primary), 20%, 40%);--text-muted:hsl(var(--hue-primary), 15%, 60%);--primary:hsl(var(--hue-primary), 75%, 50%);--primary-hover:hsl(var(--hue-primary), 75%, 56%);--primary-glow:hsla(var(--hue-primary), 75%, 50%, .1);--success:hsl(var(--hue-success), 75%, 38%);--success-glow:hsla(var(--hue-success), 75%, 38%, .1);--danger:hsl(var(--hue-danger), 75%, 46%);--danger-glow:hsla(var(--hue-danger), 75%, 46%, .1);--warning:hsl(var(--hue-warning), 85%, 42%);--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 8px 30px #00000014;--shadow-lg:0 16px 40px #0000001f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal)}.glass-panel-interactive:hover{background:var(--bg-card-hover);border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.app-container{flex-direction:column;gap:16px;max-width:600px;min-height:100vh;margin:0 auto;padding:16px 16px 90px;display:flex}h1{letter-spacing:-.5px;font-size:1.8rem;font-weight:800}h2{letter-spacing:-.2px;font-size:1.25rem;font-weight:700}h3{font-size:1rem;font-weight:600}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 var(--primary-glow);transform:scale(1)}70%{transform:scale(1.05);box-shadow:0 0 0 12px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--transition-normal) forwards}input,select,textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}button{cursor:pointer;font-family:var(--font-family);transition:transform var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast);border:none;outline:none;font-weight:600}button:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:12px 24px;font-size:1rem}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);padding:12px 24px;font-size:1rem}.btn-secondary:hover{background-color:var(--text-muted)}