:root{--text:#4b4550;--text-h:#1a1420;--bg:#faf7f2;--card-bg:#fff;--border:#e7e0d6;--accent:#b8621b;--accent-dark:#8f4a12;--empty:#c9c2b8;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#cfc9c2;--text-h:#f7f3ee;--bg:#171310;--card-bg:#211c18;--border:#3a332b;--accent:#e08a3e;--accent-dark:#f0a35e;--empty:#5a5148}}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h);margin:0 0 8px;font-weight:600}.btn{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:10px 18px}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{color:var(--accent-dark);background:0 0}.btn-link{color:var(--accent-dark);background:0 0;border:none;padding:0;text-decoration:underline}.btn-google{background:#4285f4;border-color:#4285f4}.error-text{color:#c0392b}.success-text{color:#27824c}.hint-text{color:var(--empty);font-size:14px}.empty-state{color:var(--empty)}.card{background:var(--card-bg);border:1px solid var(--border);text-align:left;border-radius:12px;max-width:640px;margin:0 auto 24px;padding:24px}.page-loading{text-align:center;color:var(--empty);padding:48px}.tap-page{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:16px;max-width:1080px;margin:0 auto;padding:32px 20px 64px}.tap-header{text-align:center;margin-bottom:32px}.tap-subheading{color:var(--empty)}.tap-intro{max-width:560px;color:var(--empty);margin:8px auto 0;font-size:14px}.tap-intro a{color:var(--accent-dark)}.tap-affiliations{color:var(--empty);margin:8px 0 0;font-size:14px}.tap-affiliations a{color:var(--accent-dark)}.brewery-name-form{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.recipe-private-notice{text-align:center}.recipe-visibility-select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:8px 10px}.tap-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.tap-card{background:var(--card-bg);border:1px solid var(--border);text-align:left;border-radius:14px;padding:20px}.tap-card-empty{flex-direction:column;min-height:140px;display:flex}.tap-card-empty .tap-empty-label{color:var(--empty);flex:1;justify-content:center;align-items:center;display:flex}.tap-number{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);margin-bottom:8px;font-size:13px;font-weight:600}.tap-image{object-fit:cover;border-radius:8px;width:100%;height:140px;margin-bottom:12px}.tap-name{margin:0 0 4px;font-size:20px}.beer-color-icon{vertical-align:middle;border:1px solid #00000026;border-radius:50%;width:14px;height:14px;margin-left:8px;display:inline-block}.image-gallery-thumbs{flex-wrap:wrap;gap:6px;margin:-8px 0 12px;display:flex}.image-gallery-thumb{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;width:40px;height:40px;padding:0;overflow:hidden}.image-gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-gallery-thumb-active{border-color:var(--accent)}.tap-style{color:var(--empty);margin-bottom:8px}.tap-stats{color:var(--accent-dark);gap:12px;margin-bottom:8px;font-weight:600;display:flex}.tap-notes{margin:0 0 8px}.tap-brewer{color:var(--empty);font-size:13px}.tap-footer{text-align:center;margin-top:48px}.tap-footer a{color:var(--empty);font-size:13px}.centered-page{justify-content:center;align-items:center;min-height:100svh;padding:20px;display:flex}.login-card{text-align:center}.dashboard{max-width:720px;margin:0 auto;padding:32px 20px 64px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-bottom:24px;display:flex}.dashboard-user{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.connect-form{flex-direction:column;gap:12px;display:flex}.connect-form label{flex-direction:column;gap:4px;font-size:14px;display:flex}.connect-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:8px 10px}.brew-source-list{flex-direction:column;gap:16px;display:flex}.brew-source-card{border:1px solid var(--border);border-radius:10px;padding:16px}.brew-source-card h3{margin:0 0 8px;font-size:16px}.batch-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.batch-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 0;display:flex}.batch-row:last-child{border-bottom:none}.batch-meta{color:var(--empty);font-size:14px}.assign-control{flex-wrap:wrap;gap:8px;display:flex}.assign-control select{font:inherit;border:1px solid var(--border);border-radius:6px;padding:8px}.batch-row-full{flex-direction:column;align-items:flex-start;gap:8px}.batch-row-full .batch-actions{flex-direction:column;gap:8px;width:100%;display:flex}.batch-row-hidden{opacity:.55}.inline-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0;display:flex}.tapcount-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.tasting-notes{border-top:1px solid var(--border);text-align:left;margin-top:12px;padding-top:12px}.notes-list{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.note-row{font-size:14px}.note-rating{color:var(--accent-dark);margin-right:6px}.note-author{font-weight:600}.note-timestamp{font-size:12px}.note-comment{margin:2px 0 0}.note-form{flex-wrap:wrap;gap:8px;display:flex}.note-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;flex:1;padding:6px 8px}.note-form select{font:inherit;border:1px solid var(--border);border-radius:6px}.history-section,.stats-section{max-width:1080px;margin:40px auto 0}.history-list,.events-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.history-style,.history-brewer,.history-dates{color:var(--empty)}.member-feed{max-width:1080px;margin:32px auto 0}.feed-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.feed-row{padding:6px 0;font-size:14px}.feed-style{color:var(--empty)}.profile-photo{border-radius:50%;width:56px;height:56px;margin-bottom:8px}.modal-backdrop{z-index:10;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--card-bg);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;max-width:100%;padding:24px;display:flex}.modal-url{color:var(--empty);word-break:break-all;font-size:13px}.qr-image{max-width:100%;height:auto}.tv-mode{padding:48px}.tv-mode .tap-header h1{font-size:56px}.tv-mode .tap-name{font-size:28px}.tv-mode .tap-stats{font-size:20px}.tv-mode .tap-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.tv-mode .tasting-notes{display:none}.tap-grid.layout-list{flex-direction:column;gap:12px;display:flex}.tap-grid.layout-list .tap-card{flex-direction:row;align-items:center;gap:16px;display:flex}.tap-grid.layout-list .tap-image{flex-shrink:0;width:88px;height:88px;margin-bottom:0}.tap-grid.layout-list .tap-card-empty{min-height:auto;padding:14px 20px}.tap-grid.layout-list .tap-card-empty .tap-empty-label{color:var(--empty);flex:none;justify-content:flex-start}.tap-grid.layout-spotlight{grid-template-columns:1fr;gap:32px;max-width:640px;margin:0 auto}.tap-grid.layout-spotlight .tap-image{height:260px}.tap-grid.layout-spotlight .tap-name{font-size:28px}.tap-grid.layout-row{flex-flow:row;gap:16px;padding-bottom:4px;display:flex;overflow-x:auto}.tap-grid.layout-row .tap-card{flex:0 0 220px}.theme-editor{flex-direction:column;gap:16px;display:flex}.theme-field label{color:var(--text-h);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.layout-options{flex-wrap:wrap;gap:8px;display:flex}.layout-option{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}.layout-option-active{border-color:var(--accent);color:var(--accent-dark);font-weight:600}.bg-options{flex-wrap:wrap;gap:8px;display:flex}.bg-swatch{border:2px solid var(--border);cursor:pointer;border-radius:8px;width:44px;height:44px;padding:0}.bg-swatch-active{border-color:var(--accent)}.bg-swatch-upload{color:var(--empty);background:var(--bg);justify-content:center;align-items:center;font-size:20px;display:flex}.layout-editor{margin-top:16px}.layout-block-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.layout-block-row{border:1px solid var(--border);background:var(--bg);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.layout-drag-handle{cursor:grab;touch-action:none;color:var(--empty);background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.layout-block-info{flex-direction:column;flex:1;display:flex}.layout-block-label{color:var(--text-h);font-weight:600}.layout-block-toggle{align-items:center;gap:6px;font-size:14px;display:flex}.embed-mode{max-width:none;padding:16px}.recipe-hero-image{object-fit:cover;border-radius:12px;width:100%;max-width:360px;height:220px;margin:0 auto 16px}.recipe-link{color:var(--accent-dark);margin-top:8px;font-size:14px;display:inline-block}.recipe-stats{flex-wrap:wrap;justify-content:center;gap:16px 32px;margin:0 auto 32px;padding:0 16px;display:flex}.recipe-stat{text-align:center}.recipe-stat-value{color:var(--accent-dark);font-size:28px;font-weight:700}.recipe-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--empty);font-size:12px}.recipe-section{max-width:640px;margin:0 auto 20px}.recipe-table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.recipe-table td{border-bottom:1px solid var(--border);padding:6px 8px 6px 0;font-size:14px}.water-columns{flex-wrap:wrap;gap:32px;display:flex}.water-columns>div{flex:1;min-width:160px}.water-columns h3{margin:0 0 8px;font-size:14px}@media print{.no-print{display:none!important}body{background:#fff}.tap-page{color:#000;max-width:100%;padding:0;background-image:none!important}.tap-grid,.tap-grid.layout-grid,.tap-grid.layout-spotlight,.tap-grid.layout-row{display:block}.tap-card{break-inside:avoid;background:#fff;border:1px solid #ccc;margin-bottom:12px}.tap-image,.profile-photo,.recipe-hero-image{display:none}}.tap-slot-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tap-slot{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.tap-slot:last-child{border-bottom:none}.tap-slot-number{width:64px;color:var(--accent-dark);flex-shrink:0;font-weight:600}.tap-slot-beer{flex:1}.tap-slot-picker{flex-wrap:wrap;flex:1;gap:8px;display:flex}.tap-slot-picker input{min-width:0;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;flex:140px;padding:8px 10px}.batch-number{color:var(--empty);font-size:.85em;font-weight:400}.custom-tap-form{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.custom-tap-form input{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;flex:140px;min-width:0;padding:8px 10px}@media (width<=560px){.card,.tap-page,.dashboard{padding-left:16px;padding-right:16px}.card{padding:18px}.tap-slot{flex-wrap:wrap}.tap-slot-number{width:auto}.tap-slot-beer,.tap-slot-picker{flex-basis:100%}.recipe-stats{gap:12px 24px}.water-columns{gap:16px}}.landing-card{text-align:left;max-width:480px}.landing-card h1{text-align:center}.landing-points{color:var(--text);margin:0 0 20px;padding-left:20px}.landing-points li{margin-bottom:6px}.landing-actions{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.landing-find-club{border-top:1px solid var(--border);padding-top:16px}.club-membership-list{flex-direction:column;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.club-membership-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.club-membership-row:last-child{border-bottom:none}.club-join-create{border-top:1px solid var(--border);flex-wrap:wrap;gap:24px;padding-top:16px;display:flex}.club-join-create form{flex:220px}.invite-link-code{background:var(--bg);border:1px solid var(--border);word-break:break-all;border-radius:6px;padding:6px 10px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.stat-tile{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.stat-tile-wide{grid-column:1/-1}.stat-value{color:var(--text-h);font-size:28px;font-weight:700}.stat-value-small{color:var(--empty)}.stat-label{color:var(--empty);margin-top:4px;font-size:13px}.stat-style-list{flex-wrap:wrap;gap:8px 16px;margin:6px 0 0;padding:0;list-style:none;display:flex}