*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--surface: #f4f4f4;--card-bg: #fdfdfd;--border: #d8d8d8;--text: #111111;--text-muted: #555555;--accent: #111111;--accent-warm: #444444;--brew-bg: #1a1a1a;--brew-surface: #111111;--brew-border: #2e2e2e;--brew-section-border: #222222;--brew-section-alt: #161616;--brew-heading-text: #d8d8d8;--brew-label: #666666;--brew-text: #c0c0c0;--brew-desc: #808080;--brew-tasting: #909090;--sidebar-bg: #111111;--sidebar-border: #222222;--sidebar-text: #d0d0d0;--sidebar-text-dim: #444444;--sidebar-hover: #1e1e1e;--sidebar-active: #242424;--sidebar-active-accent: #888888}[data-theme=dark]{--bg: #111111;--surface: #1a1a1a;--card-bg: #181818;--border: #2e2e2e;--text: #f0f0f0;--text-muted: #909090;--accent: #f0f0f0;--accent-warm: #c0c0c0;--brew-bg: #252525;--brew-surface: #1c1c1c;--brew-border: #383838;--brew-section-border: #2c2c2c;--brew-section-alt: #202020}html,body{height:100%}body{background-color:var(--bg);color:var(--text);font-family:Georgia,serif;line-height:1.7;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh;display:flex;flex-direction:column}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:100}.sidebar-overlay--visible{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:101;box-shadow:4px 0 24px #0006}.sidebar--open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.25rem 1.25rem 1.5rem;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--sidebar-text);letter-spacing:.02em}.sidebar-close{background:none;border:none;color:var(--sidebar-text-dim);font-size:1.1rem;cursor:pointer;padding:.25rem .4rem;line-height:1;border-radius:4px;transition:color .15s,background-color .15s}.sidebar-close:hover{color:var(--sidebar-text);background-color:var(--sidebar-hover)}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:1rem 0}.sidebar-link{display:block;padding:.8rem 1.5rem;color:var(--sidebar-text);text-decoration:none;font-size:1rem;font-family:Georgia,serif;transition:background-color .15s,color .15s;border-left:3px solid transparent}.sidebar-link:hover{background-color:var(--sidebar-hover)}.sidebar-link--active{border-left-color:var(--sidebar-active-accent);background-color:var(--sidebar-active)}.sidebar-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--sidebar-border);color:var(--sidebar-text-dim);font-size:.8rem;font-style:italic;line-height:1.6}.brew-card{background-color:var(--brew-bg);border:1px solid var(--brew-border);border-radius:8px;margin:2.5rem 0;overflow:hidden;font-family:Georgia,serif}.brew-card-header{background-color:var(--brew-surface);border-bottom:1px solid var(--brew-border);padding:1.5rem 2rem;text-align:center}.brew-card-icon{display:block;font-size:2rem;margin-bottom:.4rem}.brew-card-title{font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brew-heading-text);margin-bottom:.35rem}.brew-card-subtitle{font-size:.85rem;color:var(--brew-label);font-style:italic}.brew-card-body{padding:0}.brew-section{border-bottom:1px solid var(--brew-section-border);padding:.75rem 0}.brew-section:last-child{border-bottom:none}.brew-section--rated{background-color:var(--brew-section-alt)}.brew-row{display:flex;align-items:flex-start;gap:1rem;padding:.5rem 2rem}.brew-row--rated{align-items:center;padding:.65rem 2rem}.brew-label{flex-shrink:0;width:6.5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--brew-label);padding-top:.1rem}.brew-field-value{flex:1;font-size:.9rem;color:var(--brew-text);line-height:1.5}.brew-field-value.rated{display:flex;flex-direction:column;gap:.2rem}.brew-cups{display:flex;gap:.15rem}.brew-cup{font-size:.9rem;line-height:1;transition:opacity .1s}.brew-cup.filled{opacity:1}.brew-cup.empty{opacity:.15}.brew-field-desc{font-size:.85rem;color:var(--brew-desc);font-style:italic}.brew-card-footer{background-color:var(--brew-surface);border-top:1px solid var(--brew-border);padding:1.25rem 2rem}.brew-tasting-notes{font-size:.9rem;font-style:italic;color:var(--brew-tasting);line-height:1.7;text-align:center}.pedal-gallery{margin:2rem 0}.gallery-stage{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border);background-color:var(--surface);line-height:0}.gallery-img{display:block;width:100%;height:auto;opacity:1;transition:opacity .2s ease}.gallery-img--fade{opacity:0}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000073;color:#fff;border:none;cursor:pointer;width:42px;height:42px;border-radius:50%;font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background-color .15s;z-index:2;padding-bottom:2px}.gallery-arrow:hover{background-color:#000000b3}.gallery-arrow--prev{left:.85rem}.gallery-arrow--next{right:.85rem}.gallery-counter{position:absolute;bottom:.7rem;right:.85rem;background-color:#00000073;color:#fff;font-size:.72rem;letter-spacing:.06em;padding:.2rem .55rem;border-radius:20px;font-family:Georgia,serif;font-style:normal}.gallery-thumbs{display:flex;gap:.5rem;margin-top:.6rem}.gallery-thumb{flex:1;padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;line-height:0;transition:border-color .15s,opacity .15s;opacity:.55}.gallery-thumb img{display:block;width:100%;height:64px;object-fit:cover}.gallery-thumb:hover{opacity:.85}.gallery-thumb--active{border-color:var(--accent);opacity:1}.gallery-caption{display:block;margin-top:.6rem;font-size:.8rem;color:var(--text-muted);text-align:center;font-style:italic;letter-spacing:.02em;line-height:1}.review-card-wrapper{padding:2.5rem 1.5rem 5rem}.review-card{background-color:var(--card-bg);transition:background-color .2s ease,border-color .2s ease;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 3px #2b1d0e0f,0 6px 20px #2b1d0e14,0 20px 60px #2b1d0e0d;overflow:hidden;max-width:760px;margin:0 auto}.review-card-head{border-top:4px solid var(--accent);background-color:var(--surface);padding:2.75rem 3rem 2rem;text-align:center;border-bottom:1px solid var(--border);transition:background-color .2s ease,border-color .2s ease}.review-title-link{color:inherit;text-decoration:none}.review-title-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.review-title{font-size:1.85rem;font-weight:700;color:var(--text);line-height:1.25;margin-bottom:0}.review-dateline{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.1rem}.review-dateline-rule{flex:1;max-width:72px;height:1px;background-color:var(--border)}.review-date{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-family:Georgia,serif;font-style:normal}.review-card-body{padding:2.5rem 3rem 3rem}@media(max-width:600px){.review-card-head{padding:2rem 1.5rem 1.5rem}.review-card-body{padding:1.75rem 1.5rem 2.5rem}.review-title{font-size:1.45rem}}.review-h2{font-size:1.25rem;font-weight:700;color:var(--accent-warm);margin-top:2.25rem;margin-bottom:.65rem;border-bottom:1px solid var(--border);padding-bottom:.35rem}.review-h3{font-size:1.05rem;font-weight:700;color:var(--text);margin-top:1.5rem;margin-bottom:.4rem}.review-p{font-size:1.02rem;color:var(--text-muted);line-height:1.85;margin-bottom:1.2rem}.review-em{font-style:italic;color:var(--text-muted)}.review-strong{font-weight:700;color:var(--text)}.review-blockquote{border-left:3px solid var(--accent);margin:1.5rem 0;padding:.75rem 1.25rem;background-color:var(--surface);color:var(--text-muted);font-style:italic}.review-link{color:var(--text);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s ease,opacity .15s ease}.review-link:hover{opacity:.65}.review-figure{margin:2rem 0}.review-img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--border)}.review-figcaption{margin-top:.6rem;font-size:.8rem;color:var(--text-muted);text-align:center;font-style:italic;letter-spacing:.02em}.rc-link{text-decoration:none;display:block}.rc{background-color:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 16px #00000012;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.rc-link:hover .rc{box-shadow:0 4px 12px #00000017,0 16px 48px #0000001a;transform:translateY(-3px);border-color:var(--text-muted)}.rc-image{aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--border);background-color:var(--surface)}.rc-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.rc-link:hover .rc-image img{transform:scale(1.03)}.rc-body{padding:1.75rem 2rem 2rem}.rc-title{font-size:1.2rem;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:.9rem;transition:color .15s}.rc-dateline{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}.rc-rule{flex:1;height:1px;background-color:var(--border)}.rc-date{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-family:Georgia,serif;white-space:nowrap}.rc-subtitle{font-size:.92rem;color:var(--text-muted);font-style:italic;line-height:1.65;margin-bottom:1.5rem}.rc-cta{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:1px;transition:border-color .15s}.rc-link:hover .rc-cta{border-color:var(--accent)}.home-browse{border-top:1px solid var(--border);padding:2.5rem 1.5rem 5rem}.home-browse-inner{max-width:960px;margin:0 auto}.home-browse-heading{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.5rem}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.review-page-back{max-width:760px;margin:0 auto;padding:1.5rem 1.5rem 0}.back-link{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--text)}.brew-guide{max-width:800px;margin:0 auto;padding-bottom:5rem}.guide-hero{text-align:center;padding:4rem 2rem 3rem;border-bottom:1px solid var(--border);margin-bottom:0}.guide-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-warm);margin-bottom:.75rem}.guide-title{font-size:2.8rem;font-weight:700;color:var(--text);margin-bottom:1rem;line-height:1.15}.guide-subtitle{font-size:1.1rem;color:var(--text-muted);font-style:italic;max-width:560px;margin:0 auto;line-height:1.7}.guide-content{padding:0 2rem}.guide-divider{border:none;border-top:1px solid var(--border);margin:3rem 0}.guide-section{margin:3rem 0}.guide-h2{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px solid var(--accent);display:inline-block}.guide-h3{font-size:1.1rem;font-weight:700;color:var(--accent-warm);margin-bottom:.65rem;display:flex;align-items:center;gap:.4rem}.guide-field-icon{font-size:1rem}.guide-section p,.guide-field-block p{font-size:1rem;color:var(--text-muted);line-height:1.8;margin-bottom:1rem}.guide-section-intro{font-size:1.05rem;color:var(--text-muted);font-style:italic;margin-bottom:1.75rem;line-height:1.8}.guide-field-block{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.5rem;margin-bottom:1.25rem}.guide-note{font-size:.9rem!important;color:var(--text-muted);font-style:italic;background-color:var(--bg);border-left:3px solid var(--border);padding:.6rem .9rem;margin-top:.75rem;margin-bottom:0!important;border-radius:0 4px 4px 0}.guide-table{border:1px solid var(--border);border-radius:6px;overflow:hidden;margin:1rem 0}.guide-table-row{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.guide-table-row:last-child{border-bottom:none}.guide-table-row:nth-child(odd){background-color:var(--bg)}.guide-table-row:nth-child(2n){background-color:var(--surface)}.guide-table-key{flex-shrink:0;width:9rem;font-size:.85rem;font-weight:700;color:var(--text)}.guide-table-val{flex:1;font-size:.9rem;color:var(--text-muted);line-height:1.5}.guide-cup-scale-list{display:flex;flex-direction:column;gap:.6rem;margin:.75rem 0}.cup-scale{display:flex;align-items:center;gap:.75rem}.cup-scale-cups{display:flex;gap:.1rem;flex-shrink:0}.cup-scale-cup{font-size:.9rem}.cup-scale-cup.filled{opacity:1}.cup-scale-cup.empty{opacity:.18}.cup-scale-label{font-size:.85rem;color:var(--text-muted);font-style:italic}.guide-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem}@media(max-width:600px){.guide-two-col{grid-template-columns:1fr}}.guide-recipe{background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:1.5rem;margin-top:1.25rem}.guide-recipe-label{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.75rem!important}.guide-recipe-list{padding-left:1.25rem;margin-bottom:1.25rem}.guide-recipe-list li{font-size:.95rem;color:var(--text-muted);line-height:1.7;margin-bottom:.35rem}.guide-recipe-closer{font-size:.9rem;color:var(--text-muted);font-style:italic;margin-bottom:0!important}.guide-example-notes{margin-top:1.25rem;padding:1rem 1.25rem;border-left:3px solid var(--border);background-color:var(--surface)}.guide-example-notes p{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin:0}.guide-rules{padding-left:0;list-style:none;margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem}.guide-rules li{font-size:.95rem;color:var(--text-muted);line-height:1.7;background-color:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.9rem 1.1rem .9rem 1rem;border-left:3px solid var(--accent-warm)}.guide-rules li strong{color:var(--text)}.site{min-height:100vh;display:flex;flex-direction:column}.site-header{background-color:var(--surface);border-bottom:2px solid var(--accent);padding:1rem 1.25rem;display:flex;align-items:center;gap:.85rem;transition:background-color .2s ease,border-color .2s ease}.site-header-spacer{flex:1}.hamburger{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background-color .15s}.hamburger:hover{background-color:var(--border)}.hamburger span{display:block;width:22px;height:2px;background-color:var(--text);border-radius:2px;transition:background-color .2s ease}.site-title{font-size:1.4rem;font-weight:700;letter-spacing:.01em;color:var(--text);transition:color .2s ease;white-space:nowrap}.theme-toggle{flex-shrink:0;background:none;border:1px solid var(--border);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;color:var(--text);margin-top:.25rem;transition:background-color .15s,border-color .15s,color .2s ease;line-height:1}.theme-toggle:hover{background-color:var(--bg);border-color:var(--text-muted)}.site-main{flex:1}.site-footer{background-color:var(--surface);border-top:1px solid var(--border);padding:1.25rem 2rem;text-align:center;color:var(--text-muted);font-size:.85rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}