:root{--canvas:#0e0e0c;--surface:#161613;--raised:#201f1b;--line:#2e2d29;--fg:#ecebe6;--muted:#9b9990;--ember:#ff5f1f;--ember-text:#ff8a55;--typesafe:#f386a1;--live:#3ee07a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--canvas);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}main{position:fixed;inset:0}.pile{touch-action:none;position:absolute;inset:0}.top,.status,.credit,.me,.pill,.card{z-index:2;pointer-events:none}.bar{z-index:2}main:after{content:"";z-index:1;background:linear-gradient(to top, var(--canvas) 22%, transparent);pointer-events:none;height:210px;position:absolute;inset:auto 0 0}.top{text-align:center;position:absolute;inset:40px 24px auto}.top h1{color:var(--fg);letter-spacing:-.035em;margin:0;font-size:clamp(40px,9vw,104px);font-weight:600;line-height:.95}.top p{color:var(--muted);letter-spacing:-.005em;margin:12px 0 0;font-size:clamp(13px,1.5vw,15px);line-height:1}.bar{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;gap:8px;width:min(620px,100vw - 48px);padding:6px;display:flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}.field{flex:1;min-width:0;display:flex;position:relative}.bar input{min-width:0;color:var(--fg);font:inherit;background:0 0;border:0;border-radius:9px;flex:1;padding:10px 44px 10px 12px}.bar input::placeholder{color:var(--muted)}.bar input:focus{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:-1px}.bar .clear{opacity:0;width:38px;color:var(--muted);cursor:pointer;filter:blur(4px);pointer-events:none;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;transition-property:opacity,scale,filter,color,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;position:absolute;inset:0 0 0 auto;scale:.25}.bar .clear[aria-hidden=false]{opacity:1;filter:blur();pointer-events:auto;scale:1}.bar .clear:hover{background:var(--raised);color:var(--fg)}.bar .clear[aria-hidden=false]:active{scale:.96}.bar .clear:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:-1px}.bar .try{display:none}.bar button{background:var(--ember);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:9px;padding:10px 18px;font-weight:600}.bar button:disabled{background:var(--raised);color:var(--muted);cursor:default}.status{width:min(760px,100vw - 48px);color:var(--muted);text-align:center;justify-content:center;gap:10px;font-size:12px;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.status .warn{color:var(--ember-text)}.status .examples{pointer-events:auto}.status .examples button{border:0;border-bottom:1px dotted var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;margin:0 2px;padding:0}.status .examples button:hover{color:var(--fg)}.status .examples button:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:2px}.tries{overscroll-behavior:contain;border:1px solid var(--line);opacity:0;background:var(--surface);width:min(340px,100vw - 32px);color:var(--fg);font:inherit;transition-behavior:allow-discrete;border-radius:18px;margin:auto;padding:8px;font-size:14px;transition-property:opacity,scale,display,overlay;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);overflow-y:auto;scale:.96;box-shadow:0 18px 40px #0000008c}.tries:popover-open{opacity:1;transition-duration:.22s;scale:1}@starting-style{.tries:popover-open{opacity:0;scale:.96}}.tries::backdrop{background:0 0;transition-property:background;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.tries:popover-open::backdrop{background:#0000008c}.tries button{width:100%;min-height:44px;color:var(--muted);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;padding:10px 12px;transition-property:color,background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:block}@media (hover:hover){.tries button:hover{background:var(--raised);color:var(--fg)}}.tries button:active{scale:.96}.tries button:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:-1px}.pill{background:var(--raised);color:var(--fg);font-variant-numeric:tabular-nums;border-radius:999px;padding:1px 6px;font-size:11px;animation:.32s ease-out both appear;position:absolute;transform:translate(-50%)}@keyframes appear{0%{opacity:0;transform:translate(-50%,-4px)}}.card{z-index:3;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:300px;padding:12px 14px;font-size:13px;position:absolute;box-shadow:0 18px 40px #0000008c}.card strong{font-size:14px}.card .handle{color:var(--muted);margin-left:6px}.card ul{color:var(--muted);margin:8px 0 0;padding-left:16px}.card li+li{margin-top:7px}.card b{color:var(--fg);font-weight:600}.card .line{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.card .each{color:var(--ember-text);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.card .blurb{display:block}.card .mrr{color:var(--ember-text);font-variant-numeric:tabular-nums;gap:10px;margin:8px 0 0;display:flex}.card .mrr .total{color:var(--muted)}.card .more{color:var(--muted);margin:4px 0 0;font-size:12px}.what{z-index:2;background:color-mix(in srgb, var(--surface) 78%, transparent);color:var(--muted);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:5px 11px 5px 9px;font-size:12px;transition-property:color,border-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex;position:absolute;inset:16px auto auto 18px}.what:hover,.live:hover{border-color:var(--line);color:var(--fg)}.what:active,.live:active{scale:.96}.what:focus-visible,.live:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:2px}.live{z-index:2;isolation:isolate;background:color-mix(in srgb, var(--surface) 78%, transparent);max-width:calc(100vw - 220px);color:var(--muted);font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12px;text-decoration:none;transition-property:color,border-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);animation:.22s cubic-bezier(.2,0,0,1) both chip-in;display:flex;position:absolute;inset:16px 18px auto auto;overflow:visible}.live:before{content:"";z-index:-1;border-radius:inherit;background:inherit;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;inset:0}.live b{color:var(--fg);font-weight:600}.live .sep{color:var(--line)}.live .dot{background:var(--live);width:8px;height:8px;box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 55%, transparent);border-radius:999px;flex:none;animation:2.4s cubic-bezier(.2,0,0,1) infinite dot-ring;position:relative}@keyframes chip-in{0%{opacity:0;translate:0 -4px}}@keyframes dot-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--live) 45%, transparent)}45%{box-shadow:0 0 5px 5px color-mix(in srgb, var(--live) 28%, transparent)}80%,to{box-shadow:0 0 0 10px #0000}}@media (prefers-reduced-motion:reduce){.live,.live .dot{animation:none}.live .dot{box-shadow:none}}@media (max-width:640px){.live{inset:calc(10px + env(safe-area-inset-top,0px)) 12px auto auto;max-width:calc(100vw - 66px)}}.about{border:1px solid var(--line);opacity:0;background:var(--surface);width:min(430px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);transition-behavior:allow-discrete;border-radius:18px;margin:auto;padding:24px;font-size:14px;line-height:1.5;transition-property:opacity,scale,display,overlay;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);overflow-y:auto;scale:.96;box-shadow:0 18px 40px #0000008c}.about:popover-open{opacity:1;transition-duration:.22s;scale:1}@starting-style{.about:popover-open{opacity:0;scale:.96}}.about::backdrop{background:0 0;transition:background .15s cubic-bezier(.2,0,0,1)}.about:popover-open::backdrop{background:#0000008c}.about h2{letter-spacing:-.02em;margin:0 40px 10px 0;font-size:19px;font-weight:600;line-height:1.2}.about h3{color:var(--fg);letter-spacing:.02em;text-transform:uppercase;margin:20px 0 4px;font-size:13px;font-weight:600}.about p{color:var(--muted);margin:0}.about b{color:var(--ember-text);font-variant-numeric:tabular-nums;font-weight:600}.about a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--fg) 45%, transparent);text-underline-offset:3px;transition-property:color,text-decoration-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.about a:hover{-webkit-text-decoration-color:var(--ember-text);text-decoration-color:var(--ember-text)}.about a.out{color:var(--ember-text);-webkit-text-decoration-color:color-mix(in srgb, var(--ember-text) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--ember-text) 55%, transparent);white-space:nowrap}.about a.out:hover{color:var(--ember);-webkit-text-decoration-color:var(--ember);text-decoration-color:var(--ember)}.about .arrow{vertical-align:1px;margin-left:3px;font-size:11px;display:inline-block}.about a:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:2px;border-radius:3px}.about .close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:0;transition-property:color,background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;position:absolute;inset:12px 12px auto auto}.about .close:hover{background:var(--raised);color:var(--fg)}.about .close:active{scale:.96}.about .close:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:-1px}.me{align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;inset:auto 18px 8px auto}.me a{background:color-mix(in srgb, var(--surface) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);pointer-events:auto;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:4px 9px;text-decoration:none;transition:color .15s,border-color .15s;display:flex}.me a:hover{border-color:var(--line);color:var(--fg)}.me b{color:var(--fg);font-weight:600}.me .face{background-image:url(/atlas.webp);border-radius:50%}.me .jev,.me .jev b,.me .jev:hover{color:#fff}.me .jev{background:var(--typesafe)}.me .jev:hover{background:color-mix(in srgb, var(--typesafe) 88%, #fff);border-color:#0000}.me .arrow{margin-left:-2px;transition:transform .15s}.me .jev:hover .arrow{transform:translate(2px,-2px)}@media (prefers-reduced-motion:reduce){.me .arrow{transition:none}}.wall{border:1px solid var(--line);background:var(--surface);max-width:min(460px,100vw - 32px);color:var(--fg);font:inherit;border-radius:20px;margin:auto;padding:22px;box-shadow:0 24px 70px #0009}.wall::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0606059e}.wall h2{letter-spacing:-.02em;margin:0 0 10px;font-size:21px;font-weight:600}.wall p{color:var(--muted);margin:0 0 10px;font-size:14px}.wall .free{color:var(--fg);margin-top:18px}.wall .picks{flex-wrap:wrap;gap:7px;display:flex}.wall .picks button{border:1px solid var(--line);background:var(--raised);color:var(--muted);font:inherit;text-align:start;cursor:pointer;border-radius:9px;padding:6px 11px;font-size:13px;transition:border-color .15s,color .15s}.wall .picks button:hover{border-color:color-mix(in srgb, var(--ember) 55%, var(--line));color:var(--fg)}.wall .row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;padding-top:16px;display:flex}.wall .go{background:var(--ember);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:11px;padding:9px 16px;font-weight:600;transition:scale .15s}.wall .go:active{scale:.96}.share{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:4px 8px;display:inline-flex}.share .lead{color:var(--muted)}.share button,.share a{border:0;border-bottom:1px dotted var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:0;text-decoration:none;transition:border-color .15s,color .15s}.share button:hover,.share a:hover{border-color:var(--ember);color:var(--ember-text)}.share a strong{font-weight:600}.share .arrow{opacity:.6;margin-left:2px}.wall .share{font-size:13px}@media (prefers-reduced-motion:reduce){.wall .go,.wall .picks button,.share button,.share a{transition:none}}.credit{color:#56544e;text-align:start;max-width:calc(100% - 420px);font-size:11px;position:absolute;inset:auto auto 12px 18px}@media (max-width:1100px){.credit{text-align:center;max-width:none;inset:auto 16px 10px}.me{justify-content:center;inset:auto 0 48px}.status{bottom:84px}.bar{bottom:118px}}.credit a{color:inherit;pointer-events:auto}@media (max-width:640px){.what{inset:calc(10px + env(safe-area-inset-top,0px)) auto auto 12px;padding:7px}.what .label{display:none}.about{padding:20px}.me{justify-content:center;gap:6px;font-size:11px;inset:auto 0 56px}.me a{padding:4px 8px}.top{inset:calc(58px + env(safe-area-inset-top,0px)) 16px auto}.bar,.status{--dock:calc(168px + env(safe-area-inset-bottom,0px));--rise:calc(var(--dock) + 28px - 50dvh)}.bar{bottom:var(--dock);width:calc(100vw - 32px);transform:translate(-50%, var(--rise));padding:5px}.status{bottom:calc(120px + env(safe-area-inset-bottom,0px));width:calc(100vw - 32px);transform:translate(-50%, var(--rise));flex-wrap:wrap;row-gap:8px}.bar.docked,.status.docked{transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.bar,.status{transition-property:transform;transition-duration:.32s;transition-timing-function:cubic-bezier(.2,0,0,1)}}.card{pointer-events:auto;width:min(300px,100vw - 24px)}.status .examples{display:none}.bar .try{width:38px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:9px;place-items:center;padding:0;font-weight:400;transition-property:color,background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid;position:absolute;inset:0 auto 0 0}.bar input{padding-left:38px}@media (hover:hover){.bar .try:hover{background:var(--raised);color:var(--fg)}}.bar .try:active{scale:.96}.bar .try:focus-visible{outline:2px solid color-mix(in srgb, var(--ember-text) 60%, transparent);outline-offset:-1px}.bar:has(+.tries:popover-open) .try{background:var(--raised);color:var(--fg)}.bar:has(+.tries:popover-open) .try svg path{fill:currentColor;stroke:none}.credit{inset:auto 16px max(14px, env(safe-area-inset-bottom,0px));font-size:10px}}@media (prefers-reduced-motion:reduce){.pill{animation:none}.bar .clear{filter:none;transition-property:opacity,color,background-color;scale:1}.about,.tries{transition-property:opacity,display,overlay;scale:1}@starting-style{:is(.about:popover-open,.tries:popover-open){scale:1}}.tries button,.bar .try{transition-property:color,background-color;scale:1}}