:root{--color-background:#f8f4ee;--color-surface:#fff;--color-text:#2b1718;--color-text-muted:#6f6263;--color-border:#ded5cf;--color-accent:#722f37;--color-danger:#9f2f2f;--color-danger-surface:#fff5f4;--color-item-red:#7a2534;--color-item-white:#f2e7b8;--color-item-rose:#d98f9d;--color-item-orange:#c87532;--color-item-amber:#b66f2d;--color-placeholder-item-1:#64323a;--color-placeholder-item-2:#a88967;--color-placeholder-item-3:#526052;--color-placeholder-item-4:#8f5949;--color-placeholder-item-5:#3f4c55;--color-placeholder-item-6:#7c6655;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--font-family-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.75rem;--font-weight-regular:400;--font-weight-semibold:600;--line-height-body:1.5;--line-height-heading:1.2;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--content-width-default:48rem;--content-width-wide:80rem;--header-height:3.5rem}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html{color:var(--color-text);background:var(--color-background);font-family:var(--font-family-body);font-size:var(--font-size-md);font-synthesis:none;line-height:var(--line-height-body);text-rendering:optimizelegibility}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.app-shell{background:var(--color-background);min-height:100vh}.app-shell__main{padding-block:var(--space-5)}.global-header{min-height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.global-header__content{min-height:var(--header-height);align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;display:grid}.global-header__site-name,.global-header__cellar-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.global-header__site-name{color:var(--color-accent);font-weight:var(--font-weight-semibold)}.global-header__cellar-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center}.header-icon-button{cursor:pointer;border:1px solid var(--color-border);width:2.75rem;height:2.75rem;color:var(--color-accent);background:var(--color-surface);font-size:var(--font-size-lg);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid}.header-icon-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page-container{width:100%;padding-inline:var(--space-4);margin-inline:auto}.page-container--default{max-width:var(--content-width-default)}.page-container--wide{max-width:var(--content-width-wide)}.item-cellar{gap:var(--space-4);display:grid}.item-cellar__title{font-size:var(--font-size-xl);line-height:var(--line-height-heading);margin:0}.item-cellar__controls{gap:var(--space-3);display:grid}.item-cellar-control{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:grid}.item-cellar-control select{width:100%;min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-md);font-weight:var(--font-weight-regular)}.item-cellar-control select:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.item-cellar__statistics{gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--font-size-sm);display:grid}.item-cellar__statistics h3{margin:0 0 var(--space-1);color:var(--color-text);font-size:var(--font-size-md)}.item-cellar__statistics p{margin:0}.add-item-tile{cursor:pointer;justify-content:center;align-items:center;gap:var(--space-3);border:1px dashed var(--color-accent);border-radius:var(--radius-lg);width:100%;min-height:7rem;color:var(--color-accent);background:var(--color-surface);display:flex}.add-item-tile__icon{font-size:2.5rem;font-weight:var(--font-weight-regular);line-height:1}.add-item-tile__label{font-weight:var(--font-weight-semibold)}.add-item-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.item-tile{cursor:pointer;aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--item-photo-color);border:0;width:100%;padding:0;position:relative;overflow:hidden}.item-tile__image,.item-details__image img,.item-photo-grid__image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.item-tile:before,.item-details__image:before,.item-photo-grid__image:before{z-index:1;content:"";background:linear-gradient(145deg,#fff3,#0000 45%,#0000002e);position:absolute;inset:0}.item-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-tile__bottle{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#1f1d18b8;width:30%;height:78%;position:absolute;bottom:-8%;right:35%}.item-tile__bottle:before{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:inherit;content:"";width:40%;height:18%;position:absolute;top:-12%;left:30%}.item-tile__bottle:after{content:"";background:#f8f4eec7;width:80%;height:24%;position:absolute;top:42%;left:10%}.item-tile--1{--item-photo-color:var(--color-placeholder-item-1)}.item-tile--2{--item-photo-color:var(--color-placeholder-item-2)}.item-tile--3{--item-photo-color:var(--color-placeholder-item-3)}.item-tile--4{--item-photo-color:var(--color-placeholder-item-4)}.item-tile--5{--item-photo-color:var(--color-placeholder-item-5)}.item-tile--6{--item-photo-color:var(--color-placeholder-item-6)}.item-details{gap:var(--space-4);display:grid}.item-details__back{cursor:pointer;border:1px solid var(--color-border);width:3rem;height:3rem;color:var(--color-accent);background:var(--color-surface);font-size:var(--font-size-xl);border-radius:50%;place-items:center;margin-inline:auto;line-height:1;display:grid}.item-details__back:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-details__image{aspect-ratio:4/5;border-radius:var(--radius-lg);background:var(--item-photo-color);width:100%;max-height:32rem;position:relative;overflow:hidden}.item-details__content{gap:var(--space-5);display:grid}.item-details__heading{align-items:center;gap:var(--space-2);display:flex}.item-details__star-button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;flex:none;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.item-details__star-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-details__star{color:var(--color-accent);font-size:var(--font-size-xl);flex:none;line-height:1}.item-details__name{min-width:0;font-size:var(--font-size-xl);line-height:var(--line-height-heading);flex:1;margin:0}.item-details__name-button,.item-details__name-input{width:100%;min-height:2.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:inherit;font-weight:var(--font-weight-semibold);line-height:inherit;text-align:left;background:0 0;border:1px solid #0000}.item-details__name-button{cursor:text}.item-details__name-button:hover{border-color:var(--color-border);background:var(--color-surface)}.item-details__name-button:focus-visible,.item-details__name-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.item-details__name-input{border-color:var(--color-border);background:var(--color-surface)}.item-details__producer,.item-details__notes{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.item-details__save-status{min-height:1.5em;margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.item-details h3{margin:0 0 var(--space-2);font-size:var(--font-size-lg);line-height:var(--line-height-heading)}.item-details__editable-fields{gap:var(--space-4);display:grid}.editable-item-field{gap:var(--space-2);min-width:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:grid}.editable-item-field input,.editable-item-field select,.editable-item-field textarea{width:100%;min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);margin:0}.editable-item-field textarea{resize:vertical;min-height:8rem}.editable-item-field input:focus,.editable-item-field select:focus,.editable-item-field textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.editable-item-field--color{border:0;margin:0;padding:0}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:3rem minmax(4rem,1fr) 3rem;max-width:14rem;display:grid;overflow:hidden}.quantity-control button{cursor:pointer;min-height:3rem;color:var(--color-accent);background:var(--color-surface);font-size:var(--font-size-xl);border:0;padding:0}.quantity-control button:first-child{border-right:1px solid var(--color-border)}.quantity-control button:last-child{border-left:1px solid var(--color-border)}.quantity-control button:focus-visible{z-index:1;outline:2px solid var(--color-accent);outline-offset:-2px}.quantity-control button:disabled{cursor:not-allowed;opacity:.4}.quantity-control output{min-height:3rem;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);place-items:center;display:grid}.status-control{border:0;margin:0;padding:0}.status-control__options{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.status-control__options label{cursor:pointer;min-width:0}.status-control__options input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.status-control__options span{min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);font-size:var(--font-size-sm);text-align:center;place-items:center;display:grid}.status-control__options input:checked+span{border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);font-weight:var(--font-weight-semibold)}.status-control__options input:focus-visible+span{outline:2px solid var(--color-accent);outline-offset:2px}.item-color-option__swatch{border:1px solid var(--color-border);border-radius:var(--radius-sm)}.item-color-option__swatch--red{background:var(--color-item-red)}.item-color-option__swatch--white{background:var(--color-item-white)}.item-color-option__swatch--rose{background:var(--color-item-rose)}.item-color-option__swatch--orange{background:var(--color-item-orange)}.item-color-option__swatch--other{background:var(--color-border)}.item-photo-grid{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.item-photo-grid__item{margin:0;position:relative}.item-photo-grid__image{cursor:pointer;aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--item-photo-color);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.item-photo-grid__image img{object-fit:cover;width:100%;height:100%}.item-photo-grid__image:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-photo-grid__main{z-index:2;top:var(--space-2);left:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-surface);background:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading);position:absolute}.item-photo-grid__add{cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:4.5rem;margin-bottom:var(--space-2);border:1px dashed var(--color-accent);border-radius:var(--radius-lg);color:var(--color-accent);background:var(--color-surface);display:flex}.item-photo-grid__add-icon{font-size:1.75rem;font-weight:var(--font-weight-regular);line-height:1}.item-photo-grid__add-label{font-weight:var(--font-weight-semibold)}.item-photo-grid__add:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-photo-grid__file-input,.item-photo-grid__photo-label{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.item-photo-grid__delete{z-index:3;top:var(--space-2);right:var(--space-2);cursor:pointer;min-width:2rem;min-height:2rem;color:var(--color-danger);font-size:var(--font-size-lg);box-shadow:var(--shadow-soft);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:999px;place-items:center;line-height:1;display:grid;position:absolute}.item-photo-grid__delete:focus-visible{outline:2px solid var(--color-danger);outline-offset:2px}.item-details__metadata{padding-top:var(--space-3);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.item-details__metadata h3{font-size:var(--font-size-md)}.item-details__metadata dl{gap:var(--space-1);margin:0;display:grid}.item-details__metadata div{justify-content:space-between;gap:var(--space-4);display:flex}.item-details__metadata dd{text-align:right;margin:0}.item-score-block h3{margin-bottom:var(--space-4)}.item-score-unavailable{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);margin:0}.item-score__layout{gap:var(--space-2);max-width:26rem;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;grid-template:".price-high.""taste-low area taste-high"minmax(0,1fr)".price-low."/auto minmax(0,1fr) auto;margin-inline:auto;display:grid}.item-score__price-high{grid-area:price-high}.item-score__price-low{grid-area:price-low}.item-score__taste-low{grid-area:taste-low}.item-score__taste-high{grid-area:taste-high}.item-score__taste-low,.item-score__taste-high{align-self:center;max-width:4.5rem}.item-score__area{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-area:area;width:100%;position:relative;overflow:hidden}.item-score__area--editable{cursor:crosshair;touch-action:none}.item-score__area--editable:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.item-score__area:before,.item-score__area:after{background:var(--color-border);content:"";position:absolute}.item-score__area:before{height:1px;top:50%;left:0;right:0}.item-score__area:after{width:1px;top:0;bottom:0;left:50%}.item-score__handle{z-index:1;bottom:var(--score-y);left:var(--score-x);border:3px solid var(--color-surface);background:var(--color-accent);width:2rem;height:2rem;box-shadow:0 0 0 1px var(--color-accent);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,50%)}.add-item-form{gap:var(--space-5);display:grid}.add-item-form__title{font-size:var(--font-size-xl);line-height:var(--line-height-heading);margin:0}.add-item-form h3{font-size:var(--font-size-lg);line-height:var(--line-height-heading);margin:0}.add-item-form__step{gap:var(--space-5);display:grid}.add-item-form__step[hidden]{display:none}.add-item-form__photo{gap:var(--space-3);display:grid}.add-item-form__photo-placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-lg);min-height:14rem;color:var(--color-text-muted);background:var(--color-surface);place-items:center;font-size:3rem;line-height:1;display:grid}.add-item-form__photo-placeholder--capture{min-height:clamp(20rem,55vh,30rem)}.add-item-form__photo-picker{cursor:pointer;border:1px dashed var(--color-border);border-radius:var(--radius-lg);min-height:clamp(20rem,55vh,30rem);color:var(--color-text-muted);background:var(--color-surface);place-items:center;font-size:3rem;line-height:1;display:grid;position:relative;overflow:hidden}.add-item-form__photo-picker input{cursor:pointer;opacity:0;position:absolute;inset:0}.add-item-form__photo-picker img{object-fit:cover;width:100%;height:100%}.add-item-form__fields{gap:var(--space-4);display:grid}.form-field{gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:grid}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-md);font-weight:var(--font-weight-regular)}.form-field input,.form-field select{min-height:3rem;padding:var(--space-2) var(--space-3)}.form-field textarea{min-height:8rem;padding:var(--space-3);resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.form-field__price{appearance:textfield}.form-field__price::-webkit-inner-spin-button{appearance:none;margin:0}.form-field__price::-webkit-outer-spin-button{appearance:none;margin:0}.form-field--options{border:0;min-width:0;margin:0;padding:0}.form-field--options legend{margin-bottom:var(--space-2)}.item-color-options{gap:var(--space-2);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.item-color-option{cursor:pointer;justify-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;display:grid}.item-color-option input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.item-color-option__swatch{width:2rem;height:2rem}.item-color-option:has(input:checked){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);color:var(--color-text)}.item-color-option:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.star-toggle{cursor:pointer;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-weight:var(--font-weight-semibold);display:flex}.star-toggle input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.star-toggle:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.star-toggle__icon{color:var(--color-accent);font-size:var(--font-size-xl);line-height:1}.add-item-form__actions{gap:var(--space-3);display:grid}.add-item-form__actions--single{grid-template-columns:1fr}.button{min-height:3rem;padding:var(--space-2) var(--space-4);cursor:pointer;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);border:1px solid #0000}.button--primary{color:var(--color-surface);background:var(--color-accent)}.button--secondary{border-color:var(--color-border);color:var(--color-text);background:var(--color-surface)}.button--danger{color:var(--color-surface);background:var(--color-danger)}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button:disabled{cursor:not-allowed;opacity:.5}.danger-zone{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-danger);border-radius:var(--radius-lg);background:var(--color-danger-surface);display:grid}.danger-zone h3{color:var(--color-danger);font-size:var(--font-size-lg);line-height:var(--line-height-heading);margin:0}.danger-zone p{color:var(--color-text-muted);margin:0}.confirmation-dialog__backdrop{z-index:10;padding:var(--space-4);background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.confirmation-dialog{gap:var(--space-4);width:min(100%,28rem);padding:var(--space-5);border:1px solid var(--color-danger);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.confirmation-dialog h2,.confirmation-dialog p{margin:0}.confirmation-dialog h2{color:var(--color-danger);font-size:var(--font-size-xl);line-height:var(--line-height-heading)}.confirmation-dialog__warning{color:var(--color-text-muted);margin-top:var(--space-2)!important}.confirmation-dialog__actions{gap:var(--space-3);display:grid}.account-page{gap:var(--space-5);display:grid}.account-page__title{font-size:var(--font-size-xl);line-height:var(--line-height-heading);margin:0}.account-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.account-card h3{font-size:var(--font-size-lg);line-height:var(--line-height-heading);margin:0}.account-card__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.account-card p{color:var(--color-text-muted);margin:0}.account-list{gap:var(--space-3);margin:0;display:grid}.account-list div{gap:var(--space-1);display:grid}.account-list dt,.account-field span{color:var(--color-text-muted);font-size:var(--font-size-sm)}.account-list dd{overflow-wrap:anywhere;font-weight:var(--font-weight-semibold);margin:0}.account-field{gap:var(--space-2);display:grid}.account-field input{width:100%;min-height:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background:var(--color-surface)}.account-field input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.activity-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.activity-list li{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.activity-list__marker{width:var(--space-2);height:var(--space-2);margin-top:var(--space-2);background:var(--color-accent);border-radius:50%}.activity-list .activity-list__description{color:var(--color-text);font-weight:var(--font-weight-semibold)}.activity-list__time{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);display:block}.account-card .account-card__note{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm)}.account-page__message{padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);background:var(--color-surface);text-align:center;margin:0}@media (width>=48rem){.app-shell__main{padding-block:var(--space-6)}.page-container{padding-inline:var(--space-6)}.item-details__image{aspect-ratio:16/10}.add-item-form__actions{grid-template-columns:1fr 1fr}.add-item-form__actions--single{grid-template-columns:1fr}.account-list div{gap:var(--space-4);grid-template-columns:minmax(10rem,1fr) minmax(0,1.5fr)}}