@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter+Tight:wght@300;400;500;600;700&display=swap";:root{--bg:oklch(13% .012 240);--bg-2:oklch(16% .014 240);--bg-3:oklch(19% .016 240);--line:oklch(28% .02 240);--line-2:oklch(34% .025 240);--ink:oklch(96% .01 240);--ink-2:oklch(78% .015 240);--ink-3:oklch(55% .02 240);--ink-4:oklch(40% .022 240);--acid:oklch(86% .2 145);--acid-d:oklch(55% .22 145);--amber:oklch(82% .16 78);--amber-d:oklch(55% .18 78);--red:oklch(68% .24 25);--magenta:oklch(72% .24 330);--acid-fallback:oklch(86% .2 145);--amber-fallback:oklch(82% .16 78);--magenta-fallback:oklch(72% .24 330);--brand-primary:var(--acid-fallback);--mono:"JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace;--sans:"Inter Tight", "Geist", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body,#root{height:100%;margin:0;padding:0}html,body{background:var(--tg-bg-color,#0a0c0f);color:var(--tg-text-color,var(--ink));font-family:var(--sans);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.scr{background:var(--bg);width:100%;min-height:100dvh;color:var(--ink);font-family:var(--mono);flex-direction:column;display:flex;position:relative;overflow:hidden}.scr:before{content:"";pointer-events:none;z-index:100;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),radial-gradient(120% 80% at 50% 0,#0000 55%,#0006 100%);position:fixed;inset:0}.scr:after{content:"";background:radial-gradient(60% 40% at 50% 20%, color-mix(in oklch, var(--acid) 6%, transparent), transparent 70%);pointer-events:none;z-index:1;position:fixed;inset:0}.scr>*{z-index:2;position:relative}.statusbar{font-family:var(--mono);color:var(--ink);letter-spacing:.5px;justify-content:space-between;align-items:center;padding:14px 20px 8px;font-size:12px;font-weight:600;display:flex}.statusbar .icons{align-items:center;gap:6px;display:flex}.topbar{font-family:var(--mono);color:var(--ink-3);border-bottom:1px dashed var(--line);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:8px 16px 12px;font-size:11px;display:flex}.topbar .dot{background:var(--acid);width:6px;height:6px;box-shadow:0 0 8px var(--acid), 0 0 16px var(--acid-d);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.h-display{font-family:var(--mono);letter-spacing:-.02em;color:var(--ink);font-size:32px;font-weight:700;line-height:1}.h-1{font-family:var(--mono);letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:1.1}.h-2{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:16px;font-weight:600}.label{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.mono-num{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line-2);background:var(--bg-2);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:14px 18px;font-size:13px;font-weight:600;transition:background .15s,box-shadow .15s;display:inline-flex;position:relative}.btn-primary{background:var(--acid);color:#061008;border-color:var(--acid);box-shadow:0 0 0 1px var(--acid), 0 0 24px color-mix(in oklch, var(--acid) 40%, transparent)}.btn-primary:hover,.btn-primary:active{box-shadow:0 0 0 1px var(--acid), 0 0 36px color-mix(in oklch, var(--acid) 70%, transparent)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{border:1px solid var(--line-2);color:var(--ink-2);background:0 0}.btn-ghost:hover{border-color:var(--acid);color:var(--acid)}.btn-block{width:100%}.inp{background:var(--bg-3);border:1px solid var(--line-2);width:100%;color:var(--ink);font-family:var(--mono);outline:none;padding:12px 14px;font-size:14px}.inp:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid), 0 0 16px color-mix(in oklch, var(--acid) 30%, transparent)}.panel{background:var(--bg-2);border:1px solid var(--line);position:relative}.panel-header{border-bottom:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.15em;color:var(--ink-3);background:linear-gradient(180deg, var(--bg-3), var(--bg-2));justify-content:space-between;align-items:center;padding:10px 12px;font-size:10px;display:flex}.panel-body{padding:14px 12px}.corners:before,.corners:after,.corners>.tl,.corners>.tr{content:"";border:1px solid var(--acid);pointer-events:none;width:8px;height:8px;position:absolute}.corners:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.corners:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.corners>.tl{border-bottom:0;border-left:0;top:-1px;right:-1px}.corners>.tr{border-top:0;border-right:0;bottom:-1px;left:-1px}.chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line-2);color:var(--ink-2);background:var(--bg-3);align-items:center;gap:6px;padding:3px 8px;font-size:10px;display:inline-flex}.chip.acid{color:var(--acid);border-color:color-mix(in oklch, var(--acid) 50%, var(--line))}.chip.amber{color:var(--amber);border-color:color-mix(in oklch, var(--amber) 50%, var(--line))}.chip.red{color:var(--red);border-color:color-mix(in oklch, var(--red) 50%, var(--line))}.tabbar{border-top:1px solid var(--line);background:var(--bg);flex-shrink:0;grid-template-columns:repeat(5,1fr);padding-bottom:18px;display:grid}.tabbar a{font-family:var(--mono);text-transform:uppercase;color:var(--ink-3);letter-spacing:.1em;border-right:1px solid var(--line);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:9px;display:flex;position:relative}.tabbar a:last-child{border-right:0}.tabbar a.active{color:var(--acid);background:linear-gradient(180deg, color-mix(in oklch, var(--acid) 10%, transparent), transparent)}.tabbar a.active:before{content:"";background:var(--acid);height:2px;box-shadow:0 0 8px var(--acid);position:absolute;top:0;left:0;right:0}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-t);pointer-events:none;width:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--magenta);mix-blend-mode:screen;opacity:.6;transform:translate(1px)}.glitch:after{color:var(--acid);mix-blend-mode:screen;opacity:.6;transform:translate(-1px)}.ascii{font-family:var(--mono);white-space:pre;color:var(--acid);letter-spacing:0;font-size:11px;line-height:1.1}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.grow{flex:auto;min-height:0}.center{justify-content:center;align-items:center;display:flex}.between{justify-content:space-between;align-items:center;display:flex}.acid{color:var(--acid)}.amber{color:var(--amber)}.red{color:var(--red)}.muted{color:var(--ink-3)}.muted-2{color:var(--ink-4)}.upper{text-transform:uppercase;letter-spacing:.1em}.bar{background:var(--bg-3);border:1px solid var(--line);height:4px;position:relative;overflow:hidden}.bar>i{background:linear-gradient(90deg, var(--acid-d), var(--acid));box-shadow:0 0 12px var(--acid);position:absolute;top:0;bottom:0;left:0}.bar>i.amber{background:linear-gradient(90deg, var(--amber-d), var(--amber));box-shadow:0 0 12px var(--amber)}.bar>i.red{background:linear-gradient(90deg, color-mix(in oklch, var(--red) 50%, black), var(--red));box-shadow:0 0 12px var(--red)}.skeleton{background:linear-gradient(90deg, var(--bg-3) 0%, color-mix(in oklch, var(--acid) 6%, var(--bg-3)) 50%, var(--bg-3) 100%);border:1px solid var(--line);background-size:200% 100%;animation:1.4s linear infinite skel-shimmer}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.hr{background:var(--line);border:none;height:1px;margin:0}.hr-d{background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 8px);border:none;height:1px;margin:0}::-webkit-scrollbar{width:0;height:0}.scroll{-webkit-overflow-scrolling:touch;overflow:hidden auto}.grid-2{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.grid-2>*{background:var(--bg-2);padding:10px 12px}@media (width>=900px){body.with-phone-frame{background:#0a0c0f;justify-content:center;align-items:center;display:flex}body.with-phone-frame #root{background:var(--bg);border-radius:44px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #1a1c20,0 0 0 10px #0a0a0c,0 40px 80px #0009}}