body[data-theme=illustrated] .page-settings{background:#fffefb;color:#1a1a1a;padding-bottom:100px}
.page-settings .profile-topbar{position:relative;z-index:2;height:88px;box-sizing:border-box;background:transparent;color:#fff}
.page-settings .profile-topbar-detail{background:#fffefb;color:#111}
.page-settings .profile-system-status{height:44px;box-sizing:border-box;padding:12px 24px 0;display:flex;align-items:flex-start;justify-content:space-between;font-family:var(--hh-font-ui);font-size:15px;line-height:20px}
.page-settings .profile-system-status strong{font-weight:700}
.page-settings .profile-status-icons{display:flex;align-items:center;gap:5px;height:17px}
.page-settings .profile-status-icons img{display:block;width:17px;height:13px;object-fit:contain}
.page-settings .profile-topbar-detail .profile-status-icons img{filter:brightness(0)}
.page-settings .profile-status-icons img:last-child{width:25px;height:13px}
.page-settings .profile-nav-row{position:relative;height:44px}
.page-settings .profile-wechat-capsule{position:absolute;right:12px;top:7px;width:78px;height:30px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-evenly;border:1px solid #ffffff80;border-radius:17px;background:#ffffff20;color:#fff;font-size:19px;font-weight:700;line-height:1}
.page-settings .profile-wechat-capsule i{height:18px;width:1px;background:#ffffff80}
.page-settings .profile-topbar-detail .profile-wechat-capsule{border-color:#d6d3d0;background:#e3e3e2}
.page-settings .profile-topbar-detail .profile-wechat-capsule i{background:#c9c9c9}
.page-settings .profile-wechat-capsule span:last-child{font-size:22px;font-weight:400}
body[data-theme=illustrated] .page-settings .profile-nav-back{position:absolute;left:17px;top:5px;width:31px;height:33px;min-height:0;margin:0;padding:0;border:0;background:transparent;color:#2b211e;font-size:31px;line-height:29px;text-align:left}
.page-settings .profile-nav-title{position:absolute;left:50%;top:9px;transform:translateX(-50%);color:#2b211e;font-size:16px;font-weight:700;line-height:26px;white-space:nowrap}
.page-settings .profile-cover{height:288px;border-radius:0 0 50% 50% / 0 0 56px 56px;background:radial-gradient(circle at 76% 18%,#e98571 0,#d96550 45%,#cc5542 100%)}
.page-settings .profile-chrome{height:58px;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 7px 0;color:#fff;font-size:16px;font-weight:700}
.page-settings .profile-hero{min-height:150px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:10px;transform:translateY(-15px)}
.page-settings .profile-copy{min-width:0;flex:1;height:108px;display:flex;flex-direction:column;justify-content:space-between}
.page-settings .profile-title-art{display:block;width:170px;max-width:100%;height:auto;object-fit:contain}
body[data-theme=illustrated] .page-settings .profile-copy p{margin:0;color:#fff2e9;font-size:13px;line-height:18px;font-weight:600}
.page-settings .profile-copy>span{display:block;color:#ffe1d6;font-size:11px;line-height:14px}
.page-settings .profile-avatar{width:108px;height:108px;flex:none;border:5px solid #fff;border-radius:50%;background:#fff7f1;box-shadow:0 7px 19px #7e2e2029;display:flex;align-items:center;justify-content:center;overflow:hidden}
.page-settings .profile-avatar img{display:block;width:94px;height:94px;object-fit:contain}

.page-settings .a-settings-stack{position:relative;margin-top:-57px;padding:0 16px}
.page-settings .profile-household{padding:20px 19px 22px;border:1px solid #f1e5df;border-radius:20px;background:#fff;box-shadow:0 6px 20px #8f54400f}
.page-settings .profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
body[data-theme=illustrated] .page-settings .profile-section-head h2{margin:0;color:#1a1a1a;font-size:19px;font-weight:800}
.page-settings .profile-status{padding:4px 9px;border-radius:8px;background:#fff0df;color:#9f7048;font-size:11px;white-space:nowrap}
.page-settings .profile-members{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0 11px}
.page-settings .profile-members span{display:flex;align-items:center;flex-direction:column;gap:4px;color:#573535;font-size:12px}
.page-settings .profile-members img{width:67px;height:67px;object-fit:contain}
.page-settings .profile-members i{color:#cc5542;font-family:serif;font-size:28px;font-style:normal}
body[data-theme=illustrated] .page-settings .profile-household p{margin:0;color:#8d7e77;font-size:12px;line-height:1.6;text-align:center}
.page-settings .a-footnote{color:#a99890}
.page-settings .profile-preferences{margin-top:14px;padding:20px 19px 18px;border:1px solid #f1e5df;border-radius:20px;background:#fff;box-shadow:0 6px 20px #8f54400f}
body[data-theme=illustrated] .page-settings .profile-preferences h2{margin:0;color:#1a1a1a;font-size:19px;font-weight:800}
.page-settings .profile-preference-subtitle{color:#a99890;font-size:11px}
.page-settings .profile-pref-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--hh-divider-width) solid var(--hh-divider);color:#573535;font-size:14px}
.page-settings .profile-pref-stepper{display:flex;align-items:center;gap:10px}
.page-settings .profile-pref-stepper button{width:30px;height:30px;padding:0;border-radius:50%;background:#fff0ec;color:#a84334;font-size:20px;line-height:30px;text-align:center}
.page-settings .profile-pref-stepper button:disabled{opacity:.35}
.page-settings .profile-pref-stepper strong{min-width:37px;text-align:center;color:#a84334;font-size:13px}
.page-settings .profile-avoid-label{display:block;margin:16px 0 7px;color:#573535;font-size:14px;font-weight:700}
.page-settings .profile-avoid-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.page-settings .profile-avoid-list:empty{display:none}
.page-settings .profile-avoid-item{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 6px 0 12px;border:1px solid #f0d0c7;border-radius:17px;background:#fff3ef;color:#9d493b;font-size:13px}
.page-settings .profile-avoid-item button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;border-radius:50%;background:transparent;color:#b35b4b;font-size:18px;line-height:20px}
.page-settings .profile-avoid-entry{display:flex;gap:8px}
.page-settings #profile-avoid-new{flex:1;min-width:0;height:40px;box-sizing:border-box;padding:0 12px;border:1px solid #f1e5df;border-radius:12px;background:#fffaf6;color:#573535;font-size:14px}
body[data-theme=illustrated] .page-settings #profile-avoid-new:focus{border-color:#cc5542;outline:0;box-shadow:0 0 0 2px #cc554226}
.page-settings .profile-avoid-entry>button{min-width:62px;min-height:40px;padding:0 12px;border-radius:12px;background:#cc5542;color:#fff;font-size:13px;font-weight:700}
.page-settings .profile-avoid-entry>button:disabled{background:#f2e8e3;color:#bba9a1}
body[data-theme=illustrated] .page-settings .profile-avoid-help{margin:7px 0 0;color:#a99890;font-size:11px;line-height:1.5}
.profile-avoid-hint{display:block;margin-top:4px;color:#b44738;font-size:12px;font-weight:700}
.page-settings .profile-note-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 10px}
.page-settings .profile-note-section-head strong{color:#2b211e;font-size:14px;font-weight:750}
.page-settings .profile-note-section-head small{color:#a99890;font-size:11px}
.page-settings .profile-note-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
body[data-theme=illustrated] .page-settings .profile-note-list p{margin:0;color:#a99890;font-size:12px}
.page-settings .profile-note-item{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 5px 0 12px;border-radius:19px;background:#fff0ec;color:#8e3f33;font-size:13px}
.page-settings .profile-note-item button{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:transparent;color:#a84334;font-size:19px}
.page-settings .profile-note-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.page-settings .profile-note-suggestion{min-height:42px;padding:8px 12px;border:1px solid #eaded8;border-radius:21px;background:#fffaf7;color:#6c5c56;font-size:13px}
.page-settings .profile-note-suggestion[aria-pressed=true]{border-color:#e5b5a8;background:#fff0ec;color:#a84334;font-weight:700}
.page-settings .profile-note-custom-label{display:block;margin:0 0 8px;color:#2b211e;font-size:14px;font-weight:750}
.page-settings .profile-note-entry{display:flex;gap:8px}
.page-settings .profile-note-entry input{min-width:0;flex:1;height:40px;box-sizing:border-box;padding:0 12px;border:1px solid #f1e5df;border-radius:12px;background:#fffaf6;color:#573535;font-size:13px}
.page-settings .profile-note-entry input:focus{border-color:#cc5542;outline:0;box-shadow:0 0 0 2px #cc554226}
.page-settings .profile-note-entry button,.page-settings .profile-subscribe-button{min-width:62px;min-height:40px;padding:0 12px;border-radius:12px;background:#cc5542;color:#fff;font-size:13px;font-weight:700}
.page-settings .profile-note-entry button:disabled{opacity:.4}
body[data-theme=illustrated] .page-settings .profile-card-help{display:block;margin:9px 0 0;color:#a99890;font-size:11px;line-height:1.55}
.page-settings .profile-reminder-row{display:flex;align-items:center;gap:12px;min-height:88px;border-bottom:var(--hh-divider-width) solid var(--hh-divider)}
.page-settings .profile-reminder-row:last-of-type{border-bottom:0}
.page-settings .profile-alarm-copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.page-settings .profile-alarm-time{width:120px;max-width:100%;margin:0;padding:0;border:0;background:transparent;color:#452d29;font-size:29px;font-weight:300;line-height:1.15;font-variant-numeric:tabular-nums;font-family:var(--hh-font-ui)}
.page-settings .profile-alarm-time::-webkit-calendar-picker-indicator{display:none}
.page-settings .profile-alarm-time:focus{outline:2px solid #cc5542;outline-offset:3px;border-radius:4px}
.page-settings .profile-alarm-label{color:#9c8c85;font-size:11px;line-height:16px}
.page-settings .profile-alarm-switch{appearance:none;-webkit-appearance:none;position:relative;display:block;width:50px;height:30px;flex:none;margin:0;border:0;border-radius:999px;background:#dedbd8;cursor:pointer;transition:background .18s}
.page-settings .profile-alarm-switch::before{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}
.page-settings .profile-alarm-switch:checked{background:#cc5542}
.page-settings .profile-alarm-switch:checked::before{transform:translateX(20px)}
.page-settings .profile-alarm-switch:focus-visible{outline:2px solid #cc5542;outline-offset:3px}
.profile-note-shortcuts{display:flex;flex-wrap:nowrap;gap:8px;margin:6px 0 12px;overflow-x:auto;scrollbar-width:none}
.profile-note-shortcuts::-webkit-scrollbar{display:none}
.profile-note-shortcuts button{padding:7px 11px;border:1px solid #efc7be;border-radius:16px;background:#fff4f0;color:#a84334;font-size:12px;font-weight:700}
.profile-note-shortcuts button{flex:none;white-space:nowrap}
.page-settings .profile-feature-list{margin-top:14px;overflow:hidden;border:0;border-radius:20px;background:#fff;box-shadow:none}
.page-settings .profile-feature+.profile-feature{border-top:var(--hh-divider-width) solid var(--hh-divider)}
.page-settings .profile-feature-heading{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:75px;padding:13px 19px;border:0;border-radius:0;background:#fff;text-align:left}
.page-settings .profile-feature-heading>span{min-width:0;display:flex;flex-direction:column;gap:5px}
.page-settings .profile-feature-heading strong{color:#1a1a1a;font-size:17px;font-weight:800}
.page-settings .profile-feature-heading small{overflow:hidden;color:#9d8b82;font-size:11px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}
.page-settings .profile-feature-heading>b{flex:none;margin-left:10px;color:#b08778;font-size:21px;font-weight:400;transition:transform .2s}
.page-settings .profile-feature.is-open .profile-feature-heading>b{transform:rotate(180deg)}
.page-settings .profile-feature-content{padding:0 19px 20px;border-top:var(--hh-divider-width) solid var(--hh-divider);background:#fffdfb}
.page-settings .profile-feature-content .profile-pref-row:first-child{margin-top:3px}
.page-settings .profile-feature-content .profile-note-list{margin-top:15px}
.page-settings .profile-family-body p{margin:0;color:#8d7e77;font-size:12px;line-height:1.6;text-align:center}

/* Settings entrances and focused detail screens. */
.page-settings .profile-feature-list{margin-top:0;border-radius:18px}
.page-settings .profile-entry{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:71px;margin:0;padding:12px 15px;border:0;border-radius:0;background:#fff;text-align:left}
.page-settings .profile-entry+.profile-entry::before{content:"";position:absolute;top:0;left:15px;right:15px;height:var(--hh-divider-width);background:var(--hh-divider);pointer-events:none}
.page-settings .profile-entry-icon{width:28px;height:36px;flex:none;display:flex;align-items:center;justify-content:center;background:transparent}
.page-settings .profile-entry-icon img{display:block;width:24px;height:24px}
.page-settings .profile-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.page-settings .profile-entry-copy strong{color:#2b211e;font-size:15px;font-weight:700;line-height:19px}
.page-settings .profile-entry-copy small{overflow:hidden;color:#9c8c85;font-size:11px;line-height:15px;text-overflow:ellipsis;white-space:nowrap}
.page-settings .profile-entry-arrow{width:8px;height:8px;flex:none;margin:0 4px;border-top:1.5px solid #b3998f;border-right:1.5px solid #b3998f;transform:rotate(45deg)}
.page-settings .profile-detail-page{min-height:100dvh;padding-bottom:65px;box-sizing:border-box;background:#fffefb}
.page-settings .profile-detail-top{height:86px;background:linear-gradient(130deg,#cc5542,#e98571)}
.page-settings .profile-detail-top .profile-chrome{height:29px;box-sizing:border-box;padding-top:7px;font-size:13px}
.page-settings .profile-detail-bar{height:49px;display:flex;align-items:center;position:relative;padding:0 17px;color:#fff}
.page-settings .profile-detail-bar button{width:31px;height:31px;padding:0;background:transparent;color:#fff;font-size:31px;line-height:27px;text-align:left}
.page-settings .profile-detail-bar span{position:absolute;left:50%;transform:translateX(-50%);font-size:16px;font-weight:700}
.page-settings .profile-detail-intro{padding:21px 20px 15px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.page-settings .profile-detail-intro .profile-entry-icon{width:46px;height:46px;border-radius:14px}
.page-settings .profile-detail-intro .profile-entry-icon img{width:28px;height:28px}
body[data-theme=illustrated] .page-settings .profile-detail-intro h1{margin:4px 0 0;color:#2b211e;font-size:22px;font-weight:800;line-height:1.2}
body[data-theme=illustrated] .page-settings .profile-detail-intro p{margin:0;color:#9c8c85;font-size:13px;line-height:1.45}
.page-settings .profile-detail-card{margin:20px 16px 0;padding:9px 18px 19px;border:1px solid #f1e5df;border-radius:18px;background:#fff;box-shadow:0 6px 20px #8f54400f}
.page-settings .profile-detail-card .profile-members{margin-top:11px}
.page-settings .profile-detail-card .profile-note-list{margin-top:0}
body[data-theme=illustrated] .page-settings .profile-detail-page .a-footnote{display:block;margin-top:18px;color:#a99890;text-align:center}

.profile-onboarding{min-height:100dvh;max-width:375px;margin:0 auto;padding:82px 25px 30px;box-sizing:border-box;background:#fffefb;color:#1a1a1a}
.profile-onboarding img{display:block;width:175px;height:auto;margin:0 auto 33px;filter:brightness(0) saturate(100%) invert(38%) sepia(34%) saturate(1358%) hue-rotate(324deg) brightness(91%) contrast(86%)}
.profile-onboarding h1{margin:0 0 12px;text-align:center;font-size:26px;font-weight:800}
.profile-onboarding p{margin:0 0 30px;color:#8d7e77;text-align:center;font-size:14px;line-height:1.7}
.profile-onboarding button{display:block;width:100%;height:48px;margin:0 0 13px;border-radius:24px;background:#cc5542;color:#fff;font-size:16px;font-weight:700}
.profile-onboarding button:last-child{background:#fff0ec;color:#a84334}

body[data-theme=illustrated] .shared-search-entry,.app-minimal .shared-search-entry{display:flex;align-items:center;width:100%;min-height:42px;margin:0;text-align:left;color:#a49b96;font-size:13px;font-weight:400}
.page-recipes .recipe-head-search.shared-search-entry{justify-content:flex-start;gap:6px;width:206px;max-width:55%;flex:none}
.page-recipes .recipe-head-search.shared-search-entry>span:last-child{font-size:13px;color:#a59b95;white-space:nowrap}
