/* MyKitchen V9.2 · warm modern design refresh · no external assets */
:root{color-scheme:dark;--mk92-bg:#0d1113;--mk92-surface:#161c1e;--mk92-card:#1b2223;--mk92-border:#323b3b;--mk92-gold:#e8b878;--mk92-gold-light:#f5d49e;--mk92-ink:#f7f3ed;--mk92-muted:#a4abaa;--mk92-green:#9bcbb7;--mk4-gold:#e8b878;--mk4-panel:#171e20;--mk4-bg:#0d1113;--mk4-line:#343e3d;--mk9-bg:#0d1113;--mk9-panel:#171e20;--mk9-line:#35403e;--mk9-cream:#f7f3ed;--mk9-accent:#e8b878;--mk9-muted:#a4abaa}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse 900px 450px at 80% -70px,#3c30231a,transparent 76%),var(--mk92-bg);color:var(--mk92-ink);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.6}button,input,select,textarea{font-family:inherit}button{transition:transform .17s ease,background-color .17s,border-color .17s,box-shadow .17s}button:not(:disabled):active{transform:scale(.975)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #efc788;outline-offset:3px}a{color:var(--mk92-gold-light)}.muted,small{color:var(--mk92-muted)}
header{height:73px;position:sticky;top:0;z-index:40;padding:11px clamp(20px,3vw,52px);background:#101618f2;border-bottom:1px solid #ffffff12;box-shadow:0 8px 35px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}header .brand{font-size:22px;color:#f4e5d3;letter-spacing:-.45px}header .brand:first-letter{color:var(--mk92-gold)}header #identity{font-size:12px}header #logout{font-size:12px}.mk9TopVersion,.mk9Version{background:#2d2821;border:1px solid #645039;color:#edd0a8;border-radius:999px;font-size:10px;padding:4px 9px}
main.mk4Shell{background:transparent;min-height:calc(100dvh - 73px)}.mk4Rail{top:73px;min-height:calc(100dvh - 73px);background:#111819;border-left:1px solid #ffffff12;gap:6px;padding:29px 14px 20px;box-shadow:inset -8px 0 28px #0002}.mk4RailBrand{padding:4px 8px 22px;margin-bottom:12px;border-bottom:1px solid #ffffff0c}.mk4Mark{height:46px;width:46px;border-radius:16px;background:linear-gradient(140deg,#f4d29c,#c89454);box-shadow:0 8px 26px #cd98542f;color:#171d1d}.mk4RailBrand strong{font-size:22px}.mk4RailBrand small{font-size:10px;color:#a2a9a5}.mk4RailLabel{font-size:10px;text-transform:uppercase;color:#798986;letter-spacing:1.3px;margin-bottom:4px;padding-right:16px}.mk4Nav{min-height:47px;position:relative;border:1px solid transparent;border-radius:13px;padding:11px 14px;color:#abb9b4;font-size:13px;font-weight:650}.mk4Nav:hover{background:#ffffff08;color:#f6ece0}.mk4Nav.is-active{background:linear-gradient(100deg,#493725aa,#2a2923);color:#f6d29b;border-color:#7556377a;box-shadow:inset 3px 0 0 #e8b878}.mk4RailFoot{background:#192321;border:1px solid #ffffff0b;border-radius:14px;padding:13px;color:#92a29b;font-size:11px;line-height:1.85;margin-top:auto}
.mk4Content{max-width:1380px;padding:25px clamp(20px,3.5vw,60px) 80px}.mk92PageTop{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;padding:0 1px}.mk92Current{display:flex;align-items:center;gap:12px}.mk92CurrentMark{display:grid;place-items:center;height:42px;width:42px;flex:0 0 42px;border:1px solid #725a3d;background:#382d20;color:#f2c995;border-radius:14px;font-size:20px}.mk92Current>div{display:flex;flex-direction:column}.mk92Overline{color:#9caaa6;font-size:11px;letter-spacing:.15px}.mk92Overline span{padding:0 3px;color:#64736f}.mk92Current strong{color:#f3efea;font-size:18px;font-weight:750}.mk92TopActions{display:flex;gap:8px}.mk92TopActions>button{white-space:nowrap}.mk92TopText{background:#1d2425;border:1px solid #34403e;border-radius:12px;padding:11px 15px;color:#d2dbd6;font-size:12px;font-weight:750}.mk92TopText span{color:#e0b676;margin-left:5px}.mk92TopAI{padding:10px 17px;font-size:12px}
.btn{border-radius:13px!important;min-height:43px;padding:11px 18px;box-shadow:none}.btn:not(.alt):not(.bad){background:linear-gradient(130deg,#f1d09c,#dfab68);color:#2a2015;box-shadow:0 5px 17px #ba843329}.btn:not(.alt):not(.bad):hover{filter:brightness(1.07);box-shadow:0 8px 21px #bf813b40}.btn.alt{background:#273031;color:#e7e7df;border:1px solid #46514e}.btn.alt:hover{background:#333f3e;border-color:#657269}.topbtn{border-color:#46504b;padding:9px 13px}
input,textarea,select{background:#12191b;border:1px solid #3e4a47;color:#f6eee3;border-radius:13px;min-height:45px;padding:12px 14px;transition:border-color .18s,background .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:#83918c}input:focus,textarea:focus,select:focus{outline:none;border-color:#dcb077;box-shadow:0 0 0 3px #ddb17718;background:#192022}input[type="checkbox"]{min-height:auto;accent-color:#e8b878}label{color:#c4ceca;font-weight:600;line-height:1.5}form{gap:14px}
.panel,.card,.mk4PantryPanel,.mk4Suggestion,.mk5GoalCard,.mk5DailyCard,.mk9Card,.mk9Stat{border:1px solid #35403e;background:linear-gradient(145deg,#1c2425,#171d1f);box-shadow:0 10px 32px #00000015;border-radius:19px}.panel{padding:25px}.card{transition:transform .2s ease,border-color .2s,box-shadow .2s}.card:hover,.mk4Suggestion:hover{transform:translateY(-3px);border-color:#6a5944;box-shadow:0 13px 35px #0003}.thumb{background:#2e302b}.tag{color:#e8bb7e}.metric,.mk7MacroCard{background:#202929;border-color:#40504a}.metric b,.mk7MacroCard b{color:#f4d3a4}.notice{background:#302921;border:1px solid #664c31;color:#f8d8a8;border-radius:15px}.empty,.mk4Empty{border-radius:17px;background:#202727;color:#a5b0a9}
.mk4Content .mk4Hero{margin-bottom:0}.mk4HeroCard{position:relative;isolation:isolate;min-height:320px;overflow:hidden;padding:43px clamp(26px,4vw,58px);border-radius:29px;border:1px solid #735538;background:linear-gradient(115deg,#312720 2%,#222622 64%,#172322 100%);box-shadow:0 16px 56px #00000027}.mk4HeroCard:before{content:"";position:absolute;inset:-80px -80px auto auto;width:510px;height:420px;border-radius:50%;background:radial-gradient(ellipse,#9e744b30,transparent 67%);z-index:-1;pointer-events:none}.mk4HeroCard:after{content:"";position:absolute;bottom:-115px;left:-65px;width:250px;height:250px;border:1px solid #dfbd8e18;border-radius:50%;box-shadow:0 0 0 37px #ffffff03,0 0 0 80px #ffffff02;pointer-events:none}.mk4Eyebrow{color:#e8bb81;font-weight:800;letter-spacing:.35px}.mk4HeroCopy{position:relative;z-index:1;max-width:640px}.mk4HeroCopy h2{font-size:clamp(30px,3.1vw,48px);line-height:1.33;letter-spacing:-.8px;color:#fff6e8}.mk4HeroCopy p{color:#cecac0;max-width:490px;font-size:15px}.mk4HeroButtons{gap:11px}.mk4HeroButtons .btn{min-height:49px}
.mk4HeroArt{font-size:initial;flex:0 0 275px;display:flex;flex-direction:column;align-items:center;gap:14px;filter:none;transform:rotate(-8deg)}.mk92PlateRing{width:240px;height:240px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ece2cd,#f5ebd9 49%,#ad9f85 50%,#f5f0e7 55%,#c9c1b2 57%,#fffff6 62%);box-shadow:0 18px 27px #0006,0 0 0 18px #ffffff09;display:grid;place-items:center;position:relative}.mk92PlateRing:after{content:"";position:absolute;top:22%;right:9%;width:18px;height:18px;background:#4f8463;border-radius:50%;box-shadow:12px 8px 0 #74a46b,-5px 16px 0 #527e51;filter:blur(.3px)}.mk92Dish{font-size:111px;filter:drop-shadow(0 11px 4px #0004);line-height:1}.mk4HeroArt .mk92DishCaption{color:#f8dfb6;font-size:11px;background:#362c25d9;border:1px solid #a57a4c;box-shadow:0 9px 22px #0003;padding:8px 18px;border-radius:99px;white-space:nowrap;line-height:1.2}.mk92Dot{display:inline-block;width:6px;height:6px;background:#9dc99f;border-radius:50%;margin-left:4px}
.mk4Stats{gap:13px;margin:19px 0 28px}.mk4Stat{position:relative;border:1px solid #384642;background:linear-gradient(135deg,#202b28,#192121);border-radius:19px;padding:18px 21px;overflow:hidden}.mk4Stat::after{content:"";position:absolute;width:75px;height:75px;border:1px solid #91bca219;border-radius:50%;bottom:-38px;left:-24px}.mk4Stat small{color:#a6b8b0}.mk4Stat b{font-variant-numeric:tabular-nums;color:#fff1d8;font-weight:800}.mk4Stat span{color:#ddb786}.mk4SectionTitle{margin-top:28px}.mk4SectionTitle h2,.mk92ExploreHead h2{font-size:23px;color:#f6f3ec;letter-spacing:-.35px}.mk4SectionTitle p{color:#9daaa7}
.mk92ExploreHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:34px 0 15px}.mk92ExploreHead h2{margin:0}.mk92ExploreSub{font-size:12px;color:#96a5a0}.mk92FeatureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mk92FeatureGrid .mk4FeatureRow{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:17px;min-height:168px;border-radius:19px;border:1px solid #3b4541;background:linear-gradient(135deg,#202927,#191e20);margin:0;padding:21px;transition:border-color .18s,transform .18s}.mk92FeatureGrid .mk4FeatureRow:nth-child(2){background:linear-gradient(135deg,#30271e,#201f20);border-color:#564431}.mk92FeatureGrid .mk4FeatureRow:nth-child(3){background:linear-gradient(135deg,#292623,#1c2122)}.mk92FeatureGrid .mk4FeatureRow:nth-child(4){background:linear-gradient(135deg,#1d2b2a,#1a2223);border-color:#35534a}.mk92FeatureGrid .mk4FeatureRow:hover{transform:translateY(-3px);border-color:#92714b}.mk92FeatureGrid .mk4FeatureRow b{font-size:18px;font-weight:800;color:#f3ede3}.mk92FeatureGrid .mk4FeatureRow p{color:#a8b6b1;font-size:12px;line-height:1.8}.mk92FeatureGrid .mk4FeatureRow button{min-height:38px;font-size:12px;padding:8px 14px}
.mk4PantryPanel{padding:26px}.mk4PantryHeadline strong{color:#f5e9d6}.mk4Chips .mk4Chip{background:#322c21;border-color:#68533b}.mk4Quick button{background:#202929;border:1px solid #46524b;border-radius:99px}.mk4Quick button:hover{border-color:#d9ad76;color:#f2d6af}.mk6Controls{background:linear-gradient(120deg,#2b2620,#1b2424);border-color:#564633}.mk6JuiceHero{background:linear-gradient(110deg,#332b2b,#1b302b);border-color:#536355}.mk4Suggestion{min-height:210px;transition:border-color .2s,transform .2s,box-shadow .2s}.mk4SuggestionIcon{background:#39352c}.mk5ProgressFill,.mk7Track>span{background:linear-gradient(90deg,#9fcca7,#e7b879)}
.mk8Sidebar,.mk8Chat{border-color:#394642;background:#161e20}.mk8ChatTitle{background:#1a2323;border-bottom-color:#35423e}.mk8Thread.selected{border-color:#795d3c;background:#383026}.mk8Compose{background:#1a2223}.mk8Bubble{line-height:1.85}.mk8Avatar{background:#342c22}
.mk9Card,.mk9Stat{border-color:#35423e;background:linear-gradient(135deg,#1c2525,#171f20);border-radius:19px}.mk9Stat strong{color:#f5d2a0}.mk9Day{background:#1d2526;border-color:#3b4643}.mk9Slot{border-color:#34403e}.mk9SlotLabel{color:#e8bc82}.mk9ShopItem{border-color:#35403d}.mk9WeekToolbar{border-radius:17px}.mk9Version{color:#edcfa2}.mk9AddShop input{min-width:0}.mk9ShoppingList{scrollbar-color:#58635b transparent}
/* Library: stronger visual hierarchy, same barcode and catalog code */
.mk9Library{border-color:#53554b!important;background:#111819!important}.mk9Library .mk9LibBanner{background:radial-gradient(circle at 10% 0%,#7250332e,transparent 50%),linear-gradient(110deg,#292722,#192523);border-bottom:1px solid #465047}.mk9LibStats>div{background:#151e1d9e;border-color:#ffffff14}.mk9LibTitle h2{letter-spacing:-.7px}.mk9SearchRow{background:#172121;border-color:#526455}.mk9SearchRow:focus-within{border-color:#eac083;box-shadow:0 0 0 3px #dcb67c1a}.mk9SearchSuggestions button{background:#242f2d;border-color:#47564f}.mk9Library .mk9OwnSection,.mk9Library .mk84Catalog{background:#192121;border-color:#3c4a45}.mk9Importer{background:linear-gradient(120deg,#332b23,#1e2825);border-color:#70583b}.mk9ImportNums>div{background:#131b1bd9;border-color:#514e42}.mk9ProgressTrack{background:#37453d}.mk9ImportNote{color:#a7b4ac}
/* shared modal treatment */
dialog:not(.mk9Library){background:#182021;color:var(--mk92-ink);border:1px solid #526057;border-radius:22px;box-shadow:0 22px 90px #0009}dialog::backdrop{background:#030908b8;backdrop-filter:blur(6px)}
/* useful distinction for nonprimary actions */
:where(.mk4Content,.mk9Library) :is(.toolbar,.actions)>.btn{white-space:normal}.fooditem{border-bottom-color:#39443d}.fooditem:hover{background:#ffffff05}.mk4Count{background:#332b20;border-color:#6b5438;color:#f2cf9f}
@media(min-width:761px){.mk92MoreMenu{display:none!important}}
@media(max-width:1050px) and (min-width:761px){.mk4Rail{width:216px;flex-basis:216px}.mk4Content{padding:23px 24px 70px}.mk4HeroArt{flex-basis:175px}.mk92PlateRing{width:185px;height:185px}.mk92Dish{font-size:90px}}
@media(max-width:760px){
 header{height:61px;padding:9px 17px}header .brand{font-size:19px}.mk4Content{padding:13px 15px calc(109px + env(safe-area-inset-bottom))}.mk92PageTop{min-height:62px;gap:8px;margin-bottom:12px}.mk92CurrentMark{height:35px;width:35px;flex-basis:35px;font-size:18px;border-radius:11px}.mk92Overline{font-size:10px}.mk92Current strong{font-size:14px}.mk92TopActions{gap:6px}.mk92TopText{display:none}.mk92TopAI{padding:8px 11px;min-height:36px;font-size:11px}
 .mk4HeroCard{min-height:261px;padding:26px 23px;border-radius:24px}.mk4HeroCopy h2{font-size:clamp(25px,7vw,32px);line-height:1.4}.mk4HeroCopy p{font-size:12px;max-width:260px}.mk4HeroArt{display:block;position:absolute;left:-37px;bottom:-22px;transform:rotate(-12deg);opacity:.38;pointer-events:none}.mk92PlateRing{width:165px;height:165px;box-shadow:0 9px 18px #0005}.mk92Dish{font-size:75px}.mk4HeroArt .mk92DishCaption{display:none}.mk4HeroButtons{position:relative;z-index:2}.mk4HeroButtons .btn{padding:11px 15px;font-size:12px;min-height:43px}
 .mk4Stats{gap:7px;margin:12px 0 23px}.mk4Stat{padding:12px 10px;border-radius:15px}.mk4Stat b{font-size:22px}.mk4Stat small{font-size:9px}.mk4SectionTitle{margin:22px 0 15px}.mk4SectionTitle h2{font-size:20px}.mk92ExploreHead{margin:29px 0 13px}.mk92ExploreHead h2{font-size:20px}.mk92ExploreSub{display:none}.mk92FeatureGrid{grid-template-columns:1fr;gap:10px}.mk92FeatureGrid .mk4FeatureRow{min-height:0;gap:10px;padding:17px;border-radius:17px}.mk92FeatureGrid .mk4FeatureRow b{font-size:16px}.mk92FeatureGrid .mk4FeatureRow p{font-size:12px;margin:4px 0 0}.mk92FeatureGrid .mk4FeatureRow button{align-self:flex-start}
 .mk4PantryPanel{padding:18px}.mk4Suggestion{min-height:0;padding:17px}.mk9Card{padding:14px}.mk9Day{padding:11px}.mk9LibBanner{padding:23px 17px!important}
 .mk4MobileNav.mk92MobileNav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-columns:unset!important;grid-auto-flow:row!important;overflow:visible!important;gap:0;height:calc(72px + env(safe-area-inset-bottom));padding:6px 9px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #4b5046;background:#131c1dea;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -12px 48px #0009;position:fixed;inset:auto 0 0;z-index:100}.mk4MobileNav.mk92MobileNav button{flex:auto!important;min-width:0!important;min-height:54px;background:transparent;border:0;border-radius:12px;gap:1px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px!important;padding:5px 2px!important;color:#9faeaa;transition:background .15s,color .15s}.mk4MobileNav.mk92MobileNav button span:last-child{font-size:10px!important;line-height:1.3;white-space:nowrap}.mk4MobileNav.mk92MobileNav button .mk92TabIcon{display:grid;place-items:center;font-size:20px;line-height:1.1;min-height:25px;color:inherit;filter:none}.mk4MobileNav.mk92MobileNav button.is-active,.mk4MobileNav.mk92MobileNav button[aria-expanded="true"]{background:#443626a8;color:#f4cb92}.mk4MobileNav.mk92MobileNav button.is-active .mk92TabIcon{transform:translateY(-1px)}
 .mk92MoreMenu{display:block;position:fixed;z-index:101;right:11px;left:11px;bottom:calc(80px + env(safe-area-inset-bottom));padding:17px;background:#1a2425;border:1px solid #64705c;border-radius:22px;box-shadow:0 20px 70px #000c;animation:mk92Pop .18s ease-out}.mk92MoreMenu[hidden]{display:none!important}.mk92MoreLabel{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-weight:800;color:#f4e9d8}.mk92MoreLabel button{background:#303a39;border:1px solid #52605b;border-radius:10px;color:#f0eae2;min-width:35px;min-height:34px}.mk92MoreGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mk92MoreGrid>button{background:linear-gradient(135deg,#283330,#1d2929);border:1px solid #44544c;border-radius:15px;min-height:93px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;text-align:right;padding:10px 15px;color:#f4ede1}.mk92MoreIcon{font-size:21px;color:#e4bd85;line-height:1.4}.mk92MoreGrid>button>span:nth-child(2){font-size:13px;font-weight:750}.mk92MoreGrid small{font-size:10px;color:#a9b5ad}.mk92MoreGrid>button:active{border-color:#d3a671}.mk92MoreGrid>button.is-active{background:#463729;border-color:#a47742}
 .mk9Library{height:100dvh;max-height:100dvh}.mk9LibTitle h2{font-size:26px}.mk9LibraryActions button{min-height:46px}
}
@media(max-width:380px){.mk92Current strong{font-size:13px}.mk92TopAI{padding:8px 9px}.mk4HeroCard{padding:22px 19px}.mk4HeroCopy h2{font-size:25px}.mk4HeroButtons .btn{font-size:11px}.mk4Stat b{font-size:20px}.mk92FeatureGrid .mk4FeatureRow{padding:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
@keyframes mk92Pop{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

/* V10 shopping controls */
.mk10ShareRow{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0}.mk10ShareRow .btn{flex:1 1 135px;min-height:44px;font-size:13px}.mk10ShareRow .btn:focus-visible{outline:2px solid #f5cc92;outline-offset:3px}