.sample-surface{--sample-primary-ink:white;--sample-control-border:#8b8590;--sample-gutter:16px;--sample-section-gap:24px;--sample-field-gap:12px;--sample-input-height:48px;--sample-input-radius:12px;--sample-card-radius:20px;--sample-card-pad:16px;--sample-action-height:48px;--sample-body-size:16px;--sample-body-line:23px;--sample-support-size:13px;--sample-support-line:19px;--sample-section-size:17px;--sample-section-line:23px;background:var(--color-bg);color:var(--color-label)}[data-theme=dark] .sample-surface{--sample-primary-ink:#17161a;--sample-control-border:#817a86}.desk-phone-bridge .sample-surface,.sample-surface--desk{--sample-control-border:#8d8478;--sample-gutter:24px;--sample-section-gap:24px;--sample-field-gap:16px;--sample-input-height:44px;--sample-input-radius:10px;--sample-card-radius:14px;--sample-card-pad:20px;--sample-action-height:44px;--sample-body-size:14px;--sample-body-line:21px;--sample-support-size:13px;--sample-support-line:19px;--sample-section-size:16px;--sample-section-line:22px;background:var(--desk-bg);color:var(--desk-ink)}[data-theme=dark] .desk-phone-bridge .sample-surface,[data-theme=dark] .sample-surface--desk{--sample-primary-ink:#17161a;--sample-control-border:#817a86}.sample-page{padding:var(--sample-gutter);display:grid;gap:var(--sample-section-gap);max-width:100%}.sample-page-title{margin:0;font-size:34px;line-height:41px;font-weight:700;letter-spacing:-.6px}.sample-surface--desk .sample-page-title{font-size:24px;line-height:30px;font-weight:600;letter-spacing:normal}.sample-section-title{margin:0;font-size:var(--sample-section-size);line-height:var(--sample-section-line);font-weight:600}.sample-body{font-size:var(--sample-body-size);line-height:var(--sample-body-line)}.sample-helper,.sample-support{font-size:var(--sample-support-size);line-height:var(--sample-support-line);color:var(--color-label-secondary)}.sample-surface--desk .sample-helper,.sample-surface--desk .sample-support{color:var(--desk-ink-soft)}.sample-card{background:var(--color-card);border:1px solid var(--color-separator);border-radius:var(--sample-card-radius);padding:var(--sample-card-pad)}.sample-surface--desk .sample-card{background:var(--desk-surface);border-color:var(--desk-border)}.sample-form{display:grid;gap:var(--sample-field-gap);min-width:0}.sample-field{display:grid;gap:6px;min-width:0}.sample-field label,.sample-label{font-size:var(--sample-support-size);line-height:var(--sample-support-line);font-weight:600}.sample-input{min-height:48px;font-size:16px;border-radius:12px;border:1px solid var(--sample-control-border);background:var(--color-bg);color:var(--color-label);padding:0 12px;width:100%;min-width:0}.sample-surface--desk .sample-input{min-height:44px;font-size:14px;border-radius:10px;background:var(--desk-surface);color:var(--desk-ink)}.sample-button:focus-visible,.sample-input:focus-visible,.sample-row__link:focus-visible,.sample-toggle input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sample-input[aria-invalid=true]{border-color:var(--color-destructive)}.sample-error{color:var(--color-destructive);font-size:var(--sample-support-size);line-height:var(--sample-support-line)}[data-theme=dark] .sample-error{color:#f0877d}.sample-button{min-height:var(--sample-action-height);border-radius:999px;font-weight:600;font-size:16px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px}.sample-surface--desk .sample-button{font-size:14px}.sample-button--primary{background:var(--color-accent);color:var(--sample-primary-ink)}.sample-surface--desk .sample-button--primary{background:var(--desk-walnut);color:var(--sample-primary-ink)}.sample-button--secondary{border:1px solid var(--sample-control-border);color:inherit}.sample-button:disabled{opacity:.6;cursor:not-allowed}.sample-toggle{grid-template-columns:1fr auto;align-items:center}.sample-toggle label{font-size:var(--sample-body-size);line-height:var(--sample-body-line);font-weight:400}.sample-toggle input{width:24px;height:24px;accent-color:var(--color-accent)}.sample-toggle .sample-helper{grid-column:1/-1}.sample-optional{font-weight:400;color:var(--color-label-secondary)}.sample-surface--desk .sample-optional{color:var(--desk-ink-soft)}.sample-bottle{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;min-width:0}.sample-bottle__art{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:var(--color-accent-soft);color:var(--color-label-secondary)}.sample-bottle__text{display:grid;gap:2px;min-width:0}.sample-bottle__name{font-weight:600;overflow-wrap:anywhere}.sample-bottle__meta,.sample-bottle__status{font-size:var(--sample-support-size);line-height:var(--sample-support-line);color:var(--color-label-secondary)}.sample-chip{display:inline-flex;align-items:center;gap:8px;background:var(--color-accent-soft);padding:6px 12px}.sample-chip,.sample-chip button{border-radius:999px;min-height:44px}.sample-chip button{min-width:44px}.sample-surface--desk .sample-chip{min-height:32px;padding:0 4px 0 12px;font-size:13px}.sample-surface--desk .sample-chip button{position:relative;min-width:28px;min-height:28px}.sample-surface--desk .sample-chip button:after{content:"";position:absolute;inset:-8px}.sample-catalogue__create{margin-inline:-16px;width:calc(100% + 32px)}.sample-people{list-style:none;margin:0;padding:0;display:grid}.sample-people button{width:100%;text-align:left;min-height:44px;padding:8px 12px;border-radius:8px}.sample-people button:hover{background:var(--color-accent-soft)}.sample-row-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--sample-field-gap)}.sample-catalogue{display:grid;gap:8px;justify-items:start;min-width:0}.sample-catalogue>.sample-input,.sample-catalogue>.sample-people{width:100%}.sample-surface--desk .sample-field:not(.sample-toggle)>label,.sample-surface--desk .sample-field>.sample-label{font-size:11px;line-height:16px;letter-spacing:.12em;text-transform:uppercase;color:var(--desk-muted)}.sample-surface--desk .sample-field>label .sample-optional{letter-spacing:normal;text-transform:none;font-size:12px}.sample-surface--desk .sample-input{border-color:var(--desk-card-edge);box-shadow:var(--desk-card-shadow)}.sample-surface--desk .sample-button--secondary{border-color:var(--desk-border);background:var(--desk-surface);color:var(--desk-ink-soft);font-weight:500}.sample-surface--desk .sample-button--secondary:hover{color:var(--desk-ink);border-color:var(--desk-ink-soft)}.sample-saved{display:grid;gap:12px;justify-items:start}.sample-saved__title{margin:0;font-size:var(--sample-section-size);line-height:var(--sample-section-line);font-weight:600}.sample-surface--desk .sample-card>.sample-button,.sample-surface--desk .sample-form>.sample-button,.sample-surface--desk .sample-saved>.sample-button{justify-self:start;padding:0 24px}.sample-row{min-height:88px;list-style:none;border-bottom:1px solid var(--color-separator)}.sample-row__link{min-height:88px;display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;padding:12px 0;color:inherit;text-decoration:none}.sample-row__thumb{width:44px;height:44px;display:grid;place-items:center;border-radius:10px;background:var(--color-accent-soft);color:var(--color-label-secondary)}.sample-row__main{display:grid;gap:2px;min-width:0}.sample-row__title{font-size:var(--sample-body-size);line-height:var(--sample-body-line);font-weight:600;overflow-wrap:anywhere}.sample-row__meta,.sample-row__person{font-size:var(--sample-support-size);line-height:var(--sample-support-line);color:var(--color-label-secondary);overflow-wrap:anywhere}.sample-row__chevron{justify-self:end;color:var(--color-label-secondary)}.sample-row__actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px 56px}.sample-surface--desk .sample-row{min-height:72px;border-bottom-color:var(--desk-border)}.sample-surface--desk .sample-row__link{min-height:72px;grid-template-columns:44px minmax(180px,1fr) 180px 90px 132px 72px 100px 18px;gap:12px;padding:8px 0}.sample-table{width:100%;min-width:0}.sample-table__head{display:grid;font-size:12px;font-weight:600}.sample-surface--desk .sample-table__head{grid-template-columns:minmax(180px,1fr) 180px 90px 132px 72px 100px minmax(112px,auto)}.sample-row--selected{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.sample-detail{display:grid;gap:20px;align-content:start;min-width:0}.sample-detail.sample-surface{background:transparent}.sample-detail__head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.sample-detail__head .sample-bottle__art{width:auto;height:auto;min-width:48px;min-height:48px;overflow:hidden}.sample-detail__head>div{display:grid;gap:4px;min-width:0}.sample-detail__head .sample-support{margin:0}.sample-detail__head .sample-page-title{font-size:24px;line-height:30px;letter-spacing:-.3px}.sample-detail__actions{display:flex;flex-wrap:wrap;gap:12px}.sample-modal--confirm .sample-detail__actions{margin-top:4px}.sample-detail .sample-card{display:grid;gap:4px}textarea.sample-input{min-height:88px;padding:10px 12px;line-height:1.4;resize:vertical}.sample-tasting{gap:16px}.sample-ledger{min-width:0}.sample-composer{container-type:inline-size}.sample-composer__columns{display:grid;gap:24px;min-width:0}@container (min-width: 900px){.sample-composer__columns{grid-template-columns:minmax(360px,640px) minmax(320px,420px);column-gap:40px;justify-content:start;align-items:start}.sample-composer__preview{position:sticky;top:24px}}@container (max-width: 899px){.sample-table__head{display:none}.sample-surface--desk .sample-row__link{grid-template-columns:44px minmax(0,1fr) 18px}}@media (max-width:359px){.sample-row-fields{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sample-surface *,.sample-surface :after,.sample-surface :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sample-landing{min-height:100dvh;padding:24px;display:grid;gap:24px;align-content:center;justify-items:center;background:var(--color-bg)}.sample-landing__wordmark{font-weight:700;letter-spacing:-.4px;font-size:20px;margin:0}.sample-landing__columns{display:grid;gap:24px;width:100%;max-width:430px}.sample-landing__columns>div:first-child{display:grid;gap:8px;align-content:start}.sample-landing__card{display:grid;gap:12px;justify-items:start}.sample-landing__vial{width:72px;height:72px;display:grid;place-items:center;border-radius:16px;background:var(--color-accent-soft);color:var(--color-label-secondary)}.sample-landing__actions{display:grid;gap:10px;width:100%}.sample-landing__actions .sample-button{width:100%}.sample-modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px}.sample-modal-scrim{position:absolute;inset:0;background:rgba(0,0,0,.45)}.sample-modal{position:relative;display:grid;gap:12px;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;border:1px solid var(--color-separator);border-radius:var(--sample-card-radius);background:var(--color-card);color:var(--color-label);padding:var(--sample-card-pad);box-shadow:0 24px 60px rgba(0,0,0,.28)}.sample-modal.sample-surface--desk{background:var(--desk-surface);border-color:var(--desk-border);color:var(--desk-ink)}.sample-modal--label{width:min(520px,100%)}.sample-modal__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sample-collection-card{display:grid;gap:10px;align-content:start}.sample-collection-card>.sample-section-title{margin:0}.sample-rule{border:0;border-top:1px solid var(--color-separator);margin:0;width:100%}.sample-surface--desk .sample-rule{border-top-color:var(--desk-border)}.sample-badge{display:inline-flex;align-items:center;justify-self:start;border-radius:999px;background:var(--color-accent-soft);color:var(--color-label);padding:4px 12px;font-size:12px;font-weight:600}@media (min-width:800px){.sample-landing{padding:48px}.sample-landing__columns{max-width:920px;grid-template-columns:1fr 400px;align-items:center}}