@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}:root{--bg: #09090b;--bg2: #111113;--bg3: #18181b;--border: #27272a;--border2: #3f3f46;--text: #fafafa;--text2: #a1a1aa;--text3: #52525b;--amber: #f59e0b;--amber2: #fbbf24;--amber-bg: #1a1000;--amber-b: #3a2500;--red: #ef4444;--red-bg: #1a0505;--red-b: #7f1d1d;--green: #22c55e;--green-bg: #052010;--green-b: #14532d;--blue: #3b82f6;--blue-bg: #0a1628;--blue-b: #1e3a5f;--purple: #a78bfa;--purple-bg: #150828;--card-shadow: 0 1px 3px rgba(0,0,0,.4)}[data-theme=light]{--bg: #fafaf9;--bg2: #f5f5f4;--bg3: #e7e5e4;--border: #d6d3d1;--border2: #a8a29e;--text: #1c1917;--text2: #57534e;--text3: #a8a29e;--amber: #d97706;--amber2: #f59e0b;--amber-bg: #fffbeb;--amber-b: #fde68a;--red: #dc2626;--red-bg: #fef2f2;--red-b: #fecaca;--green: #16a34a;--green-bg: #f0fdf4;--green-b: #bbf7d0;--blue: #2563eb;--blue-bg: #eff6ff;--blue-b: #bfdbfe;--purple: #7c3aed;--purple-bg: #f5f3ff;--card-shadow: 0 1px 3px rgba(0,0,0,.1)}body{background:var(--bg);color:var(--text);font-family:Poppins,sans-serif;min-height:100vh;transition:background .2s,color .2s}textarea{resize:vertical;font-family:JetBrains Mono,monospace}textarea:focus{outline:none}button{cursor:pointer;font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::selection{background:var(--amber);color:#000}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--border) 50%,var(--bg3) 75%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s ease both}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite;display:inline-block}.card-hover{transition:border-color .15s,box-shadow .15s,transform .15s}.card-hover:hover{border-color:var(--border2)!important;box-shadow:0 4px 20px #0000004d;transform:translateY(-1px)}
