:root{--color-bg:#faf8f5;--color-surface:#fff;--color-surface-alt:#f3efe9;--color-text:#1a1612;--color-text-secondary:#3d3530;--color-accent:#7a5230;--color-accent-hover:#5c3d22;--color-accent-light:#d4a574;--color-specialty:#2d6a4f;--color-specialty-bg:#d8f3dc;--color-border:#d9d0c7;--color-focus:#1a5fb4;--color-error:#c01c28;--color-missing:#8a6030;--font-body:'Segoe UI',system-ui,-apple-system,sans-serif;--font-heading:Georgia,'Times New Roman',serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(26,22,18,0.08);--shadow-md:0 4px 12px rgba(26,22,18,0.1);--max-width:1200px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:2px}.skip-link{position:absolute;top:-100%;left:var(--space-md);background:var(--color-text);color:var(--color-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);z-index:10000;font-size:.875rem;text-decoration:none}.skip-link:focus{top:var(--space-md)}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:1rem;-webkit-font-smoothing:antialiased}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-lg) var(--space-md)}.header__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.header__title{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-accent);text-decoration:none}.header__subtitle{font-size:.875rem;color:var(--color-text-secondary)}.header__nav{display:flex;gap:var(--space-md)}.header__nav a{color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);transition:color .15s;min-height:44px;display:inline-flex;align-items:center}.header__nav a:hover{color:var(--color-accent)}.hero{background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-alt) 100%);padding:var(--space-3xl) var(--space-md);text-align:center;border-bottom:1px solid var(--color-border)}.hero__inner{max-width:720px;margin:0 auto}.hero h1{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.25rem);color:var(--color-text);line-height:1.2;margin-bottom:var(--space-md)}.hero h1 span{color:var(--color-accent)}.hero p,.hero__sub{font-size:1.125rem;color:var(--color-text-secondary);max-width:560px;margin:0 auto}.hero__sub{font-size:.9375rem;margin-top:var(--space-md)}.hero__price{margin:var(--space-lg) auto var(--space-sm);text-align:center}.hero__price-avg{font-family:var(--font-heading);font-size:clamp(3rem,8vw,4.5rem);color:var(--color-accent);display:block;line-height:1.1;font-weight:700}.hero__price-range{font-size:1rem;color:var(--color-text-secondary);display:block;margin-top:var(--space-xs)}.section{max-width:var(--max-width);margin:0 auto;padding:var(--space-2xl) var(--space-md)}.section__title{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:var(--space-xs)}.section__desc{color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:640px}.map-wrap{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}#map{height:420px;width:100%;background:var(--color-surface-alt)}.benchmark{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm)}.benchmark__header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.benchmark__cafe{font-family:var(--font-heading);font-size:1.25rem}.benchmark__source{font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface-alt);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.benchmark__prices{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-md)}.benchmark__item{text-align:center;padding:var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-md)}.benchmark__price{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-accent);display:block}.benchmark__drink{font-size:.8125rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.controls{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center}.controls__group{display:flex;gap:var(--space-xs);align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-surface-alt);border-radius:var(--radius-md);flex-wrap:wrap}.controls__reset{font-size:.75rem;color:var(--color-accent);background:transparent;border-color:transparent}.controls__reset:hover{text-decoration:underline}.controls__label{font-size:.8125rem;color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.controls__search{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:100px;font-size:.8125rem;font-family:inherit;background:var(--color-surface);color:var(--color-text);min-width:160px;min-height:44px;transition:border-color .15s}.controls__search:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px rgba(122,82,48,0.15)}.controls__search::placeholder{color:var(--color-text-secondary);opacity:.7}.controls__count{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-md);min-height:1.2em}.controls__btn{background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);border-radius:100px;font-size:.8125rem;cursor:pointer;color:var(--color-text-secondary);transition:all .15s;font-family:inherit;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.controls__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.controls__btn[aria-pressed="true"]{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.cafes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);list-style:none}.cafe-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s;position:relative}.cafe-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.cafe-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.cafe-card__name{font-family:var(--font-heading);font-size:1.125rem;line-height:1.3}.cafe-card__badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:100px;white-space:nowrap;flex-shrink:0}.cafe-card__badge--specialty{background:var(--color-specialty-bg);color:var(--color-specialty)}.cafe-card__address{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.cafe-card__metrics{display:flex;gap:var(--space-lg);padding:var(--space-md) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.cafe-card__metric{flex:1;text-align:center}.cafe-card__metric-value{font-weight:700;font-size:1rem;display:block;color:var(--color-text)}.cafe-card__metric-label{font-size:.6875rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.cafe-card__price{display:flex;align-items:baseline;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.cafe-card__price-drink{font-size:.875rem;color:var(--color-text-secondary)}.cafe-card__price-value{font-weight:700;color:var(--color-accent)}.cafe-card__missing{text-align:center;padding:var(--space-md);background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px dashed var(--color-border)}.cafe-card__missing-text{font-size:.8125rem;color:var(--color-missing);margin-bottom:var(--space-sm)}.cafe-card__links{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.cafe-card__link{font-size:.75rem;color:var(--color-text-secondary);text-decoration:none;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .15s;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.cafe-card__link:hover{border-color:var(--color-accent);color:var(--color-accent)}.cta{background:var(--color-accent);color:#fff;padding:var(--space-3xl) var(--space-md);text-align:center}.cta__inner{max-width:640px;margin:0 auto}.cta h2{font-family:var(--font-heading);font-size:1.75rem;margin-bottom:var(--space-md)}.cta p{opacity:.9;margin-bottom:var(--space-xl);font-size:1.0625rem}.cta__button{display:inline-block;background:#fff;color:var(--color-accent);padding:var(--space-md) var(--space-xl);border-radius:100px;text-decoration:none;font-weight:700;font-size:1rem;transition:transform .15s,box-shadow .15s;border:none;cursor:pointer;font-family:inherit}.cta__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.2)}.submit-form{max-width:400px;margin:var(--space-xl) auto 0;text-align:left}.submit-form__field{margin-bottom:var(--space-md)}.submit-form__field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-xs);color:rgba(255,255,255,0.9)}.submit-form__field select,.submit-form__field input[type="text"]{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-sm);font-size:.9375rem;font-family:inherit;background:rgba(255,255,255,0.15);color:#fff;min-height:44px}.submit-form__field select option{color:var(--color-text);background:var(--color-surface)}.submit-form__field input[type="file"]{font-size:.875rem;color:rgba(255,255,255,0.9)}.submit-form__preview{max-width:100%;max-height:200px;border-radius:var(--radius-sm);margin-top:var(--space-sm)}.submit-form__status{font-size:.875rem;margin-top:var(--space-md);min-height:1.5em;text-align:center}.cta__button[aria-disabled="true"]{opacity:.6;cursor:default;pointer-events:none}.cta__note{font-size:.8125rem;opacity:.75;margin-top:var(--space-md);font-style:italic}.methodology{background:var(--color-surface);border-top:1px solid var(--color-border)}.methodology__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl)}.methodology__item h3{font-family:var(--font-heading);font-size:1.125rem;margin-bottom:var(--space-sm)}.methodology__item p{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.footer{border-top:1px solid var(--color-border);padding:var(--space-xl) var(--space-md);text-align:center;font-size:.8125rem;color:var(--color-text-secondary)}.footer a{color:var(--color-accent);text-decoration:underline}.footer a:hover{color:var(--color-accent-hover)}.header__toggle{display:none;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);font-family:inherit}.map-legend{display:flex;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border);font-size:.75rem;color:var(--color-text-secondary);flex-wrap:wrap}.map-legend__item{display:flex;align-items:center;gap:var(--space-xs)}.map-legend__dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.map-legend__dot--specialty{background:#5c3d22}.map-legend__dot--regular{background:#999}.noscript-msg{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;color:var(--color-text-secondary)}@media(max-width:768px){.hero{padding:var(--space-2xl) var(--space-md)}.hero__price-avg{font-size:3rem}#map{height:300px}.cafes-grid{grid-template-columns:1fr}.benchmark__prices{grid-template-columns:repeat(2,1fr)}.header__toggle{display:block}.header__nav{display:none;width:100%;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-sm)}.header__nav[aria-expanded="true"]{display:flex}.header__inner{flex-wrap:wrap}}@media(max-width:480px){.hero h1{font-size:1.75rem}.benchmark__prices{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.benchmark__item{padding:var(--space-sm)}.cafe-card__metrics{gap:var(--space-sm)}}@media print{.header__nav,.cta,#map,.controls{display:none}.cafe-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}