.coffee{--cf-land: #f1f1f1;--cf-water: #d6d6d6;--cf-field: #fff;--cf-line: #e0e0e0;--cf-text: var(--theme-text, #383838);--cf-muted: var(--theme-muted, #666);--cf-accent: var(--theme-accent, #2bbc8a);--cf-on-accent: #111315;--cf-scrollbar: #c8c8c8;--cf-shade: rgba(0, 0, 0, 0.1);--cf-icon-filter: none;color-scheme:light;margin:1.5rem 0 1rem;border-radius:6px;overflow:hidden;background:var(--cf-land);color:var(--cf-text);font-family:inherit;font-size:13px;line-height:1.45}.coffee p{margin:0;text-align:left}.coffee :focus-visible{outline:2px solid var(--cf-accent);outline-offset:2px}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .coffee{--cf-land: #1e2226;--cf-water: #0f1215;--cf-field: #111315;--cf-line: #2c3238;--cf-scrollbar: #3a4148;--cf-shade: rgba(0, 0, 0, 0.45);--cf-icon-filter: invert(1);color-scheme:dark}}:root[data-theme="dark"] .coffee{--cf-land: #1e2226;--cf-water: #0f1215;--cf-field: #111315;--cf-line: #2c3238;--cf-scrollbar: #3a4148;--cf-shade: rgba(0, 0, 0, 0.45);--cf-icon-filter: invert(1);color-scheme:dark}.coffee .coffee-map{height:440px;background:var(--cf-land);font-family:inherit}.coffee .coffee-map[hidden]{display:none}@media (max-width: 480px){.coffee .coffee-map{height:340px}}.coffee-panel{display:flex;flex-direction:column;gap:10px;padding:14px}.coffee-controls{display:flex;flex-direction:column;gap:10px}.coffee .coffee-search{width:100%;margin:0;padding:7px 12px;border:1px solid var(--cf-line);border-radius:6px;background:var(--cf-field);color:var(--cf-text);font:inherit}.coffee .coffee-search::placeholder{color:var(--cf-muted);opacity:1}.coffee-buttons{display:flex;flex-wrap:wrap;gap:6px}.coffee .coffee-button{flex:none;margin:0;padding:3px 10px;border:1px solid var(--cf-line);border-radius:6px;background:var(--cf-field);color:var(--cf-text);font:inherit;white-space:nowrap;cursor:pointer}.coffee .coffee-button:hover{border-color:var(--cf-accent)}.coffee .coffee-button.is-primary{border-color:var(--cf-accent);background:var(--cf-accent);color:var(--cf-on-accent)}.coffee .coffee-button:disabled{opacity:0.6;cursor:progress}.coffee-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cf-muted)}.coffee .coffee-show-all{margin:0 0 0 8px;padding:0;border:0;background:none;color:var(--cf-text);font:inherit;text-decoration:underline;text-decoration-color:var(--cf-accent);text-underline-offset:3px;cursor:pointer}.coffee .coffee-show-all:hover{color:var(--cf-accent)}.coffee .coffee-sort{margin:0;padding:2px 0;border:0;background:transparent;color:var(--cf-muted);font:inherit;cursor:pointer}.coffee .coffee-sort:hover{color:var(--cf-text)}.coffee-empty{color:var(--cf-muted)}.coffee .coffee-list{position:relative;max-height:340px;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--cf-scrollbar) transparent;list-style:none;background-image:linear-gradient(var(--cf-land) 30%, rgba(0,0,0,0)),linear-gradient(rgba(0,0,0,0), var(--cf-land) 70%),linear-gradient(var(--cf-shade), rgba(0,0,0,0)),linear-gradient(rgba(0,0,0,0), var(--cf-shade));background-position:top, bottom, top, bottom;background-size:100% 24px, 100% 24px, 100% 10px, 100% 10px;background-repeat:no-repeat;background-attachment:local, local, scroll, scroll}@media (max-width: 480px){.coffee .coffee-list{max-height:300px}}.coffee .coffee-row{display:grid;grid-template-columns:auto minmax(0, 1fr) auto auto;align-items:center;gap:12px;margin:0;padding:10px 8px;border-top:1px solid var(--cf-line);border-radius:6px;cursor:pointer}.coffee .coffee-row:first-child{border-top-color:transparent}.coffee .coffee-row[hidden]{display:none}.coffee .coffee-row:hover,.coffee .coffee-row.is-selected{background:var(--cf-field)}.coffee .coffee-row.is-selected{box-shadow:inset 3px 0 0 var(--cf-accent)}.coffee .coffee-dot{width:12px;height:12px;margin:0 2px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--cf-accent);box-shadow:0 0 0 1px rgba(0,0,0,0.35);cursor:pointer}.coffee-row-main{display:flex;flex-direction:column;gap:1px;min-width:0}.coffee-name,.coffee-card-name{color:var(--cf-text);font-weight:700;font-size:14px}.coffee-sub,.coffee-row-tags,.coffee-distance{color:var(--cf-muted);font-size:12px}.coffee-row-tags{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.coffee-distance{white-space:nowrap}.coffee .coffee-open{display:inline-flex;align-items:center;justify-content:center;width:34px;height:28px;border:1px solid var(--cf-line);border-radius:8px;background:var(--cf-field);color:var(--cf-accent);font-size:16px;font-weight:700;line-height:1;text-decoration:none;background-image:none}.coffee .coffee-open:hover,.coffee .coffee-open:focus-visible{border-color:var(--cf-accent);background:var(--cf-accent);color:var(--cf-on-accent)}.coffee .coffee-cluster{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:2px solid #fff;border-radius:50%;background:var(--cf-accent);box-shadow:0 0 0 1px rgba(0,0,0,0.35);color:var(--cf-on-accent);font-family:inherit;font-size:12px;font-weight:700;line-height:1;cursor:pointer}.coffee .coffee-cluster[data-size="m"]{width:28px;height:28px}.coffee .coffee-cluster[data-size="l"]{width:34px;height:34px}.coffee .coffee-cluster:hover{box-shadow:0 0 0 1px rgba(0,0,0,0.35),0 0 0 4px rgba(0,0,0,0.12)}.coffee .coffee-popup .maplibregl-popup-content{padding:8px 8px 8px 12px;border-radius:8px;background:var(--cf-field);color:var(--cf-text);font:inherit;box-shadow:0 2px 10px rgba(0,0,0,0.18)}.coffee .coffee-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,.coffee .coffee-popup.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.coffee .coffee-popup.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:var(--cf-field)}.coffee .coffee-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip,.coffee .coffee-popup.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.coffee .coffee-popup.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:var(--cf-field)}.coffee .coffee-popup.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:var(--cf-field)}.coffee .coffee-popup.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:var(--cf-field)}.coffee-card{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:0 12px;align-items:center}.coffee-card .coffee-card-text{display:flex;flex-direction:column}.coffee-card .coffee-card-sub{color:var(--cf-muted);font-size:12px}.coffee .maplibregl-ctrl.maplibregl-ctrl-group{background:var(--cf-field);box-shadow:0 0 0 1px var(--cf-line)}.coffee .maplibregl-ctrl-group button+button{border-top-color:var(--cf-line)}.coffee .maplibregl-ctrl button .maplibregl-ctrl-icon,.coffee .maplibregl-ctrl-attrib-button{filter:var(--cf-icon-filter)}.coffee .maplibregl-ctrl.maplibregl-ctrl-attrib,.coffee .maplibregl-ctrl-attrib.maplibregl-compact{background:var(--cf-field);color:var(--cf-muted);font-family:inherit;font-size:11px}.coffee .maplibregl-ctrl-attrib a{color:var(--cf-muted);background-image:none}.content .coffee-back-row{margin:1.25rem 0 0}.content .coffee-back-row+h1{margin-top:1.25rem}.content a.coffee-back{--cf-line: #e0e0e0;display:inline-flex;align-items:center;gap:8px;padding:3px 12px 3px 10px;border:1px solid var(--cf-line);border-radius:8px;color:var(--theme-text, #383838);font-size:13px;text-decoration:none;background:transparent;background-image:none}.content a.coffee-back .coffee-back-arrow{color:var(--theme-accent, #2bbc8a);font-weight:700}.content a.coffee-back:hover,.content a.coffee-back:focus-visible{border-color:var(--theme-accent, #2bbc8a);background:var(--theme-accent, #2bbc8a);color:#111315}.content a.coffee-back:hover .coffee-back-arrow,.content a.coffee-back:focus-visible .coffee-back-arrow{color:inherit}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .content a.coffee-back{--cf-line: #2c3238}}:root[data-theme="dark"] .content a.coffee-back{--cf-line: #2c3238}