html[data-design] #modal .settingsrow:has(.goalChips){display:block}
.goalChips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
#modal .goalChips button{display:flex;align-items:center;justify-content:center;gap:4px;padding:12px 6px;min-height:48px;border:1px solid var(--border);border-bottom-width:3px;border-radius:12px;background:var(--surface);color:var(--text);font-size:17px;font-weight:750}
#modal .goalChips small{font-size:10px;font-weight:600;color:var(--sub)}
#modal .goalChips [aria-pressed=true]{background:var(--green);border-color:var(--green);color:#103d37}
#modal .goalChips [aria-pressed=true] small{color:inherit}
html[data-design] :is(button,input,select,summary,textarea):focus-visible{outline:3px solid var(--green)!important;outline-offset:3px}
.settingsSheet .settingsrow[hidden]{display:none!important}
html[data-design] #modal .settingsSheet>.modalhead{margin-bottom:16px!important;min-height:0;height:auto}
html[data-design] #modal .settingsSheet>.modalhead h2{margin:0}

html[data-design] #modal .settingsrow:has(.themeChips){display:grid;grid-template-columns:minmax(0,1fr);gap:12px}html[data-design] #modal .themeChips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0}html[data-design] #modal .themeChips button{min-width:0;min-height:48px;white-space:nowrap;padding:10px 14px;display:flex;justify-content:center;gap:8px}html[data-design] #modal .themeChips span{white-space:nowrap;word-break:normal;overflow-wrap:normal}html[data-design] #modal .themeChips svg{flex:none;width:20px;height:20px}