:root{color:#1f2423;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f0eb;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}html,body,#root{min-width:320px;min-height:100vh}html{background:#f1f0eb}body{margin:0}:root{--ink:#1f2423;--muted-ink:#69706d;--paper:#f1f0eb;--surface:#fbfaf5;--line:#cbc8bd;--amber:#b5682f;--amber-dark:#87471f;--sage:#738178;--shadow:0 24px 70px #21252317}*{box-sizing:border-box}button,input{font:inherit}button{color:inherit}.app-shell{background:linear-gradient(#1f242309 1px, transparent 1px), var(--paper);min-height:100vh;color:var(--ink);background-size:100% 32px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:88px;margin:0 auto;display:flex}.wordmark{cursor:pointer;background:0 0;border:0;align-items:baseline;gap:12px;padding:0;display:inline-flex}.wordmark span{letter-spacing:.08em;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:30px;font-weight:700}.wordmark small,.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-family:Aptos Narrow,Arial Narrow,sans-serif}.wordmark small{color:var(--muted-ink);font-size:10px}.desktop-nav{align-self:stretch;align-items:stretch;gap:28px;display:flex}.header-actions{align-self:stretch;align-items:stretch;gap:24px;display:flex}.pwa-controls{align-items:center;gap:12px;display:flex}.pwa-controls button{border:1px solid var(--ink);cursor:pointer;background:0 0;align-self:center;min-height:34px;padding:0 11px;font-size:12px}.offline-status{color:var(--muted-ink);white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex}.offline-status i{background:var(--sage);border-radius:50%;width:7px;height:7px}.nav-item{color:var(--muted-ink);cursor:pointer;background:0 0;border:0;position:relative}.nav-item:after{content:"";background:var(--amber);height:2px;transition:transform .18s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.nav-item:hover,.nav-item.active{color:var(--ink)}.nav-item.active:after{transform:scaleX(1)}.hero-section,.preview-ledger,.catalog-section,.placeholder-page{width:min(1180px,100% - 40px);margin-inline:auto}.hero-section{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:clamp(48px,8vw,110px);min-height:480px;padding:76px 0 64px;display:grid}.eyebrow{color:var(--amber-dark);margin:0 0 14px;font-size:12px;font-weight:700}.hero-copy h1,.placeholder-page h1{letter-spacing:-.05em;text-wrap:balance;max-width:760px;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(44px,7vw,86px);font-weight:700;line-height:1.08}.hero-description{max-width:620px;color:var(--muted-ink);margin:24px 0 32px;font-size:18px;line-height:1.75}.primary-action{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--surface);cursor:pointer;padding:0 22px;transition:background .16s,transform .16s}.primary-action:hover{background:var(--amber-dark);transform:translateY(-2px)}.measure-card{background:var(--surface);border:1px solid var(--line);min-height:315px;box-shadow:var(--shadow);text-align:left;cursor:pointer;padding:34px;position:relative;overflow:hidden}.measure-card:after{content:"";background:color-mix(in srgb, var(--amber) 72%, transparent);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-65px;right:-72px}.measure-number{color:var(--amber-dark);font-family:Georgia,serif;font-size:54px;font-style:italic;display:block}.measure-rule{gap:10px;margin:22px 0 34px;display:grid}.measure-rule i{background:var(--line);height:1px;display:block}.measure-rule i:first-child{width:100%}.measure-rule i:nth-child(2){width:66%}.measure-rule i:nth-child(3){width:33%}.measure-card .measure-name-en,.measure-card strong,.measure-card small{z-index:1;display:block;position:relative}.measure-card .measure-name-en{color:var(--muted-ink);margin:0;font-family:Georgia,serif;font-style:italic}.measure-card strong{letter-spacing:.04em;margin-top:5px;font-size:28px}.measure-card small{color:var(--muted-ink);margin-top:8px}.preview-ledger{border-top:1px solid var(--ink);grid-template-columns:minmax(210px,.7fr) minmax(320px,1.2fr) minmax(240px,.8fr);align-items:center;gap:clamp(24px,5vw,64px);padding:24px 0;display:grid}.preview-ledger .eyebrow{margin-bottom:6px}.preview-ledger strong{font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:20px}.preview-ledger>p,.preview-ledger>small{color:var(--muted-ink);margin:0;line-height:1.7}.preview-ledger>p{font-size:14px}.preview-ledger>small{border-left:1px solid var(--line);padding-left:20px}.catalog-section{border-top:1px solid var(--line);padding:72px 0 110px}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.section-heading h2{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(30px,4vw,48px);line-height:1.2}.search-field input{border:0;border-bottom:1px solid var(--ink);width:min(330px,70vw);min-height:46px;color:var(--ink);background:0 0;border-radius:0;outline:none;padding:0 14px}.search-field input:focus{border-bottom-color:var(--amber-dark);box-shadow:0 2px 0 var(--amber-dark)}.cocktail-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.cocktail-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 52%, transparent);text-align:left;cursor:pointer;flex-direction:column;min-height:310px;padding:22px;transition:background .16s,transform .16s;display:flex}.cocktail-card:hover{background:var(--surface);transform:translateY(-3px)}.cocktail-card-index{color:var(--amber-dark);font-family:Georgia,serif;font-style:italic}.cocktail-card h3{margin:auto 0 2px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:25px}.cocktail-card-name-en{color:var(--muted-ink);margin:0 0 18px;font-family:Georgia,serif;font-style:italic}.cocktail-card-meta,.cocktail-card-tags{color:var(--muted-ink);margin:0;font-size:13px;line-height:1.6}.cocktail-card-source{border-top:1px solid var(--line);color:var(--sage);margin-top:20px;padding-top:12px;font-size:12px}.cocktail-card-action{color:var(--amber-dark);margin-top:12px;font-size:13px}.empty-state{border-bottom:1px solid var(--line);padding:54px 0}.empty-state h3,.empty-state p{margin:0 0 7px}.placeholder-page{min-height:calc(100vh - 88px);padding:clamp(80px,14vw,170px) 0}.placeholder-page>p{max-width:650px;color:var(--muted-ink);margin:24px 0;font-size:18px}.placeholder-page>span{border-top:1px solid var(--line);color:var(--amber-dark);padding-top:16px;display:inline-block}.mobile-nav{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--amber) 55%, transparent);outline-offset:3px}.explore-page,.detail-page{width:min(1180px,100% - 40px);margin:0 auto;padding:70px 0 110px}.explore-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:32px;padding-bottom:42px;display:flex}.explore-heading h1,.detail-hero h1{letter-spacing:-.06em;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(52px,8vw,96px);line-height:1}.explore-heading>div>p:last-child{color:var(--muted-ink);margin:20px 0 0;font-size:17px}.result-count{color:var(--amber-dark);font-family:Georgia,serif;font-size:34px;font-style:italic}.filter-workbench{border-bottom:1px solid var(--line);grid-template-columns:minmax(230px,.8fr) 1fr 1.3fr;gap:34px;padding:34px 0;display:grid}.filter-search{align-content:start;gap:10px;display:grid}.filter-search span,.filter-workbench legend{color:var(--muted-ink);letter-spacing:.12em;font-size:12px;font-weight:700}.filter-search input{border:0;border-bottom:1px solid var(--ink);min-height:42px;color:var(--ink);background:0 0;border-radius:0;padding:0 4px}.filter-workbench fieldset{border:0;min-width:0;padding:0}.filter-workbench legend{margin-bottom:10px}.filter-options{flex-wrap:wrap;gap:7px;display:flex}.filter-options button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:36px;padding:0 11px}.filter-options button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.explore-result-line{justify-content:space-between;align-items:center;min-height:76px;display:flex}.explore-result-line span{font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:25px;font-weight:700}.explore-result-line button,.empty-state button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid}.explore-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.back-button{z-index:8;border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:fit-content;color:var(--muted-ink);cursor:pointer;margin-bottom:46px;padding:9px 13px;transition:border-color .16s,color .16s,transform .16s;position:sticky;top:12px;box-shadow:0 8px 24px #1f242314}.back-button:hover{border-color:var(--ink);color:var(--ink);transform:translate(-2px)}.back-button:focus-visible{outline:2px solid var(--amber-dark);outline-offset:3px}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);align-items:start;gap:clamp(50px,9vw,140px);min-height:350px;padding-bottom:58px;display:grid}.detail-name-en{color:var(--amber-dark);margin:10px 0 0;font-family:Georgia,serif;font-size:26px;font-style:italic}.detail-summary{max-width:650px;color:var(--muted-ink);margin:22px 0 0;font-size:17px;line-height:1.7}.ratio-plate{border:1px solid var(--line);background:var(--surface);min-height:360px;box-shadow:var(--shadow);flex-direction:column;justify-content:end;padding:28px;display:flex}.ratio-plate>span{color:var(--amber-dark);letter-spacing:.18em;margin-bottom:auto;font-size:11px}.ratio-line{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:50px;display:grid}.ratio-line small{color:var(--muted-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.ratio-line strong{white-space:nowrap;font-size:24px}.structure-summary{border-top:1px solid var(--ink);color:var(--muted-ink);margin:16px 0 0;padding-top:14px;font-size:13px;line-height:1.55}.structure-summary strong{color:var(--amber-dark);letter-spacing:.12em;margin-right:8px;font-size:11px}.detail-columns{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:clamp(44px,8vw,110px);padding:70px 0;display:grid}.detail-section-heading{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.detail-section-heading h2,.detail-aside h2,.history-section h2{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:34px}.detail-section-heading>span{color:var(--muted-ink)}.ingredient-table{border-top:1px solid var(--ink)}.ingredient-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:76px;padding:12px 0;display:grid;position:relative}.ingredient-row strong,.ingredient-row small{display:block}.ingredient-row small{color:var(--muted-ink);margin-top:3px;font-family:Georgia,serif;font-style:italic}.ingredient-row>span{font-size:18px;font-weight:700}.ingredient-row em{color:var(--sage);font-size:10px;font-style:normal;position:absolute;bottom:5px;right:0}.garnish-row{color:var(--muted-ink)}.method-steps{margin-top:46px}.method-steps h3{font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:25px}.method-steps ol{padding-left:26px}.method-steps li{color:var(--muted-ink);padding:8px 0 8px 7px;line-height:1.7}.detail-aside{align-content:start;gap:54px;display:grid}.detail-aside section{border-top:4px solid var(--ink);padding-top:18px}.detail-aside dl{margin:24px 0 0}.detail-aside dl>div{border-bottom:1px solid var(--line);grid-template-columns:90px 1fr;gap:14px;padding:10px 0;display:grid}.detail-aside dt{color:var(--muted-ink)}.detail-aside dd{margin:0}.adjustment-note{background:color-mix(in srgb, var(--amber) 10%, var(--surface));border:1px solid var(--line);margin-top:22px;padding:18px}.adjustment-note p{color:var(--muted-ink);margin:8px 0}.adjustment-note small{color:var(--amber-dark)}.history-section{grid-template-columns:.7fr 1.3fr;gap:clamp(44px,8vw,110px);padding:70px 0 20px;display:grid}.history-copy>p{max-width:700px;color:var(--muted-ink);line-height:1.8}.confidence-label{border-bottom:2px solid var(--amber);color:var(--amber-dark);margin-bottom:15px;padding-bottom:4px;display:inline-block}.source-toggle{color:var(--ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:20px;padding:0 0 5px}.source-list{margin:24px 0 0;padding:0;list-style:none}.source-list li{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.source-list a{color:var(--amber-dark)}.source-list span{color:var(--muted-ink);font-size:12px}.detail-personal-actions{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:68px;padding:12px 0;display:flex}.detail-personal-actions>button{border:1px solid var(--ink);cursor:pointer;background:0 0;min-height:38px;padding:0 14px}.detail-personal-actions>button[aria-pressed=true],.detail-personal-actions>button:hover{background:var(--ink);color:var(--surface)}.detail-personal-actions>span{color:var(--muted-ink);margin-left:auto;font-size:13px}.detail-personal-actions>span button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0}.mine-page{width:min(1180px,100% - 40px);margin:0 auto;padding:70px 0 110px}.mine-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;min-height:330px;padding-bottom:54px;display:grid}.mine-heading h1{letter-spacing:-.055em;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(48px,7.2vw,84px);line-height:1.08}.archive-counts{border-top:1px solid var(--ink);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);width:300px;margin:0;display:grid}.archive-counts div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column-reverse;justify-content:space-between;min-height:120px;padding:16px;display:flex}.archive-counts dt{color:var(--muted-ink);font-size:12px}.archive-counts dd{color:var(--amber-dark);margin:0;font-family:Georgia,serif;font-size:40px;font-style:italic}.mine-tabs{border-bottom:1px solid var(--line);align-items:stretch;gap:34px;min-height:76px;display:flex}.mine-tabs button{color:var(--muted-ink);cursor:pointer;background:0 0;border:0;padding:0;position:relative}.mine-tabs button[aria-current=page]{color:var(--ink);font-weight:700}.mine-tabs button[aria-current=page]:after{content:"";background:var(--amber);height:3px;position:absolute;bottom:-1px;left:0;right:0}.mine-tabs span{color:var(--amber-dark);margin-left:7px;font-family:Georgia,serif;font-style:italic}.archive-section{padding-top:54px}.archive-section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.archive-section-heading h2{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(32px,4vw,48px)}.archive-section-heading>p{color:var(--muted-ink)}.tag-creator{align-items:stretch;display:flex}.tag-creator input{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;min-height:42px;padding:0 10px}.tag-creator button{border:1px solid var(--ink);background:var(--ink);color:var(--surface);cursor:pointer;padding:0 14px}.favorite-ledger{border-top:1px solid var(--ink)}.favorite-row{border-bottom:1px solid var(--line);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:180px;padding:24px 0;display:grid}.ledger-index{color:var(--amber-dark);align-self:start;font-family:Georgia,serif;font-size:22px;font-style:italic}.favorite-row h3{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:30px}.favorite-row p{color:var(--muted-ink);margin:4px 0 18px;font-family:Georgia,serif;font-style:italic}.personal-tag-list{flex-wrap:wrap;gap:7px;display:flex}.personal-tag-list>span{border:1px solid var(--amber-dark);background:color-mix(in srgb, var(--amber) 10%, transparent);min-height:30px;color:var(--amber-dark);align-items:center;padding:0 9px;display:inline-flex}.personal-tag-list .manage-tags{border:1px solid var(--line);min-height:30px;color:var(--muted-ink);cursor:pointer;background:0 0;padding:0 9px}.personal-tag-list small{color:var(--muted-ink)}.tag-assignment-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 75%, transparent);margin-top:14px;padding:14px}.tag-assignment-panel>p{color:var(--muted-ink);margin:0 0 10px;font-family:inherit;font-size:12px;font-style:normal}.tag-assignment-panel>div:first-of-type{flex-wrap:wrap;gap:7px;display:flex}.tag-assignment-panel>div:first-of-type button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:30px;padding:0 9px}.tag-assignment-panel>div:first-of-type button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.tag-assignment-panel .tag-creator{margin-top:12px}.ledger-actions{flex-direction:column;align-items:end;gap:14px;display:flex}.ledger-actions button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px}.ledger-actions button:last-child{color:var(--muted-ink);font-size:12px}.archive-empty{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:70px 0}.archive-empty h3{margin:0 0 8px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:28px}.archive-empty p{color:var(--muted-ink);margin:0}.version-stack{gap:32px;display:grid}.version-editor{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:var(--shadow);padding:clamp(22px,4vw,38px)}.version-editor.compact{box-shadow:none;padding-block:26px}.version-editor>header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:24px;padding-bottom:22px;display:flex}.version-editor>header p{color:var(--muted-ink);margin:0 0 8px}.version-editor>header h3{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:30px}.version-editor>header input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:min(430px,65vw);padding:0 0 6px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:28px;font-weight:700}.version-editor>header>span{color:var(--muted-ink);font-size:11px}.version-card-header>button{border:1px solid var(--ink);cursor:pointer;white-space:nowrap;background:0 0;min-height:38px;padding:0 12px}.version-card-header>button[aria-expanded=true]{background:var(--ink);color:var(--surface)}.version-overview{grid-template-columns:minmax(0,1fr) auto;gap:30px;padding-top:20px;display:grid}.version-overview ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.version-overview li{border:1px solid var(--line);background:var(--surface);align-items:center;gap:9px;min-height:38px;padding:0 11px;display:inline-flex}.version-overview li span{color:var(--muted-ink)}.version-overview li strong{font-size:14px}.version-overview>p{color:var(--muted-ink);white-space:nowrap;flex-direction:column;justify-content:center;align-items:end;gap:5px;margin:0;font-size:12px;display:flex}.version-ingredient-list{padding:14px 0}.version-ingredient-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) minmax(100px,.45fr) auto;align-items:center;gap:12px;min-height:58px;display:grid}.version-ingredient-row select,.version-ingredient-row input{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:38px;color:var(--ink);padding:0 8px}.version-ingredient-row button{color:var(--muted-ink);cursor:pointer;background:0 0;border:0}.version-ingredient-row button:disabled{opacity:.35;cursor:not-allowed}.version-actions{flex-wrap:wrap;align-items:center;gap:12px;min-height:52px;display:flex}.version-actions>button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:38px;padding:0 12px}.version-actions .save-version{border-color:var(--ink);background:var(--ink);color:var(--surface)}.version-actions>span[role=status]{color:var(--sage)}.version-actions .delete-version{color:var(--muted-ink);border-color:#0000;margin-left:auto;font-size:12px}.delete-confirm{color:var(--muted-ink);margin-left:auto;font-size:12px}.delete-confirm button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-left:8px;padding:0}.version-notes{border-top:4px solid var(--ink);margin-top:24px;padding-top:22px}.version-notes h3{justify-content:space-between;margin:0 0 14px;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:22px;display:flex}.version-notes h3 span{color:var(--amber-dark);font-family:Georgia,serif;font-style:italic}.version-notes textarea{resize:vertical;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:0;padding:12px;line-height:1.6}.version-notes>button{border:1px solid var(--ink);cursor:pointer;background:0 0;min-height:38px;margin-top:8px;padding:0 12px}.version-notes blockquote{border-left:3px solid var(--amber);background:color-mix(in srgb, var(--amber) 7%, transparent);margin:20px 0 0;padding:16px 18px}.version-notes blockquote p{margin:0 0 8px;line-height:1.7}.version-notes time,.note-ledger time{color:var(--muted-ink);font-size:11px}.note-ledger{border-top:1px solid var(--ink)}.note-ledger article{border-bottom:1px solid var(--line);padding:24px 0}.note-ledger header{justify-content:space-between;gap:20px;display:flex}.note-ledger p{max-width:800px;color:var(--muted-ink);margin:14px 0 0;line-height:1.75}.custom-creator{margin-bottom:44px}.custom-create-toggle{border:1px solid var(--ink);background:var(--ink);min-height:46px;color:var(--surface);cursor:pointer;padding:0 18px}.custom-form-message{color:var(--sage);margin:14px 0 0}.custom-form{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);margin-top:22px;padding:clamp(22px,4vw,40px)}.custom-form>header{border-bottom:1px solid var(--ink);padding-bottom:28px}.custom-form>header h3{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(28px,4vw,42px)}.custom-form>header>p:last-child{color:var(--muted-ink);margin:12px 0 0}.custom-field-grid{grid-template-columns:1fr 1fr;gap:20px 24px;padding-top:28px;display:grid}.custom-field-grid label{gap:8px;display:grid}.custom-field-grid label>span,.custom-taste-tags legend{color:var(--muted-ink);letter-spacing:.08em;font-size:12px;font-weight:700}.custom-field-grid .wide{grid-column:1/-1}.custom-field-grid input,.custom-field-grid select,.custom-field-grid textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:0 0;border-radius:0;padding:9px 10px}.custom-field-grid textarea{resize:vertical;line-height:1.6}.custom-taste-tags{border:0;margin:28px 0 0;padding:0}.custom-taste-tags legend{margin-bottom:10px}.custom-taste-tags>div{flex-wrap:wrap;gap:7px;display:flex}.custom-taste-tags button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:34px;padding:0 10px}.custom-taste-tags button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.custom-image-field{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 190px auto;align-items:center;gap:20px;margin-top:28px;padding:18px 0;display:grid}.custom-image-field h4{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:20px}.custom-image-field p{color:var(--muted-ink);margin:7px 0 0;font-size:12px;line-height:1.6}.custom-image-field img,.custom-image-placeholder{border:1px solid var(--line);object-fit:cover;width:190px;height:118px}.custom-image-placeholder{color:var(--muted-ink);background:color-mix(in srgb, var(--line) 15%, transparent);place-items:center;font-size:12px;display:grid}.custom-image-actions{justify-items:start;gap:10px;display:grid}.custom-image-actions input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.custom-image-actions label span,.custom-image-actions button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:7px 0 4px;font-size:13px}.custom-image-actions button{color:var(--muted-ink)}.custom-recipe-builder{border-top:4px solid var(--ink);margin-top:30px;padding-top:22px}.custom-subheading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.custom-subheading h4{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:24px}.custom-subheading p{color:var(--muted-ink);margin:5px 0 0;font-size:12px}.custom-subheading button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px}.custom-ingredient-row{border-bottom:1px solid var(--line);grid-template-columns:1.15fr .75fr .65fr .55fr auto;align-items:center;gap:10px;min-height:58px;display:grid}.custom-ingredient-row.has-custom-name{grid-template-columns:.75fr .9fr .7fr .65fr .55fr auto}.custom-ingredient-row select,.custom-ingredient-row input{border:1px solid var(--line);background:0 0;min-width:0;min-height:38px;padding:0 8px}.custom-ingredient-row button{color:var(--muted-ink);cursor:pointer;background:0 0;border:0}.custom-ingredient-row button:disabled{opacity:.35}.custom-form>footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;padding-top:20px;display:flex}.custom-form>footer>button{border:1px solid var(--ink);cursor:pointer;background:0 0;min-height:42px;padding:0 14px}.custom-form>footer>button:first-child{background:var(--ink);color:var(--surface)}.custom-form>footer span{width:100%;color:var(--amber-dark)}.custom-cocktail-list{border-top:1px solid var(--ink)}.custom-cocktail-list article{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:180px;padding:26px 0;display:grid}.custom-cocktail-list article>div>p{color:var(--amber-dark);margin:0 0 7px;font-size:12px}.custom-cocktail-list h3{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:30px}.custom-cocktail-list em,.custom-cocktail-list small{display:block}.custom-cocktail-list em{color:var(--muted-ink);margin-top:2px;font-family:Georgia,serif}.custom-cocktail-list small{max-width:650px;color:var(--muted-ink);margin-top:14px;line-height:1.6}.custom-cocktail-list article>button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 5px}.custom-list-actions{flex-direction:column;align-items:end;gap:14px;display:flex}.custom-list-actions button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 5px}.custom-list-actions button:last-child{color:var(--muted-ink)}.personal-cocktail-image{aspect-ratio:16/9;border:1px solid var(--line);object-fit:cover;filter:saturate(.82)contrast(1.03);width:min(100%,520px);margin-bottom:26px}.public-cocktail-figure{width:min(100%,360px);margin:0 0 28px}.public-image-frame{aspect-ratio:4/5;border:1px solid var(--line);background:#f6f2e8b8;position:relative;overflow:hidden}.public-cocktail-figure img{object-fit:cover;filter:saturate(.78)contrast(1.05);width:100%;height:100%;transition:opacity .18s;display:block}.public-image-frame.is-loading img,.public-image-frame.is-failed img{opacity:0}.image-load-message,.image-load-failed{color:var(--muted-ink);text-align:center;place-content:center;gap:12px;font-size:13px;display:grid;position:absolute;inset:0}.image-load-message:before{content:"";border:1px solid var(--line);border-top-color:var(--amber-dark);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:.9s linear infinite image-loading-spin}.image-load-failed button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;justify-self:center;padding:8px 13px}@keyframes image-loading-spin{to{transform:rotate(360deg)}}.public-cocktail-figure figcaption{color:var(--muted-ink);flex-wrap:wrap;gap:4px 8px;padding-top:8px;font-size:11px;line-height:1.5;display:flex}.public-cocktail-figure figcaption a{color:var(--amber-dark)}.public-cocktail-figure figcaption span{flex-basis:100%}.origin-meta{letter-spacing:.08em;font-size:13px;color:var(--ink)!important}.source-list li>div{gap:3px;display:grid}.source-list li small{color:var(--muted-ink);letter-spacing:.14em;font-size:10px}.abv-result{flex-wrap:wrap}.abv-result dd{color:var(--amber-dark);font-weight:700}.abv-result small{width:100%;color:var(--muted-ink);margin-top:7px;line-height:1.55}.data-backup-panel{grid-template-columns:1fr 1fr;gap:18px;display:grid}.backup-card{border:1px solid var(--line);background:var(--surface);min-height:285px;box-shadow:var(--shadow);flex-direction:column;padding:28px;display:flex}.backup-card h3{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:28px}.backup-card>p:not(.eyebrow){color:var(--muted-ink);margin:14px 0 26px;line-height:1.7}.backup-card>button,.backup-file-picker span,.backup-preview button{border:1px solid var(--ink);cursor:pointer;background:0 0;width:fit-content;min-height:42px;padding:0 14px}.backup-card>button{background:var(--ink);color:var(--surface);margin-top:auto}.backup-file-picker{margin-top:auto}.backup-file-picker input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.backup-file-picker span{align-items:center;display:inline-flex}.backup-preview{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:8px 14px;margin-top:22px;padding-top:18px;display:grid}.backup-preview strong,.backup-preview span{overflow-wrap:anywhere;grid-column:1/-1}.backup-preview span{color:var(--muted-ink);font-size:12px}.backup-preview button:first-of-type{background:var(--ink);color:var(--surface)}.backup-message,.backup-boundary{grid-column:1/-1}.backup-message{border-left:3px solid var(--amber);background:color-mix(in srgb, var(--amber) 8%, transparent);margin:0;padding:13px 16px}.backup-boundary{border-top:1px solid var(--line);padding:20px 0 0}.backup-boundary p{color:var(--muted-ink);margin:6px 0 0;line-height:1.65}.pantry-page{width:min(1180px,100% - 40px);margin:0 auto;padding:70px 0 110px}.pantry-heading{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:50px;min-height:330px;padding-bottom:54px;display:grid}.pantry-heading h1{letter-spacing:-.055em;margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:clamp(48px,7.6vw,88px);line-height:1.08}.pantry-tally{border:1px solid var(--line);background:var(--surface);width:190px;min-height:190px;box-shadow:var(--shadow);flex-direction:column;justify-content:end;padding:22px;display:flex}.pantry-tally strong{color:var(--amber-dark);font-family:Georgia,serif;font-size:64px;font-style:italic;font-weight:400;line-height:.9}.pantry-tally span{margin-top:12px;font-weight:700}.pantry-tally small{border-top:1px solid var(--line);color:var(--muted-ink);margin-top:20px;padding-top:10px}.pantry-workbench{grid-template-columns:minmax(280px,.72fr) minmax(0,1.45fr);gap:clamp(45px,7vw,92px);padding-top:58px;display:grid}.ingredient-picker{align-self:start;position:sticky;top:24px}.picker-heading,.match-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.picker-heading h2,.match-heading h2{margin:0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:34px}.picker-heading button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 0 4px;font-size:12px}.pantry-search input{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;width:100%;min-height:46px;padding:0 4px}.selected-ingredients{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 76%, transparent);margin-top:20px;padding:16px}.selected-ingredients header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.selected-ingredients header strong{font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:17px}.selected-ingredients header span{color:var(--muted-ink);font-size:11px}.selected-ingredient-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.selected-ingredient-tags button{border:1px solid var(--ink);background:var(--ink);min-height:31px;color:var(--surface);cursor:pointer;align-items:center;gap:8px;padding:0 9px;display:inline-flex}.selected-ingredient-tags button b{color:#c7cbc7;font-size:16px;font-weight:400}.selected-toggle{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:12px;padding:0 0 3px;font-size:11px}.ingredient-checklist{border-top:1px solid var(--ink);scrollbar-color:var(--line) transparent;max-height:560px;margin-top:18px;overflow-y:auto}.ingredient-group{border-bottom:1px solid var(--line)}.ingredient-group-heading{width:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:10px 6px;display:flex}.ingredient-group-heading:disabled{cursor:default}.ingredient-group-heading>span{align-items:baseline;gap:8px;display:flex}.ingredient-group-heading strong{font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:16px}.ingredient-group-heading small,.ingredient-group-heading>span:last-child{color:var(--muted-ink);font-size:11px}.ingredient-group-heading b{width:16px;color:var(--amber-dark);text-align:right;font-family:Georgia,serif;font-size:17px;font-weight:400;display:inline-block}.common-group .ingredient-group-heading{background:color-mix(in srgb, var(--amber) 8%, transparent)}.ingredient-group-items{border-top:1px solid var(--line)}.ingredient-choice{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:28px 1fr;align-items:center;gap:10px;width:100%;min-height:63px;padding:8px 6px;display:grid}.ingredient-group-items .ingredient-choice:last-child{border-bottom:0}.ingredient-choice:hover{background:color-mix(in srgb, var(--surface) 70%, transparent)}.ingredient-choice.selected{background:var(--ink);color:var(--surface)}.choice-mark{width:22px;height:22px;color:var(--amber-dark);border:1px solid;place-items:center;font-weight:700;display:grid}.ingredient-choice.selected .choice-mark{color:var(--surface)}.ingredient-choice strong,.ingredient-choice small{display:block}.ingredient-choice small{color:var(--muted-ink);margin-top:2px;font-size:11px}.ingredient-choice.selected small{color:#c7cbc7}.picker-empty{color:var(--muted-ink);line-height:1.6}.match-heading>span{color:var(--muted-ink)}.match-filters{flex-wrap:wrap;gap:7px;margin-bottom:24px;display:flex}.match-filters button{border:1px solid var(--line);cursor:pointer;background:0 0;min-height:36px;padding:0 12px}.match-filters button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--surface)}.match-list{border-top:1px solid var(--ink)}.match-card{border-bottom:1px solid var(--line);grid-template-columns:50px minmax(0,1fr) 125px;gap:24px;min-height:230px;padding:26px 0;display:grid}.match-card-index{color:var(--amber-dark);font-family:Georgia,serif;font-size:22px;font-style:italic}.match-status{align-items:baseline;gap:10px;display:flex}.match-status span{color:var(--amber-dark);letter-spacing:.08em;font-size:12px;font-weight:700}.match-status small{color:var(--muted-ink)}.match-card-main h3{margin:20px 0 0;font-family:Noto Serif SC,Songti SC,SimSun,serif;font-size:31px}.match-name-en{color:var(--muted-ink);margin:1px 0 16px;font-family:Georgia,serif;font-style:italic}.match-explanation{color:var(--muted-ink);margin:0;line-height:1.6}.substitution-note{border-left:3px solid var(--amber);background:color-mix(in srgb, var(--amber) 8%, transparent);margin:14px 0 0;padding:12px 14px;line-height:1.5}.substitution-note small{color:var(--muted-ink)}.match-card-action{text-align:right;flex-direction:column;justify-content:end;align-items:end;display:flex}.match-card-action>span{font-family:Georgia,serif;font-size:34px;font-style:italic}.match-card-action>small{color:var(--muted-ink)}.match-card-action button{color:var(--amber-dark);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:24px;padding:0 0 5px}.match-missing .match-status span{color:var(--sage)}.match-empty{border-bottom:1px solid var(--line);padding:50px 0}.match-empty h3,.match-empty p{margin:0 0 8px}.match-empty p{color:var(--muted-ink)}@media (width<=960px){.cocktail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:36px}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-workbench{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}.pantry-workbench{grid-template-columns:minmax(250px,.7fr) 1.3fr;gap:40px}.match-card{grid-template-columns:38px minmax(0,1fr)}.match-card-action{text-align:left;flex-direction:row;grid-column:2;justify-content:space-between;align-items:center}.match-card-action button{margin-top:0}}@media (width<=720px){.app-shell{padding-bottom:70px}.site-header,.hero-section,.preview-ledger,.catalog-section,.placeholder-page{width:min(100% - 28px,620px)}.site-header{min-height:72px}.desktop-nav{display:none}.header-actions{gap:0}.pwa-controls button{min-height:32px}.hero-section{grid-template-columns:1fr;padding:56px 0 46px}.hero-copy h1,.placeholder-page h1{font-size:clamp(42px,14vw,66px)}.hero-description{font-size:16px}.preview-ledger{grid-template-columns:1fr;gap:14px;padding:22px 0}.preview-ledger>small{border-top:1px solid var(--line);border-left:0;padding:14px 0 0}.measure-card{min-height:270px}.section-heading{flex-direction:column;align-items:stretch}.search-field input{width:100%}.cocktail-grid{grid-template-columns:1fr}.cocktail-card{min-height:225px}.explore-page,.detail-page,.pantry-page{width:min(100% - 28px,620px);padding:46px 0 90px}.explore-heading{align-items:start}.explore-heading h1,.detail-hero h1{font-size:clamp(50px,16vw,72px)}.result-count{font-size:24px}.filter-workbench{grid-template-columns:1fr;gap:24px}.filter-search{grid-column:auto}.explore-grid,.detail-hero,.detail-columns,.history-section{grid-template-columns:1fr}.detail-hero{gap:40px;padding-bottom:46px}.ratio-plate{min-height:225px}.detail-columns{gap:60px}.history-section{gap:28px}.source-list li{flex-direction:column;gap:5px}.public-cocktail-figure{width:100%}.detail-personal-actions{flex-direction:column;align-items:stretch;padding:16px 0}.detail-personal-actions>span{margin-left:0;line-height:1.7}.mine-page{width:min(100% - 28px,620px);padding:46px 0 90px}.mine-heading{grid-template-columns:1fr;gap:38px;min-height:0}.mine-heading h1{font-size:clamp(44px,13vw,64px)}.archive-counts{width:100%}.archive-counts div{min-height:95px}.mine-tabs{gap:22px;overflow-x:auto}.mine-tabs button{flex:none}.archive-section-heading{flex-direction:column;align-items:stretch}.tag-creator input{flex:1;min-width:0}.favorite-row{grid-template-columns:32px minmax(0,1fr);gap:12px}.ledger-actions{flex-direction:row;grid-column:2;align-items:center}.version-editor>header{flex-direction:column;align-items:stretch}.version-editor>header input,.version-card-header>button{width:100%}.version-overview{grid-template-columns:1fr;gap:16px}.version-overview ul{grid-template-columns:1fr 1fr;display:grid}.version-overview li{justify-content:space-between}.version-overview>p{flex-direction:row;justify-content:space-between;align-items:center}.version-ingredient-row{grid-template-columns:minmax(0,1fr) 105px;gap:7px;padding:8px 0}.version-ingredient-row button{grid-column:2;justify-self:end}.version-actions .delete-version,.delete-confirm{width:100%;margin-left:0}.note-ledger header{flex-direction:column;gap:6px}.custom-field-grid{grid-template-columns:1fr}.custom-field-grid .wide{grid-column:auto}.custom-image-field{grid-template-columns:1fr}.custom-image-field img,.custom-image-placeholder{width:100%;height:auto;min-height:170px}.custom-image-actions{grid-auto-flow:column;justify-content:start}.custom-ingredient-row{grid-template-columns:1fr 1fr;padding:9px 0}.custom-ingredient-row.has-custom-name{grid-template-columns:1fr 1fr}.custom-ingredient-row button{justify-self:end}.custom-cocktail-list article{grid-template-columns:32px minmax(0,1fr);gap:12px}.custom-cocktail-list article>button{grid-column:2;justify-self:start}.custom-list-actions{flex-direction:row;grid-column:2;justify-content:start;align-items:center}.data-backup-panel{grid-template-columns:1fr}.backup-message,.backup-boundary{grid-column:auto}.pantry-heading{grid-template-columns:1fr;align-items:start;gap:38px;min-height:0}.pantry-heading h1{font-size:clamp(46px,14vw,66px)}.pantry-tally{grid-template-columns:auto 1fr;align-items:end;column-gap:18px;width:100%;min-height:135px;display:grid}.pantry-tally strong{grid-row:1/3}.pantry-tally small{margin-top:7px;padding-top:7px}.pantry-workbench{grid-template-columns:1fr;gap:64px}.ingredient-picker{position:static}.ingredient-checklist{max-height:none}.selected-ingredients{padding:14px}.ingredient-group-heading{min-height:54px}.match-card{grid-template-columns:32px minmax(0,1fr);gap:12px}.match-card-action{grid-column:2}.mobile-nav{z-index:10;border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(4,1fr);min-height:64px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted-ink);background:0 0;border:0}.mobile-nav button[aria-current=page]{color:var(--ink);font-weight:700}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}