@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,.mp-dark{--page:radial-gradient(900px 600px at 88% -10%, #0a84ff38, transparent 60%), radial-gradient(700px 520px at -8% 108%, #5e5ce633, transparent 60%), #07080b;--text:#f5f5f7;--muted:#ebebf5a8;--glass:#ffffff0e;--glass-border:#ffffff17;--glass-hi:#ffffff0f;--line:#ffffff12;--fill:#ffffff0f;--fill-2:#ffffff1f;--accent:#0a84ff;--accent-hover:#3a9bff;--accent-soft:#0a84ff2e;--accent-mid:#0a84ff73;--nav-on:#0a84ff33;--link:#64b5ff;--red:#ff6961;--red-tint:#ff696124;--buffer-border:#ff696152;--yellow:#ffd60a;--yellow-tint:#ffd60a24;--green:#30d158;--green-tint:#30d15821;--orange:#ff9f0a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.mp-light{--page:radial-gradient(900px 600px at 88% -10%, #007aff24, transparent 60%), radial-gradient(700px 520px at -8% 108%, #5856d61f, transparent 60%), #eef0f5;--text:#1d1d1f;--muted:#3c3c43c7;--glass:#ffffff9e;--glass-border:#00000014;--glass-hi:#ffffffd9;--line:#00000014;--fill:#0000000d;--fill-2:#0000001a;--accent:#007aff;--accent-hover:#0062cc;--accent-soft:#007aff1f;--accent-mid:#007aff66;--nav-on:#007aff21;--link:#0062cc;--red:#c9001a;--red-tint:#ff3b301f;--buffer-border:#ff3b3059;--yellow:#8a4d00;--yellow-tint:#ffcc0038;--green:#1e7a35;--green-tint:#34c75926;--orange:#ff9500;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:var(--link)}a:hover{color:var(--accent)}.app{min-height:100vh;color:var(--text);background:var(--page);flex-wrap:wrap;align-items:flex-start;gap:24px;padding:24px;font-family:Inter,system-ui,sans-serif;display:flex}.app>main{flex-direction:column;flex:999 560px;gap:24px;min-width:0;display:flex}.glass{background:var(--glass);-webkit-backdrop-filter:blur(28px)saturate(160%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi);border-radius:18px}.card{padding:20px 24px}.num{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}.muted{color:var(--muted)}h1{letter-spacing:-.02em;margin:4px 0 0;font-size:32px;font-weight:700}h2{margin:0;font-size:18px;font-weight:600}.sidebar{flex-direction:column;flex:220px;gap:4px;padding:16px;display:flex}.brand{align-items:center;gap:10px;padding:6px 12px 18px;font-size:16px;font-weight:700;display:flex}.brand-mark{background:var(--accent);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.nav{width:100%;min-height:44px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font:400 14px Inter,system-ui,sans-serif;text-decoration:none;display:flex}.nav:hover{background:var(--line);color:var(--text)}.nav[aria-current=page]{background:var(--nav-on);color:var(--text)}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.btn{border:1px solid var(--fill-2);background:var(--fill);min-height:40px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font:500 14px Inter,system-ui,sans-serif;text-decoration:none;display:inline-flex}.btn:hover{background:var(--fill-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.seg{background:var(--fill);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.seg button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 14px;font:500 14px Inter,system-ui,sans-serif}.seg button[aria-pressed=true]{background:var(--accent);color:#fff}.field{flex-direction:column;gap:6px;font-size:13px;display:flex}.input{border:1px solid var(--fill-2);background:var(--fill);min-height:40px;color:var(--text);border-radius:10px;padding:0 10px;font:500 14px JetBrains Mono,ui-monospace,monospace}.input:focus,.btn:focus-visible,.nav:focus-visible,.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.plan-row{border-top:1px solid var(--line);grid-template-columns:minmax(220px,1.4fr) 96px 130px minmax(240px,2fr);align-items:center;gap:14px;padding:10px 0;display:grid}.track{background:var(--fill);border-radius:6px;height:20px;position:relative}.track>span{position:absolute}.line{justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.scroll-x{overflow-x:auto}
