@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_f4073d44-module__NfKI1W__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_f4073d44-module__NfKI1W__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_8dec50e9-module__V6cRDq__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_8dec50e9-module__V6cRDq__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg:#f0f2ff;--bg-deep:#e8eaf6;--surface:#ffffffbf;--surface-hover:#fffffff2;--border:#6366f11f;--border-glow:#6366f159;--text-1:#0f0f1a;--text-2:#6366f1;--text-3:#64748b;--accent-1:#6366f1;--accent-2:#8b5cf6;--accent-3:#06b6d4;--accent-4:#10b981;--accent-5:#f43f5e;--accent-6:#f59e0b;--glow-1:#6366f126;--glow-2:#8b5cf61f;--shadow:0 8px 32px #6366f114;--shadow-hover:0 20px 60px #6366f12e;--radius:24px;--radius-sm:16px;--radius-xs:10px}[data-theme=dark]{--bg:#06060f;--bg-deep:#0c0c1d;--surface:#0f0f23b3;--surface-hover:#141432e6;--border:#6366f126;--border-glow:#8b5cf680;--text-1:#f0f0ff;--text-2:#a5b4fc;--text-3:#64748b;--accent-1:#818cf8;--accent-2:#a78bfa;--accent-3:#22d3ee;--accent-4:#34d399;--accent-5:#fb7185;--accent-6:#fbbf24;--glow-1:#6366f140;--glow-2:#8b5cf633;--shadow:0 8px 40px #00000080;--shadow-hover:0 20px 80px #6366f140}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text-1);min-height:100vh;font-family:Outfit,system-ui,sans-serif;transition:background .4s,color .4s;position:relative;overflow-x:hidden}.bg-canvas{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.5;will-change:transform;border-radius:50%;transition:opacity .4s;position:absolute}.bg-orb-1{background:radial-gradient(circle,#6366f1 0%,#0000 70%);width:700px;height:700px;animation:30s ease-in-out infinite alternate orb-drift-1;top:-20%;left:-15%}.bg-orb-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite alternate orb-drift-2;bottom:-10%;right:-10%}.bg-orb-3{opacity:.2;background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:400px;height:400px;animation:35s ease-in-out infinite alternate orb-drift-3;top:40%;left:45%}[data-theme=dark] .bg-orb{opacity:.35}@keyframes orb-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(8%,10%)scale(1.15)}}@keyframes orb-drift-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-6%,-8%)scale(.9)}}@keyframes orb-drift-3{0%{transform:translate(0)scale(1)}to{transform:translate(-10%,5%)scale(1.2)}}.bg-grid{background-image:linear-gradient(#6366f10a 1px,#0000 1px),linear-gradient(90deg,#6366f10a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.page-root{z-index:1;max-width:1300px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.glass{background:var(--surface);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s;position:relative;overflow:hidden}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.glass:hover{box-shadow:var(--shadow-hover);border-color:var(--border-glow);transform:translateY(-6px)scale(1.005)}.glass-glow{box-shadow:var(--shadow), 0 0 0 1px #6366f133, inset 0 1px 0 #ffffff1a}.topbar{justify-content:space-between;align-items:center;margin-bottom:2.5rem;animation:.7s cubic-bezier(.16,1,.3,1) slide-down;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent-1), var(--accent-2));border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;animation:3s ease-in-out infinite icon-pulse;display:flex;box-shadow:0 4px 16px #6366f166}@keyframes icon-pulse{0%,to{box-shadow:0 4px 16px #6366f166}50%{box-shadow:0 4px 28px #6366f1b3,0 0 0 6px #6366f114}}.brand-text h1{letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-1) 40%, var(--accent-1) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.brand-text p{color:var(--text-3);margin-top:.1rem;font-size:.8rem}.topbar-actions{align-items:center;gap:.625rem;display:flex}.badge{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-live{color:var(--accent-4);background:#10b9811a;border:1px solid #10b98140}.badge-live .badge-dot{background:var(--accent-4);animation:1.5s cubic-bezier(0,0,.2,1) infinite ping}.badge-demo{color:var(--accent-5);background:#f43f5e1a;border:1px solid #f43f5e40}.badge-demo .badge-dot{background:var(--accent-5)}@keyframes ping{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.icon-btn{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--text-1);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:12px;justify-content:center;align-items:center;transition:all .25s;display:flex}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border-glow);transform:scale(1.08);box-shadow:0 6px 20px #6366f133}.icon-btn:active{transform:scale(.96)}.notice-banner{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1.1rem 1.4rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both slide-down;display:flex}.notice-demo{background:linear-gradient(135deg,#f43f5e0d,#8b5cf60d);border-color:#f43f5e33}.notice-error{background:#ef44440f;border-color:#ef444440}.notice-icon{flex-shrink:0;margin-top:.1rem;font-size:1.25rem}.notice-title{color:var(--text-1);margin-bottom:.2rem;font-size:.9rem;font-weight:700}.notice-body{color:var(--text-3);font-size:.82rem;line-height:1.5}.notice-body code{color:var(--accent-1);background:#6366f11a;border-radius:4px;padding:.15rem .4rem;font-family:JetBrains Mono,monospace;font-size:.78rem}.stats-row{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem;animation:.7s cubic-bezier(.16,1,.3,1) .15s both slide-up;display:grid}@media (max-width:700px){.stats-row{grid-template-columns:1fr}}.stat-card{border-radius:var(--radius-sm);padding:1.6rem 1.75rem;position:relative;overflow:hidden}.stat-card-accent{opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.stat-card:hover .stat-card-accent{opacity:1}.stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:flex}.stat-label-dot{border-radius:50%;width:7px;height:7px}.stat-value{letter-spacing:-.03em;font-feature-settings:"tnum";font-size:2.1rem;font-weight:900;line-height:1}.stat-sub{color:var(--text-3);margin-top:.6rem;font-size:.78rem}.stat-card-remaining .stat-value{background:linear-gradient(135deg, var(--accent-1), var(--accent-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.stat-card-total .stat-value{color:var(--text-1)}.stat-card-used .stat-value{color:var(--text-3)}.stat-bar-wrap{background:var(--border);border-radius:99px;height:4px;margin-top:1.25rem;overflow:hidden}.stat-bar-fill{border-radius:99px;height:100%;transition:width 1.4s cubic-bezier(.16,1,.3,1)}.main-grid{grid-template-columns:340px 1fr;gap:1.5rem;margin-bottom:1.5rem;animation:.7s cubic-bezier(.16,1,.3,1) .25s both slide-up;display:grid}@media (max-width:960px){.main-grid{grid-template-columns:1fr}}.ring-card{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:2rem 1.75rem;display:flex}.ring-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.ring-wrap{width:220px;height:220px;margin:.5rem 0 1rem;position:relative}.ring-svg{overflow:visible;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--border);stroke-width:12px}.ring-progress{fill:none;stroke-width:12px;stroke-linecap:round;stroke:url(#ring-grad);filter:drop-shadow(0 0 8px #6366f199);transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1)}.ring-glow{fill:none;stroke-width:24px;stroke-linecap:round;stroke:url(#ring-grad);opacity:.08;transition:stroke-dashoffset 1.6s cubic-bezier(.16,1,.3,1)}.ring-center{flex-direction:column;align-items:center;gap:.15rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-pct{letter-spacing:-.04em;background:linear-gradient(135deg, var(--accent-1), var(--accent-3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.75rem;font-weight:900;line-height:1}.ring-pct-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-size:.7rem;font-weight:600}.ring-amount{letter-spacing:-.03em;color:var(--text-1);margin-bottom:.25rem;font-size:2rem;font-weight:800}.ring-limit-row{color:var(--text-3);background:var(--border);border-radius:99px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.25rem;font-size:.8rem;display:flex}.ring-limit-row strong{color:var(--text-1);font-weight:700}.usage-panel{padding:1.75rem}.usage-panel-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.72rem;font-weight:700;display:flex}.usage-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (max-width:480px){.usage-grid{grid-template-columns:1fr}}.usage-cell{border:1px solid var(--border);border-radius:var(--radius-sm);background:#6366f108;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.usage-cell:after{content:"";background:var(--cell-accent,linear-gradient(90deg, var(--accent-1), var(--accent-2)));border-radius:0 0 var(--radius-sm) var(--radius-sm);height:2px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.usage-cell:hover:after{transform:scaleX(1)}.usage-cell:hover{border-color:var(--border-glow);background:#6366f10f;transform:translateY(-3px)}.cell-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cell-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:.72rem;font-weight:700}.cell-icon{border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cell-value{letter-spacing:-.02em;color:var(--text-1);font-feature-settings:"tnum";margin-bottom:.8rem;font-size:1.35rem;font-weight:800}.cell-bar{background:var(--border);border-radius:99px;height:5px;overflow:hidden}.cell-bar-fill{border-radius:99px;height:100%;transition:width 1.4s cubic-bezier(.16,1,.3,1)}.page-footer{color:var(--text-3);justify-content:center;align-items:center;gap:.5rem;margin-top:2.5rem;font-size:.75rem;animation:.7s cubic-bezier(.16,1,.3,1) .4s both slide-up;display:flex}.footer-dot{background:var(--text-3);opacity:.5;border-radius:50%;width:4px;height:4px}@keyframes slide-down{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}.loading-screen{min-height:100vh;color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;font-size:.85rem;font-weight:600;display:flex}.loading-ring{border:3px solid var(--border);border-top-color:var(--accent-1);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin;box-shadow:0 0 16px #6366f14d}