:root{--bg:#0f1115;--panel:#171a21;--text:#e6e8ec;--muted:#9aa3b2;--accent:#5b8cff;--danger:#ff6b6b;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header.top{background:var(--panel);border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}header.top .brand{color:var(--text);font-size:1.1rem;font-weight:700}main{max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem}.hero h1{margin:0 0 .25rem;font-size:2.2rem}.hero p{color:var(--muted);margin:.25rem 0}.status{font-size:.85rem}.status.error{color:var(--danger)}.muted{color:var(--muted)}.error{color:var(--danger)}header.top nav{align-items:center;gap:1rem;display:flex}header.top .who{color:var(--muted)}button,a.button{font:inherit;color:var(--text);border-radius:var(--radius);cursor:pointer;background:#20242e;border:1px solid #333846;padding:.45rem .9rem}button:hover,a.button:hover{border-color:#4a5063;text-decoration:none}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:0}button:disabled{opacity:.6;cursor:default}.card{background:var(--panel);border-radius:var(--radius);border:1px solid #262a33;padding:1.25rem 1.5rem}.form{flex-direction:column;gap:.9rem;max-width:420px;margin:2rem auto;display:flex}.form h1{margin:0 0 .25rem;font-size:1.4rem}.form label{flex-direction:column;gap:.3rem;display:flex}.form label>span{color:var(--muted);font-size:.9rem}.form input{font:inherit;color:var(--text);background:#0f1115;border:1px solid #333846;border-radius:8px;padding:.5rem .65rem}.form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}.form small{font-size:.8rem}.form p{margin:0;font-size:.9rem}.form textarea{font:inherit;color:var(--text);resize:vertical;background:#0f1115;border:1px solid #333846;border-radius:8px;padding:.5rem .65rem}.form.settings{max-width:640px;margin:1rem 0}.small{font-size:.85rem}.badge-link{position:relative}.badge{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:1.3em;margin-left:.35rem;padding:0 .4em;font-size:.75rem;line-height:1.5;display:inline-block}.list{flex-direction:column;gap:.6rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.actions{gap:.5rem;display:flex}.pill{color:var(--muted);background:#262a33;border-radius:999px;margin-left:.5rem;padding:.05rem .5rem;font-size:.75rem;display:inline-block}.space-head{border-radius:var(--radius);background:var(--panel) center / cover no-repeat;align-items:flex-end;min-height:140px;margin-bottom:1rem;display:flex}.space-title{border-radius:0 0 var(--radius) var(--radius);background:linear-gradient(#0000,#0f1115eb);width:100%;padding:1rem 1.25rem}.space-title h1{margin:0;font-size:1.8rem}.space-title .tagline{color:var(--text);margin:.2rem 0 0}.space-title p{margin:.2rem 0 0}.description{white-space:pre-wrap;max-width:70ch}.tabs{border-bottom:1px solid #262a33;gap:.25rem;margin:1rem 0;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.5rem .9rem}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.invite{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin:.5rem 0 1rem;display:flex;position:relative}.invite label{flex-direction:column;flex:260px;gap:.3rem;display:flex}.invite label>span{color:var(--muted);font-size:.9rem}.invite input{font:inherit;color:var(--text);background:#0f1115;border:1px solid #333846;border-radius:8px;padding:.5rem .65rem}.matches{flex-wrap:wrap;flex-basis:100%;gap:.5rem;margin:0;padding:.25rem 0;list-style:none;display:flex}.matches button{color:var(--text);border:1px solid #333846;border-radius:999px;padding:.2rem .7rem}.pill.live{color:#9be7b0;background:#1f4d2e}.listhead{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.sorts{gap:.25rem;display:flex}.sorts button{color:var(--muted);background:0 0;border:1px solid #0000;padding:.3rem .7rem}.sorts button.active{color:var(--text);background:var(--panel);border-color:#333846}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;margin:.75rem 0;padding:0;list-style:none;display:grid}.space-card{border-radius:var(--radius);background:var(--panel) center / cover no-repeat;min-height:150px;color:var(--text);border:1px solid #262a33;display:block;overflow:hidden}.space-card:hover{border-color:#4a5063;text-decoration:none}.space-card .shade{background:linear-gradient(#0000 30%,#0f1115f2);flex-direction:column;justify-content:flex-end;gap:.15rem;min-height:150px;padding:.9rem 1rem;display:flex}.space-card .tagline{color:var(--text);font-size:.9rem}button.danger{color:var(--danger);border-color:#5a2a2a}form.inline{align-items:center;gap:.4rem;display:inline-flex}form.inline input{font:inherit;color:var(--text);background:#0f1115;border:1px solid #333846;border-radius:8px;padding:.35rem .55rem}.panel{border-top:1px solid #262a33;flex-basis:100%;margin-top:.5rem;padding-top:.5rem}.panel p{margin:0 0 .5rem}.sub{flex-direction:column;gap:.35rem;margin:.25rem 0 .75rem;padding:0;list-style:none;display:flex}.sub li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;display:flex}.sub code{word-break:break-all}select{font:inherit;color:var(--text);background:#0f1115;border:1px solid #333846;border-radius:8px;padding:.35rem .55rem}.form select{padding:.5rem .65rem}label.switch{white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}label.switch input{margin:0}.menu.svelte-12qhfyh{position:relative}.menu-list.svelte-12qhfyh{z-index:10;background:var(--panel);border-radius:var(--radius);border:1px solid #333846;min-width:15rem;max-height:60vh;margin:0;padding:.35rem 0;list-style:none;position:absolute;top:calc(100% + .6rem);right:0;overflow-y:auto;box-shadow:0 8px 24px #00000073}.menu-list.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--text);justify-content:space-between;gap:1rem;padding:.45rem .9rem;display:flex}.menu-list.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#20242e;text-decoration:none}.menu-list.svelte-12qhfyh .create:where(.svelte-12qhfyh){border-top:1px solid #262a33;margin-top:.35rem;padding-top:.35rem}.menu-list.svelte-12qhfyh .create:where(.svelte-12qhfyh) a:where(.svelte-12qhfyh){color:var(--accent)}