*{box-sizing:border-box;padding:0;margin:0}:root{--color-coffee-dark:#4E3B31;--color-coffee-medium:#7B5B3A;--color-coffee-light:#A68A6B;--color-cream:#E8D8B0;--color-cream-light:#F7F2E7;--color-terracotta:#A65E2E;--color-terracotta-light:#C2B280;--color-bg:#F7F2E7;--color-border:#E8D8B0;--color-text-primary:#4E3B31;--color-text-secondary:#7B5B3A;--color-text-tertiary:#8B6E4F;--color-accent:#A65E2E;--color-accent-hover:#8B4E26;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:0.8rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.563rem;--text-2xl:1.953rem;--max-content-width:1200px}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Georgia,Times New Roman,Times,serif;font-weight:700}.site-header{background-color:white;border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}.header-content{max-width:var(--max-content-width);margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.site-title{font-size:var(--text-xl);font-weight:600;color:var(--color-coffee-dark);letter-spacing:-.01em}.site-nav{display:flex;gap:var(--space-lg)}.nav-link{text-decoration:none;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:4px;transition:color .2s,background-color .2s}.nav-link:hover{color:var(--color-coffee-dark);background-color:var(--color-cream)}.nav-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.nav-link.active{color:var(--color-coffee-dark);background-color:var(--color-cream)}.main-content{max-width:var(--max-content-width);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}@media (max-width:640px){.main-content{padding:var(--space-lg) var(--space-md)}.site-header{padding:var(--space-md) 0}.header-content{padding:0 var(--space-md);flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.site-title{font-size:var(--text-lg)}.page-title{font-size:var(--text-xl)}.shop-header{flex-direction:column;align-items:flex-start}.shop-meta{width:100%;justify-content:flex-start}}.page-header{margin-bottom:var(--space-2xl)}.page-title{font-size:var(--text-2xl);font-weight:600;color:var(--color-coffee-dark);margin-bottom:var(--space-sm);letter-spacing:-.02em}.page-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.5}.directory-container{display:flex;flex-direction:column;gap:var(--space-xl)}.filters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg);padding:var(--space-lg);background-color:white;border:1px solid var(--color-border);border-radius:6px}@media (max-width:968px){.filters{grid-template-columns:1fr 1fr}}@media (max-width:640px){.filters{grid-template-columns:1fr}}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs)}.filter-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.neighborhood-select,.search-input{padding:.625rem var(--space-md);border:1px solid var(--color-border);border-radius:4px;font-size:var(--text-base);color:var(--color-text-primary);background-color:white;transition:border-color .2s,box-shadow .2s;min-height:44px}.neighborhood-select:hover,.search-input:hover{border-color:var(--color-coffee-light)}.neighborhood-select:focus,.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(212,114,46,.1)}.search-input::placeholder{color:var(--color-text-tertiary)}.near-me-button{padding:.625rem var(--space-md);border:1px solid var(--color-border);border-radius:4px;font-size:var(--text-base);color:var(--color-text-primary);background-color:white;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s;font-weight:500;min-height:44px}.near-me-button:hover:not(:disabled){border-color:var(--color-coffee-light)}.near-me-button:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(212,114,46,.1)}.near-me-button:disabled{opacity:.6;cursor:not-allowed}.near-me-button.active{background-color:var(--color-accent);color:white;border-color:var(--color-accent)}.near-me-button.active:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.location-message{padding:var(--space-md);background-color:rgba(212,114,46,.1);border:1px solid rgba(212,114,46,.2);border-radius:4px;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5}.results-info{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.shop-list{display:flex;flex-direction:column;gap:var(--space-md)}.shop-card-link{text-decoration:none;color:inherit;display:block;border-radius:6px}.shop-card-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.shop-card{padding:var(--space-lg);background-color:white;border:1px solid var(--color-border);border-radius:6px;transition:border-color .2s,box-shadow .2s}.shop-card-link:hover .shop-card{border-color:var(--color-coffee-light);box-shadow:0 1px 3px rgba(78,59,49,.08)}.shop-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm)}.shop-name{font-size:var(--text-lg);font-weight:600;color:var(--color-coffee-dark);letter-spacing:-.01em}.shop-meta{display:flex;align-items:baseline;gap:var(--space-sm);flex-shrink:0}.shop-distance{color:var(--color-coffee-medium);background-color:rgba(93,64,55,.1)}.shop-distance,.shop-rating{font-size:var(--text-sm);font-weight:600;padding:2px var(--space-xs);border-radius:3px}.shop-rating{color:var(--color-accent);background-color:rgba(212,114,46,.1)}.shop-details{display:flex;flex-direction:column;gap:var(--space-xs)}.shop-neighborhood{font-size:var(--text-sm);font-weight:500;color:var(--color-coffee-medium)}.shop-address{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.empty-state{padding:var(--space-2xl);text-align:left;background-color:white;border:1px solid var(--color-border);border-radius:6px}.empty-state p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.reset-button{padding:.625rem var(--space-lg);background-color:var(--color-accent);color:white;border:none;border-radius:4px;font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background-color .2s;min-height:44px}.reset-button:hover{background-color:var(--color-accent-hover)}.reset-button:focus{outline:none;box-shadow:0 0 0 3px rgba(212,114,46,.3)}.reset-button:active{transform:translateY(1px)}.view-toggle{display:flex;gap:var(--space-xs)}.view-toggle-button{padding:.625rem var(--space-md);border:1px solid var(--color-border);border-radius:4px;font-size:var(--text-base);color:var(--color-text-primary);background-color:white;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s;font-weight:500;flex:1 1;min-height:44px}.view-toggle-button:hover:not(.active){border-color:var(--color-coffee-light)}.view-toggle-button:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(212,114,46,.1)}.view-toggle-button.active{background-color:var(--color-coffee-dark);color:white;border-color:var(--color-coffee-dark)}.view-toggle-button.active:hover{background-color:var(--color-coffee-medium);border-color:var(--color-coffee-medium)}.detail-container{max-width:800px}.back-link{display:inline-block;color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-lg);transition:color .2s;padding:var(--space-xs) 0}.back-link:before{content:"←";margin-right:var(--space-xs)}.back-link:hover{color:var(--color-coffee-dark)}.back-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.detail-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border)}.detail-title{font-size:var(--text-2xl);font-weight:600;color:var(--color-coffee-dark);letter-spacing:-.02em}.detail-rating{font-size:var(--text-lg);font-weight:600;color:var(--color-accent);background-color:rgba(212,114,46,.1);padding:var(--space-xs) var(--space-sm);border-radius:4px}.detail-content{gap:var(--space-xl)}.detail-content,.detail-section{display:flex;flex-direction:column}.detail-section{gap:var(--space-sm)}.detail-section-title{font-size:var(--text-lg);font-weight:600;color:var(--color-coffee-dark);margin-bottom:var(--space-xs)}.detail-neighborhood{font-size:var(--text-base);font-weight:500;color:var(--color-coffee-medium)}.detail-address{line-height:1.5}.detail-address,.detail-coordinates{font-size:var(--text-base);color:var(--color-text-secondary)}.detail-coordinates{font-family:Courier New,monospace}.detail-map-link{display:inline-block;padding:.625rem var(--space-lg);background-color:var(--color-accent);color:white;text-decoration:none;border-radius:4px;font-size:var(--text-base);font-weight:500;transition:background-color .2s;width:-moz-fit-content;width:fit-content;min-height:44px;display:inline-flex;align-items:center}.detail-map-link:hover{background-color:var(--color-accent-hover)}.detail-map-link:focus{outline:none;box-shadow:0 0 0 3px rgba(212,114,46,.3)}.detail-map{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}