:root{--bg:#f7f7f5;--fg:#1d1d1b;--muted:#5f5f5a;--accent:#2f6fdf;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#141413;--fg:#ededea;--muted:#a3a39d;--accent:#7aa7ff}}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.app-shell{max-width:1200px;margin:0 auto;padding:16px}.app-header h1{margin:0;font-size:clamp(1.5rem,4vw,2.25rem)}.app-placeholder{color:var(--muted)}:root{--surface:#fff;--border:#c9c9c3;--danger:#b3261e;--success:#1e6b35}@media (prefers-color-scheme:dark){:root{--surface:#1f1f1d;--border:#4a4a45;--danger:#ff8a80;--success:#7fd69a}}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:420px;margin:24px auto;padding:24px}.auth-card h2{margin-top:0}.auth-card form{flex-direction:column;gap:8px;display:flex}.auth-card label{font-weight:600}.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{width:100%;min-height:44px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.auth-card .auth-checkbox{align-items:center;gap:8px;min-height:44px;font-weight:400;display:flex}.auth-card .auth-checkbox input{width:20px;height:20px}.auth-card button{min-height:44px;font:inherit;color:#fff;cursor:pointer;background:#2f6fdf;border:0;border-radius:8px;margin-top:8px;font-weight:600}.auth-card button.auth-secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}.auth-card button:disabled{opacity:.6;cursor:wait}.auth-hint,.auth-muted{color:var(--muted);margin:0}.auth-muted{margin-top:16px}.auth-error{color:var(--danger);margin:0;font-weight:600}.auth-notice{color:var(--success);margin:0}a{color:var(--accent)}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.setup-card{max-width:560px}.setup-intro{margin:0 0 16px}.auth-card select{width:100%;min-height:44px;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.setup-columns{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;margin:8px 0 0;padding:12px;display:flex}.setup-columns legend{padding:0 4px;font-weight:600}.setup-column{grid-template-columns:20px minmax(0,1fr) minmax(0,8rem) auto;align-items:center;gap:8px;display:grid}.setup-column .auth-secondary,.setup-columns>.auth-secondary{margin-top:0;padding:0 12px}.colour-swatch{border-radius:50%;width:20px;height:20px}@media (width<=420px){.setup-column{grid-template-columns:20px minmax(0,1fr)}.setup-column select,.setup-column .setup-remove{grid-column:2}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.members-card{max-width:640px}.members-card h3{margin:24px 0 8px}.invite-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.invite{border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px;display:flex}.invite-details{flex-direction:column;min-width:0;display:flex}.invite-email{overflow-wrap:anywhere}.invite-actions{gap:8px;display:flex}.invite-actions .auth-secondary{margin-top:0;padding:0 16px}.invite-choices{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.button-link{color:#fff;background:#2f6fdf;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.button-link.secondary{color:var(--accent);border:1px solid var(--accent);background:0 0}
