*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8F6F1;--bg-card: #FFFFFF;--border: #E5E0D5;--text: #1C1917;--text-muted: #78716C;--accent: #292524;--tag-bg: #EDE8E0;--tag-text: #57534E;--rating-fill: #1C1917;--rating-empty: #D6D0C8;--max-width: 960px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}main{flex:1;padding:3rem 0 5rem}header{border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem}.logo{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;color:var(--text)}.logo .stroke-o{text-decoration:line-through;text-decoration-color:var(--text)}nav{display:flex;gap:.25rem}nav a{padding:.375rem .75rem;border-radius:6px;font-size:.875rem;color:var(--text-muted);transition:background .15s,color .15s}nav a:hover,nav a.active{background:var(--tag-bg);color:var(--text)}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.page-header p{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.toolbar{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.toolbar-search{flex:1;min-width:140px;padding:.5rem .875rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font-size:.875rem;font-family:var(--font);outline:none;transition:border-color .15s}.toolbar-search:focus{border-color:var(--accent)}.toolbar-search::placeholder{color:var(--text-muted)}.toolbar-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font-size:.8125rem;font-family:var(--font);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2378716C' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;transition:border-color .15s}.toolbar-select:focus{border-color:var(--accent)}.sort-controls{display:flex;gap:.25rem;flex-shrink:0}.sort-btn{padding:.3125rem .75rem;border-radius:100px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.8125rem;cursor:pointer;font-family:var(--font);transition:all .15s;white-space:nowrap}.sort-btn:hover{border-color:var(--accent);color:var(--text)}.sort-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}.filter-group{display:flex;gap:.25rem;flex-wrap:wrap}.filter-btn{padding:.3125rem .75rem;border-radius:100px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:.8125rem;cursor:pointer;font-family:var(--font);transition:all .15s;white-space:nowrap}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-divider{width:1px;background:var(--border);margin:0 .25rem;align-self:stretch}.cards{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.card{background:var(--bg-card);padding:1.125rem 1.25rem;display:grid;grid-template-columns:1fr auto;gap:.25rem 1rem;align-items:start}.card[hidden]{display:none}.card-main{min-width:0}.card-name{font-weight:500;font-size:.9375rem;letter-spacing:-.01em;line-height:1.3}.card-sub{font-size:.8125rem;color:var(--text-muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.625rem}.card-side{text-align:right;flex-shrink:0;min-width:110px}.card-meta-line{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;margin-top:.2rem;line-height:1.4}.card-roastery{font-size:.8125rem;font-weight:500;color:var(--text)}.card-sep,.card-city{font-size:.8125rem;color:var(--text-muted)}.card-country{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;letter-spacing:.04em;background:var(--tag-bg);color:var(--tag-text);border-radius:3px;padding:0 .3rem;line-height:1.6}.angaben{grid-column:1 / -1;margin-top:.5rem;display:flex;flex-direction:column;gap:.2rem}.angaben-text{font-size:.8125rem;color:var(--text-muted);line-height:1.5}.angaben-scales{font-size:.8125rem;color:var(--text-muted);font-variant-numeric:tabular-nums;line-height:1.5}.brew-ratio{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.375rem}.brew-part{display:flex;align-items:center;gap:.2rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--text-muted)}.brew-icon{font-size:.5rem;line-height:1;opacity:.6}.brew-divider{font-size:.6875rem;color:var(--border)}.brew-ratio--plain{margin-top:.375rem;font-size:.75rem;color:var(--text-muted)}.card-date{font-size:.75rem;color:var(--text-muted);margin-top:.2rem}.card-preground{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:500;letter-spacing:.03em;background:#f0ede6;color:#78716c;border-radius:3px;padding:0 .35rem;line-height:1.6;font-style:italic}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:100px;background:var(--tag-bg);color:var(--tag-text);font-size:.75rem;font-weight:500;white-space:nowrap}.card-brew-methods{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;margin-top:.375rem}.tag.brew-method{background:#edeae4;color:#57534e}.tag.pour-over{background:#e8f0e8;color:#3d6b3d}.tag.batch-brew{background:#e8eaf0;color:#3d4b6b}.rating{display:inline-flex;gap:2px;align-items:center}.rating-dot{width:7px;height:7px;border-radius:50%;background:var(--rating-empty)}.rating-dot.filled{background:var(--rating-fill)}.rating-dot.half{background:linear-gradient(90deg,var(--rating-fill) 50%,var(--rating-empty) 50%)}.rating-text{font-size:.75rem;color:var(--text-muted);margin-left:.375rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);padding:1.25rem}.stat-value{font-size:2rem;font-weight:600;letter-spacing:-.04em;line-height:1}.stat-label{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem}.stats-section-title{font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem}.cafe-cards{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.cafe-card{background:var(--bg-card);padding:1.125rem 1.25rem}.cafe-card[hidden]{display:none}.cafe-card-body{display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:start}.cafe-card-left{min-width:0;display:flex;flex-direction:column;gap:.375rem}.cafe-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.cafe-card-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;min-width:0}.cafe-roastery{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.cafe-roastery:after{content:" |";color:var(--border);margin-left:.1rem}.cafe-name{font-size:.9375rem;font-weight:600;letter-spacing:-.01em}.cafe-city{font-size:.8125rem;color:var(--text-muted)}.cafe-city:before{content:"·";margin-right:.35rem;color:var(--border)}.cafe-methods{display:flex;gap:.25rem}.cafe-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.375rem;line-height:1.5}.cafe-visits{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.625rem}.cafe-visit-chip{font-size:.6875rem;font-weight:500;color:var(--text-muted);background:var(--tag-bg);border-radius:4px;padding:.1rem .4rem;font-variant-numeric:tabular-nums}.cafe-visit-more{font-style:italic;opacity:.7}.cafe-criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1rem;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden}.cafe-criterion{background:var(--bg);padding:.625rem .75rem}.cafe-criterion-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cafe-criterion-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.cafe-no-rating{font-size:.75rem;color:var(--text-muted);font-style:italic}.cafe-criterion-notes{font-size:.8rem;color:var(--text-muted);margin-top:.375rem;line-height:1.5}.empty{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9rem}@media(max-width:600px){.card{grid-template-columns:1fr}.card-side{text-align:left}nav a span{display:none}}