@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#f1f4ed;background:#09100f;margin:0;font-family:Space Grotesk,sans-serif}button{font:inherit}main.svelte-1uha8ag{min-height:100vh;position:relative;overflow:hidden}.shell.svelte-1uha8ag{z-index:1;max-width:880px;margin:0 auto;padding:12vh 28px 64px;position:relative}.glow.svelte-1uha8ag{filter:blur(100px);opacity:.18;border-radius:50%;width:300px;height:300px;position:absolute}.glow-one.svelte-1uha8ag{background:#2cdd9b;top:100px;left:-140px}.glow-two.svelte-1uha8ag{background:#ba7cff;bottom:40px;right:-140px}.eyebrow.svelte-1uha8ag{color:#7fe7ba;letter-spacing:.08em;text-transform:uppercase;align-items:center;font-family:DM Mono,monospace;font-size:12px;display:flex}.eyebrow.svelte-1uha8ag span:where(.svelte-1uha8ag){background:#61e6ab;border-radius:50%;width:7px;height:7px;margin-right:9px;box-shadow:0 0 15px #61e6ab}h1.svelte-1uha8ag{letter-spacing:-.07em;max-width:710px;margin:25px 0 24px;font-size:clamp(45px,8vw,84px);line-height:.95}.intro.svelte-1uha8ag{color:#a3b0a8;max-width:650px;margin:0;font-size:17px;line-height:1.7}code.svelte-1uha8ag{color:#d8f7e8;font-family:DM Mono,monospace;font-size:.88em}.controls.svelte-1uha8ag{flex-wrap:wrap;align-items:center;gap:12px;margin:44px 0 24px;display:flex}button.svelte-1uha8ag{cursor:pointer;border:1px solid #2e3d38;border-radius:9px;padding:12px 16px;font-size:13px;transition:all .2s}button.svelte-1uha8ag:hover{transform:translateY(-1px)}button.svelte-1uha8ag:disabled{cursor:wait;opacity:.5}.primary.svelte-1uha8ag{color:#092118;background:#bcffdb;border-color:#bcffdb;font-weight:600}.secondary.svelte-1uha8ag{color:#d7e4de;background:#111b19}.live-indicator.svelte-1uha8ag{color:#82918a;align-items:center;margin-right:auto;font-family:DM Mono,monospace;font-size:12px;display:flex}.live-indicator.active.svelte-1uha8ag{color:#81e6b6}.pulse.svelte-1uha8ag{background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:8px}.active.svelte-1uha8ag .pulse:where(.svelte-1uha8ag){box-shadow:0 0 0 5px #4ee49b14}.cards.svelte-1uha8ag{grid-template-columns:1fr 1fr;gap:16px;display:grid}.value-card.svelte-1uha8ag{background:#101a18cc;border:1px solid #273631;border-radius:14px;min-height:190px;padding:25px}.write-card.svelte-1uha8ag{border-color:#255948}.read-card.svelte-1uha8ag{border-color:#4b3b69}.card-label.svelte-1uha8ag{color:#a4b4ac;text-transform:uppercase;font-family:DM Mono,monospace;font-size:11px}.dot.svelte-1uha8ag{border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.write-dot.svelte-1uha8ag{background:#5ce5a5}.read-dot.svelte-1uha8ag{background:#c28aff}.value.svelte-1uha8ag{color:#f7fff9;text-overflow:ellipsis;white-space:nowrap;margin:42px 0 12px;font-family:DM Mono,monospace;font-size:clamp(20px,4vw,30px);overflow:hidden}.value-card.svelte-1uha8ag p:where(.svelte-1uha8ag){color:#708078;margin:0}.activity.svelte-1uha8ag{border-bottom:1px solid #25322e;justify-content:space-between;align-items:center;padding:22px 4px;display:flex}.activity-label.svelte-1uha8ag{color:#718078;text-transform:uppercase;margin-bottom:6px;font-family:DM Mono,monospace;font-size:10px;display:block}.activity.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-size:15px;font-weight:500}.activity-meta.svelte-1uha8ag{color:#718078;text-align:right;flex-direction:column;gap:5px;font-family:DM Mono,monospace;font-size:10px;display:flex}.error.svelte-1uha8ag{color:#ffb6bc;background:#301b1d;border:1px solid #7d3d45;border-radius:8px;margin-top:18px;padding:12px 14px;font-family:DM Mono,monospace;font-size:12px}footer.svelte-1uha8ag{color:#62716a;margin-top:30px;font-family:DM Mono,monospace;font-size:11px}footer.svelte-1uha8ag code:where(.svelte-1uha8ag){color:#91a49a}.separator.svelte-1uha8ag{margin:0 9px}@media (width<=600px){.shell.svelte-1uha8ag{padding:60px 20px 40px}.cards.svelte-1uha8ag{grid-template-columns:1fr}.value-card.svelte-1uha8ag{min-height:150px}.value.svelte-1uha8ag{margin-top:28px}.activity.svelte-1uha8ag{flex-direction:column;align-items:flex-start;gap:16px}.activity-meta.svelte-1uha8ag{text-align:left}.live-indicator.svelte-1uha8ag{flex-basis:100%;margin-bottom:4px}}