:root{--bg: #0d0d0f;--surface: #111115;--hl: #1a1a22;--border: #2a2a35;--border2: #3a3a48;--text: #c8ccd8;--dim: #555870;--dim2: #7a7e96;--amber: #c8960a;--amber2: #e6b020;--green: #3d9e60;--green2: #52cc7a;--purple: #7c5cbf;--purple2: #a07de0;--cyan: #2a8faa;--cyan2: #40bfd4;--red: #a04040;--red2: #cc6060}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;background:var(--bg);color:var(--text);font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::selection{background:var(--amber);color:#000}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--border2)}a{color:var(--text);text-decoration:none}button{font-family:inherit}.app-shell{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.topbar[data-v-4005023c]{display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;height:42px}.topbar-left[data-v-4005023c]{display:flex;align-items:center;gap:10px}.brand[data-v-4005023c]{color:var(--amber2);font-weight:700;letter-spacing:.04em}.back-btn[data-v-4005023c]{background:var(--hl);border:1px solid var(--border2);color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;padding:4px 10px;display:flex;align-items:center;gap:6px;border-radius:3px}.back-btn[data-v-4005023c]:active{background:var(--border)}.sep[data-v-4005023c]{color:var(--border2)}.crumb[data-v-4005023c]{color:var(--text);font-size:12px;font-weight:500}.crumb.dim[data-v-4005023c]{color:var(--dim2);font-weight:400}.topbar-right[data-v-4005023c]{display:flex;gap:14px;align-items:center}.online[data-v-4005023c]{color:var(--green2);font-size:11px}.date[data-v-4005023c]{color:var(--dim);font-size:11px}.statusbar[data-v-35214642]{display:flex;justify-content:space-between;align-items:center;padding:3px 16px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0;font-size:11px;color:var(--dim)}.keys[data-v-35214642]{display:flex;gap:20px}.kbd[data-v-35214642]{background:var(--hl);color:var(--text);padding:0 5px;border-radius:3px;margin-right:5px;border:1px solid var(--border2)}.info[data-v-35214642]{color:var(--dim)}.list-view[data-v-0fb850b7]{flex:1;display:flex;flex-direction:column;overflow:hidden}.summary-strip[data-v-0fb850b7]{display:flex;gap:24px;padding:8px 16px;border-bottom:1px solid var(--border);flex-shrink:0;font-size:12px;flex-wrap:wrap}.summary-item[data-v-0fb850b7]{color:var(--dim2)}.summary-item .count[data-v-0fb850b7]{color:var(--text)}.summary-total[data-v-0fb850b7]{margin-left:auto;color:var(--dim)}.latest[data-v-0fb850b7]{color:var(--amber2)}.table-head[data-v-0fb850b7]{display:flex;align-items:center;padding:5px 0 5px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;font-size:11px}.th[data-v-0fb850b7]{color:var(--dim);letter-spacing:.07em}.rows[data-v-0fb850b7]{flex:1;overflow-y:auto}.loading[data-v-0fb850b7]{flex:1;display:flex;align-items:center;justify-content:center;color:var(--dim);font-size:12px}.group-header[data-v-0fb850b7]{padding:6px 16px;font-size:11px;letter-spacing:.06em;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between}.group-count[data-v-0fb850b7]{color:var(--dim)}.brew-row[data-v-0fb850b7]{display:flex;align-items:center;height:28px;padding-left:2px;padding-right:12px;border-left:2px solid transparent;cursor:pointer;transition:background .06s;text-decoration:none;color:inherit}.brew-row[data-v-0fb850b7]:hover{background:var(--hl);border-left-color:var(--amber2)}.brew-row:hover .cursor-col[data-v-0fb850b7],.brew-row:hover .col-name[data-v-0fb850b7]{color:var(--amber2)}.cell[data-v-0fb850b7]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cursor-col[data-v-0fb850b7]{width:16px;flex-shrink:0;color:transparent}.col-name[data-v-0fb850b7]{flex-shrink:0;font-weight:500;color:var(--text)}.col-recipe[data-v-0fb850b7]{flex-shrink:1;color:var(--dim2)}.col-brewed[data-v-0fb850b7],.col-conditioned[data-v-0fb850b7]{flex-shrink:0}.col-abv[data-v-0fb850b7]{flex-shrink:0;text-align:right;color:var(--dim2)}.col-ibu[data-v-0fb850b7]{flex-shrink:0;text-align:right}.dim[data-v-0fb850b7]{color:var(--dim)}.col-name[data-v-0fb850b7]{width:48px}.col-recipe[data-v-0fb850b7]{width:224px}.col-brewed[data-v-0fb850b7],.col-conditioned[data-v-0fb850b7]{width:104px}.col-abv[data-v-0fb850b7]{width:56px}.col-ibu[data-v-0fb850b7]{width:40px}@media (max-width: 700px){.col-conditioned[data-v-0fb850b7],.col-brewed[data-v-0fb850b7]{display:none}.col-recipe[data-v-0fb850b7]{flex:1;width:auto}.summary-strip[data-v-0fb850b7]{gap:12px;padding:6px 12px;font-size:11px}.summary-total[data-v-0fb850b7]{display:none}}.alert[data-v-c2199646]{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--border);background:rgba(160,64,64,.15);color:var(--red2);font-size:12px;flex-shrink:0}.alert button[data-v-c2199646]{border:1px solid var(--border2);background:var(--hl);padding:3px 10px;color:var(--text);font-family:inherit;font-size:11px;cursor:pointer;border-radius:3px}