:root{--bg-main:#070a12;--surface-1:#0d1322;--surface-2:#141d33;--border:#1e2a47;--mana-white:#f8e7b9;--mana-blue:#0ea5e9;--mana-black:#a855f7;--mana-red:#ef4444;--mana-green:#22c55e;--mana-colorless:#94a3b8;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0px)}.pl-safe{padding-left:env(safe-area-inset-left,0px)}.pr-safe{padding-right:env(safe-area-inset-right,0px)}.safe-top-nav{padding-top:calc(.75rem + env(safe-area-inset-top,0px));padding-left:max(1rem, calc(1rem + env(safe-area-inset-left,0px)));padding-right:max(1rem, calc(1rem + env(safe-area-inset-right,0px)))}body{background-color:var(--bg-main);color:#f1f5f9;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}code,pre{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#070a12}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}.glass-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1322d9;border:1px solid #ffffff14}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141d3399;border:1px solid #ffffff0f;transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-card:hover{background:#1c2947cc;border-color:#8b5cf64d;transform:translateY(-2px)}.mana-badge-w{color:#fef08a;background:#f8e7b926;border:1px solid #f8e7b94d}.mana-badge-u{color:#38bdf8;background:#0ea5e926;border:1px solid #0ea5e94d}.mana-badge-b{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.mana-badge-r{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.mana-badge-g{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.mana-badge-c{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}