.top-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-4);min-height:52px;background:var(--color-surface);border-bottom:1px solid var(--color-border);color:var(--color-text)}.top-bar--other-cellar{background:var(--color-other-cellar);border-bottom-color:var(--color-other-cellar);color:var(--color-other-cellar-contrast)}.top-bar a{color:inherit;display:inline-flex;align-items:center;min-height:var(--touch-target-min)}.top-bar__cellar-name{font-weight:600;min-width:0;overflow-wrap:anywhere}.top-bar__settings{flex-shrink:0}.sign-in{min-height:100vh;min-height:100dvh;background:var(--color-signin-bg);color:var(--color-signin-text);display:flex;align-items:center;justify-content:center}.sign-in__panel{width:100%;max-width:400px;padding:var(--space-6) var(--space-5);text-align:center}.sign-in__logo{display:block;margin:0 auto var(--space-4)}.sign-in__welcome{margin:0 0 var(--space-6);font-size:var(--font-size-lg);font-weight:400}.sign-in__form{display:flex;flex-direction:column;text-align:left}.sign-in__form label{font-weight:600;margin-bottom:var(--space-2)}.sign-in__form input{min-height:48px;padding:0 var(--space-3);border:1px solid var(--color-signin-field-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);font-size:1rem}.sign-in__form input::placeholder{color:var(--color-text-muted)}.sign-in__submit{margin-top:var(--space-6);min-height:56px;border:none;border-radius:var(--radius-md);background:var(--color-signin-button);color:var(--color-signin-bg);font-size:var(--font-size-lg);font-weight:700;cursor:pointer}.sign-in__submit:focus-visible,.sign-in__form input:focus-visible{outline:3px solid var(--color-signin-button);outline-offset:2px}.sign-in__error{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-signin-button);color:var(--color-signin-bg)}.rating-stars{display:inline-flex;gap:2px;vertical-align:middle;margin-right:var(--space-2)}.rating-stars__star{width:18px;height:18px}.rating-stars__empty{fill:none;stroke:var(--color-star);stroke-width:1.5}.rating-stars__filled{fill:var(--color-star);stroke:var(--color-star);stroke-width:1.5}.rating-stars__defs{position:absolute}.wine-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.wine-card h2{margin:0 0 var(--space-2);font-size:var(--font-size-lg);overflow-wrap:anywhere}.wine-card__subtitle{color:var(--color-text-muted);overflow-wrap:anywhere}.wine-card__stock{font-weight:600}.wine-card__rating{display:flex;align-items:center;flex-wrap:wrap}.drink-form{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.drink-form__title{margin:0;font-weight:600}.drink-form select,.drink-form textarea{min-height:var(--touch-target-min);width:100%;font:inherit}.drink-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.drink-form__confirm{background:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:var(--radius-md);padding:0 var(--space-4)}.cellar-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0 0 var(--space-4)}.cellar-metrics__item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);min-width:0}.cellar-metrics dt{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cellar-metrics dd{margin:var(--space-1) 0 0;font-size:var(--font-size-lg);font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.cellar-metrics dd .rating-stars{margin-right:0}.cellar-metrics dd .rating-stars__star{width:12px;height:12px}.cellar-metrics__item--alert{border-color:var(--color-danger)}.cellar-metrics__item--alert dd{color:var(--color-danger)}.delete-cellar{margin:var(--space-3) 0}.delete-cellar__open,.delete-cellar__confirm{color:var(--color-danger)}.delete-cellar--confirming{padding:var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-md)}.delete-cellar__warning{margin-top:0;overflow-wrap:anywhere}.delete-cellar__acknowledge{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min)}.delete-cellar__acknowledge input{width:22px;height:22px;flex-shrink:0}.delete-cellar__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.delete-cellar__confirm:disabled{color:var(--color-text-muted)}.inventory-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.people__add{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.people__add input{min-height:var(--touch-target-min);width:100%}.people__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.people__person{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.people__person--owner{background:var(--color-user-owner);border-color:var(--color-user-owner);color:var(--color-user-owner-contrast)}.people__person--member{background:var(--color-user-member);border-color:var(--color-user-member-border)}.people__person--disabled{background:var(--color-user-disabled);border-color:var(--color-user-disabled-border)}.people__email{margin:0;padding-right:64px;font-weight:600;overflow-wrap:anywhere;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.people__pill{display:inline-block;padding:2px var(--space-2);border-radius:999px;background:var(--color-other-cellar);color:var(--color-other-cellar-contrast);font-size:var(--font-size-sm);font-weight:600}.people__status{margin:var(--space-1) 0 var(--space-2)}.people__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.people__confirm p{overflow-wrap:anywhere}.people__switch{position:absolute;top:var(--space-2);right:var(--space-2);width:56px;min-height:var(--touch-target-min);padding:0;border:none;background:transparent;cursor:pointer}.people__switch:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:28px;transform:translateY(-50%);border-radius:999px;background:var(--color-switch-off);transition:background .15s}.people__switch[aria-checked=true]:before{background:var(--color-switch-on)}.people__switch-thumb{position:absolute;top:50%;left:7px;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:left .15s}.people__switch[aria-checked=true] .people__switch-thumb{left:27px}.people__switch:disabled{cursor:default;opacity:.6}.people__switch:focus-visible{outline:2px solid var(--color-other-cellar);outline-offset:2px;border-radius:999px}.settings__section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.settings__section h2{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.settings__hint{margin-top:0;color:var(--color-text-muted)}.settings__section a{display:inline-flex;align-items:center;min-height:var(--touch-target-min)}.cellar-selector{list-style:none;margin:0;padding:0}.cellar-selector a{overflow-wrap:anywhere}.settings__language{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0 0;padding:var(--space-4) 0 0}.settings__language legend{float:left;width:100%;margin-bottom:var(--space-2);font-size:var(--font-size-lg);font-weight:700}.settings__language-option{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);clear:both}.settings__language-option input{width:22px;height:22px}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--line-height-base: 1.4;--color-bg: #ffffff;--color-surface: #f7f5f3;--color-border: #ddd6d0;--color-text: #1f1a17;--color-text-muted: #6b6259;--color-accent: #7a1f2b;--color-accent-contrast: #ffffff;--color-danger: #b3261e;--color-star: #b7791f;--color-other-cellar: #1d4e89;--color-other-cellar-contrast: #ffffff;--color-user-owner: #1d4e89;--color-user-owner-contrast: #ffffff;--color-user-member: #dbe8f6;--color-user-member-border: #a9c4e4;--color-user-disabled: #e4e4e4;--color-user-disabled-border: #bdbdbd;--color-signin-bg: #3b0a24;--color-signin-text: #ffffff;--color-signin-button: #f4e3ea;--color-signin-field-border: #8e1b3f;--color-switch-on: #1e7b34;--color-switch-off: #767676;--radius-md: 8px;--touch-target-min: 44px;--content-max-width: 480px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base)}body{overflow-x:hidden}button,input,select{font:inherit}button{min-height:var(--touch-target-min)}main{padding:var(--space-4);max-width:960px;margin:0 auto}