@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--aura-bg: rgba(17, 25, 40, .75);--aura-border: rgba(255, 255, 255, .125);--aura-text: #ffffff;--aura-text-muted: rgba(255, 255, 255, .6);--aura-font: "Inter", system-ui, -apple-system, sans-serif;--aura-success: #10b981;--aura-error: #ef4444;--aura-info: #3b82f6;--aura-warning: #f59e0b;--aura-glow-success: rgba(16, 185, 129, .5);--aura-glow-error: rgba(239, 68, 68, .5);--aura-glow-info: rgba(59, 130, 246, .5);--aura-glow-warning: rgba(245, 158, 11, .5);--aura-loading: #94a3b8;--aura-glow-loading: rgba(148, 163, 184, .5)}.aura-container{position:fixed;z-index:9999;display:flex;flex-direction:column;pointer-events:none;padding:2rem}.aura-container.top-right{top:0;right:0;align-items:flex-end}.aura-container.top-left{top:0;left:0;align-items:flex-start}.aura-container.bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.aura-container.bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.aura-container.top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.aura-container.bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.aura-toast{pointer-events:auto;min-width:300px;max-width:420px;padding:1rem;border-radius:20px;background:rgba(17,25,40,.88);backdrop-filter:blur(20px) saturate(210%);-webkit-backdrop-filter:blur(20px) saturate(210%);border:1px solid var(--type-border);box-shadow:0 10px 30px #0006,inset 0 0 0 .5px #ffffff1a,0 0 0 1px var(--type-border),0 0 15px -5px var(--type-glow-sharp);display:flex;gap:1rem;align-items:center;font-family:var(--aura-font);color:var(--aura-text);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.18,.89,.32,1.28)}.aura-toast:before{display:none}.aura-icon-container{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--type-glow-soft);position:relative;box-shadow:inset 0 0 12px var(--type-glow-inner)}.aura-icon-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--type-glow);opacity:.3}.aura-toast.success{--type-color: var(--aura-success);--type-glow: var(--aura-glow-success);--type-glow-soft: rgba(16, 185, 129, .15);--type-glow-inner: rgba(16, 185, 129, .3);--type-border: rgba(16, 185, 129, .4);--type-glow-sharp: rgba(16, 185, 129, .6)}.aura-toast.error{--type-color: var(--aura-error);--type-glow: var(--aura-glow-error);--type-glow-soft: rgba(239, 68, 68, .15);--type-glow-inner: rgba(239, 68, 68, .3);--type-border: rgba(239, 68, 68, .4);--type-glow-sharp: rgba(239, 68, 68, .6)}.aura-toast.info{--type-color: var(--aura-info);--type-glow: var(--aura-glow-info);--type-glow-soft: rgba(59, 130, 246, .15);--type-glow-inner: rgba(59, 130, 246, .3);--type-border: rgba(59, 130, 246, .4);--type-glow-sharp: rgba(59, 130, 246, .6)}.aura-toast.warning{--type-color: var(--aura-warning);--type-glow: var(--aura-glow-warning);--type-glow-soft: rgba(245, 158, 11, .15);--type-glow-inner: rgba(245, 158, 11, .3);--type-border: rgba(245, 158, 11, .4);--type-glow-sharp: rgba(245, 158, 11, .6)}.aura-toast.loading{--type-color: var(--aura-loading);--type-glow: var(--aura-glow-loading);--type-glow-soft: rgba(148, 163, 184, .1);--type-glow-inner: rgba(148, 163, 184, .2);--type-border: rgba(148, 163, 184, .3);--type-glow-sharp: rgba(148, 163, 184, .4)}.light-mode .aura-toast{box-shadow:0 8px 25px #0000000f,0 0 0 1px var(--type-border),0 0 15px -3px var(--type-glow-sharp);border-color:var(--type-border)}.light-mode .aura-toast.success{--type-border: rgba(16, 185, 129, .6);--type-glow-sharp: rgba(16, 185, 129, .8)}.light-mode .aura-toast.error{--type-border: rgba(239, 68, 68, .6);--type-glow-sharp: rgba(239, 68, 68, .8)}.light-mode .aura-toast.info{--type-border: rgba(59, 130, 246, .6);--type-glow-sharp: rgba(59, 130, 246, .8)}.light-mode .aura-toast.warning{--type-border: rgba(245, 158, 11, .6);--type-glow-sharp: rgba(245, 158, 11, .8)}.light-mode .aura-toast.loading{--type-border: rgba(100, 116, 139, .4);--type-glow-sharp: rgba(100, 116, 139, .5)}.aura-icon{width:24px;height:24px;color:var(--type-color);filter:drop-shadow(0 0 8px var(--type-glow))}.aura-content{flex-grow:1;display:flex;flex-direction:column;gap:.25rem}.aura-message{font-size:.9375rem;font-weight:600;line-height:1.4;margin:0;color:#fff}.aura-description{font-size:.8125rem;font-weight:400;line-height:1.5;margin:0;color:var(--aura-text-muted)}.aura-action-container{display:flex;align-items:center;margin-left:.5rem}.aura-action{font-size:.875rem;font-weight:600;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:.5rem 1rem;border-radius:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.aura-action:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;box-shadow:0 0 15px #ffffff1a}.aura-close{background:none;border:none;color:var(--aura-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;margin-left:.5rem;transition:color .2s,transform .2s}.aura-close:hover{color:var(--aura-text);transform:scale(1.1)}@keyframes aura-slide-in-right{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes aura-slide-in-left{0%{transform:translate(-100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes aura-slide-in-top{0%{transform:translateY(-100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes aura-slide-in-bottom{0%{transform:translateY(100%) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes aura-fade-out{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.top-right .aura-toast-enter,.bottom-right .aura-toast-enter{animation:aura-slide-in-right .5s cubic-bezier(.18,.89,.32,1.28) forwards}.top-left .aura-toast-enter,.bottom-left .aura-toast-enter{animation:aura-slide-in-left .5s cubic-bezier(.18,.89,.32,1.28) forwards}.top-center .aura-toast-enter{animation:aura-slide-in-top .5s cubic-bezier(.18,.89,.32,1.28) forwards}.bottom-center .aura-toast-enter{animation:aura-slide-in-bottom .5s cubic-bezier(.18,.89,.32,1.28) forwards}.aura-toast-exit{animation:aura-fade-out .3s ease-in forwards}@keyframes aura-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aura-spinner{animation:aura-spin 1s linear infinite}:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--card-bg: rgba(30, 41, 59, .5);--card-border: rgba(255, 255, 255, .1);--playground-bg: rgba(15, 23, 42, .8);--editor-bg: #0b0f1a;--header-gradient: linear-gradient(to right, #6366f1, #a855f7, #ec4899)}.light-mode{--bg-color: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--card-bg: #ffffff;--card-border: rgba(99, 102, 241, .2);--playground-bg: #ffffff;--editor-bg: #f1f5f9;--header-gradient: linear-gradient(to right, #4f46e5, #7c3aed, #db2777)}body{margin:0;padding:0;font-family:Inter,sans-serif}.theme-container{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;transition:background-color .3s,color .3s;width:100%}.demo-page{max-width:800px;margin:0 auto;padding:4rem 2rem;text-align:center}header h1{font-size:3rem;margin-bottom:.5rem;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.controls{margin:3rem 0;display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s}.btn:active{transform:scale(.95)}.btn.success{background-color:#10b981;color:#fff}.btn.error{background-color:#ef4444;color:#fff}.btn.info{background-color:#3b82f6;color:#fff}.btn.warning{background-color:#f59e0b;color:#fff}.features{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}.feature-card{padding:2rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;text-align:left}.feature-card h3{margin-top:0;color:var(--text-primary)}.feature-card p{color:var(--text-secondary);line-height:1.6}.playground-section{margin-top:5rem;padding:3rem;background:var(--playground-bg);border:1px solid var(--card-border);border-radius:16px;text-align:left;box-shadow:0 20px 50px #0003}.playground-section h2{margin-top:0;font-size:2rem;background:var(--header-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.editor-container{margin:2rem 0;position:relative;background:var(--editor-bg);border-radius:12px;border:1px solid var(--card-border);overflow:hidden}.editor-header{padding:.75rem 1rem;background:rgba(0,0,0,.03);border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;align-items:center}.editor-title{font-size:.8rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.code-textarea{width:100%;height:200px;background:transparent;color:var(--text-primary);border:none;padding:1.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;line-height:1.5;resize:none;outline:none}.playground-actions{display:flex;justify-content:flex-end;padding:1rem;background:rgba(255,255,255,.02);gap:1rem}.playground-btn{padding:.6rem 1.2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.run-btn{background:#6366f1;color:#fff;border:none}.run-btn:hover{background:#4f46e5;box-shadow:0 0 15px #6366f166}.reset-btn{background:transparent;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.reset-btn:hover{background:rgba(148,163,184,.1);color:#fff}.presets{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}.preset-chip{padding:.5rem 1rem;border-radius:20px;background:rgba(148,163,184,.08);border:1.5px solid rgba(148,163,184,.2);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.preset-chip:hover{background:rgba(99,102,241,.1);border-color:#6366f166;color:var(--text-primary)}.preset-chip.active{background:var(--header-gradient);border-color:transparent;color:#fff;box-shadow:0 4px 15px #6366f166;transform:translateY(-1px)}.light-mode .preset-chip{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.light-mode .preset-chip:hover{background:#e0e7ff;border-color:#6366f1;color:#4f46e5}.light-mode .preset-chip.active{background:var(--header-gradient);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f133}.toggle-row{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.toggle-label{font-size:.9rem;color:#94a3b8;cursor:pointer}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#94a3b8;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#6366f1}input:checked+.slider:before{transform:translate(24px);background-color:#fff}