.page{max-width:48rem;margin:0 auto;padding:1.25rem 1rem 6.5rem}.eyebrow{margin:0;color:#64748b;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.text-button{border:0;background:none;color:#1e3a5f;padding:.5rem 0}.brand{display:flex;gap:1rem;align-items:flex-start;margin:.75rem 0 1.25rem}.mark{width:3.5rem;height:3.5rem;border-radius:.75rem;background:#1e3a5f;color:#fff;display:grid;place-items:center;font-size:1.5rem;font-weight:650;flex-shrink:0}.household{margin:.35rem 0 0;font-size:1.75rem}.motto{margin:.4rem 0 0;font-weight:800;font-size:1.2rem;color:#0f172a;line-height:1.3}.empty-motto,.who,.hint,.login-hint{margin:.35rem 0 0;color:#64748b}.who{margin-top:.5rem;font-size:.95rem}.error{color:#b91c1c;background:#fef2f2;padding:.75rem 1rem;border-radius:.5rem}.login{display:flex;flex-direction:column;gap:.85rem;margin-top:1.25rem}.login label{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem}.login input{font-size:1rem;padding:.75rem .8rem;border:1px solid #cbd5e1;border-radius:.6rem}.login button,.text-button{min-height:44px}.login button[type=submit]{border:0;background:#1e3a5f;color:#fff;border-radius:.6rem;font-weight:600}.list{list-style:none;margin:0;padding:0}.list li{border-bottom:1px solid #e2e8f0}.list label{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 0;min-height:44px}.list input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.2rem;flex-shrink:0}.item-text{display:block;font-size:1.05rem}.meta{display:block;margin-top:.25rem;color:#64748b;font-size:.8rem}.list li.done .item-text{color:#94a3b8;text-decoration:line-through}.sheet{overflow-x:auto;margin:0 0 1.25rem;border:1px solid #cbd5e1;background:#fff}.sheet-row{display:grid;grid-template-columns:repeat(var(--cols, 1),minmax(0,1fr))}.top-actions{display:flex;gap:.5rem;align-items:center}.sheet-cell{display:flex;gap:.45rem;align-items:flex-start;min-height:2.75rem;margin:0;padding:.45rem .5rem;border-right:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;font-size:.95rem;touch-action:pan-y}.sheet-cell label{display:flex;gap:.45rem;align-items:flex-start;min-width:0;flex:1}.sheet-row .sheet-cell:last-child{border-right:0}.sheet-cell.empty{background:#f8fafc}.sheet-cell input[type=checkbox]{width:1.15rem;height:1.15rem;margin-top:.15rem;flex-shrink:0}.sheet-cell.done .item-text{text-decoration:line-through}.composer{position:fixed;left:0;right:0;bottom:0;display:flex;gap:.5rem;align-items:center;max-width:48rem;margin:0 auto;padding:.65rem 1rem calc(.65rem + env(safe-area-inset-bottom,0px));border-top:1px solid #cbd5e1;background:#f8fafc}.composer-field{flex:1;min-width:0;margin:0}.composer input{width:100%;box-sizing:border-box;font-size:1rem;padding:.75rem .8rem;border:1px solid #cbd5e1;border-radius:.6rem;background:#fff}.composer button{flex-shrink:0;min-height:44px;min-width:4.5rem;border:0;border-radius:.6rem;background:#1e3a5f;color:#fff;font-weight:600}.composer button:disabled{opacity:.45}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{font-family:Segoe UI,system-ui,sans-serif;color:#0f172a;background:#f1f5f9}*{box-sizing:border-box}body{margin:0}button{font:inherit}
