:root{--green: #1f7a4d;--green-dark: #155c39;--bg: #f3f6f4;--card: #ffffff;--text: #1c2b24;--muted: #5e6f66;--border: #d9e2dc;--error: #b3261e;--error-bg: #fce8e6;--success: #1f7a4d;--success-bg: #e6f4ec}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.muted{color:var(--muted)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1.25rem}.auth-card{width:100%;max-width:380px}.brand{margin:0;font-size:2rem;color:var(--green-dark)}.brand--sm{font-size:1.25rem}.tagline{margin-top:.25rem;margin-bottom:1.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{flex:1;padding:.5rem;border:1px solid var(--border);background:#fff;border-radius:8px;cursor:pointer;font-size:.95rem}.tab--active{background:var(--green);color:#fff;border-color:var(--green)}.form{display:flex;flex-direction:column;gap:.75rem}.form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.form input[type=text],.form input[type=email],.form input[type=password]{padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;font-size:1rem}.btn{display:inline-block;text-align:center;padding:.6rem .9rem;border-radius:8px;border:1px solid transparent;font-size:.95rem;cursor:pointer;text-decoration:none}.btn--primary{background:var(--green);color:#fff}.btn--primary:disabled{background:#9bbfaa;cursor:not-allowed}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--google{background:#fff;border-color:var(--border);color:var(--text);width:100%}.divider{display:flex;align-items:center;text-align:center;color:var(--muted);margin:1rem 0;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 .6rem}.banner{padding:.6rem .75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.banner--error{background:var(--error-bg);color:var(--error)}.banner--success{background:var(--success-bg);color:var(--success)}.username-feedback{font-size:.82rem;margin-top:-.35rem}.username-feedback--available{color:var(--success)}.username-feedback--taken,.username-feedback--invalid{color:var(--error)}.suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.4rem}.chip{border:1px solid var(--green);color:var(--green-dark);background:#fff;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;cursor:pointer}.page{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:#fff;border-bottom:1px solid var(--border)}.topbar-actions{display:flex;align-items:center;gap:.75rem}.container{max-width:880px;margin:0 auto;padding:1.5rem 1.25rem}.container--narrow{max-width:540px}.member-grid{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.member-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.member-card--you{border-color:var(--green);box-shadow:0 0 0 2px #1f7a4d26}.member-name{font-size:.9rem;word-break:break-word;text-align:center}.badge{position:absolute;top:.5rem;right:.5rem;background:var(--green);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:999px}.avatar{border-radius:50%;object-fit:cover;background:#e3ece7}.avatar--placeholder{display:flex;align-items:center;justify-content:center;color:var(--green-dark);font-weight:600}.avatar-edit{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}