:root{color-scheme:dark;--bg:#101714;--panel:#171f1b;--panel-hover:#1d2922;--panel-alt:#1e2822;--text:#f2f4ed;--muted:#a4afa7;--line:#2d3931;--accent:#d6e3a6;--accent-text:#182115;--soft:#243326;--berry:#d89faf;--blue:#92bdce;--orange:#e2b078;--sunrise:#e6a28d;--green:#b5ca88;--coffee:#c5ad91;--cream:#ddd3b8;--lemon:#d9d49a;--amber:#c8b582;--recipe-font:20px;--shadow:0 20px 90px #0006}
[data-theme=light]{color-scheme:light;--bg:#f6f6ee;--panel:#fffef8;--panel-hover:#f1f3e7;--panel-alt:#e9eddf;--text:#1b2820;--muted:#5f6c63;--line:#dce1d3;--accent:#476629;--accent-text:#fff;--soft:#e7eedc;--berry:#975063;--blue:#3c768e;--orange:#a36931;--sunrise:#a75535;--green:#5f7739;--coffee:#826342;--cream:#877450;--lemon:#82752f;--amber:#8e6b33;--shadow:0 20px 90px #24341d22}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:174px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.025em;line-height:1.55}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{opacity:.42;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;z-index:100;background:var(--accent);color:var(--accent-text);padding:12px}.skip-link:focus{top:12px}
.sidebar{position:fixed;top:0;bottom:0;left:0;width:248px;padding:36px 22px 18px;background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:15px;padding:0 6px 28px}.brand-mark{border:1px solid var(--accent);width:46px;height:63px;color:var(--accent);font-family:serif;font-size:19px;font-weight:600;text-align:center;line-height:1.15;padding-top:9px}.brand strong{display:block;font-size:23px;letter-spacing:.07em}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:var(--muted);margin-top:4px}.side-caption{color:var(--muted);font-size:10px;letter-spacing:.15em;margin:17px 10px 14px}.side-nav{display:grid;gap:6px;margin-bottom:16px}.side-button{min-height:46px;display:flex;align-items:center;gap:12px;text-align:left;border-radius:10px;padding:9px 12px;font-size:15px;color:var(--muted)}.side-button.active{background:var(--soft);color:var(--accent)}.side-button:hover{background:var(--panel-hover);color:var(--text)}.side-button span{margin-left:auto;font-size:12px}.side-button svg{width:19px;height:19px}.side-index{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.index-link{display:flex;gap:10px;width:100%;padding:8px 10px;color:var(--muted);font-size:13px;text-align:left;align-items:center;border-radius:7px;min-height:38px}.index-link:hover{background:var(--panel);color:var(--text)}.index-dot{width:5px;height:5px;border-radius:50%;background:var(--drink-color);flex-shrink:0}.index-divider{padding:18px 10px 8px;color:var(--accent);font-size:11px;letter-spacing:.05em}.side-footer{margin:18px 6px 0;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.side-footer>span:last-child{margin-left:auto}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.main{margin-left:248px;max-width:1540px;padding:42px clamp(24px,4.5vw,72px) 0}.page-header{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:650;color:var(--muted);display:inline-block}.title-area h1{font-size:42px;font-weight:650;line-height:1.25;letter-spacing:-.05em;margin:9px 0}.title-dot{color:var(--accent);padding-left:3px}.title-area p{color:var(--muted);font-size:15px}.mobile-brand{display:none}.header-controls{display:flex;gap:7px;align-items:center}.icon-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:11px;flex-shrink:0;background:var(--panel)}.icon-button:hover{background:var(--panel-hover)}.text-icon{font-size:20px;font-weight:550}.utility{min-height:44px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:8px 12px;font-size:12px;color:var(--muted)}.utility[aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--accent)}.utility svg{width:19px}.toolbar{position:sticky;top:0;z-index:15;background:var(--bg);padding:14px 0 16px;border-bottom:1px solid var(--line)}.search-box{display:flex;align-items:center;gap:14px;min-height:60px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:0 18px}.search-box:focus-within{border-color:var(--accent)}.search-box>svg{color:var(--accent)}.search-box input{font-size:18px;width:100%;min-width:0;background:transparent;border:none;color:var(--text);outline:none;padding:16px 0;letter-spacing:-.025em}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:var(--muted)}.search-box input::-webkit-search-cancel-button{display:none}.search-hint{font-family:inherit;font-size:12px;color:var(--muted);border:1px solid var(--line);padding:0 7px;border-radius:5px}.search-clear{width:36px;height:36px;border:none;background:transparent}.filter-row{display:flex;justify-content:space-between;gap:10px;margin-top:14px;align-items:center}.filters{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{min-height:43px;padding:8px 14px;border-radius:9px;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap}.filter.active{color:var(--accent);background:var(--soft)}.filter:hover{color:var(--text)}.filter span{font-size:11px;opacity:.7}.filter svg{height:16px;width:16px}.nonalcohol-jump{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:var(--accent);min-height:44px;padding:8px}.nonalcohol-jump svg{height:16px;width:16px}.list-status{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;padding:25px 1px 14px}.recent-section{display:flex;gap:12px;align-items:center;padding-top:22px;overflow-x:auto;white-space:nowrap}.recent-section>span{font-size:11px;color:var(--muted)}#recent-list{display:flex;gap:7px}.recent-chip{border:1px solid var(--line);border-radius:30px;font-size:12px;padding:7px 12px;color:var(--muted);min-height:38px}.recent-chip:hover{color:var(--accent);border-color:var(--accent)}.recipe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recipe-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:15px;transition:background .15s,border-color .15s;overflow:hidden}.recipe-card:hover{background:var(--panel-hover);border-color:var(--drink-color)}.recipe-card:before{content:'';position:absolute;left:0;top:28px;bottom:28px;width:3px;background:var(--drink-color);opacity:.8;border-radius:0 4px 4px 0}.card-open{display:block;width:100%;text-align:left;padding:23px 24px 19px;min-height:182px}.card-topline{display:flex;gap:7px;align-items:center;color:var(--muted);margin-bottom:12px;height:18px}.recipe-number{font-size:10px;font-weight:650;font-family:ui-monospace,monospace;letter-spacing:.05em;color:var(--muted)}.card-method{color:var(--drink-color);font-size:11px;border-left:1px solid var(--line);padding-left:8px;margin-left:4px}.card-glass{font-size:11px}.card-title{font-size:var(--recipe-font);font-weight:650;line-height:1.4;letter-spacing:-.04em;padding-right:3px;margin-bottom:4px;overflow-wrap:anywhere}.card-en{font-size:11px;color:var(--muted);letter-spacing:.02em}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.card-brief{font-size:12px;color:var(--muted);line-height:1.6}.card-bottom svg{width:19px;height:19px;color:var(--drink-color)}.card-star{position:absolute;right:13px;top:10px;width:44px;height:44px;border-radius:10px;display:grid;place-items:center;color:var(--muted)}.card-star:hover{background:var(--panel-alt)}.card-star svg{width:18px;height:18px}.card-star[aria-pressed=true]{color:var(--accent)}.card-star[aria-pressed=true] svg,#detail-favorite[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.nonalcohol-section{margin-top:44px;scroll-margin-top:174px}.section-divider{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--line)}.section-divider h2{font-size:25px;font-weight:600;letter-spacing:-.035em}.section-divider h2 span{color:var(--accent);font-size:13px;letter-spacing:.04em;margin-right:8px}.section-divider p{font-size:12px;color:var(--muted)}.nonalcohol-pill{background:var(--soft);border-radius:20px;padding:5px 11px;color:var(--accent);font-size:11px;white-space:nowrap}.empty-state{text-align:center;padding:72px 20px}.empty-state>svg{color:var(--muted);height:32px;width:32px;margin-bottom:15px}.empty-state h2{font-size:23px;margin-bottom:8px}.empty-state p{color:var(--muted);font-size:14px}.solid-button{padding:11px 20px;background:var(--accent);color:var(--accent-text);border-radius:9px;min-height:44px;margin-top:22px}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:30px 0 28px;border-top:1px solid var(--line);margin-top:52px}.page-footer>span{font-family:serif;font-size:18px;letter-spacing:.12em;color:var(--muted)}.page-footer p{font-size:11px;color:var(--muted);margin-right:auto}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;color:var(--accent);font-size:12px;padding:6px 0}.text-button svg{width:16px;height:16px}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:0;margin:auto}dialog::backdrop{background:#050b08b8;backdrop-filter:blur(5px)}.recipe-dialog{width:min(920px,calc(100vw - 40px));max-height:calc(100dvh - 60px);overflow-y:auto;overscroll-behavior:contain}.dialog-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;background:var(--panel);border-bottom:1px solid var(--line);padding:16px 26px}.dialog-top>div{display:flex;gap:8px}.dialog-top .icon-button{background:var(--panel-alt)}.detail-content{padding:26px 32px 30px}.detail-heading{padding-bottom:26px}.detail-heading>.recipe-number{color:var(--drink-color)}.detail-heading h2{font-size:clamp(27px,3.5vw,35px);font-weight:650;line-height:1.35;letter-spacing:-.045em;margin:8px 0}.detail-heading>p{color:var(--muted);font-size:13px;letter-spacing:.015em}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.detail-tag{font-size:13px;min-height:31px;padding:4px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.detail-tag:first-child{background:var(--soft);border-color:transparent;color:var(--accent)}.detail-columns{display:grid;grid-template-columns:1fr 1.1fr;gap:38px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;min-height:42px}.section-heading h3{font-size:16px;font-weight:600;color:var(--accent)}.quantity-control{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted)}.quantity-control select{border:1px solid var(--line);color:var(--text);border-radius:7px;background:var(--panel-alt);padding:7px 9px;min-height:40px;font-size:14px}.quantity-note{font-size:11px;color:var(--muted);margin-bottom:7px}.ingredient-list{margin:0;padding:0}.ingredient-row{display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:var(--recipe-font);line-height:1.45}.ingredient-row dt{flex:1;overflow-wrap:anywhere}.ingredient-row dd{margin:0;flex-shrink:0;white-space:nowrap;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--drink-color)}.ingredient-row dd small{font-size:.65em;font-weight:450;letter-spacing:0;margin-left:3px;color:var(--muted)}.ingredient-row dd.fill-amount{font-size:.78em;white-space:normal;text-align:right;max-width:46%;color:var(--muted)}.fill-explainer{margin-top:20px;padding:12px 14px;background:var(--panel-alt);border-radius:9px;color:var(--muted);font-size:12px;line-height:1.8}.fill-explainer strong{color:var(--text);font-size:13px;font-weight:550}.fill-explainer p{margin-top:4px}.sour-explainer{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px}.step-list{counter-reset:step;list-style:none;margin:11px 0 0;padding:0}.step-list li{counter-increment:step;display:flex;align-items:flex-start;gap:13px;padding:11px 0;font-size:var(--recipe-font);line-height:1.65;letter-spacing:-.03em}.step-list li:before{content:counter(step);display:inline-grid;place-items:center;width:26px;height:26px;flex-shrink:0;background:var(--panel-alt);color:var(--accent);border-radius:8px;font-size:12px;font-weight:600;margin-top:4px}.one-glass-label{font-size:11px;color:var(--muted)}.timer-button{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--accent);border:1px solid var(--line);border-radius:9px;padding:10px 16px;min-height:44px;font-size:14px;margin-top:17px;width:100%}.timer-button:hover{background:var(--soft)}.timer-button svg{height:18px;width:18px}.timer-status{font-size:14px;text-align:center;color:var(--accent);margin-top:8px;min-height:0}.recipe-note{display:flex;align-items:flex-start;gap:11px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;color:var(--muted);font-size:13px;line-height:1.8}.recipe-note svg{margin-top:2px;width:18px;height:18px}.small-dialog{width:min(410px,calc(100vw - 30px));padding:23px}.small-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.small-dialog-heading h2{font-size:21px;font-weight:600;line-height:1.4}.small-dialog-copy{color:var(--muted);font-size:14px;margin-top:17px;line-height:1.8}.font-control{display:flex;gap:30px;align-items:center;justify-content:center;margin:24px 0}.font-control strong{font-size:27px;font-variant-numeric:tabular-nums}.font-preview{display:flex;justify-content:space-between;padding:15px 18px;background:var(--panel-alt);border-radius:10px;font-size:var(--recipe-font)}.font-preview strong{color:var(--accent)}.settings-caption{color:var(--muted);font-size:11px;text-align:center;margin-top:15px;line-height:1.8}.small-dialog>.text-button{display:flex;margin:12px auto 0}.review-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;padding:28px}.review-dialog>.small-dialog-heading{position:sticky;top:-28px;background:var(--panel);z-index:1;padding:13px 0}.review-intro{padding-top:18px}.review-intro>p{font-size:15px;line-height:1.9;margin-top:10px;color:var(--muted)}.review-basics{margin:20px 0;background:var(--panel-alt);padding:14px 17px;border-radius:10px;font-size:13px;line-height:2;color:var(--muted)}.review-basics strong{display:inline-block;min-width:94px;color:var(--text);font-weight:550}.review-change{border-top:1px solid var(--line);padding:18px 0}.review-change h3{font-size:16px;font-weight:600;margin-bottom:7px}.review-change p{font-size:14px;line-height:1.9;color:var(--muted)}.source-links{border-top:1px solid var(--line);padding-top:20px;margin-top:5px}.source-links h3{font-size:16px;font-weight:600}.source-links p{font-size:13px;color:var(--muted);line-height:1.8;margin:10px 0}.source-links a{display:block;color:var(--accent);font-size:13px;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.toast{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);background:var(--accent);color:var(--accent-text);padding:12px 20px;max-width:calc(100% - 32px);width:max-content;border-radius:12px;font-size:14px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1540px){.main{margin-left:248px;max-width:1432px}.recipe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:212px;padding-left:15px;padding-right:15px}.main{margin-left:212px;padding-left:26px;padding-right:26px}.card-open{padding-left:19px;padding-right:19px}.card-brief{font-size:11px}.utility span{display:none}.utility{padding:8px 12px}}
@media(max-width:780px){html{scroll-padding-top:155px}.sidebar{display:none}.main{margin:0;padding:22px 20px 0;max-width:none}.page-header{gap:10px;align-items:flex-end;margin-bottom:17px;flex-wrap:wrap}.mobile-brand{display:block;font-family:serif;font-size:19px;letter-spacing:.12em;width:100%;color:var(--accent);margin-bottom:13px}.mobile-brand span{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:11px;letter-spacing:.06em;color:var(--muted);padding-left:12px}.eyebrow{font-size:9px;letter-spacing:.1em}.title-area>.eyebrow{display:none}.title-area h1{font-size:32px;margin:0 0 4px}.title-area p{font-size:12px}.header-controls{gap:5px;padding-bottom:1px}.icon-button{width:42px;height:42px}.utility{min-height:42px;padding:8px 10px}.toolbar{padding-top:12px;padding-bottom:11px}.search-box{gap:10px;min-height:56px;padding:0 14px;border-radius:11px}.search-box input{font-size:16px;padding:15px 0}.search-hint{display:none}.filter-row{margin-top:9px;gap:5px;align-items:center}.filters{gap:1px;flex:1}.filter{min-height:44px;font-size:12px;padding:8px 9px}.filter svg{height:14px;width:14px}.nonalcohol-jump{font-size:11px;padding-left:6px;padding-right:3px;gap:3px}.nonalcohol-jump svg{height:14px;width:14px}.list-status{padding-top:22px;padding-bottom:12px;font-size:12px}.recipe-grid{gap:11px}.card-open{min-height:170px;padding:19px 17px 16px}.card-topline{gap:5px;margin-bottom:10px}.card-method{font-size:10px;padding-left:6px;margin-left:2px}.card-glass{font-size:10px}.card-en{font-size:10px}.card-title{font-size:var(--recipe-font)}.card-star{right:3px;top:3px;width:36px;height:36px}.card-star svg{width:16px;height:16px}.card-brief{font-size:11px}.card-bottom{gap:8px;margin-top:15px}.card-bottom svg{width:15px;height:15px}.recipe-card:before{top:24px;bottom:24px;width:2px}.nonalcohol-section{margin-top:34px;scroll-margin-top:150px}.section-divider{padding-bottom:13px;margin-bottom:13px}.section-divider h2{font-size:23px}.section-divider h2 span{font-size:11px}.page-footer{margin-top:35px;padding:23px 0 calc(23px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px 15px}.page-footer p{font-size:10px}.page-footer .text-button{font-size:11px;width:100%;justify-content:flex-start}.recipe-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:15px}.dialog-top{padding:12px 16px}.detail-content{padding:22px 22px 25px}.detail-heading{padding-bottom:23px}.detail-heading h2{font-size:28px}.detail-columns{grid-template-columns:1fr;gap:26px}.ingredient-row{padding:12px 0}.step-list li{padding:10px 0}.one-glass-label{font-size:11px}.recipe-note{font-size:13px}.review-dialog{padding:20px}.review-dialog>.small-dialog-heading{top:-20px}.review-dialog .small-dialog-heading h2{font-size:19px}.review-intro>p{font-size:14px}.review-basics{padding:12px}.review-basics strong{min-width:85px}.recent-section{padding-top:18px}.toast{font-size:13px}}
@media(max-width:480px){.recipe-grid{grid-template-columns:1fr}.card-open{min-height:144px;padding:18px 20px 16px}.card-topline{margin-bottom:8px}.card-star{width:44px;height:44px;right:7px;top:5px}.card-star svg{height:18px;width:18px}.card-en{font-size:11px}.card-bottom{margin-top:12px}.card-brief{font-size:12px}.card-method,.card-glass{font-size:11px}.card-title{padding-right:13px}.section-divider p{font-size:11px}.nonalcohol-pill{font-size:10px;padding:5px 8px}}
@media(max-width:355px){.main{padding-left:14px;padding-right:14px}.header-controls{gap:3px}.icon-button{width:38px;height:42px}.utility{padding:8px}.filter{padding:8px 7px;font-size:11px}.filter>span{display:none}.nonalcohol-jump{font-size:10px}.detail-content{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}
@media print{body{background:#fff;color:#000}.sidebar,.toolbar,.header-controls,.page-footer,.recent-section,.dialog-top,.quantity-control,.timer-button,.timer-status,.toast{display:none!important}.main{margin:0;padding:0}.recipe-card{border:1px solid #ddd;background:#fff;break-inside:avoid}.recipe-grid{grid-template-columns:repeat(2,1fr)}dialog[open]{position:static;width:100%;max-height:none;box-shadow:none;border:0;background:#fff;color:#000}body:has(dialog[open]) .main{display:none}.detail-columns{grid-template-columns:1fr 1fr}.ingredient-row dd{color:#000}}

/* 풍월관 메뉴판과 연결 */
.side-menu-return{display:flex;align-items:center;gap:9px;min-height:44px;margin:0 8px 8px;color:var(--accent);font-size:12px;padding:7px 3px;border-bottom:1px solid var(--line)}.side-menu-return svg{width:17px;height:17px;transform:rotate(180deg)}.mobile-menu-return{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;font-size:11px;letter-spacing:0;min-height:44px;display:inline-flex;align-items:center;padding:7px 0 7px 10px;margin-left:auto;color:var(--muted)}.mobile-menu-return:hover{color:var(--accent)}
@media(max-width:780px){.mobile-brand{display:flex;align-items:center;gap:0;margin-bottom:5px}}
.volume-unit-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 8px;padding-top:2px;color:var(--muted);font-size:12px}.unit-switch{display:flex;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px}.unit-switch button{min-width:48px;min-height:40px;border-radius:7px;font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0}.unit-switch button.active{background:var(--accent);color:var(--accent-text)}.unit-switch button:hover{box-shadow:inset 0 0 0 1px var(--accent)}.detail-unit-button{width:auto;min-width:65px;font-size:13px;padding:5px 10px;letter-spacing:0}.cup-explainer{font-size:12px!important;color:var(--muted);line-height:1.8;margin-top:12px}.card-topline{height:auto;min-height:18px;flex-wrap:wrap;padding-right:32px;row-gap:4px}.card-brief{overflow-wrap:anywhere}
@media(max-width:780px){.volume-unit-row{font-size:11px;margin-bottom:2px}.unit-switch button{min-height:40px;min-width:46px}.detail-unit-button{min-width:58px}.dialog-top{gap:8px}.dialog-top .eyebrow{font-size:8px}.recipe-dialog{max-height:calc(100dvh - 32px);width:calc(100vw - 28px)}}


@media print{.suite-return{display:none!important}}