:root{color-scheme:light;--bg:#F8F4EE;--surface:#fff;--ink:#30242A;--muted:#746469;--line:#E7D8C8;--accent:#742E43;--accent-dark:#632439;--soft-accent:#F5E8EB;--forest:#742E43;--sand:#E4CDAF;--shadow:0 18px 48px rgba(66,32,45,.065);--radius:18px;--max:1260px;font-family:Lato,'Helvetica Neue',Arial,sans-serif}html[data-theme=dark]{color-scheme:dark;--bg:#181619;--surface:#272126;--ink:#FAF2EB;--muted:#BDAEB0;--line:#4C3B3C;--accent:#E9B7C6;--accent-dark:#F2C3D0;--soft-accent:#482C3A;--forest:#281D27;--sand:#A0805E;--shadow:0 16px 48px rgba(0,0,0,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;line-height:1.13}h1{font-weight:900;font-size:clamp(36px,4.2vw,60px);margin:12px 0 17px}h1 em,h2 em{font-style:normal;color:var(--accent)}h2{font-size:27px;margin:9px 0 12px;font-weight:900}h3{margin:8px 0;font-weight:900}.shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100dvh}.desktop-sidebar{background:var(--surface);border-right:1px solid var(--line);padding:35px 20px 30px 25px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:19px;letter-spacing:-.04em;line-height:1.02;font-weight:400}.brand b{font-weight:900}.brand-symbol{width:39px;height:39px;border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:21px;flex:0 0 auto}.sidebar-eyebrow{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--muted);margin-top:53px;margin-bottom:18px}.sidebar-nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:14px;color:var(--muted);padding:12px 15px;border-radius:11px;font-weight:700;font-size:14px;transition:background .2s,color .2s}.nav-link>span{width:20px;text-align:center;font-size:23px;font-weight:300;line-height:1}.nav-link:hover{background:var(--bg);color:var(--ink)}.nav-link.active{background:var(--soft-accent);color:var(--accent-dark)}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:23px}.sidebar-profile{display:flex;gap:10px;align-items:center;margin-bottom:12px}.avatar{width:38px;height:38px;display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;background:var(--soft-accent);color:var(--accent);border-radius:50%;font-size:15px;font-weight:900}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:13px}.sidebar-profile small{font-size:12px;color:var(--muted)}.tiny-link,.text-button{font-size:12px;color:var(--muted);background:transparent;border:0;padding:6px 0;cursor:pointer}.tiny-link:hover,.text-button:hover{color:var(--accent)}.main-column{min-width:0}.top-actions{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;height:85px;padding:0 50px}.top-actions-caption{letter-spacing:.13em;color:var(--muted);font-size:10px;font-weight:900}.theme-toggle{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:100px;color:var(--ink);padding:9px 15px;font-size:12px;font-weight:700}.theme-toggle>span:first-child{font-size:19px}.main-content{max-width:var(--max);margin:auto;padding:3px 50px 90px}.page-footer{max-width:var(--max);margin:auto;padding:0 50px 32px;font-size:11px;color:var(--muted)}.mobile-header,.bottom-nav{display:none}.eyebrow,.section-kicker{font-size:10px;font-weight:900;color:var(--accent);letter-spacing:.16em}.eyebrow.light{color:#d7ae9b}.intro{font-size:16px;color:var(--muted);max-width:600px;line-height:1.7}.muted,.subtle{color:var(--muted)}.subtle{font-size:13px}.discover-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-top:22px;margin-bottom:37px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;white-space:nowrap;border:1px solid var(--forest);border-radius:11px;background:var(--forest);color:#fff;padding:12px 19px;font-size:13px;font-weight:900;min-height:44px;transition:transform .15s,opacity .15s}.button:hover{transform:translateY(-1px);opacity:.92}.button.secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.button.small{min-height:38px;padding:8px 13px}.button.wide{width:100%;justify-content:space-between}.feature-banner{min-height:253px;background:#492239;display:flex;position:relative;overflow:hidden;border-radius:20px;color:#fff;padding:35px 43px;margin-bottom:49px}.feature-banner>div:first-child{position:relative;z-index:2;max-width:420px}.feature-banner h2{font-size:34px;margin:10px 0}.feature-banner p{max-width:325px;color:#F3DDCF;font-size:14px}.banner-link{font-size:13px;font-weight:900;display:inline-flex;gap:30px;align-items:center;border-bottom:1px solid #E0C29A;padding:6px 0}.banner-art{position:absolute;right:8%;top:0;width:35%;height:100%;transform:rotate(-8deg)}.banner-shadow{position:absolute;left:7%;top:35%;width:88%;height:90%;background:#845068;border-radius:50%}.banner-cup{position:absolute;left:33%;top:8%;width:42%;height:78%;clip-path:polygon(2% 0,98% 0,73% 100%,28% 100%);background:linear-gradient(115deg,#FFF4E8A1,#FFF4E818 31%,#fff9);border-top:8px solid #EBD5BC}.banner-liquid{position:absolute;inset:28% 7% 5%;background:linear-gradient(45deg,#d77d53,#f4ae68);clip-path:polygon(0 0,100% 0,81% 100%,19% 100%);opacity:.9}.banner-straw{position:absolute;width:7px;height:155px;background:#d5caaa;top:-30%;left:62%;transform:rotate(17deg)}.banner-slice{position:absolute;background:#efbb7e;top:36%;left:27%;width:78px;height:78px;border:9px solid #db8b51;border-radius:50%;transform:rotate(20deg);box-shadow:inset 0 0 0 2px #fff7}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2,.pantry-results h2{display:flex;align-items:center;gap:10px}.count-badge{font-size:12px;color:var(--muted);border-radius:30px;background:var(--surface);border:1px solid var(--line);padding:5px 9px;letter-spacing:0;vertical-align:middle}.filters{display:grid;grid-template-columns:minmax(210px,1fr) minmax(160px,210px) minmax(135px,175px) auto;gap:10px;margin-bottom:25px}.search-wrap,.filters select,.filter-button,.shelf-search input,.catalog-search input{background:var(--surface);border:1px solid var(--line);min-height:46px;border-radius:10px;color:var(--ink)}.search-wrap{display:flex;align-items:center;padding:0 15px;gap:11px}.search-wrap span{font-size:24px;color:var(--muted)}.search-wrap input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--ink)}.filters select{padding:0 12px}.filter-button{padding:0 19px;font-weight:900;background:var(--soft-accent);color:var(--accent-dark)}.filter-summary{font-size:13px;color:var(--muted)}.filter-summary a{color:var(--accent);margin-left:10px}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.recipe-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card-visual{height:212px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F1E0CB,#D7B39A)}.visual-built{background:linear-gradient(130deg,#e3d7c6,#c1a795)}.visual-stirred{background:linear-gradient(135deg,#d5c4aa,#D1B4A0)}.visual-shaken{background:linear-gradient(135deg,#d6ccb6,#c2ba86)}.visual-blended{background:linear-gradient(135deg,#d0cadd,#a2a1c4)}.visual-other,.visual-layered{background:linear-gradient(135deg,#b2cbd5,#9ca9c0)}.card-visual img,.recipe-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.card-decoration{position:absolute;border:1px solid #ffffff75;border-radius:50%;height:250px;width:250px;top:-136px;right:-70px}.card-decoration-two{width:150px;height:150px;left:-60px;right:auto;top:120px}.card-method{position:absolute;top:15px;left:15px;border-radius:20px;padding:4px 11px;background:#fffdebdc;color:#503A26;font-size:10px;font-weight:900;letter-spacing:.04em;z-index:1}.glass-illustration{position:relative;display:flex;justify-content:center;width:136px;height:158px;transform:rotate(-6deg);filter:drop-shadow(12px 14px 15px #594f4a45)}.glass-rim{position:absolute;top:11px;width:125px;height:10px;border-radius:50%;border:4px solid #fff9;z-index:3;background:#ffffff55}.glass-beverage{width:120px;height:119px;position:absolute;top:13px;clip-path:polygon(0 0,100% 0,78% 97%,24% 97%);border-radius:7px 7px 20px 20px;background:linear-gradient(105deg,#fffb 0%,#be664c 17%,#e89459 61%,#f8d08da5 100%);box-shadow:inset 15px 0 13px #fff5}.glass-stem{position:absolute;bottom:1px;width:17px;height:34px;background:linear-gradient(90deg,#fffc,#ffffff75);border-radius:0 0 8px 8px}.card-content{padding:18px 18px 16px}.card-caption{color:var(--accent);font-size:9px;letter-spacing:.1em;font-weight:900}.card-caption span{color:var(--muted);margin:0 4px}.card-content h3{font-size:20px;letter-spacing:-.025em;min-height:48px;line-height:1.17;margin:8px 0 13px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.card-foot>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg);border:1px solid var(--line);border-radius:50%;font-size:16px;color:var(--ink);flex:0 0 auto}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;background:var(--surface);border-radius:16px;border:1px dashed var(--line)}.empty-emoji{font-size:55px;color:var(--accent)}.page-heading{margin:20px 0 36px}.page-heading h1{max-width:760px}.back-link{display:inline-block;color:var(--muted);font-size:13px;font-weight:700;margin:24px 0}.back-link:hover{color:var(--accent)}.detail-hero{border-radius:18px;display:grid;grid-template-columns:1.05fr .95fr;min-height:333px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.detail-copy{padding:55px 46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.detail-copy h1{font-size:clamp(35px,4.5vw,60px);margin-top:13px}.detail-copy>p{max-width:530px;font-size:14px;color:var(--muted)}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.detail-tags>span{font-size:11px;font-weight:700;border-radius:30px;border:1px solid var(--line);padding:7px 10px}.detail-art{position:relative;display:grid;place-items:center;overflow:hidden}.detail-art:before{content:'';position:absolute;border:1px solid #fff6;width:350px;height:350px;border-radius:50%;top:-100px;right:-30px}.detail-illustration .glass-illustration{transform:rotate(-6deg) scale(1.7)}.detail-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:20px 0 37px}.danger{color:#cb4e4e}.upload-form{display:flex;align-items:center;gap:10px}.upload-label{font-size:12px;color:var(--muted);cursor:pointer}.upload-label input{width:160px;max-width:40vw;font-size:11px}.detail-columns{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:50px}.detail-ingredients,.detail-method{min-width:0}.detail-ingredients h2,.detail-method h2{margin-top:11px;font-size:30px}.ingredient-list{margin-top:31px;border-top:1px solid var(--line)}.ingredient-line{display:flex;align-items:center;gap:13px;min-height:62px;border-bottom:1px solid var(--line);cursor:pointer}.ingredient-line input{appearance:none;width:20px;height:20px;border:1px solid #BEAA98;border-radius:6px;flex:0 0 auto;background:var(--surface);position:relative;cursor:pointer}.ingredient-line input:checked{background:var(--forest);border-color:var(--forest)}.ingredient-line input:checked:after{content:'✓';color:#fff;position:absolute;inset:0;text-align:center;line-height:18px}.ingredient-line input:checked+.ingredient-text{text-decoration:line-through;opacity:.55}.ingredient-text{flex:1;line-height:1.2}.ingredient-text small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.ingredient-line strong{white-space:nowrap;font-weight:900}.availability-note{margin-top:24px;background:var(--soft-accent);padding:15px;border-radius:10px;color:var(--ink);font-size:13px}.availability-note a{color:var(--accent);font-weight:900}.steps{list-style:none;margin:29px 0 0;padding:0}.steps li{display:flex;align-items:flex-start;gap:24px;border-bottom:1px solid var(--line);padding:0 0 22px;margin-bottom:21px}.steps li:last-child{border:0}.steps p{font-size:15px;line-height:1.7;margin:0;flex:1}.step-num{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--soft-accent);color:var(--accent);font-size:12px;font-weight:900}.source-note{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:21px;margin-top:20px}.source-note strong{font-size:13px}.source-note p{color:var(--muted);font-size:13px;margin:8px 0}.source-note a{font-size:13px;color:var(--accent);font-weight:900}.attribution{margin-top:22px}.editor-heading{margin-top:5px}.editor-form{display:grid;gap:23px;max-width:920px}.editor-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px}.panel-heading{margin-bottom:23px}.panel-heading h2{margin-top:11px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field-grid .full{grid-column:1/-1}.field,.form-stack label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:900}.field small,.form-stack small{font-size:11px;color:var(--muted);font-weight:400}.field input,.field select,.field textarea,.form-stack input,.form-stack select,.form-stack textarea,.catalog-search input,.shelf-search input{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:12px 13px;outline:none;min-height:45px}.field input:focus,.field textarea:focus,.field select:focus,.form-stack input:focus,.form-stack select:focus{border-color:var(--accent)}textarea{resize:vertical;line-height:1.5}.ingredient-rows,.step-rows{display:grid;gap:12px}.ingredient-editor-row{background:var(--bg);padding:15px;border-radius:12px;border:1px solid var(--line)}.ingredient-row-top{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(110px,.7fr) 28px;gap:12px;align-items:end}.ingredient-row-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(110px,.7fr) auto auto;gap:12px;align-items:center;margin-top:13px}.ingredient-entry-categories{height:85px;min-height:85px!important;padding:6px 8px!important}.ingredient-entry-categories option{padding:4px}.toggle-checkbox{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700;white-space:nowrap}.toggle-checkbox input{accent-color:var(--accent);width:17px;height:17px}.remove-row{border:0;background:transparent;color:var(--muted);font-size:25px;line-height:1.2;padding:7px 2px}.remove-row:hover{color:var(--accent)}.add-ingredient{margin-top:16px}.inline-hint{font-size:12px;color:var(--muted);margin-top:12px}.existing-ingredient-note{margin:8px 0 0;font-size:11px;color:var(--accent)}.step-editor-row{display:flex;gap:12px;align-items:start}.step-order{display:flex;align-items:center;justify-content:center;flex:0 0 35px;height:40px;font-weight:900;color:var(--accent);background:var(--soft-accent);border-radius:9px}.step-editor-row textarea{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:9px;min-height:55px;padding:12px;resize:vertical}.step-rows+.button{margin-top:17px}.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.editor-error{color:#d64646;font-size:13px;max-width:600px}.form-stack{display:grid;gap:17px}.form-stack .button{margin-top:5px}.pantry-layout{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(0,1.05fr);gap:23px;align-items:start}.pantry-controls,.pantry-results{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:25px}.pantry-results{position:sticky;top:25px}.shelf-header{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:18px}.shelf-header h2{font-size:23px}.shelf-search input,.catalog-search input{margin-bottom:18px}.family{border-top:1px solid var(--line)}.family summary,.catalog-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;cursor:pointer;font-weight:900;font-size:14px}.family summary::-webkit-details-marker,.catalog-item summary::-webkit-details-marker{display:none}.chevron{color:var(--muted);font-size:20px;transition:transform .15s}.family[open] .chevron,.catalog-item[open] .chevron{transform:rotate(180deg)}.family-contents{display:grid;gap:2px;padding-bottom:15px}.shelf-option{display:flex;gap:10px;align-items:center;font-size:13px;padding:8px 5px;cursor:pointer;border-radius:8px}.shelf-option:hover{background:var(--bg)}.shelf-option.sub{padding-left:27px;color:var(--muted)}.shelf-option.deep{padding-left:37px}.shelf-option input,.catalog-options input{accent-color:var(--accent);width:17px;height:17px}.save-bottom{margin-top:22px}.pantry-results-heading{margin-bottom:19px}.pantry-match{border-top:1px solid var(--line);display:flex;gap:13px;align-items:center;padding:17px 0;transition:transform .15s}.pantry-match:hover{transform:translateX(3px)}.match-icon{background:var(--bg);color:var(--muted);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;font-size:17px}.match-icon.ready{background:#F2E3CC;color:#805F37}.match-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.match-body strong{font-size:14px}.match-body small{color:var(--muted);font-size:11px;line-height:1.4}.match-count{color:var(--muted);font-size:12px;font-weight:900;white-space:nowrap}.ingredients-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:22px;align-items:start}.catalog-item{border-bottom:1px solid var(--line)}.catalog-item summary{font-weight:400}.catalog-item summary strong,.catalog-item summary small{display:block}.catalog-item summary strong{font-size:14px}.catalog-item summary small{font-size:11px;color:var(--muted);margin-top:5px}.catalog-edit{background:var(--bg);border-radius:10px;padding:15px;margin-bottom:13px}.catalog-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:225px;overflow:auto;margin:15px 0}.catalog-options label{font-size:11px;display:flex;align-items:center;gap:7px}.category-panel{position:sticky;top:20px}.admin-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.invitation-history{margin-top:28px;border-top:1px solid var(--line);padding-top:14px}.invite-list-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 0;border-top:1px solid var(--line)}.invite-list-row strong,.invite-list-row small{display:block}.invite-list-row strong{font-size:12px;overflow-wrap:anywhere}.invite-list-row small{font-size:11px;color:var(--muted)}.member-list{margin-top:23px}.member-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:14px 0}.member-label{flex:1;min-width:0}.member-label strong,.member-label small{display:block}.member-label small{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.member-role,.member-status{font-size:11px;color:var(--muted);text-transform:capitalize}.narrow-card{max-width:600px}.signout-form{margin-top:25px}.auth-root{min-height:100dvh}.auth-layout{min-height:100dvh;display:grid;grid-template-columns:1.05fr .95fr}.auth-art{background:#492239;color:white;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:45px max(45px,8vw)}.auth-brand{display:flex;align-items:center;gap:13px;font-size:22px;line-height:1.05}.auth-brand>b,.auth-brand b{font-weight:900}.auth-brand>span{font-size:21px}.auth-art-content{position:relative;margin:auto 0;z-index:2}.auth-art h1{font-size:clamp(58px,7.3vw,116px);letter-spacing:-.075em;line-height:.94;color:#faf2e7;margin:20px 0 25px}.auth-art h1 em{color:#d4a588}.auth-art-content p{max-width:335px;color:#DEC8B6;font-size:15px}.auth-credits{font-size:10px;color:#D6B998;letter-spacing:.13em;font-weight:900}.auth-drawing{position:absolute;width:50%;height:65%;right:0;top:30%;opacity:.33;pointer-events:none}.draw-glass{position:absolute;width:220px;height:240px;border:8px solid #fff;border-top:0;transform:rotate(19deg);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%);border-radius:20px}.draw-circle{position:absolute;width:180px;height:180px;border:7px solid #d3ad86;border-radius:50%;left:130px;top:-60px}.auth-panel{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:45px 36px}.auth-panel-inner{width:min(100%,410px)}.auth-panel h2{font-size:clamp(36px,4vw,54px);margin:15px 0}.auth-panel .muted{margin-bottom:35px;font-size:14px;line-height:1.75}.auth-footnote{font-size:12px;color:var(--muted);margin-top:46px}.auth-mobile-brand{display:none}.flash-stack{position:fixed;z-index:200;top:16px;right:16px;display:grid;gap:8px;max-width:min(420px,90vw)}.flash{padding:12px 17px;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-left:3px solid #C5A174;border-radius:8px;font-size:13px;box-shadow:var(--shadow)}.flash.error{border-left-color:#c65a59}
@media(max-width:1200px){.main-content{padding-left:32px;padding-right:32px}.top-actions,.page-footer{padding-left:32px;padding-right:32px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-row-bottom{grid-template-columns:1fr 1fr}.admin-two-col{grid-template-columns:1fr}}
@media(max-width:850px){.shell{display:block}.desktop-sidebar,.top-actions,.page-footer{display:none}.mobile-header{display:flex;background:var(--surface);align-items:center;justify-content:space-between;padding:13px 21px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand-mobile{font-size:15px}.brand-mobile .brand-symbol{width:31px;height:31px;font-size:17px}.mobile-header .avatar{width:33px;height:33px}.main-content{padding:25px 22px 112px;max-width:790px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding:9px 7px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 28px #0000000b}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;font-size:10px;font-weight:900;min-height:49px;color:var(--muted)}.bottom-nav a span{font-size:23px;font-weight:300;line-height:1.3}.bottom-nav a.active{color:var(--accent)}.bottom-nav .mobile-add span{background:var(--forest);color:#fff;border-radius:11px;padding:0 13px;font-size:24px}.pantry-results{position:static}.ingredients-layout,.pantry-layout{grid-template-columns:1fr}.category-panel{position:static}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100dvh}.auth-mobile-brand{display:block;font-size:19px;margin-bottom:55px}.detail-columns{gap:30px}.discover-header{margin-top:5px}}
@media(max-width:590px){body{font-size:14px}h1{font-size:38px}.main-content{padding:21px 17px 105px}.discover-header{margin-bottom:25px}.discover-header h1{font-size:39px}.intro{font-size:14px}.new-recipe-desktop{display:none}.feature-banner{min-height:215px;margin-bottom:36px;padding:28px 25px}.feature-banner h2{font-size:27px}.feature-banner p{max-width:235px;font-size:13px}.banner-art{right:-23%;width:55%;opacity:.65}.section-heading h2{font-size:25px}.filters{grid-template-columns:1fr 1fr;gap:8px}.search-wrap{grid-column:1/-1}.filter-button{min-height:44px}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-visual{height:150px}.card-visual .glass-illustration{transform:rotate(-6deg) scale(.75)}.card-method{top:10px;left:9px;font-size:9px;padding:3px 8px}.card-content{padding:13px 12px 12px}.card-caption{font-size:8px}.card-content h3{font-size:16px;min-height:40px;margin:6px 0}.card-foot{font-size:11px}.card-foot .card-arrow{width:24px;height:24px}.detail-hero{grid-template-columns:1fr;display:flex;flex-direction:column-reverse}.detail-copy{padding:30px 24px}.detail-copy h1{font-size:39px}.detail-art{height:225px}.detail-illustration .glass-illustration{transform:rotate(-6deg) scale(1.3)}.detail-tags{margin-top:9px}.detail-columns{grid-template-columns:1fr}.detail-ingredients h2,.detail-method h2{font-size:26px}.detail-toolbar{gap:12px}.editor-panel,.pantry-controls,.pantry-results{padding:20px 17px}.field-grid{grid-template-columns:1fr;gap:15px}.ingredient-row-top{grid-template-columns:1fr 110px 24px;gap:7px}.ingredient-row-bottom{grid-template-columns:1fr 1fr;gap:11px}.ingredient-row-bottom .category-selector{grid-column:1/-1}.editor-footer{display:block}.editor-footer .button{width:100%}.member-row{gap:8px;flex-wrap:wrap}.member-role,.member-status{display:none}.auth-panel{padding:30px 24px}.auth-panel h2{font-size:41px}.auth-mobile-brand{margin-bottom:60px}.catalog-options{grid-template-columns:1fr 1fr}.detail-hero .recipe-photo{height:225px}.feature-banner .banner-link{margin-top:5px}.page-heading{margin-top:3px}.shelf-header h2{font-size:20px}}
@media(max-width:375px){.recipe-grid{grid-template-columns:1fr}.card-visual{height:195px}.card-visual .glass-illustration{transform:rotate(-6deg)}.card-content h3{min-height:0}.filters select{font-size:12px}.ingredient-row-top{grid-template-columns:1fr 1fr}.ingredient-row-top .remove-row{grid-column:2;justify-self:end}.ingredient-row-top .ingredient-name{grid-column:1/-1}}

.mobile-theme-toggle{display:none}.account-admin-link{margin:-10px 0 25px}@media(max-width:850px){.mobile-theme-toggle{display:flex;background:transparent;border:0;color:var(--ink);font-size:23px;margin-left:auto;margin-right:15px;align-items:center;justify-content:center;min-width:35px;min-height:38px}}