@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--forge:#1db954;--forge-dim:#1db9541f;--forge-glow:#1db95438;--steel:#020806;--plate:#08120e;--panel:#0d1a14;--lifted:#142019;--overlay:#1b2d24;--wire:#ffffff12;--wire-2:#ffffff1f;--wire-3:#ffffff38;--text:#ffffffeb;--text-2:#ffffff94;--text-3:#ffffff4d;--green:#1db954;--green-dim:#1db9541f;--amber:#f59e0b;--amber-dim:#f59e0b1f;--red:#f87171;--red-dim:#f871711a;--blue:#60a5fa;--blue-dim:#60a5fa1a;--font-ui:"Syne", "DM Sans", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--shadow-sm:0 1px 3px #0006, 0 1px 2px #00000040;--shadow-md:0 4px 16px #00000080, 0 2px 6px #00000059;--shadow-lg:0 12px 40px #000000b3, 0 4px 12px #00000080;--shadow-forge:0 0 28px #1db95447}.forge-heading{font-family:var(--font-ui);letter-spacing:-.02em;color:var(--text);font-weight:700}.forge-label{font-family:var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.forge-mono{font-family:var(--font-mono)}.forge-panel{background:var(--panel);border:1px solid var(--wire);border-radius:var(--r-lg)}.forge-card{background:var(--plate);border:1px solid var(--wire);border-radius:var(--r-lg);transition:border-color .15s,box-shadow .15s}.forge-card:hover{border-color:var(--wire-2);box-shadow:var(--shadow-sm)}.forge-accent{color:var(--forge)}.forge-badge{font-size:10px;font-weight:600;font-family:var(--font-ui);border-radius:99px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.forge-badge-green{background:var(--green-dim);color:var(--green)}.forge-badge-amber{background:var(--amber-dim);color:var(--amber)}.forge-badge-red{background:var(--red-dim);color:var(--red)}.forge-badge-blue{background:var(--blue-dim);color:var(--blue)}.forge-badge-forge{background:var(--forge-dim);color:var(--forge)}.forge-btn{border-radius:var(--r-md);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.forge-btn-primary{background:var(--forge);color:#fff}.forge-btn-primary:hover{box-shadow:var(--shadow-forge);background:#22c55e}.forge-btn-ghost{color:var(--text-2);border:1px solid var(--wire);background:0 0}.forge-btn-ghost:hover{background:var(--lifted);color:var(--text);border-color:var(--wire-2)}.forge-live-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite forge-pulse;box-shadow:0 0 #1db95466}@keyframes forge-pulse{0%{box-shadow:0 0 #1db95466}70%{box-shadow:0 0 0 6px #1db95400}to{box-shadow:0 0 #1db95400}}.forge-skeleton{background:linear-gradient(90deg, var(--panel) 25%, var(--lifted) 50%, var(--panel) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite forge-shimmer}@keyframes forge-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.forge-divider{background:var(--wire);height:1px;margin:var(--sp-4) 0}.forge-scroll::-webkit-scrollbar{width:3px}.forge-scroll::-webkit-scrollbar-track{background:0 0}.forge-scroll::-webkit-scrollbar-thumb{background:var(--wire-2);border-radius:99px}*{scrollbar-width:thin;scrollbar-color:var(--wire-2) transparent}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--wire-2);border-radius:99px}@keyframes forge-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes forge-fade-in{0%{opacity:0}to{opacity:1}}@keyframes forge-slide-right{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.forge-fade-up{animation:.45s cubic-bezier(.16,1,.3,1) both forge-fade-up}.forge-fade-in{animation:.3s both forge-fade-in}.forge-slide-right{animation:.3s cubic-bezier(.16,1,.3,1) both forge-slide-right}.forge-delay-1{animation-delay:60ms}.forge-delay-2{animation-delay:.12s}.forge-delay-3{animation-delay:.18s}.forge-delay-4{animation-delay:.24s}.forge-delay-5{animation-delay:.3s}.forge-delay-6{animation-delay:.36s}.forge-shadow-card{background:var(--panel);border:1px solid var(--wire);border-radius:20px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 2px 8px #0006,0 8px 24px #0000004d}.forge-shadow-card:hover{border-color:var(--wire-2);transform:translateY(-1px);box-shadow:0 4px 16px #00000080,0 16px 40px #0006}.forge-glow-card{background:#1db9540f;border-radius:20px;box-shadow:0 0 0 1px #1db95433,0 4px 24px #1db9541a}.forge-warn-card{background:#f59e0b0f;border-radius:20px;box-shadow:0 0 0 1px #f59e0b33,0 4px 24px #f59e0b14}input:-webkit-autofill{caret-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--panel) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:hover{caret-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--panel) inset!important;-webkit-text-fill-color:var(--text)!important}input:-webkit-autofill:focus{caret-color:var(--text);-webkit-box-shadow:0 0 0 100px var(--panel) inset!important;-webkit-text-fill-color:var(--text)!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--steel);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation;font-family:inherit}input,textarea,select{touch-action:manipulation;font-family:inherit}*{touch-action:manipulation}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{padding-bottom:env(safe-area-inset-bottom,0)}html,body,#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--wire-2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--wire-3)}@media (width<=768px){::-webkit-scrollbar{width:2px}}