.household-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;padding:11px 14px;background:var(--surface);border:2px solid var(--ink);border-radius:15px;box-shadow:2px 3px 0 var(--ink)}
.household-bar>div{display:flex;align-items:center;gap:10px;min-width:0}.household-bar strong{display:block;font-size:12px}.household-bar small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.household-bar button{flex:none;font-size:11px;min-height:42px;padding:8px 10px}
.household-dot{width:10px;height:10px;border-radius:50%;background:#a8a9b6;flex:none;border:1px solid var(--ink)}.household-dot[data-mode=synced]{background:#56ca97}.household-dot[data-mode=syncing],.household-dot[data-mode=connecting]{background:#ffcf58}.household-dot[data-mode=error],.household-dot[data-mode=offline],.household-dot[data-mode=unavailable]{background:#f69b8d}
.household-actions{display:grid;gap:12px;margin:18px 0}.household-actions button{width:100%}#household-content p{font-size:13px;line-height:1.6}#household-content label{font-size:12px}#household-content input{font-size:16px;width:100%}.household-divider{border:0;border-top:1px solid var(--ink);opacity:.25;margin:22px 0}.household-result{padding:12px;background:var(--accent-soft);border-radius:10px;font-size:12px;line-height:1.6}.household-result:empty{display:none}.household-invite{display:flex;gap:9px;margin:10px 0 18px}.household-invite input{min-width:0;font-size:12px!important}.household-invite button{flex:none}.household-note{font-size:11px!important;color:var(--muted)}.household-disconnect{background:var(--surface)}
@media(max-width:760px){.household-bar{margin:12px 0 5px;padding:9px 10px;gap:8px}.household-bar strong{font-size:12px}.household-bar small{font-size:11px;max-width:210px}.household-bar button{font-size:11px;min-height:44px;padding:7px 9px}.household-dot{width:8px;height:8px}.household-invite{flex-direction:column}.household-invite button{width:100%}}