/* Mirrors the real app (2026-11-07): sans titles, Plan, Recipes, Me, dish page, shopping list. */
.screen,.screen button,.screen input{font-family:var(--body)}
.ap-h,.ap-pick-txt b{font-family:var(--body);font-weight:800;letter-spacing:-.01em}
.ap-pill{position:absolute;top:12px;left:12px;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;color:#B84A0C}
.ap-hrow{display:flex;justify-content:space-between;align-items:baseline;padding-right:14px}.ap-hrow small{color:#6E6863;font-size:11px}
.ap-tabs{align-items:center}
.ap-plus{flex:none!important;width:46px;height:46px;margin-top:-26px;border-radius:50%;background:#F26B1D;color:#fff!important;justify-content:center;box-shadow:0 8px 16px -8px rgba(242,107,29,.8)}
.ap-plus i{font-size:24px}
.pl-head{display:flex;justify-content:space-between;align-items:center;padding:0 14px}
.pl-head b{font-weight:800;font-size:26px;letter-spacing:-.02em}
.pl-opt{border:1.5px solid #F2C4A5;color:#B84A0C;border-radius:999px;padding:5px 10px;font-weight:700;font-size:12px}
.pl-range{padding:4px 14px 10px;color:#6E6863;font-size:13px}
.pl-days{display:flex;gap:4px;padding:0 10px}
.pl-days button{flex:1;background:#fff;border-radius:14px;padding:7px 0;display:flex;flex-direction:column;align-items:center}
.pl-days small{font-size:10px;color:#6E6863}.pl-days b{font-size:16px}
.pl-days i{width:5px;height:5px;border-radius:50%;background:#F26B1D;margin-top:2px}
.pl-days .on{background:#1C1613;color:#fff}.pl-days .on small{color:#ccc}
.pl-seg{display:flex;margin:10px 12px 0;background:#EAE3DA;border-radius:999px;padding:3px}
.pl-seg button{flex:1;padding:7px;border-radius:999px;font-weight:700;font-size:13px;color:#6E6863}
.pl-seg .on{background:#fff;color:#1C1613}
.pl-day{padding:14px 14px 6px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#6E6863}
.pl-card{background:#fff;border-radius:20px;margin:0 12px;overflow:hidden}
.pl-row{display:flex;align-items:center;gap:6px;padding:10px;border-bottom:1px solid #F1EBE4}
.pl-main{flex:1;display:flex;gap:10px;align-items:center;text-align:left;min-width:0}
.pl-main.pad{padding:8px 10px}
.pl-main img{width:54px;height:54px;border-radius:12px;object-fit:cover;flex:none}
.pl-main small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#6E6863}
.pl-main b{display:block;font-size:13px;line-height:1.2}
.pl-main em{display:block;font-style:normal;font-size:11px;color:#6E6863}.pl-main em i{font-style:normal;font-weight:700}.pl-main em.g{color:#17703D;font-weight:700}
.pl-btns{display:grid;gap:4px}
.pl-b{width:30px;height:30px;border-radius:50%;background:#F1EBE4;display:grid;place-items:center;font-size:14px}
.pl-b.on{background:#F26B1D;color:#fff}
.pl-cook{display:flex;gap:10px;padding:12px}.pl-cook span{background:#1C1613;color:#fff;border-radius:12px;padding:6px 10px;text-align:center}
.pl-cook span small{display:block;font-size:10px}.pl-cook b{font-size:16px}.pl-cook p{font-size:11px;color:#6E6863}
.pl-sum{display:flex;align-items:center;gap:12px;margin:12px;padding:10px 12px;background:#FFF0E6;border-radius:16px;font-size:12px;color:#6E6863}
.pl-sum b{font-size:18px;color:#1C1613}.pl-sum button{margin-left:auto;font-weight:800;color:#B84A0C;font-size:12px}
.rc-q{display:flex;gap:8px;align-items:center;margin:10px 12px 0;background:#fff;border-radius:999px;padding:9px 14px;color:#6E6863}
.rc-q input{border:0;outline:0;flex:1;min-width:0;font-size:13px;background:none}
.me-head{display:flex;gap:12px;align-items:center;padding:0 14px}.me-av{width:52px;height:52px;border-radius:50%;background:#F26B1D;color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px}
.me-head b{font-size:20px;display:block}.me-head small{color:#6E6863;font-size:12px}
.me-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px 12px 0}.me-stats div{background:#fff;border-radius:14px;padding:10px;text-align:center}
.me-stats b{display:block;font-size:18px}.me-stats small{font-size:10px;color:#6E6863;font-weight:700}
.me-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px;text-align:left}
.me-row>i:first-child{font-size:20px;color:#B84A0C}.me-row span{flex:1}.me-row b{display:block;font-size:13px}.me-row small{font-size:11px;color:#6E6863}
.dz-acts{position:absolute;top:40px;right:10px;display:flex;gap:6px}
.dz-acts>*{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:16px}
.dz-acts .ph-fill{color:#F26B1D}
.ap-hero{border-radius:0 0 22px 22px;overflow:hidden}
.dz-body{padding:16px 14px 90px}
.dz-cat{color:#B84A0C;font-weight:800;font-size:11px;letter-spacing:.08em}
.dz-body h4{font-family:var(--body);font-weight:800;font-size:24px;line-height:1.1;margin:2px 0 10px;letter-spacing:-.02em}
.dz-tags{display:flex;gap:6px;flex-wrap:wrap}.dz-tags span{background:#FBE3D3;color:#B84A0C;border-radius:999px;padding:4px 10px;font-weight:700;font-size:11px}
.dz-tags .g{background:#E3EFDF;color:#17703D}
.dz-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.dz-tiles>div{background:#fff;border-radius:16px;padding:10px 8px;display:flex;flex-direction:column;gap:2px}
.dz-tiles i{font-size:18px;color:#B84A0C}.dz-tiles b{font-size:12px}.dz-tiles small{font-size:11px;color:#6E6863}
.dz-sv{display:flex;align-items:center;gap:6px}.dz-sv button{width:22px;height:22px;border-radius:50%;background:#FBE3D3;color:#B84A0C;font-weight:800}
.dz-mac{display:flex;gap:14px;align-items:center;background:#fff;border-radius:18px;padding:14px;margin-top:8px}
.dz-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;flex:none}
.dz-ring span{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;line-height:1}
.dz-ring b{font-size:17px}.dz-ring small{font-size:10px;color:#6E6863}
.dz-mac ul{flex:1;display:grid;gap:6px;font-size:12px}.dz-mac li{display:flex;align-items:center;gap:6px}.dz-mac li i{width:8px;height:8px;border-radius:50%}.dz-mac li b{margin-left:auto}
.dz-bar{position:absolute;left:10px;right:10px;bottom:12px;display:flex;gap:8px;z-index:2}
.dz-cart{width:48px;height:48px;border-radius:16px;background:#fff;font-size:20px;display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(60,20,0,.5)}
.dz-cook{flex:1;border-radius:16px;background:#E2703A;color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px}
.ap-back.st{position:static;flex:none}
.sh-head{display:flex;align-items:center;gap:10px;padding:0 12px}.sh-head b{font-size:20px;flex:1}.sh-head span{color:#B84A0C;font-weight:700;font-size:13px}
.sh-sub{padding:6px 14px;color:#6E6863;font-size:12px}
.sh-got{background:#fff;border-radius:16px;margin:6px 12px;padding:12px}.sh-got p{font-size:13px}.sh-got b{font-size:22px}
.sh-got>i{display:block;height:6px;background:#EEE7DF;border-radius:3px;margin-top:6px;overflow:hidden}.sh-got>i i{display:block;height:100%;background:#F26B1D;transition:width 300ms var(--ease)}
.sh-card{background:#fff;border-radius:18px;margin:8px 12px 80px}
.sh-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #F1EBE4}
.sh-row span{flex:1;min-width:0}.sh-row b{display:block;font-size:13px}.sh-row small{display:block;font-size:12px}.sh-row em{font-style:normal;font-size:11px;color:#6E6863}
.sh-row button{background:#FBE3D3;color:#B84A0C;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px;flex:none}
.sh-row.done b{text-decoration:line-through;color:#6E6863}.sh-row.done button{background:#E3EFDF;color:#17703D}
.sh-done{position:absolute;left:12px;right:12px;bottom:14px;z-index:2;padding:13px;border-radius:16px;background:#E2703A;color:#fff;font-weight:800;font-size:15px}
.ap-row small{color:#6E6863}

/* + sheet (2026-11-12) */
.ap-sheet-bg{position:absolute;inset:0;background:rgba(30,15,5,.4);z-index:5;border:0}
.ap-sheet{position:absolute;left:0;right:0;bottom:0;max-height:72%;z-index:6;background:#FFFBF7;border-radius:22px 22px 0 0;padding:8px 14px 14px;display:flex;flex-direction:column;gap:2px;box-shadow:0 -12px 30px -12px rgba(60,20,0,.5)}
.ap-sheet .ap-grab{align-self:center;width:36px;height:4px;border-radius:2px;background:#E2D8CE;margin-bottom:8px}
.ap-sheet>b{font-size:16px}.ap-sheet>small{color:#6E6863;font-size:12px;margin-bottom:8px}
.ap-sheet .ap-list{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-bottom:6px}