@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", system-ui, -apple-system, sans-serif;--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #020617 100%);--glass-bg: rgba(30, 41, 59, .45);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .04);--accent-color: #6366f1;--accent-glow: rgba(99, 102, 241, .4);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, .1), 0 1px 3px -1px rgba(0, 0, 0, .05);--shadow-md: 0 12px 20px -8px rgba(0, 0, 0, .3), 0 4px 12px -2px rgba(0, 0, 0, .15);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px}.theme-sunny{--bg-gradient: linear-gradient(135deg, #1e1b4b 0%, #7c2d12 40%, #451a03 100%);--glass-bg: rgba(69, 26, 3, .4);--glass-border: rgba(253, 186, 116, .12);--glass-highlight: rgba(253, 186, 116, .05);--accent-color: #fb923c;--accent-glow: rgba(251, 146, 60, .4);--text-primary: #fff7ed;--text-secondary: #fed7aa}.theme-rainy{--bg-gradient: linear-gradient(135deg, #090d16 0%, #1e293b 50%, #0f172a 100%);--glass-bg: rgba(15, 23, 42, .55);--glass-border: rgba(148, 163, 184, .1);--glass-highlight: rgba(148, 163, 184, .04);--accent-color: #38bdf8;--accent-glow: rgba(56, 189, 248, .4);--text-primary: #f0f9ff;--text-secondary: #bae6fd}.theme-cloudy{--bg-gradient: linear-gradient(135deg, #0f172a 0%, #334155 50%, #1e293b 100%);--glass-bg: rgba(30, 41, 59, .5);--glass-border: rgba(203, 213, 225, .08);--glass-highlight: rgba(203, 213, 225, .03);--accent-color: #94a3b8;--accent-glow: rgba(148, 163, 184, .3);--text-primary: #f8fafc;--text-secondary: #cbd5e1}.theme-snowy{--bg-gradient: linear-gradient(135deg, #020617 0%, #1e3a8a 50%, #0f172a 100%);--glass-bg: rgba(30, 41, 59, .4);--glass-border: rgba(224, 242, 254, .15);--glass-highlight: rgba(224, 242, 254, .06);--accent-color: #7dd3fc;--accent-glow: rgba(125, 211, 252, .4);--text-primary: #f0f9ff;--text-secondary: #e0f2fe}.theme-stormy{--bg-gradient: linear-gradient(135deg, #090514 0%, #2e1065 50%, #03001e 100%);--glass-bg: rgba(46, 16, 101, .35);--glass-border: rgba(192, 132, 252, .1);--glass-highlight: rgba(192, 132, 252, .04);--accent-color: #c084fc;--accent-glow: rgba(192, 132, 252, .4);--text-primary: #faf5ff;--text-secondary: #e9d5ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background:#030712;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;width:100vw;background:var(--bg-gradient);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.5rem 1.5rem;transition:background 1.5s cubic-bezier(.4,0,.2,1);position:relative}.ambient-glow{position:absolute;width:450px;height:450px;border-radius:50%;background:var(--accent-glow);filter:blur(120px);opacity:.3;z-index:0;pointer-events:none;transition:background 1.5s ease,transform 10s ease-in-out infinite alternate}.glow-top-left{top:-10%;left:-10%;animation:floatOrb1 25s infinite alternate}.glow-bottom-right{bottom:-10%;right:-10%;animation:floatOrb2 25s infinite alternate}.app-content{position:relative;z-index:10;width:100%;max-width:900px;display:flex;flex-direction:column;gap:2rem}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.6}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-lg),inset 0 1px 0 var(--glass-highlight);position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .5s ease,box-shadow .3s ease}.glass-card:hover{border-color:#ffffff26}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}50%{transform:translate(100px,50px) scale(1.2)}to{transform:translate(50px,150px) scale(.9)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1.1)}50%{transform:translate(-80px,-120px) scale(.95)}to{transform:translate(-120px,-40px) scale(1.15)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:9999px;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}input{font-family:var(--font-sans)}button{font-family:var(--font-sans);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:#ffffff1f;color:var(--text-primary);border:1px solid rgba(255,255,255,.1)}.badge-accent{background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.badge-alert{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}@media (max-width: 640px){.app-container{padding:1.5rem 1rem}.glass-card{padding:1.5rem}.info-grid{grid-template-columns:1fr 1fr}}