/* Per-habit themes also style the selectable previews. */
body [data-theme],body .exercise .quick.primary[data-theme]{background:#5b7ba1;color:white}
body [data-theme="blue"],body .exercise .quick.primary[data-theme="blue"]{background:#5b7ba1;color:white}
body [data-theme="green"],body .exercise .quick.primary[data-theme="green"]{background:#68887c;color:white}
body [data-theme="clay"],body .exercise .quick.primary[data-theme="clay"]{background:#ad715f;color:white}
body [data-theme="purple"],body .exercise .quick.primary[data-theme="purple"]{background:#887295;color:white}
body [data-theme="slate"],body .exercise .quick.primary[data-theme="slate"]{background:#686d70;color:white}
body [data-theme="rainbow"],body .exercise .quick.primary[data-theme="rainbow"]{background:#a395cf url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%2060%22%20preserveAspectRatio%3D%22none%22%3E%3Crect%20width%3D%22180%22%20height%3D%2260%22%20fill%3D%22%23a395cf%22%2F%3E%3Cpath%20d%3D%22M-10%20-15%20Q35%2017%2085%20-2%20T190%204%20V80%20H-10Z%22%20fill%3D%22%2371a7ca%22%2F%3E%3Cpath%20d%3D%22M-10%20-4%20Q35%2028%2085%209%20T190%2015%20V80%20H-10Z%22%20fill%3D%22%2385bea8%22%2F%3E%3Cpath%20d%3D%22M-10%207%20Q35%2039%2085%2020%20T190%2026%20V80%20H-10Z%22%20fill%3D%22%23ead47b%22%2F%3E%3Cpath%20d%3D%22M-10%2018%20Q35%2050%2085%2031%20T190%2037%20V80%20H-10Z%22%20fill%3D%22%23e7ab79%22%2F%3E%3Cpath%20d%3D%22M-10%2029%20Q35%2061%2085%2042%20T190%2048%20V80%20H-10Z%22%20fill%3D%22%23ce829b%22%2F%3E%3C%2Fsvg%3E") center/100% 100%;color:#202734}
body [data-theme="grid"],body .exercise .quick.primary[data-theme="grid"]{background-color:#403467;background-image:linear-gradient(#b5abd333 1px,transparent 1px),linear-gradient(90deg,#b5abd333 1px,transparent 1px);background-size:12px 12px;color:#ffff71}
body [data-theme="glass"],body .exercise .quick.primary[data-theme="glass"]{background:linear-gradient(150deg,#ffe0ba99,transparent 48%),linear-gradient(110deg,#a34d2c,#d48e63);color:#fff;box-shadow:inset 0 1px 2px #fff9}
body [data-theme="rings"],body .exercise .quick.primary[data-theme="rings"]{background:repeating-radial-gradient(ellipse at 20% 140%,#7770ac 0 9px,#b3b383 11px 14px,#7770ac 17px 23px);color:white;text-shadow:0 1px 3px #292342}
body [data-theme="gem"],body .exercise .quick.primary[data-theme="gem"]{background:repeating-radial-gradient(ellipse at 10% 100%,#b8d7c7 0 4px,#6b9c87 5px 7px,#9bc7b5 9px 13px);color:#193d30}
body .theme-picker{border:0;margin:20px 0 0;padding:0;min-width:0}
body .theme-picker summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:14px;font-weight:500;padding:10px 0}
body .theme-picker summary::-webkit-details-marker{display:none}
body .theme-picker summary::after{content:'';width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 4px 4px 12px}
body .theme-picker[open] summary::after{transform:rotate(225deg);margin-bottom:0}
body .theme-picker .theme-options{margin-top:12px}
body .theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
body .theme-option{position:relative;display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;font-size:12px;margin:0;cursor:pointer;font-weight:400}
body .theme-option input{position:absolute;opacity:0;width:1px;height:1px}
body .theme-swatch{display:grid;place-items:center;width:100%;height:38px;border-radius:999px;border:3px solid transparent;background-clip:padding-box;font-size:14px}
body .theme-option input:checked+.theme-swatch{outline:2px solid #263037;outline-offset:1px}
body .theme-option input:focus-visible+.theme-swatch{outline:3px solid #263037;outline-offset:3px}
body .theme-preview-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:13px;color:#586168}
body #themePreview{border-radius:999px;min-width:72px;padding:10px 18px;text-align:center;font-size:16px}