.wrap{font-family:system-ui,sans-serif;max-width:720px;margin:2rem auto;padding:0 1rem;color:#1a1a1a}h1{margin-bottom:1rem}.card{border:1px solid #e2e2e2;border-radius:12px;padding:1.25rem;margin:1rem 0}.hello{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.badge{background:#eef;color:#339;border-radius:999px;padding:.1rem .6rem;font-size:.85rem}.muted{color:#666}.controls{display:grid;gap:.5rem;margin-top:1rem}.controls label{display:flex;align-items:center;gap:.6rem}.controls input[type=range]{flex:1}.invite{display:flex;gap:.5rem;flex-wrap:wrap}.invite input[type=email]{flex:1;min-width:220px;padding:.5rem;border:1px solid #bbb;border-radius:6px}.invite select{padding:.5rem;border-radius:6px}.msg{margin-top:.75rem}button{padding:.5rem .9rem;border:1px solid #444;border-radius:6px;background:#222;color:#fff;cursor:pointer}button.ghost{background:#fff;color:#222}button.small{padding:.25rem .6rem;font-size:.85rem;margin-left:auto}