:root{color:#f7f2ea;background:#101318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(42,157,143,.14),transparent 280px),#101318}button,input,select,textarea,a{font:inherit}button{cursor:pointer}.app-shell{width:min(100%,980px);margin:0 auto;padding:18px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:170px;margin:-18px -18px 18px;padding:22px 18px 26px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#101318e6,#1013186b),url(/assets/header-background-2400x1200-BiA2wjJ4.webp) center / cover no-repeat}.eyebrow{margin:0 0 4px;color:#f7b267;font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#f7b267;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,9vw,5rem);font-style:italic;font-weight:700;line-height:.9;letter-spacing:0;text-shadow:0 3px 18px rgba(0,0,0,.45)}.title-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.app-version{color:#c9c3b8;font-size:.88rem;font-weight:700}select,input,textarea{border:1px solid rgba(247,242,234,.18);border-radius:8px;color:#f7f2ea;background:#181d24}select{padding:10px 12px}.tabs,.segmented{display:flex;gap:8px;overflow-x:auto}.tabs{position:sticky;top:0;z-index:2;padding:8px 0 16px;background:#101318f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabs button,.segmented button,.primary-action,.secondary-action,.icon-action,.favorite,.close{border:1px solid rgba(247,242,234,.16);border-radius:8px;color:#f7f2ea;background:#181d24}.tabs button,.segmented button{min-height:42px;padding:0 14px;white-space:nowrap}.segmented.compact{margin-left:auto}.segmented.compact button{min-height:38px;padding:0 10px;font-size:.9rem}.tabs button.active,.segmented button.active,.primary-action{border-color:transparent;color:#111318;background:#f7b267}.secondary-action{display:inline-grid;place-items:center;min-height:42px;padding:0 14px;background:#202630;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.48}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px}.toolbar input{min-height:46px;padding:0 14px}.search-field{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px}.search-help-button{min-height:46px;border:1px solid rgba(247,242,234,.16);border-radius:8px;color:#101318;background:#9bd1c7;font-weight:800}.cocktail-list{display:grid;gap:10px}.cocktail-card{display:grid;grid-template-columns:76px minmax(0,1fr) 44px;gap:14px;align-items:center;min-height:104px;padding:10px;border:1px solid rgba(247,242,234,.11);border-radius:8px;background:#181d24e0}.user-cocktail-card{grid-template-columns:76px minmax(0,1fr) 44px}.cocktail-card h2{margin-bottom:6px;color:#f7b267;font-size:1rem}.cocktail-card p,.muted{margin-bottom:0;color:#c9c3b8;line-height:1.45}.cocktail-image{width:76px;height:92px;border-radius:7px;object-fit:cover;background:#252b34}.cocktail-image.large{width:100%;height:min(52vh,420px);margin-bottom:18px;object-fit:contain}.favorite{width:40px;height:40px;color:#e76f51;font-size:1.45rem}.icon-action{display:grid;place-items:center;width:40px;height:40px;background:#202630;color:#f7b267;font-size:1.15rem;font-weight:800}.icon-action.danger{color:#e76f51}.card-actions,.detail-actions{display:grid;gap:6px}.order-controls{display:grid;gap:4px}.order-action{width:40px;height:32px;font-size:1rem}.mine-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mine-header h2{margin-bottom:0;color:#f7b267}.add-cocktail-button{width:46px;min-height:46px;padding:0;font-size:1.4rem}.panel,.empty{padding:18px;border:1px solid rgba(247,242,234,.12);border-radius:8px;background:#181d24db}.modal-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:end center;padding:16px;background:#0000009e}.modal{position:relative;width:min(100%,720px);max-height:90vh;overflow:auto;padding:18px;border:1px solid rgba(247,242,234,.18);border-radius:8px;background:#181d24}.search-help-modal{max-width:560px}.search-help-modal h2{margin-right:48px;margin-bottom:12px;color:#f7b267}.search-help-modal p{margin-bottom:0;line-height:1.55;white-space:pre-line}.cocktail-form-modal h2{margin-right:48px;margin-bottom:16px;color:#f7b267}.form-top{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}.form-preview{width:92px;height:112px;object-fit:cover}.file-button{display:inline-grid;place-items:center;min-height:42px;margin-top:10px;padding:0 14px;border-radius:8px;color:#101318;background:#9bd1c7;font-weight:700;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.transfer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.support-block{display:grid;justify-items:start;gap:10px;margin-top:18px}.support-block p{margin-bottom:0;color:#c9c3b8;line-height:1.45}.help-info-block{margin-top:18px}.help-info-block h3{margin-bottom:6px;color:#f7b267;font-size:1rem}.help-info-block p{margin:0;color:#c9c3b8;line-height:1.45}.help-info-block a{color:#9bd1c7;overflow-wrap:anywhere}.import-button{display:inline-grid;place-items:center;cursor:pointer}.coffee-button.disabled{cursor:not-allowed;opacity:.48;pointer-events:none}.import-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px;margin:14px 0 18px}.icon-grid button{display:grid;place-items:center;min-height:58px;border:1px solid rgba(247,242,234,.16);border-radius:8px;background:#202630}.icon-grid button.active{border-color:#f7b267;background:#f7b26729}.icon-grid img{max-width:42px;max-height:50px;object-fit:contain}.form-field{display:grid;gap:7px;margin-top:14px}.form-field>span{color:#f7b267;font-weight:700}.form-field input{min-height:42px;padding:0 12px}.form-ingredients{display:grid;gap:8px}.ingredient-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) 40px;gap:8px}.form-error{margin:12px 0 0;color:#e76f51}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.close{position:absolute;top:12px;right:12px;width:38px;height:38px;font-size:1.4rem}.modal-title-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px;align-items:start}.modal-title-row h2{margin-bottom:8px;color:#f7b267;font-size:1.7rem}.badge{display:inline-block;margin-bottom:0;padding:5px 8px;border-radius:6px;color:#101318;background:#9bd1c7;font-size:.78rem;font-weight:700}.detail-favorite{margin-top:2px}.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 8px}.detail-facts div{min-width:0;padding:10px;border:1px solid rgba(247,242,234,.1);border-radius:8px;background:#202630}.detail-facts dt{margin-bottom:4px;color:#f7b267;font-size:.78rem;font-weight:700}.detail-facts dd{margin:0;color:#f7f2ea;line-height:1.35}.detail-section{margin-top:22px}.detail-section h3{margin-bottom:8px;color:#f7b267;font-size:1rem}.detail-section p{line-height:1.55;white-space:pre-line}.ingredients-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.ingredients-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:baseline;padding-bottom:7px;border-bottom:1px solid rgba(247,242,234,.08)}.ingredients-list li span:last-child{color:#c9c3b8;text-align:right}.attribution{overflow-wrap:anywhere;font-size:.86rem}textarea{width:100%;min-height:110px;padding:12px;line-height:1.45;resize:vertical}.note-actions{display:flex;align-items:center;gap:12px;margin-top:10px}.primary-action{min-height:42px;padding:0 14px;font-weight:700}.note-status{margin:0;color:#9bd1c7;font-size:.9rem}.note-status.pending{color:#c9c3b8}@media(max-width:720px){.app-shell{padding:12px}.app-header{min-height:145px;margin:-12px -12px 14px;padding:20px 12px 24px}.toolbar{grid-template-columns:1fr}.mine-header{align-items:stretch;flex-wrap:wrap}.segmented.compact{order:3;width:100%;margin-left:0}.detail-facts{grid-template-columns:1fr}.ingredients-list li{grid-template-columns:1fr;gap:2px}.ingredients-list li span:last-child{text-align:left}.ingredient-row,.form-top{grid-template-columns:1fr}.note-actions{align-items:stretch;flex-direction:column;gap:8px}}