:root{--s4ke-rice-50:#fbf9f4;--s4ke-rice-100:#f4f0e6;--s4ke-rice-200:#e9e3d5;--s4ke-rice-300:#dbd3c2;--s4ke-rice-400:#d8d0bf;--s4ke-paper:#fffefb;--s4ke-ink-900:#1c1a17;--s4ke-ink-800:#2e2a25;--s4ke-ink-700:#3b3731;--s4ke-ink-600:#4a453d;--s4ke-ink-500:#5e584e;--s4ke-ink-400:#8f8676;--s4ke-crimson:#c41e3a;--s4ke-crimson-deep:#9c1730;--s4ke-crimson-dark:#a3182f;--s4ke-gold:#e8b443;--s4ke-gold-deep:#b8860b;--s4ke-night-900:#171512;--s4ke-night-800:#211e1a;--s4ke-night-700:#2c2823;--s4ke-night-600:#2f2b26;--s4ke-night-500:#3b3630;--s4ke-night-400:#4a453d;--s4ke-night-300:#7a7264;--s4ke-dawn-300:#a8a092;--s4ke-dawn-200:#bdb5a7;--s4ke-dawn-150:#d9d2c5;--s4ke-dawn-100:#e3dccf;--s4ke-dawn-50:#efe9dd;--s4ke-crimson-light:#ef6a7d;--s4ke-crimson-lighter:#f5939f;--s4ke-error-light:#f07487;--color-background:var(--s4ke-rice-50);--color-background-soft:var(--s4ke-rice-100);--color-background-mute:var(--s4ke-rice-200);--color-border:#1c1a171f;--color-border-hover:#1c1a174d;--color-heading:var(--s4ke-ink-900);--color-text:var(--s4ke-ink-900);--color-accent:var(--s4ke-crimson);--color-accent-hover:var(--s4ke-crimson-deep);--color-accent-soft:#c41e3a1a;--color-link:var(--s4ke-ink-900);--color-link-underline:var(--s4ke-crimson);--color-card-bg:var(--s4ke-paper);--color-card-hover-shadow:#1c1a1724;--color-card-shadow:#1c1a1714;--color-input-border:var(--s4ke-ink-400);--color-badge-bg:var(--s4ke-rice-200);--color-badge-text:var(--s4ke-ink-800);--color-loading-bg:var(--s4ke-rice-100);--color-error-text:var(--s4ke-crimson-dark);--color-muted-text:var(--s4ke-ink-500);--color-secondary-text:var(--s4ke-ink-600);--color-primary-button:var(--s4ke-ink-900);--color-primary-button-hover:var(--s4ke-ink-700);--color-primary-button-text:var(--s4ke-rice-50);--color-secondary-button:var(--s4ke-rice-200);--color-secondary-button-hover:var(--s4ke-rice-300);--color-secondary-button-text:var(--s4ke-ink-900);--color-danger-button:var(--s4ke-crimson);--color-danger-button-hover:var(--s4ke-crimson-deep);--color-danger-button-text:var(--s4ke-rice-50);--color-disabled-button:var(--s4ke-ink-400);--color-error-bg:#c41e3a14;--color-warning-bg:var(--s4ke-gold);--color-warning-text:#2e2200;--color-backdrop:#1715128c;--color-photo-control-bg:#171512b3;--color-photo-control-text:var(--s4ke-rice-50);--color-review-card-bg:var(--s4ke-rice-100);--color-star-filled:var(--s4ke-gold-deep);--color-star-empty:var(--s4ke-rice-400);--color-rating-badge-bg:#f3e6c4;--color-rating-badge-text:#5c4300;--section-gap:96px}@media (prefers-color-scheme:dark){:root{--color-background:var(--s4ke-night-900);--color-background-soft:var(--s4ke-night-800);--color-background-mute:var(--s4ke-night-700);--color-border:#efe9dd1f;--color-border-hover:#efe9dd42;--color-heading:var(--s4ke-dawn-50);--color-text:var(--s4ke-dawn-150);--color-accent:var(--s4ke-crimson-light);--color-accent-hover:var(--s4ke-crimson-lighter);--color-accent-soft:#ef6a7d24;--color-link:var(--s4ke-dawn-50);--color-link-underline:var(--s4ke-crimson-light);--color-card-bg:var(--s4ke-night-800);--color-card-hover-shadow:#0009;--color-card-shadow:#0006;--color-input-border:var(--s4ke-night-300);--color-badge-bg:var(--s4ke-night-600);--color-badge-text:var(--s4ke-dawn-100);--color-loading-bg:var(--s4ke-night-800);--color-error-text:var(--s4ke-error-light);--color-muted-text:var(--s4ke-dawn-300);--color-secondary-text:var(--s4ke-dawn-200);--color-primary-button:var(--s4ke-dawn-50);--color-primary-button-hover:#fff;--color-primary-button-text:var(--s4ke-night-900);--color-secondary-button:var(--s4ke-night-600);--color-secondary-button-hover:var(--s4ke-night-500);--color-secondary-button-text:var(--s4ke-dawn-50);--color-danger-button:var(--s4ke-crimson);--color-danger-button-hover:#a8182f;--color-danger-button-text:var(--s4ke-rice-50);--color-disabled-button:var(--s4ke-night-400);--color-error-bg:#ef6a7d24;--color-warning-bg:var(--s4ke-gold);--color-warning-text:#2e2200;--color-review-card-bg:var(--s4ke-night-700);--color-star-filled:var(--s4ke-gold);--color-star-empty:var(--s4ke-night-400);--color-rating-badge-bg:#3a2f17;--color-rating-badge-text:#f0d58a}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{flex-direction:column;min-height:100vh;font-weight:400;display:flex}h1{color:var(--color-heading);font-size:1.75rem;line-height:1.3}:where(a){color:var(--color-link);text-decoration:underline;-webkit-text-decoration-color:var(--color-link-underline);text-decoration-color:var(--color-link-underline);text-underline-offset:.2em;text-decoration-thickness:1px;transition:color .4s}@media (hover:hover){:where(a):hover{color:var(--color-accent)}}.site-footer[data-v-494c8a4e]{border-top:1px solid var(--color-border);margin-top:4rem;padding:2rem 1.5rem 3rem}.ethos[data-v-494c8a4e]{text-align:center;max-width:46rem;color:var(--color-muted-text);margin:0 auto;font-size:.95rem;font-style:italic;line-height:1.7}.ethos cite[data-v-494c8a4e]{letter-spacing:.03em;color:var(--color-secondary-text);margin-top:.75rem;font-size:.8rem;font-style:normal;display:block}.footer-links[data-v-494c8a4e]{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:1.5rem;font-size:.875rem;display:flex}.site-header[data-v-9b49d840]{z-index:20;background:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0}.header-inner[data-v-9b49d840]{align-items:center;gap:1.5rem;max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex}.brand[data-v-9b49d840]{flex-shrink:0;align-items:center;gap:.6rem;padding:0;text-decoration:none;display:flex}.brand[data-v-9b49d840]:hover{background:0 0}.brand-mark[data-v-9b49d840]{border-radius:8px;width:32px;height:32px}.brand-name[data-v-9b49d840]{letter-spacing:.02em;color:var(--color-accent);font-size:1.35rem;font-weight:600}.header-collapse[data-v-9b49d840]{flex:1;align-items:center;gap:1.5rem;display:flex}.primary-nav[data-v-9b49d840]{flex-wrap:wrap;flex:1;align-items:center;gap:.25rem;display:flex}.primary-nav a[data-v-9b49d840]{color:var(--color-muted-text);white-space:nowrap;border-radius:999px;padding:.4rem .75rem;font-size:.95rem;text-decoration:none;transition:color .2s,background-color .2s}.primary-nav a[data-v-9b49d840]:hover,.primary-nav a.router-link-exact-active[data-v-9b49d840]{color:var(--color-accent);background:var(--color-accent-soft)}.auth[data-v-9b49d840]{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.avatar[data-v-9b49d840]{border-radius:50%;width:28px;height:28px}.profile-link[data-v-9b49d840]{border-radius:999px;align-items:center;gap:.6rem;text-decoration:none;display:flex}.profile-link:hover .user-name[data-v-9b49d840]{color:var(--color-accent)}.user-name[data-v-9b49d840]{color:var(--color-heading);white-space:nowrap;font-size:.9rem}.auth-button[data-v-9b49d840]{border:1px solid var(--color-border-hover);color:var(--color-text);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .9rem;font-size:.9rem;transition:border-color .2s,background-color .2s,color .2s}.auth-button[data-v-9b49d840]:hover,.auth-button.primary[data-v-9b49d840]{border-color:var(--color-accent);color:var(--color-accent)}.auth-button.primary[data-v-9b49d840]:hover{background:var(--color-accent-soft)}.nav-toggle[data-v-9b49d840]{border:1px solid var(--color-border-hover);color:var(--color-text);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;margin-left:auto;padding:.4rem .8rem;font-size:.9rem;display:none}.nav-toggle-bars[data-v-9b49d840],.nav-toggle-bars[data-v-9b49d840]:before,.nav-toggle-bars[data-v-9b49d840]:after{background:currentColor;border-radius:2px;width:16px;height:2px;display:block}.nav-toggle-bars[data-v-9b49d840]{position:relative}.nav-toggle-bars[data-v-9b49d840]:before,.nav-toggle-bars[data-v-9b49d840]:after{content:"";position:absolute}.nav-toggle-bars[data-v-9b49d840]:before{top:-5px}.nav-toggle-bars[data-v-9b49d840]:after{top:5px}@media (width<=900px){.header-inner[data-v-9b49d840]{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.nav-toggle[data-v-9b49d840]{display:inline-flex}.header-collapse[data-v-9b49d840]{flex-direction:column;flex-basis:100%;align-items:stretch;gap:.75rem;padding-bottom:.5rem;display:none}.header-collapse.open[data-v-9b49d840]{display:flex}.primary-nav[data-v-9b49d840]{flex-direction:column;align-items:stretch}.primary-nav a[data-v-9b49d840]{border-radius:8px;padding:.6rem .75rem}.auth[data-v-9b49d840]{justify-content:flex-start}}.app-content[data-v-29a2c0f5]{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem 0}.app-notice[data-v-29a2c0f5]{border-left:4px solid var(--color-accent);background-color:var(--color-background-soft);color:var(--color-text);border-radius:4px;margin:0 0 1.5rem;padding:.75rem 1rem}@media (width<=900px){.app-content[data-v-29a2c0f5]{padding:1.5rem 1rem 0}}.owned-badge[data-v-ed892043]{white-space:nowrap;background-color:var(--color-accent-soft);color:var(--color-accent);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:500;display:inline-block}.photo-credit[data-v-06439048]{color:var(--color-secondary-text);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:.75rem;line-height:1.4}.photo-credit a[data-v-06439048]{z-index:1;position:relative}.beverage-list[data-v-e3dcd0aa]{max-width:1200px;margin:0 auto;padding:1rem}.beverage-list-header[data-v-e3dcd0aa]{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.search-controls[data-v-e3dcd0aa]{flex-wrap:wrap;flex:auto;justify-content:flex-end;gap:1rem;display:flex}.search-controls input[data-v-e3dcd0aa]{flex:16rem;min-width:0;max-width:28rem}.search-controls input[data-v-e3dcd0aa],.search-controls select[data-v-e3dcd0aa]{border:1px solid var(--color-input-border);background-color:var(--color-background);color:var(--color-text);border-radius:4px;padding:.5rem;font-size:1rem}.beverage-grid[data-v-e3dcd0aa]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.beverage-card[data-v-e3dcd0aa]{box-shadow:0 2px 8px var(--color-card-shadow);border-radius:8px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.beverage-image[data-v-e3dcd0aa]{flex-shrink:0;justify-content:center;align-items:center;width:90px;display:flex}.beverage-image img[data-v-e3dcd0aa]{object-fit:contain;border-radius:6px;max-width:100%;max-height:130px;display:block}.beverage-content[data-v-e3dcd0aa]{flex-direction:column;flex:1;min-width:0;display:flex}.beverage-card[data-v-e3dcd0aa]:hover{box-shadow:0 4px 12px var(--color-card-hover-shadow);transform:translateY(-4px)}.beverage-card-inner[data-v-e3dcd0aa]{background-color:var(--color-card-bg);flex-direction:row;gap:1rem;height:100%;padding:1.5rem;display:flex}.beverage-card h3[data-v-e3dcd0aa]{margin-top:0;margin-bottom:.75rem;font-size:1.2rem}.card-link[data-v-e3dcd0aa]{color:inherit;text-decoration:none}.card-link[data-v-e3dcd0aa]:hover{color:inherit;text-decoration:underline}.card-link[data-v-e3dcd0aa]:after{content:"";border-radius:8px;position:absolute;inset:0}.card-link[data-v-e3dcd0aa]:focus-visible{outline:none}.card-link[data-v-e3dcd0aa]:focus-visible:after{outline:2px solid var(--color-accent);outline-offset:-2px}.beverage-info[data-v-e3dcd0aa]{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.beverage-type[data-v-e3dcd0aa],.beverage-style[data-v-e3dcd0aa],.beverage-grade[data-v-e3dcd0aa],.beverage-rating[data-v-e3dcd0aa]{background-color:var(--color-badge-bg);color:var(--color-badge-text);border-radius:4px;padding:.25rem .5rem;font-size:.875rem;display:inline-block}.beverage-rating[data-v-e3dcd0aa]{background-color:var(--color-rating-badge-bg);color:var(--color-rating-badge-text)}.card-actions[data-v-e3dcd0aa]{gap:.5rem;margin-top:auto;display:flex}.review-button[data-v-e3dcd0aa]{z-index:1;text-align:center;background-color:var(--color-secondary-button);color:var(--color-secondary-button-text);border-radius:4px;flex:1;padding:.5rem;font-weight:500;text-decoration:none;position:relative}.review-button[data-v-e3dcd0aa]:hover{color:var(--color-secondary-button-text);text-decoration:underline}.loading[data-v-e3dcd0aa],.error[data-v-e3dcd0aa],.empty-state[data-v-e3dcd0aa]{text-align:center;background-color:var(--color-loading-bg);border-radius:8px;margin:1rem 0;padding:2rem}.error[data-v-e3dcd0aa]{color:var(--color-error-text)}.empty-state[data-v-e3dcd0aa]{color:var(--color-muted-text)}.empty-state button[data-v-e3dcd0aa]{cursor:pointer;background-color:var(--color-secondary-button);color:var(--color-secondary-button-text);border:none;border-radius:4px;margin-top:.5rem;padding:.5rem 1rem;font-weight:500}.action-controls[data-v-e3dcd0aa]{justify-content:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.submitted-banner[data-v-e3dcd0aa]{background-color:var(--color-badge-bg);color:var(--color-badge-text);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.submitted-banner p[data-v-e3dcd0aa]{margin:0}.dismiss-banner[data-v-e3dcd0aa]{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.25rem;line-height:1}.add-beverage-button[data-v-e3dcd0aa]{background-color:var(--color-primary-button);color:var(--color-primary-button-text);cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.2rem;font-weight:500;transition:background-color .3s}.add-beverage-button[data-v-e3dcd0aa]:hover{background-color:var(--color-primary-button-hover)}@media (width<=768px){.beverage-list-header[data-v-e3dcd0aa]{flex-direction:column;align-items:flex-start;gap:1rem}.search-controls[data-v-e3dcd0aa]{flex-direction:column;width:100%}.search-controls input[data-v-e3dcd0aa]{flex:none;max-width:none}.beverage-grid[data-v-e3dcd0aa]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
