/* Simplified iPhone meal diary. Existing storage and original modules stay intact. */
body.simple-on{background:#faf7f8;color:#29252a;}
body.simple-on>header,body.simple-on>main{display:none!important}
#simpleShell{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom));font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}
#simpleShell *{box-sizing:border-box}
#simpleShell button,#simpleShell input,#simpleShell select,#simpleShell textarea{font:inherit}
#simpleShell button{cursor:pointer;-webkit-tap-highlight-color:transparent}
.s-header{position:sticky;z-index:35;top:0;background:#fffefef7;backdrop-filter:blur(14px);border-bottom:1px solid #eee6ea;display:flex;justify-content:space-between;align-items:center;padding:15px max(18px,calc((100vw - 640px)/2));min-height:65px}
.s-header-title{font-size:21px;font-weight:800;letter-spacing:.02em;line-height:1.1}
.s-header-sub{font-size:11px;color:#986d80;margin-top:3px}
.s-icon-button{width:42px;height:42px;display:grid;place-items:center;background:#f8eef2;border-radius:13px;color:#9d5470;border:0;font-size:21px}
.s-main{max-width:640px;padding:16px 15px;margin:0 auto}
.s-view{display:none}.s-view.s-active{display:block}
.s-h1{font-size:21px;margin:3px 0 5px;font-weight:800;letter-spacing:-.025em}
.s-sub{font-size:13px;color:#7c6c75;line-height:1.6;margin:4px 0 17px}
.s-card{border:1px solid #f0e8ec;background:#fff;border-radius:18px;padding:17px;margin:12px 0;box-shadow:0 2px 12px #00000007}
.s-card h2{font-size:16px;margin:0 0 12px;font-weight:750}
.s-card h3{font-size:14px;margin:16px 0 9px;font-weight:700}
.s-muted{color:#7d7079;font-size:12px;line-height:1.5}
.s-micro{color:#877881;font-size:11px;line-height:1.4}
.s-row{display:flex;align-items:center;gap:10px}.s-row>*{min-width:0}.s-spread{justify-content:space-between}
.s-primary{background:#a44868;color:#fff;border:0;border-radius:13px;padding:14px 16px;font-size:15px;font-weight:750}
.s-primary:disabled{background:#d1bdc5;color:#fff;cursor:not-allowed}
.s-secondary{background:#f7edf1;color:#864662;border:0;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:650}
.s-outline{background:white;color:#8f4866;border:1px solid #e5cad5;border-radius:11px;padding:9px 12px;font-size:13px}
.s-sm{padding:8px 10px;font-size:12px}
.s-wide{width:100%}.s-grow{flex:1}
.s-input{border:1px solid #e7dce1;border-radius:12px;background:#fff;padding:13px;width:100%;font-size:16px;min-height:46px;color:#2c2830}
.s-input:focus{outline:2px solid #d99bb4;border-color:#d99bb4}
.s-label{font-size:12px;font-weight:700;color:#6e6068;display:block;margin:13px 0 7px}
.s-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#f7eff2;border-radius:13px;padding:4px;margin-bottom:13px}
.s-seg button{border:0;border-radius:10px;background:transparent;color:#8d6276;font-weight:600;font-size:13px;padding:11px 0}
.s-seg button[aria-pressed="true"]{background:white;color:#a44868;box-shadow:0 1px 7px #00000010}
.s-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.s-tile{background:#fbf4f7;border-radius:13px;padding:13px;min-width:0}
.s-tile b{font-size:24px;font-weight:800;letter-spacing:-.04em}
.s-tile small{color:#937b86;display:block;font-size:11px;margin-bottom:4px}
.s-tile span{font-size:11px;color:#80727d}
.s-progress{height:8px;border-radius:99px;background:#f1e4eb;margin:8px 0 5px;overflow:hidden}
.s-progress>i{height:100%;display:block;border-radius:99px;background:#ae607e}
.s-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f8edf2;color:#854a64;padding:9px 13px;border:1px solid #f0dae4;font-size:13px;font-weight:650}
.s-chip-grid{display:flex;gap:8px;flex-wrap:wrap}
.s-chip-grid button{background:#f8f1f4;color:#684a58;border:1px solid #eedee5;border-radius:99px;font-size:13px;padding:9px 12px}
.s-chip-grid button:active{background:#e8ced9}
.s-quick-title{font-size:12px;color:#8b7a82;font-weight:700;margin:12px 0 8px}
.s-search-wrap{display:flex;gap:7px;align-items:center}
.s-search-wrap>input{min-width:0;flex:1}.s-search-wrap>button{flex:0 0 auto}
#sSuggest{border:1px solid #eee0e6;background:white;border-radius:12px;margin:5px 0;overflow:hidden}
#sSuggest:empty{display:none}
#sSuggest button{width:100%;display:flex;justify-content:space-between;text-align:left;align-items:center;gap:12px;border:0;border-bottom:1px solid #f5edf1;border-radius:0;background:white;color:#3f3239;padding:11px 12px;font-size:14px}
#sSuggest small{font-size:11px;color:#8d7984;display:block}
.s-tool{border:1px solid #ebdfe6;border-radius:13px;padding:14px;background:white;display:flex;flex-direction:column;align-items:center;gap:7px;color:#704957;font-size:13px;font-weight:650}
.s-tool .s-emoji{font-size:23px}
.s-menu-items{padding:0;margin:0;list-style:none}
.s-menu-item{border-top:1px solid #f1eaee;padding:11px 0}
.s-menu-item:first-child{border-top:0}
.s-menu-item .s-name{font-size:14px;font-weight:750}
.s-menu-item .s-number{font-size:12px;color:#81717c;margin-top:5px}
.s-menu-item .s-number.warn{color:#a34b65}
.s-mini-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}
.s-mini-actions button{border:0;border-radius:9px;background:#f6edf1;color:#854c64;padding:8px 9px;font-size:12px}
.s-customization{margin-top:9px;border-radius:12px;background:#faf5f7;padding:12px}
.s-customization select,.s-customization input{font-size:15px}
.s-grid-input{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s-grid-input label{display:block;font-size:11px;color:#796c76}
.s-grid-input input{display:block;margin-top:4px}
.s-price{font-size:13px;color:#a34e6f;font-weight:700}
.s-photo-preview{width:100%;max-height:190px;object-fit:contain;background:#f8f0f4;border-radius:12px;margin-top:10px}
.s-note{font-size:12px;color:#73666f;line-height:1.55}
.s-line{height:1px;background:#f1e6eb;margin:13px 0}
.s-history-card{padding:14px 0;border-bottom:1px solid #eee5e9}
.s-history-card:last-child{border-bottom:0}
.s-history-head{display:flex;justify-content:space-between;gap:8px;font-weight:700}
.s-history-list{font-size:12px;color:#7a7075;margin:8px 0 0;line-height:1.7}
.s-history-actions{display:flex;gap:8px;margin-top:10px}
.s-history-actions button{padding:7px 11px;font-size:12px}
.s-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fffffffa;border-top:1px solid #e8dce2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:6px max(6px,calc((100vw - 630px)/2)) calc(6px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #00000007}
.s-bottom-nav button{border:0;background:transparent;color:#a08d96;font-size:11px;padding:5px 2px 6px;min-width:0;display:flex;align-items:center;flex-direction:column;gap:3px;font-weight:700}
.s-bottom-nav button[aria-current="page"]{color:#a44868}
.s-nav-icon{font-size:22px;line-height:1.1}
.s-hint{font-size:12px;color:#847680;margin-top:8px;line-height:1.5}
#sCover{position:fixed;inset:0;background:#2518209e;z-index:70;display:none;align-items:flex-end;justify-content:center}
#sCover.visible{display:flex}
#sDialog{background:#fff;border-radius:22px 22px 0 0;width:100%;max-width:670px;max-height:93dvh;overflow:hidden;display:flex;flex-direction:column;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.s-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}
.s-dialog-head h2{font-size:17px;margin:0}
.s-dialog-search{padding:0 15px 10px}
.s-dialog-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 15px 10px}
.s-dialog-results{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 14px;flex:1}
.s-dialog-results button.s-pick{background:#fff;border:0;border-bottom:1px solid #f2e9ed;text-align:left;display:block;padding:12px 9px;width:100%;border-radius:0;color:#352d32}
.s-dialog-results .s-pick strong{font-size:14px;display:block}.s-dialog-results .s-pick small{color:#8b7a83;font-size:11px;display:block;margin-top:4px}
.s-dialog-foot{border-top:1px solid #f1e8ed;padding:10px 16px 0}
.s-center{text-align:center}
#sNotification{position:fixed;top:77px;left:15px;right:15px;margin:auto;max-width:500px;z-index:90;background:#4e3743;color:white;padding:11px 16px;border-radius:12px;font-size:13px;box-shadow:0 8px 28px #0002}
#sNotification:empty{display:none}
#sEditCover{position:fixed;inset:0;background:#20171dad;z-index:80;display:none;justify-content:center;align-items:flex-end}
#sEditCover.visible{display:flex}
#sEditPane{background:white;border-radius:21px 21px 0 0;padding:16px;width:100%;max-width:640px;max-height:91dvh;overflow-y:auto;padding-bottom:calc(22px + env(safe-area-inset-bottom))}
#sEditPane h2{font-size:17px;margin:0 0 10px}
#sViewCare #care>.card,#sViewSettings #settings>.card{box-shadow:none;border:1px solid #f0e8ec;border-radius:18px;margin:12px 0}
#sViewCare #care,#sViewSettings #settings{display:block;width:100%;max-width:none}
#sViewCare #care.hide,#sViewSettings #settings.hide{display:none!important}
.s-feature-link{display:block;background:#fff;border:1px solid #f1e7ec;padding:11px;border-radius:12px;text-align:center;color:#8e4666;font-size:13px;font-weight:650;text-decoration:none}
@media(max-width:370px){.s-search-wrap>button{padding:10px 8px;font-size:12px}.s-seg button{font-size:12px}.s-tile b{font-size:21px}.s-main{padding:12px 10px}.s-card{padding:13px}}
@media(min-width:650px){.s-bottom-nav{box-shadow:0 -2px 8px #0001}}

.s-dialog-results .s-star{flex:0 0 42px;border:0;background:#faf0f4;color:#a75271;font-size:23px;padding:10px 5px;border-radius:11px}.s-dialog-results .s-pick{min-width:0}.s-dialog-results .s-row{gap:5px}
