main{max-width:760px;margin:0 auto;padding-block:28px}h1{margin:0 0 4px;font-size:22px}p.lead{color:var(--muted);margin:0 0 18px}.home-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-tools{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.nick{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.together h2 .icon{vertical-align:-2px;color:var(--accent)}.together{background:var(--accent-softer);border-color:var(--accent-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-bottom:18px;padding:14px 16px;display:flex}.together h2{margin:0 0 2px;font-size:16px}.together p{color:var(--muted);margin:0;font-size:13px}.together-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.join{gap:6px;display:flex}.join input{width:8.5em;font:inherit;color:inherit;border:1px solid var(--border);background:var(--panel);letter-spacing:.05em;border-radius:6px;padding:6px 10px}.join input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.filters{flex-wrap:wrap;gap:8px 14px;margin-bottom:14px;display:flex}.chip-group{flex-wrap:wrap;gap:6px;display:inline-flex}.chip{border-radius:999px;padding:4px 12px;font-size:13px}.chip .count{color:var(--muted);margin-left:5px;font-size:12px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chip[aria-pressed=true] .count{color:#fffc}.chip:disabled{opacity:.45;cursor:default}.chip:disabled:hover{border-color:var(--border)}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.card{padding:16px;transition:border-color .12s;position:relative}.card:hover{border-color:var(--accent)}.card h2{margin:0 0 6px;font-size:16px}.card h2 a{color:inherit;text-decoration:none}.card h2 a:after{content:"";border-radius:var(--radius);position:absolute;inset:0}.card h2 a:focus-visible{outline:none}.card h2 a:focus-visible:after{outline:2px solid var(--accent);outline-offset:-1px}.card p{color:var(--muted);margin:0;font-size:13px}.card .tags{z-index:1;pointer-events:none;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:10px;display:flex;position:relative}.card .tag{pointer-events:auto;color:var(--accent);background:0 0;border:0;padding:0;font-size:12px}.card .tag:hover{text-decoration:underline}.card .tag[aria-pressed=true]{font-weight:700}.card .note{color:var(--muted);font-size:12px}.empty{color:var(--muted);text-align:center;margin:24px 0}.foot{max-width:760px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 auto;padding:8px 16px 32px;font-size:13px;display:flex}dialog.home-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);width:min(420px,100vw - 32px);color:var(--text);padding:18px}dialog.home-dialog::backdrop{background:#0006}.home-dialog h2{margin:0 0 4px;font-size:16px}.home-dialog p{color:var(--muted);margin:0 0 10px;font-size:13px}.home-dialog input{width:100%;font:inherit;color:inherit;border:1px solid var(--border);background:var(--bg);border-radius:6px;padding:8px 10px}.dialog-buttons{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}@media (width<=480px){.together-actions,.join{width:100%}.join input{flex:1;width:auto}.together-actions>.primary{flex:1}}h1 .tagline{color:var(--accent);vertical-align:2px;margin-left:6px;font-size:14px;font-weight:600}
