/* Responsive layout: tablet rail, mobile dock and safe areas. */
@media(min-width:1500px){.recipe-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shell{padding-inline:60px}.hero-head{margin-bottom:40px}}
@media(max-width:1190px){:root{--sidebar:210px}.shell{padding-inline:30px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomnav{padding-inline:14px}.nav-brand{margin-left:2px}.nav-brand strong{font-size:21px}.detail-hero{gap:25px}.details-columns{gap:18px}.detail-card{padding:22px}.details-actions .button{padding:10px}.nutricell{padding:18px}.private-label{display:none}}
@media(max-width:900px) and (min-width:761px){:root{--sidebar:88px}.bottomnav{align-items:center;padding-inline:10px}.nav-brand{margin:0 0 40px}.nav-brand>div:last-child,.nav-caption,.nav-footer,.bottomnav>button .nav-label{display:none}.bottomnav>button{justify-content:center;width:58px;padding:12px}.nav-brand .brandicon{width:45px;height:45px}.shell{padding-inline:26px}.detail-hero{grid-template-columns:1fr 1fr}.detail-title{font-size:32px}.details-columns,.cook-mode .details-columns{grid-template-columns:1fr}.detail-sub{gap:5px}.detail-hero-photo{aspect-ratio:.85}.sort-control>span:not(.sort-glyph){display:none}}
@media(max-width:760px){
 html{scroll-padding-top:88px}body{min-height:100svh}.shell{margin:0;padding:env(safe-area-inset-top,0px) max(20px,env(safe-area-inset-right,0px)) calc(112px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px))}.mast{height:79px;margin-bottom:24px}.mast .brandicon{display:grid;width:39px;height:39px;border-radius:13px}.mast .brand strong{font:normal 21px var(--display);color:var(--text)}.mast .brand small{display:block;font-size:10px}.mast .private-label{display:none}.mast .install-button{width:42px;height:42px;padding:9px;border-radius:50%;min-height:42px}.mast .install-label{display:none}.mast-actions{gap:8px}.mast .icon-button{width:42px;height:42px}.hero-head{align-items:flex-start;margin-bottom:24px;gap:15px}.hero-head h1{font-size:38px;line-height:1.14;letter-spacing:-1.2px}.hero-head p{font-size:14px;line-height:1.65}.hero-decoration{display:none}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:13px}.desktop-add{display:none}.library-search-row{margin-bottom:17px}.searchbar{height:54px;border-radius:13px;padding:0 13px}.searchbar input{font-size:16px!important}.library-tools{gap:12px}.filter-tabs{gap:7px}.filter-tabs button{font-size:12px;min-height:44px;padding:10px 13px}.sort-control{margin-left:auto;width:44px;height:44px;position:relative;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.sort-glyph{display:grid;place-items:center;pointer-events:none}.sort-control>span:not(.sort-glyph){display:none}.sort-control select{position:absolute;inset:0;opacity:0;width:44px;height:44px;min-height:44px!important;padding:0!important;cursor:pointer}.library-heading{margin-top:19px;margin-bottom:17px;gap:8px}.section-title h2{font-size:15px}.library-heading .button{padding:9px 11px;font-size:12px}.library-summary{font-size:11px;margin-top:10px}.recipe-grid{gap:20px 16px}.card-body{padding:17px}.card-title{font-size:17px}.card-sub{font-size:11px}.card-meta{font-size:11px;padding-top:12px}.recipe-photo{aspect-ratio:1.5}.favorite-toggle{width:44px;height:44px;top:13px;right:13px}.card-open{border-radius:19px}.recipe-card{border-radius:19px}.photo-time{font-size:11px}.bottomnav{inset:auto 0 0;width:auto;height:calc(76px + env(safe-area-inset-bottom,0px));flex-direction:row;align-items:stretch;justify-content:space-around;padding:6px max(14px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));border:0;border-top:1px solid var(--line);gap:5px;background:var(--paper)}.bottomnav>button{flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:58px;padding:7px 4px;gap:4px;font-size:10px;border-radius:13px;text-align:center}.bottomnav>button .icon{width:23px;height:23px}.bottomnav #nav-add{margin:0;background:transparent;color:var(--muted)}.bottomnav #nav-add.active{background:var(--cream);color:var(--forest);box-shadow:none}.bottomnav #nav-add>.icon{background:var(--forest);color:var(--paper);border-radius:8px;padding:3px;width:26px;height:26px}.nav-brand,.nav-caption,.nav-footer{display:none}.backlink{margin-bottom:18px}.intro{font-size:14px}.import-shortcuts{gap:3px;margin:24px 0 18px;padding:4px}.import-shortcuts button{flex-direction:column;gap:6px;padding:10px 4px;font-size:11px;min-height:66px}.import-shortcuts .icon{width:19px;height:19px}.card{padding:23px 20px;border-radius:20px}.import-mode-heading{gap:12px}.import-mode-heading>.icon{width:26px;height:26px;padding:9px;border-radius:12px}.import-mode-heading h3{font-size:16px}.import-mode-heading p{font-size:12px}.link-entry{flex-direction:column;gap:12px}.link-entry .button{width:100%;min-height:49px}.authrow{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.authrow .button{width:100%}.hint,.nutrition-disclaimer{font-size:12px}input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{font-size:16px!important;min-height:49px}.field label{font-size:13px}.formgrid{gap:4px 16px}.formactions{bottom:calc(87px + env(safe-area-inset-bottom,0px));padding:10px;margin:25px -9px -9px;border-radius:14px}.formactions:before{display:none}.formactions #save-btn{flex:1;min-width:0}.formactions .button{font-size:12px;padding:12px}.nutrition-head{padding-top:22px;gap:10px}.nutrition-head h3{font-size:16px}.nutrition-head p{font-size:12px}.macros-form{grid-template-columns:1fr 1fr;gap:4px 16px}.estimation-tools .button,.paste-actions .button{width:100%;font-size:12px}.image-tools{padding:16px;margin:25px -4px}.image-editor-layout{grid-template-columns:1fr;gap:18px}.image-inline-preview{aspect-ratio:1.8;max-height:220px}.image-photo-actions .button{flex:1}.image-secondary-actions .button{flex:1}.image-tools-heading h3{font-size:15px}.image-source-badge{font-size:10px}.preview-grid,.preview-columns{grid-template-columns:1fr}.preview-photo{aspect-ratio:1.6}.preview-actions .button{flex:1;font-size:12px;padding-inline:10px}.detail-hero{display:flex;flex-direction:column;align-items:stretch;gap:23px;margin-bottom:24px}.detail-hero>div:last-child{order:-1}.detail-hero-photo{aspect-ratio:1.5;border-radius:21px}.detail-title{font-size:34px;line-height:1.16;letter-spacing:-1px}.detail-sub{font-size:12px}.details-actions{gap:8px;margin-top:19px}.details-actions .button{flex:1;min-width:0;font-size:12px}.details-actions #detail-delete{flex:0 1 auto}.detail-hero .image-credit{font-size:10px;max-height:48px;overflow:auto}.recipe-image-note{margin-bottom:0}.recipe-jumps{top:8px;margin:20px 0;padding:5px;gap:2px;border-radius:13px}.recipe-jumps button{flex:1;padding:10px 8px;font-size:12px;min-height:44px}.recipe-jumps .cook-toggle{flex:0 0 46px;padding:10px}.cook-toggle .cook-label{display:none}.details-columns,.cook-mode .details-columns{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.detail-card{padding:23px 20px;border-radius:20px}.detail-card h2{font-size:28px;margin-bottom:14px}.ingredient-item,.step-item{font-size:16px;line-height:1.7;min-height:60px;padding:16px 0;gap:12px}.step-item{gap:9px}.step-item .step-number{font-size:21px;min-width:3ch;flex-basis:auto}.ingredient-section-title{font-size:11px}.ingredient-progress{font-size:11px}.reset-checks{font-size:11px}.nutrigrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nutricell{padding:21px 18px}.nutricell strong{font-size:31px}.nutricell span{font-size:12px}.nutri-origin{font-size:10px}.bulk-toolbar{top:8px;gap:6px;padding:12px}.bulk-toolbar>span{flex-basis:100%;margin-bottom:3px}.bulk-toolbar .button{flex:1;font-size:11px;padding:9px 5px}.toast-stack{inset:auto 16px calc(88px + env(safe-area-inset-bottom,0px));max-width:none}.toast{font-size:13px;padding:13px}.keyboard-open .toast-stack{bottom:16px}.library-error{align-items:flex-start;flex-direction:column;gap:14px}.library-error .button{width:100%}.cooking-toolbar{padding:14px;flex-wrap:wrap;gap:10px}.cooking-toolbar .button{font-size:11px;padding:10px;min-height:44px}.cooking-toolbar .awake-toggle{margin-left:0}.cook-mode .ingredient-item,.cook-mode .step-item{font-size:18px;line-height:1.75}.cook-mode .recipe-jumps .cook-toggle{flex:1}.cook-mode .cook-label{display:inline}.cook-mode .mast{height:68px}.cook-mode .detail-card{padding:22px 18px}.cook-mode .recipe-jumps{top:6px}.offline-banner{align-items:flex-start}
}
@media(max-width:519px){.recipe-grid{grid-template-columns:1fr}.recipe-photo{aspect-ratio:1.65}.card-title{-webkit-line-clamp:2;font-size:19px}.card-body{padding:19px 20px}.card-sub{font-size:12px}.card-meta{font-size:12px}.formgrid{grid-template-columns:1fr}.field.wide{grid-column:auto}.sort-control{width:44px}.library-tools{gap:6px}.filter-tabs{width:100%}.filter-tabs button{flex:1;justify-content:center}.library-summary{margin-top:3px}.section-title{gap:8px}.hero-head h1{font-size:37px}}
@media(max-width:359px){.shell{padding-inline:14px}.brand{gap:9px}.mast .brand strong{font-size:19px}.mast .brandicon{width:34px;height:34px}.hero-head h1{font-size:32px}.filter-tabs button{font-size:11px;padding-inline:8px}.card{padding:20px 16px}.details-actions{flex-wrap:wrap}.detail-title{font-size:30px}.app-dialog{padding:23px}}
@media(max-width:760px) and (orientation:landscape){.bottomnav{height:calc(61px + env(safe-area-inset-bottom,0px))}.bottomnav>button{flex-direction:row;min-height:46px;gap:9px}.detail-hero-photo{max-height:270px}.formactions{bottom:calc(70px + env(safe-area-inset-bottom,0px))}}
@media print{.mast,.bottomnav,.backlink,.details-actions,.recipe-jumps,.toast-stack,.detail-favorite,.cooking-toolbar,.reset-checks{display:none!important}.shell{margin:0;padding:0}.page:not(.visible){display:none}.detail-hero-photo{max-height:180px}.details-columns{display:block}.detail-card{break-inside:avoid;border:0;padding:12px 0}.nutrigrid{grid-template-columns:repeat(4,1fr)}:root{--bg:white;--paper:white;--text:black;--muted:#444;--forest:#234d3c}}