:root{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#111827b3;--border-color:#ffffff14;--border-glow:#06b6d44d;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--accent-rose:#f43f5e;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-blue:#3b82f6;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"Fira Code", "Cascadia Code", Consolas, Monaco, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 15% 15%,#06b6d414 0%,#0000 40%),radial-gradient(circle at 85% 85%,#a855f714 0%,#0000 40%);min-height:100vh;line-height:1.5;overflow-x:hidden}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000005e}.glass-card:hover{border-color:#ffffff26}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-purple{color:var(--accent-purple);background:#a855f726;border:1px solid #a855f74d}.badge-rose{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}.badge-emerald{color:var(--accent-emerald);background:#10b98126;border:1px solid #10b9814d}.badge-amber{color:var(--accent-amber);background:#f59e0b26;border:1px solid #f59e0b4d}.badge-blue{color:var(--accent-blue);background:#3b82f626;border:1px solid #3b82f64d}.btn-primary{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-purple));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #06b6d44d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.code-editor{color:#e5e7eb;width:100%;font-family:var(--font-mono);border:1px solid var(--border-color);resize:vertical;tab-size:2;background:#090d16;border-radius:10px;outline:none;padding:16px;font-size:.88rem;line-height:1.6}.code-editor:focus{border-color:var(--accent-cyan)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes progress-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes indeterminate-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.progress-striped{background-image:linear-gradient(45deg,#ffffff2e 25%,#0000 25% 50%,#ffffff2e 50% 75%,#0000 75%,#0000)!important;background-size:1rem 1rem!important}.progress-animated{animation:1s linear infinite progress-stripes!important}.indeterminate-bar{position:relative;overflow:hidden}.indeterminate-bar:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s ease-in-out infinite indeterminate-shimmer;position:absolute;inset:0}