:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9f4f6;background:#08111f;--muted:#b7cbd2;--mint:#88dece;--line:#83d4c42b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(130deg,#08111ff5,#081b24c9),url('/northern-lights.png') center/cover fixed}a{color:#a9e9dc;text-underline-offset:.25em}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.skip{position:absolute;top:-60px;left:1rem;background:#17313d;padding:.75rem;z-index:3}.skip:focus{top:1rem}.wrap{max-width:1160px;margin:auto;padding:0 6vw}header{border-bottom:1px solid var(--line);background:#08111f80}nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:85px}.brand{color:#e9f4f6;text-decoration:none;font-size:1.05rem;font-weight:700;letter-spacing:-.035em}.brand span{font-weight:400;color:var(--muted);margin-left:.65rem}.nav-links{display:flex;gap:1.75rem;font-size:.9rem}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:var(--mint)}main{padding-top:4rem!important;padding-bottom:3rem!important}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin:0 0 1rem}h1{font-size:clamp(2.9rem,7vw,5.2rem);line-height:1.03;letter-spacing:-.065em;max-width:790px;margin:0 0 1.4rem;font-weight:750}h1 span{color:var(--mint)}p{color:var(--muted);line-height:1.7}h2{letter-spacing:-.035em;font-size:1.65rem;margin:0 0 .65rem}h3{font-size:1.15rem;letter-spacing:-.025em;line-height:1.3;margin:.8rem 0 .6rem}.intro{font-size:1.1rem;max-width:580px;margin-bottom:2rem}.hero{padding-bottom:1rem}.quick{display:flex;flex-wrap:wrap;gap:1.2rem;color:var(--muted);font-size:.8rem}.quick span::before{content:'·';color:var(--mint);margin-right:.6rem}.next{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:20px;background:linear-gradient(110deg,#18313dbb,#10222fc9);padding:2rem;margin:2.7rem 0 3.6rem}.next .eyebrow{margin-bottom:.6rem}.next p{margin:.4rem 0 0;max-width:650px;font-size:.95rem}.next-mark{font-size:2.3rem;font-weight:300;color:#88dece88;line-height:1;border:1px solid var(--line);border-radius:50%;width:66px;height:66px;display:grid;place-items:center}.section-top{display:flex;gap:1rem;justify-content:space-between;align-items:end;margin-bottom:1.7rem}.section-top p{margin:0;font-size:.95rem}.count{font-size:.8rem;color:var(--muted);white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:.45rem .8rem}.search{display:none;margin-bottom:1.5rem}.search.ready{display:block}.search label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.5rem}.search input{color:inherit;font:inherit;background:#102332d9;border:1px solid var(--line);border-radius:12px;min-height:45px;padding:.7rem 1rem;width:min(100%,360px)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{display:flex;flex-direction:column;position:relative;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:1.5rem;background:#132435c9;transition:background .15s,transform .15s;min-height:280px}.card:hover{background:#1e3544e8;transform:translateY(-3px)}.card[hidden]{display:none}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.mark{width:46px;height:46px;border:1px solid #88dece5c;display:grid;place-items:center;border-radius:13px;background:linear-gradient(140deg,#88dece2b,#88dece06);font-size:.84rem;font-weight:750;letter-spacing:.03em;color:#b1efdf}.sand .mark{color:#f6d2a0;border-color:#dcb17945;background:linear-gradient(140deg,#e3aa6930,#d7b77906)}.violet .mark{color:#d0c2fb;border-color:#ba9de14f;background:linear-gradient(140deg,#baa2f030,#baa2f006)}.sky .mark{color:#b5dffe;border-color:#8fb4e64f;background:linear-gradient(140deg,#93c8ef30,#93c8ef06)}.rose .mark{color:#eebcc9;border-color:#e3a1b44f;background:linear-gradient(140deg,#e3a1b42b,#e3a1b406)}.arrow{color:#88decead;font-size:1.4rem}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--mint)}.card p{font-size:.9rem;line-height:1.6;margin:0 0 1.6rem}.card-bottom{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:space-between;margin-top:auto;font-size:.74rem;color:#aabfc8;border-top:1px solid #83d4c41c;padding-top:1rem}.state{display:inline-flex;align-items:center;gap:.4rem}.state::before{content:'';height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#91a5b1}.state[data-state=running]::before{background:#88dece}.state[data-state=starting]::before,.state[data-state=stopping]::before{background:#ebc58d}.state[data-state=stale]::before{background:#e3a1b4}.sessions{display:grid;gap:.9rem}.session-link{display:block;border:1px solid var(--line);padding:1.2rem 1.4rem;border-radius:14px;text-decoration:none;color:inherit}.session-link p{margin:.4rem 0 0}.back{display:inline-block;margin-bottom:2rem;font-size:.9rem}.detail-hero{padding:0 0 2.6rem;border-bottom:1px solid var(--line);margin-bottom:2.3rem}.detail-hero h1{font-size:clamp(2.5rem,6vw,4.4rem);margin-top:.8rem}.detail-hero .mark{width:54px;height:54px;float:right}.detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:2rem;align-items:start}.panel{border:1px solid var(--line);border-radius:18px;padding:1.6rem;background:#132435b8;margin-bottom:1.2rem}.panel h2{font-size:1.35rem}.panel p{font-size:.95rem}.panel .eyebrow{font-size:.68rem}.empty{padding:1.2rem 0}.empty h3{font-size:1.2rem}.join-steps{counter-reset:step;list-style:none;padding:0;margin:1.4rem 0}.join-steps li{counter-increment:step;position:relative;padding-left:2.8rem;margin:0 0 1.3rem;color:var(--muted);font-size:.94rem;line-height:1.7}.join-steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:0;color:var(--mint);font-size:.78rem;line-height:2.1rem;font-weight:600}.guide{font-size:.83rem}.note{border-left:2px solid #88dece66;padding-left:1rem;font-size:.85rem!important;color:#b4c7ce}.facts{margin:1.5rem 0 0}.facts div{padding:.8rem 0;border-bottom:1px solid #83d4c41c}.facts div:last-child{border-bottom:0}.facts dt{color:#8dabb5;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.facts dd{margin:.4rem 0 0;color:#deebee;font-size:.92rem;overflow-wrap:anywhere}.status-meta{font-size:.8rem!important;margin:.5rem 0 0}.server-line{font-size:1.05rem;margin:1.2rem 0 .7rem}.connection{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.6rem 0 1rem}.connection code{color:#c6f3e8;overflow-wrap:anywhere;font-size:.95rem}button{font:inherit;color:#c6f3e8;cursor:pointer;border:1px solid #88dece4f;border-radius:9px;background:#1b3944;padding:.55rem .75rem;font-size:.78rem}button:hover{background:#28505b}.copy{display:none}.copy.ready{display:inline-block}.live-message{font-size:.82rem;min-height:1.3rem;margin:.5rem 0 0;color:var(--mint)}.hidden{display:none}footer{border-top:1px solid var(--line);padding:2rem 0 2.6rem;font-size:.82rem;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:1.5rem}footer p{margin:0;line-height:1.7;max-width:530px}.no-results{font-size:.95rem;margin:1.5rem 0}noscript p{font-size:.8rem}
@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr;gap:.5rem}}
@media(max-width:560px){.wrap{padding-left:6vw;padding-right:6vw}nav{min-height:76px}.brand{font-size:.95rem}.brand span{display:block;margin:.15rem 0 0;font-size:.75rem}.nav-links{gap:1rem;font-size:.82rem}main{padding-top:2.8rem!important}.hero h1{font-size:3.3rem}.intro{font-size:1rem}.next{padding:1.5rem;margin-top:2rem;margin-bottom:2.8rem}.next-mark{display:none}.cards{grid-template-columns:1fr}.card{min-height:245px}.section-top{align-items:start}.section-top h2{font-size:1.5rem}.count{font-size:.73rem}.panel{padding:1.4rem}.detail-hero .mark{float:none;margin-bottom:1.1rem}.detail-hero h1{font-size:2.8rem}.detail-hero{padding-bottom:1.6rem}footer .wrap{flex-direction:column;gap:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}