:root{--text:#3b3a3f;--text-h:#08060d;--bg:#fafafa;--card-bg:#fff;--border:#e5e4e7;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:15px/145% var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}#root{max-width:1100px;margin:0 auto;padding:1rem}h1,h2,h3{color:var(--text-h);margin:0 0 .5rem;font-weight:600}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--card-bg);border-radius:6px;padding:.4rem .8rem}button:hover{background:#f0f0f0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;margin-bottom:1.5rem;padding:1rem}.pill{color:#fff;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.pill-outline{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;display:inline-flex}.pill-outline.active{color:#fff;border-color:#0000}.chip{color:#fff;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:1px 6px;font-size:.7rem;display:inline-block;overflow:hidden}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:inline-flex}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:flex-start;padding:3rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card-bg);border-radius:10px;width:100%;max-width:500px;padding:1.5rem}@media (width<=700px){#root{padding:.5rem}}