.habit-grid{gap:var(--space-12);margin:0;padding:0;list-style:none;display:grid}.habit-row{background:var(--surface-2);border-radius:var(--radius);padding:var(--space-12)}.habit-row-head{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.habit-name{font:var(--type-label);color:var(--fg);overflow-wrap:anywhere}.habit-name .meta{margin-left:6px}.dots{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.day{justify-items:center;gap:2px;min-width:0;display:grid}.day-name{font:var(--type-tiny);color:var(--fg-2)}.dot{border:2px solid var(--signature-line);color:#0000;cursor:pointer;width:36px;height:36px;transition:background-color var(--dur-xxs) linear, transform var(--dur-xxs) var(--ease-quick);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.dot:hover{background-color:var(--signature-soft)}.dot:active{transform:scale(.92)}.dot[aria-pressed=true]{background:var(--signature);border-color:var(--signature);color:var(--on-accent)}.dot[aria-busy=true]{cursor:progress;opacity:.6}.dot-today{outline:2px solid var(--signature-line);outline-offset:2px}.add-row{gap:var(--space-8);align-items:flex-end;display:flex}.add-row .field{flex:1;min-width:0}.add-row .target-field{flex:0 0 92px}