.habit-panel{display:grid;gap:14px;color:var(--ui-ink,#213c40);padding:8px 2px 20px;text-align:left;max-width:600px;margin:auto}.habit-panel h3,.habit-panel p{margin:0}.habit-panel .my-records{display:revert;margin-top:0}.habit-panel h3{font-size:1.2rem;line-height:1.4}.habit-intro,.habit-note{line-height:1.55}.habit-note{font-size:.85rem;color:var(--ui-muted,#647074)}.habit-declaration{margin:0;padding:18px;border-radius:16px;background:var(--ui-card,#f7f6f0);font-size:1.3rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.habit-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.habit-metric{display:grid;gap:7px;padding:14px 12px;border:1px solid #b6bdbb66;border-radius:14px;min-width:0}.habit-metric span{font-size:.84rem}.habit-metric strong{font-size:1rem;overflow-wrap:anywhere}.habit-metric progress{display:block;width:100%;height:8px;accent-color:#548475}.habit-state{font-weight:650;line-height:1.5}.habit-choice,.habit-nickname form{display:grid;gap:12px}.habit-choice fieldset{border:0;padding:0;margin:0;display:grid;gap:9px}.habit-choice legend{font-size:.95rem;font-weight:650;margin-bottom:10px}.habit-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #b6bdbb88;border-radius:12px;cursor:pointer}.habit-option:has(input:checked){border-color:#548475;background:#54847510}.habit-option input{width:18px;height:18px;flex:none;margin:0;accent-color:#548475}.habit-option span{line-height:1.5;overflow-wrap:anywhere}.habit-primary,.habit-secondary{min-height:44px;border-radius:12px;padding:12px 16px;cursor:pointer;font:inherit;font-weight:650}.habit-primary{background:#456f63;color:#fff;border:1px solid #456f63}.habit-secondary{background:transparent;color:inherit;border:1px solid #aab7b0}.habit-nickname{border-top:1px solid #b6bdbb66;padding-top:14px}.habit-nickname summary{cursor:pointer;min-height:44px;padding-block:10px;font-weight:650;overflow-wrap:anywhere}.habit-nickname form{padding-block:10px}.habit-nickname label{display:grid;gap:7px;font-size:.9rem}.habit-nickname input{width:100%;min-height:44px;box-sizing:border-box;padding:10px 12px;font:inherit;border:1px solid #aab7b0;border-radius:10px;color:inherit;background:var(--ui-card,#fff)}.habit-status{font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.habit-panel button:disabled,.habit-panel input:disabled{opacity:.55;cursor:default}.habit-panel button:focus-visible,.habit-panel input:focus-visible,.habit-panel summary:focus-visible{outline:3px solid #548475;outline-offset:3px}@media(max-width:350px){.habit-metrics{grid-template-columns:1fr}.habit-panel{gap:12px}}
.habit-summary{display:block;max-width:90%;margin:8px auto 0;padding:6px 10px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;opacity:.8;font:inherit;font-size:.7rem;line-height:1.4;cursor:pointer}.habit-summary[hidden]{display:none}.habit-menu-hint{font-size:.75rem;color:inherit;opacity:.72;grid-column:1/-1;margin:4px 0}.habit-host{width:100%;min-width:0}.relay-message{display:grid;gap:10px;min-width:0}.relay-message .my-records{white-space:pre-line;overflow-wrap:anywhere}.relay-current{display:grid;gap:12px;padding:16px 0;border-top:1px solid #b6bdbb66}.relay-progress{text-align:center;font-size:1.1rem;font-weight:700}.relay-tap{min-height:80px;font-size:1.2rem}.relay-form{display:grid;gap:12px;min-width:0}.relay-form label{display:grid;gap:8px}.relay-form textarea,.relay-form select,.relay-link{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:12px;border:1px solid #aab7b0;border-radius:10px;font:inherit;color:inherit;background:var(--ui-card,#fff)}.relay-mine{min-width:0}.relay-mine summary{cursor:pointer;padding:12px 0}.relay-mine button{display:block;width:100%;margin:8px 0;overflow-wrap:anywhere;text-align:left}.relay-panel h4{margin:8px 0}.relay-panel [hidden]{display:none}