.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}:root{--bg: #0e0f12;--bg-2: #181a20;--bg-3: #20232b;--fg: #e8eaee;--fg-dim: #9aa1ac;--accent: #ef4136;--accent-dim: #b62f26;--green: #4ed16a;--yellow: #f5c542;--red: #f06262;--border: #2c2f3a;--bg-4: #262937;--bg-5: #2f3243;--border-2: #454a5d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;background:var(--bg-4);color:var(--fg);border:1px solid var(--border-2);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover{background:var(--bg-5)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent-dim);font-weight:600}button.primary:hover{background:var(--accent-dim);color:var(--fg)}button.danger:hover{background:#3a1a1a;border-color:var(--red);color:var(--red)}input[type=text]{font:inherit;background:var(--bg-4);color:var(--fg);border:1px solid var(--border-2);border-radius:6px;padding:6px 10px}.app{display:flex;flex-direction:column;height:100%}.app__header{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border-2);background:var(--bg-2)}.app__brand{font-weight:700;letter-spacing:.02em}.app__brand .accent{color:var(--accent)}.app__tabs{display:flex;align-items:center;gap:4px;margin-left:16px}.tab{font:inherit;background:transparent;color:var(--fg-dim);border:1px solid transparent;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:13px}.tab:hover{background:var(--bg-4);color:var(--fg)}.tab--active{background:var(--bg-4);color:var(--accent);border-color:var(--border-2)}.app__main{flex:1;min-height:0}.app__main[hidden]{display:none}.app__main--envs{display:grid;grid-template-columns:320px 1fr}.app__main--iframe{display:block;position:relative}.app__main--iframe iframe{position:absolute;top:0;right:0;bottom:0;left:0}.envs{border-right:1px solid var(--border-2);overflow-y:auto;background:var(--bg-4)}.envs__top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 30px;border-bottom:1px solid var(--border-2);background:var(--bg-5)}.envs__top h2{margin:0;font-size:14px;font-weight:600}.env{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border-2);cursor:pointer}.env:hover{background:var(--bg-5)}.env.active{background:var(--bg-5);border-left:3px solid var(--accent);padding-left:9px}@keyframes squonk-active-pulse{0%,to{box-shadow:inset 0 0 0 1px #4ed16a59}50%{box-shadow:inset 0 0 0 1px #4ed16ad9}}.env--pulsing{animation:squonk-active-pulse 1.6s ease-in-out infinite}.env__flags{display:inline-flex;align-items:center;gap:4px}.env__flag{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:9px;font-size:10px;font-weight:700;line-height:1;color:#fff;flex-shrink:0}.env__flag--fail{background:var(--red)}.env__flag--question{background:var(--yellow);color:#1a1a1a}.env__flag--unread{background:var(--red)}.env__slug{flex:1;font-weight:500}.env__owner{color:var(--fg-dim);font-size:12px}.env__pill{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid var(--border-2);background:var(--bg-4);font-size:12px;line-height:1;cursor:pointer;flex-shrink:0;padding:0}button.env__pill:hover{background:var(--bg-5);filter:brightness(1.2)}.env__pill--feature{border-color:var(--green);color:var(--green)}.env__pill--issue{border-color:var(--red);color:var(--red)}.env__pill--task{border-color:var(--accent);color:var(--accent)}.env__pill--ticket{border-color:var(--accent);color:var(--fg)}.env__pill--adhoc{border-style:dashed;border-color:var(--border);color:var(--fg-dim);cursor:default}.env__more{margin-left:auto;opacity:0;transition:opacity .1s}.env:hover .env__more,.env__more:focus-within{opacity:1}.env__more-btn{background:transparent;border:1px solid transparent;color:var(--fg-dim);width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1;padding:0}.env__more-btn:hover{background:var(--bg-5);color:var(--fg);border-color:var(--border-2)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border)}.badge.starting{color:var(--yellow);border-color:var(--yellow)}.badge.running{color:var(--green);border-color:var(--green)}.badge.stopping{color:var(--yellow);border-color:var(--yellow)}.badge.stopped{color:var(--fg-dim)}.badge.error{color:var(--red);border-color:var(--red)}.detail{display:flex;flex-direction:column;min-height:0}.detail__bar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border-2);background:var(--bg-5)}.detail__bar h3{margin:0;flex:1;font-size:14px}.detail__iframe{flex:1;border:none;background:#fff}.detail__popout{padding:4px 8px;font-size:14px;line-height:1}.detail__placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--fg-dim);text-align:center;padding:32px}.systemfs{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}.systemfs__bar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-2);background:var(--bg-2)}.systemfs__slug{color:var(--fg-dim);font-size:13px}.systemfs .services-panel{max-width:720px;width:100%;margin:0 auto}.services-panel{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.services-panel--message{align-items:center;justify-content:center;color:var(--fg-dim);text-align:center}.services-panel__primary{display:flex;align-items:baseline;gap:10px;padding:10px 14px;border:1px solid var(--border-2);border-radius:8px;background:var(--bg-4);text-decoration:none;color:var(--fg)}.services-panel__primary:hover{border-color:var(--accent)}.services-panel__primary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}.services-panel__primary-url{font-family:Inter,system-ui,sans-serif;font-size:13px;color:var(--fg);word-break:break-all}.services-group__title{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim)}.services-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.service-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg-3)}.service-dot{width:9px;height:9px;border-radius:999px;flex:none;background:var(--fg-dim)}.service-dot--healthy{background:var(--green)}.service-dot--starting{background:var(--yellow)}.service-dot--degraded{background:var(--red)}.service-dot--stopped{background:var(--fg-dim)}.service-row__name{font-weight:600;font-size:13px}.service-row__health{font-size:12px;color:var(--fg-dim)}.service-row__link{color:var(--fg-dim);text-decoration:none;font-size:14px;padding:0 4px}.service-row__link:hover{color:var(--accent)}.banner{background:var(--bg-4);border:1px solid var(--border-2);border-radius:8px;padding:16px;margin:16px}.banner.warn{border-color:var(--yellow)}.banner.error{border-color:var(--red)}@keyframes squonk-spin{to{transform:rotate(360deg)}}