.screen.v33 .navigation-row{height:48px;padding:0 18px;display:flex;align-items:center;gap:12px;background:transparent;position:relative;z-index:3}
.screen.v33 .nav-search{height:44px;min-width:0;flex:1;display:flex;align-items:center;gap:8px;border-radius:22px;padding:0 13px;background:#FFFFF8D9;color:#637060;border:1px solid #40381212;text-align:left;font-size:13px}
.nav-search svg{width:18px;height:18px}.nav-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen.v33 .wechat-capsule{flex-shrink:0;font-size:13px;padding:3px 9px;height:28px;line-height:20px;border:1px solid #3333;border-radius:20px}
.screen.v33.reference-structure main{top:102px}.screen.v33 .home-composition{padding-top:0}.screen.v33 .home-composition>.brand-header{height:70px;padding-top:8px;padding-bottom:12px}
.screen.v33 .meal-poster .meal-tabs{margin:0;height:48px;gap:0;position:relative;z-index:3;display:flex}
.screen.v33 .meal-poster .meal-tabs button{border:0;background:transparent;border-radius:0;min-height:44px;gap:5px;color:#8B7957;padding:0 6px;position:relative}
.screen.v33 .meal-poster .meal-tabs span{font-size:14px}.screen.v33 .meal-poster .meal-tabs small{font-size:10px}
.screen.v33 .meal-poster .meal-tabs .on{color:#443D2B;background:#FFFFFF50}
.screen.v33 .meal-poster .meal-tabs .on:after{content:'';position:absolute;bottom:0;width:28px;height:3px;border-radius:3px;background:currentColor}
.screen.v33 .focused-meal{height:304px}.screen.v33 .focused-meal>.meal-tabs{border-bottom:1px solid #AD8D5425}
.screen.v33 .focused-meal .hero-copy{top:67px}.screen.v33 .focused-meal>.scene-art{width:160px;height:155px;right:0;bottom:46px;object-fit:contain;mix-blend-mode:multiply}
.screen.v33 .hero-meal-label>.badge{font-size:12px}.screen.v33 .hero-copy>.main-action{font-size:15px}.screen.v33 .hero-purpose{font-size:11px}
.screen.v33 .illustrated-entrances b{font-size:18px}.screen.v33 .illustrated-entrances small{font-size:11px;white-space:normal;line-height:1.5}.screen.v33 .illustrated-entrances>button{min-height:104px}
.screen.v33 .quiet-entrances span{font-size:13px}.screen.v33 .home-whisper{font-size:14px;color:#929079}
/* 01: the two meals are part of the front card; the lower dots switch dishes. */
.screen.s1.v33 .interactive-deck{height:299px;margin-top:0}.screen.s1.v33 .slide-card{height:283px;transform:rotate(-1deg)}
.screen.s1.v33 .slide-card.layer-0{overflow:hidden}.screen.s1.v33 .slide-card.layer-0>.meal-tabs{height:49px;border-bottom:1px solid #B29A532A}
.screen.s1.v33 .slide-card .meal-tabs span{font-size:13px}.screen.s1.v33 .slide-card .meal-tabs small{font-size:9px}
.screen.s1.v33 .hero-copy{top:61px}.screen.s1.v33 .card-food-detail{top:95px}.screen.s1.v33 .hero-purpose{font-size:10px}
.screen.s1.v33 .carousel-control{height:38px;min-height:38px}.screen.s1.v33 .illustrated-entrances{margin-top:8px}
/* 14: bound notebook, paper tabs, ink illustration. */
.screen.s14.v33 .nav-search{background:#F0EDE3;border-color:#E7E1D3}.screen.s14.v33 .focused-meal{border-radius:13px;background:#FFFDF6;box-shadow:4px 5px 0 #EDE7D8}
.screen.s14.v33 .focused-meal>.meal-tabs{background:#EFEADE;border-bottom:1px solid #D4CAB5}.screen.s14.v33 .focused-meal>.meal-tabs .on{background:#FFFDF6;color:#654E32;border-radius:12px 12px 0 0}
.screen.s14.v33 .focused-meal>.meal-tabs .on:after{background:#9C7849;height:2px}.screen.s14.v33 .focused-meal>.scene-art{width:155px;height:166px;right:4px;bottom:42px}
/* 19: sunlit kitchen, integrated scalloped illustration card. */
.screen.s19.v33 .focused-meal{border-radius:26px 26px 38px 11px;background:#FFE796}.screen.s19.v33 .focused-meal>.meal-tabs{background:#F4D47C4D;height:48px}
.screen.s19.v33 .focused-meal>.meal-tabs .on{background:#FFF4C4;color:#64502B}.screen.s19.v33 .focused-meal>.scene-art{height:135px;width:169px;bottom:45px;right:0}
/* 21: a full-bleed red house backdrop continues behind status/navigation. */
.screen.s21.v33{background:#FFF9F2;--red:#DE2F3C}.screen.s21.v33:before{content:'';position:absolute;inset:0 0 auto;height:455px;background:var(--red)}
.screen.s21.v33 .statusbar{color:#FFF8E9;background:transparent}.screen.s21.v33 .wechat-capsule{border-color:#FFFFFF70;color:#FFF9EE}
.screen.s21.v33 .nav-search{background:#FFF7ED;color:#805851;border:0}.screen.s21.v33 .home-composition{background:var(--red);padding-bottom:16px;border-radius:0 0 28px 28px}
.screen.s21.v33 .brand-header{background:transparent}.screen.s21.v33 .brand-header h1{color:#FFF7E4}.screen.s21.v33 .brand-dot{color:#FFC974}
.screen.s21.v33 .week-entry{background:#FFFFFF16;border-color:#FFFFFF50;color:#FFF7E4}.screen.s21.v33 .week-entry svg,.screen.s21.v33 .week-entry i{color:#FFF7E4}
.red-meal-poster{position:relative}.red-scene{height:128px;position:relative}.red-scene>p{font:19px/1.7 KaiTi,serif;color:#FFF2D7;position:absolute;top:29px;left:7px;letter-spacing:1px;z-index:1}
.red-scene>img{position:absolute;width:235px;height:180px;object-fit:cover;right:-7px;bottom:0;clip-path:polygon(50% 9%,87% 43%,87% 87%,13% 87%,13% 43%)}
.red-menu{height:264px;background:#FFFAEF;border-radius:19px;position:relative;overflow:hidden;border:1px solid #F1D5BE}
.screen.s21.v33 .red-menu>.meal-tabs{height:49px;background:#F2E5D6;border-bottom:1px solid #EBD4C0}.screen.s21.v33 .red-menu>.meal-tabs .on{background:#FFFAEF;color:#BC2934}
.screen.s21.v33 .red-menu .hero-copy{top:61px;left:16px;width:211px}.screen.s21.v33 .red-menu .hero-copy h2{font-size:27px;margin:3px 0;color:#4E342E}
.screen.s21.v33 .red-menu .hero-copy .hero-sides{min-height:37px;max-width:206px}.screen.s21.v33 .red-menu .hero-copy .hero-facts{margin-top:3px}
.screen.s21.v33 .red-menu .hero-copy .main-action{margin-top:8px}.red-food{position:absolute;right:12px;top:100px;width:102px;height:102px;border-radius:50%;object-fit:cover;border:4px solid #F7E8D7}
.screen.s21.v33 .hero-purpose{bottom:14px;right:14px;font-size:10px}.screen.s21.v33 .illustrated-entrances{margin-top:14px;gap:12px}
.screen.s21.v33 .illustrated-entrances>button{min-height:94px;background:#F8E6DC;border-color:#EED3C5;border-radius:17px}.screen.s21.v33 .illustrated-entrances>button+button{background:#FFF0D2;border-color:#ECDCB7}
.screen.s21.v33 .illustrated-entrances b{color:#75433A}.screen.s21.v33 .quiet-entrances{min-height:55px;margin-top:12px;border-color:#E8DACE}.screen.s21.v33 .quiet-entrances button{min-height:44px}
.screen.s21.v33 .home-whisper{margin-top:10px;font-size:13px;color:#A17564}.screen.s21.v33 nav .illustrated-nav{background:#F8DDD3;color:#A72B32}
/* September 16: clean illustration edges, legible secondary text, matched sheets. */
.screen.v33 .focused-meal>.scene-art{mix-blend-mode:normal}
.screen.s14.v33 .focused-meal>.scene-art{width:164px;height:158px;right:1px;bottom:57px}
.screen.s19.v33 .focused-meal>.scene-art{width:169px;height:146px;bottom:46px}
.screen.v33 .meal-poster .meal-tabs small{font-size:11px;opacity:1}
.screen.s1.v33 .slide-card .meal-tabs span{font-size:14px}
.screen.s1.v33 .slide-card .meal-tabs small{font-size:10px}
.screen.v33 .meal-poster .meal-tabs button{color:#736245}
.screen.v33 .hero-meal-label{font-size:13px;color:#725A39}
.screen.v33 .hero-sides{font-size:12px;color:#66573E}
.screen.v33 .hero-facts{font-size:12px;color:#746247}
.screen.v33 .hero-purpose{color:#776046}
.screen.v33 .illustrated-entrances small{color:#626849}
.screen.v33 .quiet-entrances span{color:#5F684F}
.screen.v33 nav button{font-size:13px;color:#727C67}
.screen.v33 .badge.planned{color:#9A480C;background:#FFF0D1}
.screen.s21.v33{--panel-accent:#C43B44;--panel-wash:#FCE5DE;--panel-ink:#972C34}
.screen.s21.v33 .red-scene{height:128px}
.screen.s21.v33 .red-scene>img{width:207px;height:159px;right:-3px;bottom:-2px}
.screen.s21.v33 .red-scene>p{font-size:19px;top:26px}
.screen.s21.v33 .red-menu .hero-copy{width:204px}
.screen.s21.v33 .red-menu .hero-copy h2{font-size:26px}
.screen.s21.v33 .red-menu .hero-copy .hero-sides{max-width:193px}
.screen.s21.v33 .home-whisper{margin-top:8px;color:#916453}
.screen.v33 .sheet .destination,.screen.v33 .recipe-info p,.screen.v33 .panel-lede,.screen.v33 .panel-footnote{color:#6E7861;font-size:12px}
.screen.v33 .filter-tabs>button{min-height:44px;color:#677259}
.screen.v33 .filter-tabs>button[aria-pressed=true]{color:var(--panel-ink)}
.screen.v33 .draft-footer small,.screen.v33 .ranking-note,.screen.v33 .week-period span{color:#737B68;font-size:11px}
.screen.v33 .week-table-row{font-size:12px}.screen.v33 .week-table-row .blank-meal{color:#818972}
.screen.v33 .week-table-row .has-meal{font-size:12px;color:#50613E}
.screen.v33 .week-table-row small{font-size:10px;color:#727A66}
.screen.v33 .cooking-intro p{opacity:1;font-size:12px}
.screen.v33 .menu-type{font-size:11px;color:#7E6547}
.screen.s21.v33 .sheet{background:#FFFBF5}.screen.s21.v33 .draft-footer{background:#FFFBF5F7}
.screen.s21.v33 .week-table-row.today{background:#FFF1E9}
.screen.s21.v33 .sheet .main-action.planned{background:#B9323D;border-color:#B9323D;color:white}
.screen.s21.v33 .sheet .close{background:#F5E8DF;color:#80574F}