:root{--cf-bg-page:#fff;--cf-bg-surface:#f8f5f0;--cf-bg-hover:#f5f5f5;--cf-bg-input:#fff;--cf-border:#e5e5e5;--cf-border-input:#ddd;--cf-text:#1a1a1a;--cf-text-muted:#666;--cf-text-faint:#888;--cf-text-sub:#555;--cf-text-label:#444;--cf-text-section:#999;--cf-accent:#1a1a1a;--cf-accent-hover:#333;--cf-accent-fg:#fff;--cf-disabled:#ccc;--cf-ok:#2d7a2d;--cf-error:#c0392b;--cf-shadow:rgba(0, 0, 0, .08);--cf-bean-bg:#eef6ee;--cf-bean-text:#2d5a2d;--cf-bean-border:#c3dfc3;--cf-tag-bg:#f0f0f0;--cf-tag-text:#444;--cf-tag-border:#ddd;--cf-btn-sec-bg:#f0f0f0;--cf-btn-sec-hover:#e4e4e4;--cf-btn-sec-text:#444}:root.dark{--cf-bg-page:#0f172a;--cf-bg-surface:#1e293b;--cf-bg-hover:#1e293b;--cf-bg-input:#1e293b;--cf-border:#334155;--cf-border-input:#475569;--cf-text:#f1f5f9;--cf-text-muted:#94a3b8;--cf-text-faint:#64748b;--cf-text-sub:#94a3b8;--cf-text-label:#cbd5e1;--cf-text-section:#64748b;--cf-accent:#f1f5f9;--cf-accent-hover:#cbd5e1;--cf-accent-fg:#0f172a;--cf-disabled:#334155;--cf-ok:#4ade80;--cf-error:#f87171;--cf-shadow:rgba(0, 0, 0, .4);--cf-bean-bg:rgba(74, 222, 128, .1);--cf-bean-text:#4ade80;--cf-bean-border:rgba(74, 222, 128, .25);--cf-tag-bg:#1e293b;--cf-tag-text:#cbd5e1;--cf-tag-border:#334155;--cf-btn-sec-bg:#1e293b;--cf-btn-sec-hover:#334155;--cf-btn-sec-text:#cbd5e1}.cf-container{max-width:680px;margin:0 auto}.cf-location-bar{display:flex;align-items:center;gap:12px;background:var(--cf-bg-surface);border-radius:10px;padding:10px 14px;margin-bottom:24px;font-size:13px}.cf-btn-locate{white-space:nowrap;font-size:13px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;border:0;background:var(--cf-accent);color:var(--cf-accent-fg)}.cf-btn-locate:hover{background:var(--cf-accent-hover)}.cf-location-pending{color:var(--cf-text-faint)}.cf-location-ok{color:var(--cf-ok);font-weight:500}.cf-location-search{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}.cf-location-or{font-size:13px;color:var(--cf-text-faint)}.cf-location-input{flex:1;min-width:180px;padding:8px 12px;font-size:13px;color:var(--cf-text);background:var(--cf-bg-input);border:1px solid var(--cf-border-input);border-radius:8px;outline:0;box-sizing:border-box}.cf-location-input:focus{border-color:var(--cf-accent)}.cf-btn-location-search{white-space:nowrap;font-size:13px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;border:1px solid var(--cf-border-input);background:var(--cf-bg-surface);color:var(--cf-text)}.cf-btn-location-search:hover{border-color:var(--cf-accent);color:var(--cf-text)}.cf-radius-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.cf-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--cf-border)}.cf-tab-btn{padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;border:0;background:0 0;color:var(--cf-text-muted);border-radius:6px 6px 0 0;border-bottom:2px solid transparent;margin-bottom:-1px}.cf-tab-btn:hover{color:var(--cf-text)}.cf-tab-active{color:var(--cf-text)!important;border-bottom-color:var(--cf-accent)!important}.cf-tab-panel{padding-bottom:8px}.cf-search-label{display:block;font-size:13px;font-weight:600;color:var(--cf-text-label);margin-bottom:6px}.cf-search-input{width:100%;padding:10px 14px;font-size:14px;color:var(--cf-text);background:var(--cf-bg-input);border:1px solid var(--cf-border-input);border-radius:10px;outline:0;box-sizing:border-box}.cf-search-input:focus{border-color:var(--cf-accent)}.cf-suggestions{position:relative;background:var(--cf-bg-page);border:1px solid var(--cf-border);border-radius:8px;margin-top:4px;overflow:hidden;box-shadow:0 4px 12px var(--cf-shadow)}.cf-suggestions:empty{display:none}.cf-suggestion-item{display:block;width:100%;padding:9px 14px;text-align:left;font-size:14px;background:0 0;border:0;cursor:pointer;color:var(--cf-text)}.cf-suggestion-item:hover{background:var(--cf-bg-hover)}.cf-radio-group{display:flex;gap:16px;margin-bottom:12px;font-size:14px;color:var(--cf-text)}.cf-radio-group label{cursor:pointer;display:flex;align-items:center;gap:5px}.cf-chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.cf-chip{padding:5px 13px;border:1.5px solid var(--cf-border);border-radius:20px;font-size:13px;cursor:pointer;background:var(--cf-bg-page);color:var(--cf-text-label);transition:all .12s}.cf-chip:hover{border-color:var(--cf-text-sub);color:var(--cf-text)}.cf-chip-active{border-color:var(--cf-accent);background:var(--cf-accent);color:var(--cf-accent-fg)!important}.cf-btn-search{margin-top:16px;padding:10px 22px;font-size:14px;font-weight:600;border:0;border-radius:10px;cursor:pointer;background:var(--cf-accent);color:var(--cf-accent-fg)}.cf-btn-search:hover{background:var(--cf-accent-hover)}.cf-btn-search:disabled{background:var(--cf-disabled);cursor:not-allowed}.cf-results{margin-top:28px}.cf-results-loading{font-size:13px;color:var(--cf-text-faint)}.cf-results-error{font-size:13px;color:var(--cf-error)}.cf-results-empty{font-size:13px;color:var(--cf-text-faint)}.cf-results-count{font-size:13px;color:var(--cf-text-sub);margin-bottom:12px;display:block}.cf-pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}.cf-pager:empty{display:none}.cf-page-btn{padding:6px 14px;font-size:13px;font-weight:600;border:1px solid var(--cf-border-input);border-radius:8px;background:var(--cf-bg-input);color:var(--cf-text);cursor:pointer}.cf-page-btn:hover:not(:disabled){border-color:var(--cf-accent)}.cf-page-btn:disabled{opacity:.4;cursor:default}.cf-page-label{font-size:13px;color:var(--cf-text-muted)}.cf-cafe-card{border:1px solid var(--cf-border);border-radius:12px;padding:16px;margin-bottom:12px;background:var(--cf-bg-page)}.cf-cafe-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.cf-cafe-name{font-size:16px;font-weight:700;display:block;color:var(--cf-text)}.cf-cafe-address{font-size:12px;color:var(--cf-text-faint);display:block;margin-top:2px}.cf-cafe-distance{font-size:13px;font-weight:600;color:var(--cf-text-sub);white-space:nowrap;margin-left:12px}.cf-cafe-roasters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.cf-roaster-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px}.cf-roaster-bean{background:var(--cf-bean-bg);color:var(--cf-bean-text);border:1px solid var(--cf-bean-border)}.cf-roaster-roaster{background:var(--cf-tag-bg);color:var(--cf-tag-text);border:1px solid var(--cf-tag-border)}.cf-roaster-icon{width:16px;height:16px;border-radius:3px;object-fit:contain}.cf-bean-name{opacity:.75}.cf-cafe-actions{display:flex;gap:8px;flex-wrap:wrap}.cf-btn-directions,.cf-btn-website{font-size:12px;padding:5px 11px;border-radius:7px;text-decoration:none;font-weight:500}.cf-btn-directions{background:var(--cf-accent);color:var(--cf-accent-fg)}.cf-btn-directions:hover{background:var(--cf-accent-hover)}.cf-btn-website{background:var(--cf-btn-sec-bg);color:var(--cf-btn-sec-text)}.cf-btn-website:hover{background:var(--cf-btn-sec-hover)}.cf-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cf-text-section);margin-bottom:8px}