/* Final overrides follow prototype inline rules. */
#coffee-refined{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Hiragino Kaku Gothic ProN',sans-serif}
#coffee-refined .app{background:#fcfbf8;color:#292e2a}
#coffee-refined button[aria-pressed]:before{content:'✓';display:inline-block;width:1em;margin-right:.3em;visibility:hidden}
#coffee-refined button[aria-pressed=true]:before{visibility:visible}
#coffee-refined button[aria-pressed=true]{background:#dce5d4;color:#263521;border-color:#a6b998}
#coffee-refined button:active{filter:brightness(.94)}
#coffee-refined button.primary{background:#33442f;color:#fff}
#coffee-refined summary{min-height:44px;display:list-item}
#coffee-refined .coffee-card-image{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:3px;margin:0 0 16px}
#coffee-refined [hidden]{display:none!important}
#coffee-refined .color-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:18px 0}
#coffee-refined .color-pick{padding:6px 0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;min-height:62px;color:#384134}
#coffee-refined .color-pick:before{display:none}
#coffee-refined .color-pick[aria-pressed=true]{background:transparent}
#coffee-refined .color-dot{width:30px;height:30px;border-radius:50%;border:1px solid #0002;display:grid;place-items:center}
#coffee-refined .color-pick[aria-pressed=true] .color-dot:after{content:'✓';font-size:17px}
#coffee-refined .hue-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#626b61}
#coffee-refined .hue-heading label{margin:0}
#coffee-refined #coffee-hue{appearance:none;width:100%;background:transparent;border:0;padding:0;min-height:44px;accent-color:#33442f}
#coffee-refined #coffee-hue::-webkit-slider-runnable-track{height:9px;border-radius:9px;background:linear-gradient(90deg,hsl(0 45% 48%),hsl(60 45% 48%),hsl(120 45% 48%),hsl(180 45% 48%),hsl(240 45% 48%),hsl(300 45% 48%),hsl(360 45% 48%))}
#coffee-refined #coffee-hue::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border:2px solid #33442f;border-radius:50%;background:#fff;margin-top:-8px;box-shadow:0 1px 4px #0002}
#coffee-refined #coffee-hue::-moz-range-track{height:9px;border-radius:9px;background:linear-gradient(90deg,hsl(0 45% 48%),hsl(60 45% 48%),hsl(120 45% 48%),hsl(180 45% 48%),hsl(240 45% 48%),hsl(300 45% 48%),hsl(360 45% 48%))}
#coffee-refined #coffee-hue::-moz-range-thumb{width:24px;height:24px;border:2px solid #33442f;border-radius:50%;background:#fff}
#coffee-refined #color-status:empty,#coffee-refined #share-status:empty{display:none}
#coffee-refined #cw-result{padding-top:0}
#coffee-refined #result-source{overflow-wrap:anywhere}
#coffee-refined #journey-next{min-width:160px}
#coffee-refined [data-panel=color] .coffee-card-image{max-width:300px;margin-left:auto;margin-right:auto}
@media(max-width:480px){#coffee-refined .app{padding:22px 16px}#coffee-refined button{padding:11px 12px}#coffee-refined .color-pick{padding:6px 0}#coffee-refined [data-panel=color] .coffee-card-image{max-width:240px}#coffee-refined #journey-next{min-width:140px}}
@media(max-width:380px){#coffee-refined .color-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}
#coffee-refined button.color-pick[aria-pressed]:before{display:none}