:root{
  --green:#3f9137;
  --green-2:#2e7f2a;
  --green-text:#43a95c;
  --line:#6d6d6d;
  --soft:#ececec;
  --panel:#f4f4f4;
  --orange:#f6a531;
  --red:#c92619;
  --ink:#262626;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
body{overscroll-behavior:none}
button,input{font:inherit}
button{touch-action:manipulation}
.app-shell{min-height:100dvh;padding-bottom:calc(118px + env(safe-area-inset-bottom));background:#fff}
.topbar{position:sticky;top:0;z-index:20;height:112px;padding-top:env(safe-area-inset-top);background:var(--green);display:flex;align-items:flex-end;justify-content:center}
.topbar-title{width:100%;text-align:center;color:#fff;font-weight:800;font-size:clamp(22px,5vw,34px);padding:20px 16px 18px;line-height:1.15}
.screen{min-height:calc(100dvh - 230px);padding:24px 22px 30px}
.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:55dvh;text-align:center}
.brand{font-size:clamp(44px,12vw,80px);font-weight:900;letter-spacing:-.04em;color:#d71920;line-height:.95;margin-bottom:18px;text-shadow:0 1px 0 #fff}
.brand small{display:block;font-size:.26em;color:var(--green);letter-spacing:.02em;margin-top:16px}
.hero-card{border:3px solid var(--green-text);border-radius:18px;padding:20px 28px;font-size:clamp(22px,6vw,34px);font-weight:800;color:var(--green-text);background:#fff;min-width:min(90vw,620px)}
.hero-note{margin-top:18px;color:#666;font-size:14px}
.primary-cta{margin-top:28px;background:linear-gradient(#ee6a5f,#c92619 55%,#b01c14);color:#fff;border:2px solid #b71912;border-radius:18px;padding:18px 28px;font-size:28px;font-weight:900;min-width:min(80vw,440px);box-shadow:inset 0 2px 4px rgba(255,255,255,.45)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 14px;margin-top:40px}
.choice{aspect-ratio:1/1;border:4px solid #717171;border-radius:20px;background:linear-gradient(#fff,#f2f2f2);font-size:clamp(32px,9vw,62px);font-weight:700;color:var(--green-text);display:flex;align-items:center;justify-content:center;line-height:1.05;padding:8px;text-align:center;box-shadow:inset 0 1px 0 #fff}
.choice.compact{font-size:clamp(22px,5.5vw,38px);aspect-ratio:auto;min-height:118px}
.section-lead{font-size:clamp(22px,5vw,32px);font-weight:800;text-align:center;margin:8px 0 8px}
.sublead{text-align:center;color:#666;margin:0 0 22px;font-size:15px}
.budget-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.budget{min-height:120px;border:4px solid #747474;border-radius:20px;background:linear-gradient(#fff,#f2f2f2);font-size:clamp(27px,7vw,46px);font-weight:800;color:var(--green-text)}
.slider-box{margin-top:28px;border:2px solid var(--green-text);border-radius:15px;padding:20px;background:#fafafa}.slider-box label{font-size:18px;font-weight:700}.slider-row{display:flex;gap:12px;align-items:center;margin-top:12px}.slider-row input[type="range"]{width:100%;accent-color:var(--green)}.slider-value{min-width:110px;text-align:right;font-size:26px;font-weight:900}
.result-table{border:2px solid var(--green);border-radius:13px;overflow:hidden;background:var(--panel);margin-top:0}.result-head,.result-row{display:grid;grid-template-columns:1fr 76px 98px;align-items:center}.result-head{background:#d2d2d2;font-weight:900;font-size:clamp(18px,4.5vw,27px);padding:12px}.result-row{background:#fff;padding:14px 12px;font-size:clamp(17px,4.2vw,26px);min-height:78px}.result-row .qty,.result-row .price,.result-head .qty,.result-head .price{text-align:right}.result-spacer{height:150px;background:#f1f1f1}.result-summary{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-top:20px;font-size:clamp(25px,6vw,38px);font-weight:900}.result-summary strong{font-size:1.15em}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.metric{background:#f4f4f4;border:1px solid #ddd;border-radius:10px;padding:10px;text-align:center}.metric b{display:block;font-size:19px}.metric span{font-size:12px;color:#666}.recommend-note{border-left:6px solid var(--green);padding:12px 14px;background:#f4f8f3;line-height:1.6;margin:14px 0}.screen-actions{display:flex;gap:12px;margin-top:18px}.screen-actions button{flex:1;min-height:64px;border-radius:14px;border:2px solid #b31e16;background:linear-gradient(#e45c52,#c92619);color:#fff;font-weight:900;font-size:21px}.screen-actions button.secondary{border-color:#777;background:linear-gradient(#fff,#eee);color:#333}
.list-card{border:2px solid var(--green);border-radius:14px;overflow:hidden;margin:14px 0;background:#fff}.list-card h3{margin:0;background:#d3d3d3;padding:12px;font-size:20px}.list-card .content{padding:14px;line-height:1.65}.empty{display:grid;place-items:center;min-height:45dvh;text-align:center;color:#777;font-size:20px}
.bottom-nav{position:fixed;z-index:30;left:0;right:0;bottom:0;background:var(--green);display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(0,0,0,.08)}
.nav-btn{position:relative;min-height:74px;border:0;border-radius:8px;background:linear-gradient(#fff,#e6e6e6);color:var(--green);font-weight:900;font-size:clamp(16px,4vw,27px);line-height:1.05;padding:8px 2px;box-shadow:inset 0 2px 8px rgba(0,0,0,.16)}
.nav-btn.active{outline:5px solid var(--orange)}.nav-btn:disabled{opacity:.55}.badge{position:absolute;right:-7px;top:-10px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-style:normal;font-size:26px}
.confirm-dialog{border:0;background:transparent;padding:0;width:min(86vw,620px)}.confirm-dialog::backdrop{background:rgba(0,0,0,.08)}.dialog-box{position:relative;background:#fff;border:2px solid var(--green);border-radius:14px;padding:28px 34px 20px;box-shadow:0 8px 18px rgba(0,0,0,.3)}.dialog-box:after{content:"";position:absolute;right:-28px;top:32px;border-width:15px 0 15px 28px;border-style:solid;border-color:transparent transparent transparent var(--green)}.dialog-box p{font-size:clamp(22px,5vw,34px);margin:0 0 30px;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:20px}.dialog-btn{border:1px solid #888;border-radius:8px;background:linear-gradient(#fff,#eaeaea);padding:8px 24px;font-size:clamp(20px,4.7vw,30px);box-shadow:inset 0 1px 4px rgba(0,0,0,.12)}.dialog-btn:focus{outline:4px solid #70b5ff}.dialog-btn.muted{color:#555}
@media (min-width:700px){.app-shell{max-width:760px;margin:0 auto;box-shadow:0 0 30px rgba(0,0,0,.08)}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:760px}.screen{padding-left:34px;padding-right:34px}}
.full-width{min-width:100%;font-size:22px}
.calorie-box{margin-top:18px;border:2px solid var(--green-text);border-radius:15px;padding:16px;background:#fafafa}
.calorie-title{font-size:18px;font-weight:800;margin-bottom:10px}
.calorie-options{display:flex;flex-wrap:wrap;gap:8px}
.calorie-chip{border:2px solid #8b8b8b;background:linear-gradient(#fff,#eee);border-radius:9px;padding:10px 12px;font-weight:800;color:#444}
.calorie-chip.selected{border-color:var(--green);outline:2px solid #a8d7a3;color:var(--green)}
.order-id{display:inline-block;min-width:58px;margin-right:8px;font-weight:900;color:var(--green);font-variant-numeric:tabular-nums}.copy-order-id{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;line-height:1;color:var(--green);text-decoration:none;border-radius:5px}.copy-order-id:active{transform:scale(.96)}.copy-order-id:focus-visible{outline:3px solid #8bcf84;outline-offset:3px}.copy-order-id.copied{color:#fff;background:var(--green);text-align:center}.copy-hint{margin:14px 0 8px;padding:10px 12px;border:1px solid #cfe2cc;border-radius:9px;background:#f6faf5;color:#4f6a4a;font-size:13px;line-height:1.5}
.nutrition-line{display:block;margin-left:66px;margin-top:4px;color:#777;font-size:12px;white-space:nowrap}
@media (max-width:430px){.result-head,.result-row{grid-template-columns:1fr 52px 66px}.nutrition-line{white-space:normal}.result-summary{font-size:24px}}
.quick-profile{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(90vw,620px);margin-top:14px}.quick-profile button{border:2px solid var(--green);background:#fff;border-radius:10px;padding:10px 5px;color:var(--green);font-weight:900}
.profile-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0}.profile-card{text-align:left;border:3px solid #777;border-radius:16px;background:linear-gradient(#fff,#f1f1f1);padding:14px 16px;min-height:92px}.profile-card.featured{border-color:var(--green);box-shadow:0 0 0 2px rgba(63,145,55,.12)}.profile-card b{display:flex;align-items:center;gap:10px;color:var(--green);font-size:24px}.profile-card b span{font-size:28px}.profile-card small{display:block;margin-top:7px;color:#555;font-size:13px;line-height:1.45}.tiny-note{font-size:12px;color:#666;margin:10px 0 0;line-height:1.5}.result-profile{border:2px solid var(--green);border-radius:12px;padding:12px 14px;margin-bottom:12px;background:#f5faf4}.result-profile b{display:block;font-size:21px;color:var(--green)}.result-profile span{display:block;font-size:13px;margin-top:4px}.result-profile small{display:block;color:#666;margin-top:4px}.order-id.unverified{color:#999}.estimate-box{display:flex;flex-direction:column;gap:4px;border:2px solid #d7a53b;background:#fff9e9;border-radius:10px;padding:12px;margin:12px 0}.estimate-box span{font-size:12px;color:#6b5b37}.condition-panel{border:2px solid var(--green);border-radius:14px;background:#f5faf4;padding:12px 14px;margin:0 0 18px;position:sticky;top:112px;z-index:10;box-shadow:0 4px 10px rgba(0,0,0,.05)}
.condition-panel-title{font-size:14px;font-weight:900;color:var(--green);margin-bottom:8px}
.condition-tags{display:flex;flex-wrap:wrap;gap:7px}
.condition-tags span{background:#fff;border:1px solid #b9d8b5;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;color:#365a32}
.drinkbar-guide{margin-top:10px;padding:10px 12px;background:#fff;border-radius:9px;border:1px solid #ddd;font-size:12px;line-height:1.7;color:#555}
.drinkbar-guide b{color:var(--green)}
@media(max-width:430px){.condition-panel{top:108px}.condition-tags span{font-size:11px;padding:5px 8px}}

/* allergy filter + order copy guidance */
.copy-guide{display:flex;align-items:center;gap:10px;border:2px solid var(--green);background:#f5faf4;border-radius:12px;padding:10px 12px;margin:0 0 10px;color:#365a32}
.copy-guide b{white-space:nowrap;font-size:13px}.copy-guide span{font-size:12px;line-height:1.45}
.allergy-warning{font-weight:700;color:#6a4b18}.allergy-subtitle{font-size:13px;font-weight:900;color:#444;margin:12px 0 8px}
.allergy-options{display:flex;flex-wrap:wrap;gap:8px}.allergy-chip{border:2px solid #8a8a8a;background:#fff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px;color:#333}
.allergy-chip.selected{border-color:var(--green);background:var(--green);color:#fff}.allergy-details{margin-top:12px}.allergy-details summary{cursor:pointer;font-weight:800;color:var(--green);font-size:13px;padding:6px 0}.allergy-details[open] .allergy-options{margin-top:8px}.clear-allergy{margin-top:12px;border:1px solid #aaa;background:#fff;border-radius:9px;padding:8px 10px;font-size:12px;font-weight:800;color:#555}

/* Menu browser */
.menu-browser-head{padding:12px;background:#fff;border-bottom:1px solid #cfcfcf;position:sticky;top:0;z-index:2}
.menu-search{width:100%;font-size:16px;padding:12px;border:1px solid #999;border-radius:6px;background:#fff}
.menu-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.menu-filter-row select{width:100%;padding:10px;border:1px solid #aaa;border-radius:6px;background:#fff;font-size:14px}
.menu-quick-filters{display:flex;gap:6px;overflow:auto;margin-top:8px;padding-bottom:2px}
.menu-quick-filters button{white-space:nowrap;border:1px solid #8e8e8e;border-radius:18px;background:#fff;padding:7px 10px;font-size:12px;font-weight:700}
.menu-quick-filters button.selected{background:#3f9137;color:#fff;border-color:#3f9137}
.menu-count{padding:10px 14px 4px;font-size:12px;color:#666;font-weight:700}
.menu-list-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #d6d6d6;padding:13px 14px;color:#222}
.menu-list-item>div:first-child{min-width:0}.menu-list-item b{display:block;font-size:15px;margin-top:3px}.menu-list-item small{display:block;color:#777;margin-top:4px;font-size:11px}
.menu-code{display:inline-block;color:#22812f;font-weight:900;font-size:13px;margin-right:7px}
.menu-list-meta{text-align:right;align-self:center}.menu-list-meta strong{display:block;font-size:15px}.menu-list-meta small{white-space:nowrap}
.back-link{border:0;background:transparent;padding:12px 14px;color:#277d2e;font-weight:800;font-size:14px}
.menu-detail-card{margin:0 12px 18px;background:#fff;border:1px solid #bdbdbd;border-radius:8px;overflow:hidden}
.menu-detail-title{padding:16px}.menu-detail-title h2{font-size:20px;margin:8px 0}.menu-detail-title>strong{font-size:20px}
.detail-tags{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 14px}.detail-tags span{font-size:11px;border:1px solid #aaa;border-radius:14px;padding:4px 8px;background:#f8f8f8}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ddd;border-bottom:1px solid #ddd}.detail-metric{padding:12px 14px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.detail-metric span,.detail-metric small{display:block;color:#777;font-size:11px}.detail-metric b{display:block;margin:4px 0;font-size:18px}.detail-section{padding:14px 16px;border-bottom:1px solid #e5e5e5}.detail-section h3{margin:0 0 7px;font-size:14px}.detail-section p{margin:0;font-size:14px;line-height:1.6}.detail-section small{display:block;margin-top:7px;color:#777;line-height:1.5}

.profile-card.disabled-option,.profile-card:disabled{opacity:.42;filter:grayscale(.7);cursor:not-allowed;border-color:#aaa;background:#eee}.profile-card.disabled-option b,.profile-card:disabled b{color:#777}.profile-card.disabled-option small,.profile-card:disabled small{color:#777}

/* copy feedback toast */
.copy-toast{position:fixed;left:50%;bottom:92px;z-index:9999;transform:translate(-50%,14px);background:rgba(35,35,35,.94);color:#fff;padding:11px 16px;border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 5px 18px rgba(0,0,0,.24);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}
.copy-toast.show{opacity:1;transform:translate(-50%,0)}

/* public-tuning: distinct-but-familiar visual identity */
body{background:#f7f4ea}
.app-shell{background:#fffdf8}
.topbar{background:linear-gradient(180deg,#3f9137 0%,#357f31 100%);border-bottom:4px solid #f2b84b}
.home-hero{padding-top:18px}
.unofficial-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #d9a43a;background:#fff6d8;color:#6a531e;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900;letter-spacing:.05em;margin-bottom:16px}
.brand{color:var(--ink);text-shadow:none;font-size:clamp(34px,9vw,62px);line-height:1.04;letter-spacing:-.045em;margin-bottom:22px}
.brand span,.brand strong{display:block}.brand strong{color:var(--green);font-size:1.13em;margin-top:3px}.brand small{font-size:.25em;color:#666;line-height:1.55;margin-top:14px;letter-spacing:0}
.hero-card{border-color:var(--green);color:var(--green);box-shadow:0 8px 18px rgba(63,145,55,.10);background:#fff}
.quick-label{font-size:12px;font-weight:800;color:#777;margin-top:18px}
.quick-profile button{border-color:#b7c8b4;color:#355c31;background:#fffdf8}
.quick-profile button:hover,.quick-profile button:active{border-color:var(--green);background:#f4faf2}
.budget-slider-box{margin-top:10px}
.slider-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.budget-unlimited{border:1px solid #999;background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;color:#555}
.budget-unlimited.selected{border-color:var(--orange);background:#fff4df;color:#7a4d0c}
.slider-row input[type="range"]:disabled{opacity:.35}
.metric-strip.two-metrics{grid-template-columns:repeat(2,1fr)}
.share-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:2px solid #d9a43a;background:#fff9e8;border-radius:14px;padding:14px 15px;margin:18px 0}
.share-card div{min-width:0}.share-card b{display:block;font-size:15px}.share-card span{display:block;color:#6b624e;font-size:12px;line-height:1.45;margin-top:3px}.share-card button{flex:0 0 auto;border:0;background:var(--green);color:#fff;border-radius:10px;padding:11px 14px;font-weight:900}
.history-tools{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px;color:#666;font-size:12px}.history-tools button{border:1px solid #aaa;background:#fff;border-radius:8px;padding:7px 10px;color:#666;font-weight:800}
.history-card .content{padding-top:12px}.history-condition{font-size:12px;color:#666;margin-bottom:10px}.history-items{display:grid;grid-template-columns:auto 1fr;gap:8px 10px;align-items:center}.history-order{min-width:58px;border:0;background:transparent;color:var(--green);font-weight:900;text-align:left;padding:2px 0}.history-order.muted{color:#999}.history-total{display:block;margin-top:12px}.history-actions{display:flex;gap:8px;margin-top:12px}.history-actions button{flex:1;border:1px solid var(--green);background:#fff;color:var(--green);border-radius:9px;padding:9px 8px;font-weight:900}.history-actions button.danger{border-color:#b8b8b8;color:#777}
@media(max-width:430px){.share-card{align-items:flex-start;flex-direction:column}.share-card button{width:100%}.slider-title-row{align-items:flex-start}.budget-unlimited{white-space:nowrap}}

/* result screen: simpler, closer to the QR order UI */
.simple-result-profile{border-radius:6px;background:#fff;border:1px solid #9f9f9f;border-left:5px solid var(--green);padding:10px 12px}
.simple-result-profile b{color:#222;font-size:18px}.simple-result-profile span{font-size:12px;color:#555}.simple-result-profile small{font-size:11px;color:#777}
.plain-status{display:flex;gap:10px;align-items:center;border-bottom:1px solid #cfcfcf;padding:10px 4px;margin:0 0 10px}.plain-status b{color:#222}.plain-status span{font-size:12px;color:#666}
.saize-info-block{border-top:2px solid var(--green);border-bottom:2px solid var(--green);margin:18px 0 12px;background:#fff}
.saize-info-title{background:#d2d2d2;padding:9px 12px;font-weight:900;font-size:16px}
.saize-info-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 12px;border-top:1px solid #dedede;font-size:15px}
.saize-info-row span{color:#444}.saize-info-row b{font-size:17px;color:#222}
.result-explain{border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:12px 4px;margin:12px 0;background:#fff}
.result-explain b{display:block;font-size:15px;margin-bottom:5px}.result-explain p{margin:0;color:#555;font-size:12px;line-height:1.6}
.result-share-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:12px 4px;margin:14px 0;background:#fff}
.result-share-row b{display:block;font-size:15px}.result-share-row span{display:block;font-size:12px;color:#666;margin-top:3px}.result-share-row button{min-width:108px;border:2px solid var(--green);background:linear-gradient(#fff,#ededed);color:var(--green);border-radius:7px;padding:11px 13px;font-size:16px;font-weight:900}
.result-footnote{font-size:11px;color:#666;line-height:1.75;padding:8px 4px 2px}
/* hide old card styles if stale elements remain */
.metric-strip,.estimate-box,.share-card,.recommend-note{display:none}
.share-fallback{position:fixed;inset:0;z-index:10000;display:none;align-items:flex-end;justify-content:center}.share-fallback.show{display:flex}.share-fallback-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.share-fallback-sheet{position:relative;width:min(100%,560px);background:#fff;border-radius:14px 14px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.18)}
.share-fallback-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:10px}.share-fallback-head b{font-size:18px}.share-fallback-head button{border:0;background:transparent;font-size:28px;line-height:1;color:#555}
.share-fallback-sheet p{font-size:12px;color:#666;line-height:1.6}.share-fallback-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-fallback-actions button{border:1px solid #777;background:linear-gradient(#fff,#eee);border-radius:7px;padding:12px 8px;font-weight:900;color:#222}
@media(max-width:430px){.result-share-row{grid-template-columns:1fr auto}.result-share-row button{min-width:96px}.share-fallback-actions{grid-template-columns:1fr}}
.spicy-badge{display:inline-block;font-size:.72em;font-weight:700;color:#b3261e;border:1px solid #b3261e;border-radius:3px;padding:1px 4px;margin-left:4px;vertical-align:middle;background:#fff}

/* popular-anchor flow */
.hero-card-secondary{margin-top:10px;border-color:#8a8a8a;color:#333;background:linear-gradient(#fff,#f0f0f0);box-shadow:none}
.anchor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}
.anchor-card{position:relative;text-align:left;border:2px solid #8a8a8a;border-radius:8px;background:#fff;padding:14px 11px 12px;min-height:92px;color:#222}
.anchor-card:active{border-color:var(--green);background:#f4faf2}.anchor-card b{display:block;font-size:14px;line-height:1.4;padding-top:8px}.anchor-card b em{font-style:normal;color:var(--green);font-size:15px;margin-right:6px}.anchor-card small{display:block;color:#666;font-size:11px;margin-top:7px}.anchor-popular{position:absolute;top:6px;right:7px;background:#e7e7e7;border:1px solid #aaa;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:900;color:#444}
.secondary-wide{width:100%;border:2px solid #888;background:linear-gradient(#fff,#eee);border-radius:7px;padding:12px;font-size:15px;font-weight:900;color:#333}
.anchor-current{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #ddd;margin-bottom:8px}.anchor-current b{font-size:13px;color:#333}.anchor-current span{font-size:13px;color:#777}.anchor-current button{border:1px solid #999;background:#fff;border-radius:5px;padding:5px 8px;font-weight:800;color:#555}
.anchor-chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 5px}.anchor-chips .calorie-chip{white-space:nowrap;flex:0 0 auto}
.spicy-badge.level-2{font-weight:900;border-width:2px}
@media(max-width:390px){.anchor-grid{grid-template-columns:1fr}.anchor-card{min-height:78px}}

/* home: two clear entry points, styled closer to the QR-order UI */
.home-hero{justify-content:flex-start;min-height:auto;padding-top:8px;text-align:left;align-items:stretch}
.unofficial-strip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;width:100%;border:1px solid #a7a7a7;border-left:5px solid var(--green);background:#f1f1f1;padding:9px 11px;margin:0 0 18px;color:#444}
.unofficial-strip b{font-size:12px;color:#222;white-space:nowrap}.unofficial-strip span{font-size:11px;line-height:1.35;color:#666}
.compact-brand{margin:0 0 18px;text-align:center;font-size:inherit;letter-spacing:0;line-height:1.25}
.compact-brand strong{display:block;color:var(--green);font-size:clamp(28px,7vw,44px);font-weight:900;margin:0}
.compact-brand small{display:block;color:#666;font-size:clamp(12px,3vw,14px);line-height:1.55;margin:7px auto 0;max-width:520px;letter-spacing:0;font-weight:500}
.home-route-list{display:grid;gap:12px;width:100%;margin:8px 0 0}
.route-card{position:relative;width:100%;text-align:left;border:3px solid #747474;border-radius:10px;background:linear-gradient(#fff,#f0f0f0);padding:16px 48px 15px 16px;color:#222;min-height:112px;box-shadow:inset 0 1px 0 #fff}
.route-card:active{border-color:var(--green);background:#f3f8f2}
.route-card .route-kicker{display:block;color:var(--green);font-size:12px;font-weight:900;margin-bottom:5px}
.route-card b{display:block;font-size:clamp(20px,5vw,28px);line-height:1.25}
.route-card small{display:block;color:#666;font-size:12px;line-height:1.5;margin-top:8px}
.route-card i{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-style:normal;font-size:40px;line-height:1;color:var(--green);font-weight:500}
.home-copy-hint{margin:16px 2px 0;color:#666;font-size:12px;line-height:1.5;text-align:center}
/* legacy home shortcuts are intentionally hidden */
.quick-label,.quick-profile,.unofficial-pill{display:none!important}

/* public tuning: stable home layout on narrow screens */
.screen,.home-hero,.home-route-list,.route-card,.route-card b,.route-card small{min-width:0;max-width:100%}
.home-hero{width:100%;overflow-x:hidden}
.home-notice{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;margin:0 0 18px;background:#ededed;border-top:1px solid #999;border-bottom:1px solid #999;color:#444;line-height:1.35}
.home-notice b{flex:0 0 auto;font-size:12px;color:#333}.home-notice span{font-size:11px;color:#666;min-width:0}
.compact-brand{width:100%;margin:2px 0 20px;text-align:center}
.compact-brand strong{font-size:clamp(27px,7vw,40px);line-height:1.15;letter-spacing:-.02em}
.compact-brand small{font-size:12px;line-height:1.55;margin-top:6px;padding:0 8px}
.home-route-list{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:2px}
.route-card{display:block;overflow:hidden;min-height:104px;padding:17px 50px 16px 16px;border-radius:8px;border-width:2px}
.route-card b{font-size:clamp(19px,5vw,27px);overflow-wrap:anywhere;word-break:normal}
.route-card small{font-size:12px;overflow-wrap:anywhere;word-break:normal;margin-top:8px}
.route-card i{right:16px;font-size:36px}
.home-copy-hint{width:100%;margin-top:14px;font-size:11px}
@media(max-width:360px){
  .screen{padding-left:14px;padding-right:14px}
  .home-notice{gap:6px;padding:7px 8px}.home-notice b{font-size:11px}.home-notice span{font-size:10px}
  .route-card{padding:15px 40px 14px 13px;min-height:96px}.route-card i{right:12px}.route-card b{font-size:18px}.route-card small{font-size:11px}
  .bottom-nav{gap:4px;padding-left:8px;padding-right:8px}.nav-btn{font-size:15px;min-width:0}
}

/* 2026-09-21: result list — keep the order table compact; nutrients live in menu detail */
.result-menu-cell{display:flex;align-items:center;min-width:0;gap:8px}
.result-menu-detail{min-width:0;flex:1;border:0;background:transparent;padding:4px 0;text-align:left;color:#222;cursor:pointer}
.result-menu-detail>span{display:block;font-size:inherit;line-height:1.25;overflow-wrap:anywhere}
.result-menu-detail>small{display:block;margin-top:3px;color:#777;font-size:10px;line-height:1.2;font-weight:600}
.result-menu-detail:active>span{color:var(--green)}
.result-row{overflow:hidden}
.result-row>div:first-child{min-width:0;overflow:hidden}
.result-row .price,.result-row .qty{white-space:nowrap}
.nutrition-line{display:none!important}
@media(max-width:430px){
  .result-row{padding:13px 10px;min-height:72px}
  .result-menu-cell{gap:6px}
  .result-menu-detail>small{font-size:9px}
  .order-id{flex:0 0 auto}
}

/* 2026-09-21: home — Saizeriya QR-order-like large outlined choices */
.home-route-list{gap:16px;margin-top:8px}
.route-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:118px;
  padding:18px 20px;
  text-align:center;
  border:4px solid var(--green);
  border-radius:22px;
  background:#fff;
  color:var(--green);
  box-shadow:none;
}
.route-card:hover,.route-card:focus-visible{background:#f7fbf6}
.route-card:active{background:#edf6eb;border-color:var(--green-2)}
.route-card b{font-size:clamp(22px,5.6vw,34px);line-height:1.18;color:var(--green);font-weight:900}
.route-card small{font-size:12px;line-height:1.45;color:#666;margin-top:9px;font-weight:600}
.route-card i{display:none}
@media(max-width:360px){
  .route-card{min-height:104px;padding:15px 12px;border-width:3px;border-radius:18px}
  .route-card b{font-size:20px}
  .route-card small{font-size:10px}
}


/* 2026-09-21: TOPをQRオーダー風の大きな選択ボタンへ */
.home-route-list{gap:18px;margin-top:10px}
.route-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  min-height:132px;
  padding:20px 18px;
  text-align:center;
  border:4px solid var(--green);
  border-radius:28px;
  background:#fff;
  box-shadow:none;
  color:var(--green);
}
.route-card:hover,.route-card:focus-visible{background:#fbfffa;outline:none}
.route-card:active{background:#f0f8ef;border-color:var(--green-2);transform:translateY(1px)}
.route-card b{
  color:var(--green);
  font-size:clamp(24px,6vw,38px);
  font-weight:900;
  line-height:1.2;
  letter-spacing:.01em;
  overflow-wrap:anywhere;
}
.route-card small{
  color:#6a6a6a;
  font-size:clamp(11px,2.8vw,14px);
  line-height:1.5;
  margin-top:10px;
  font-weight:600;
}
.route-card i{display:none!important}

/* 結果一覧は注文時の視認性を優先。栄養値は詳細画面で確認する。 */
.result-menu-cell{align-items:flex-start}
.result-menu-detail{overflow:hidden}
.result-menu-detail>span{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.result-menu-detail>small{white-space:normal}
.result-row{grid-template-columns:minmax(0,1fr) 58px 78px;column-gap:6px}
.result-head{grid-template-columns:minmax(0,1fr) 58px 78px;column-gap:6px}
.result-row .price,.result-head .price{overflow:hidden;text-overflow:clip}

@media (max-width:430px){
  .route-card{min-height:116px;border-radius:24px;padding:17px 13px}
  .route-card b{font-size:22px}
  .route-card small{font-size:11px}
  .result-row,.result-head{grid-template-columns:minmax(0,1fr) 46px 62px;column-gap:4px}
  .result-row{padding:12px 8px;font-size:17px}
  .result-head{padding:11px 8px;font-size:18px}
  .order-id{min-width:50px;margin-right:4px}
}

/* 2026-09-21: result/history detail uses a modal so users do not leave the current flow */
.menu-detail-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.menu-detail-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}
.menu-detail-modal-sheet{position:relative;width:min(100%,620px);max-height:min(88dvh,820px);background:#fff;border:3px solid var(--green);border-bottom:0;border-radius:18px 18px 0 0;display:flex;flex-direction:column;box-shadow:0 -5px 20px rgba(0,0,0,.18);overflow:hidden}
.menu-detail-modal-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:9px 12px 9px 18px;background:var(--green);color:#fff;border-bottom:3px solid #e6a733}
.menu-detail-modal-head b{font-size:20px}
.menu-detail-modal-close{width:42px;height:42px;border:2px solid #fff;border-radius:7px;background:#fff;color:var(--green);font-size:28px;font-weight:900;line-height:1;cursor:pointer}
.menu-detail-modal-body{overflow:auto;-webkit-overflow-scrolling:touch;padding:14px;background:#f7f7f7}
.menu-detail-modal .modal-detail-card{margin:0;border:1px solid #888;border-radius:6px;box-shadow:none;background:#fff}
.menu-detail-modal .menu-detail-title{align-items:flex-start}
.menu-detail-modal .menu-detail-title h2{min-width:0;overflow-wrap:anywhere}
.menu-detail-modal-done{flex:0 0 auto;margin:0;border:0;border-top:1px solid #bbb;background:#f4f4f4;color:var(--green);font-size:20px;font-weight:900;min-height:58px;cursor:pointer}
.menu-detail-modal-done:active,.menu-detail-modal-close:active{background:#e9e9e9}
@media(min-width:700px){
  .menu-detail-modal{align-items:center;padding:24px}
  .menu-detail-modal-sheet{border-bottom:3px solid var(--green);border-radius:18px;max-height:86vh}
}
@media(max-width:430px){
  .menu-detail-modal-sheet{max-height:90dvh;border-width:2px 2px 0;border-radius:14px 14px 0 0}
  .menu-detail-modal-head{min-height:54px;padding-left:14px}.menu-detail-modal-head b{font-size:18px}
  .menu-detail-modal-body{padding:10px}
  .menu-detail-modal .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Nutrition estimates v3: keep uncertain values visually modest and easy to scan. */
.detail-meter{padding:12px 14px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;min-width:0}
.detail-meter>span{font-size:11px;color:#777;grid-column:1/-1}.detail-meter>b{font-size:16px;color:#222}.detail-meter>small{font-size:10px;color:#777;justify-self:end}
.meter-blocks{display:flex;gap:3px;min-width:78px}.meter-blocks i{display:block;height:8px;flex:1;background:#d7d7d7;border:1px solid #bdbdbd}.meter-blocks.level-1 i:nth-child(1),.meter-blocks.level-2 i:nth-child(-n+2),.meter-blocks.level-3 i{background:#4a963f;border-color:#3c7d34}
.saize-info-block .detail-meter{grid-template-columns:1fr auto auto;padding:10px 12px;border-right:0;border-top:1px solid #dedede;border-bottom:0}.saize-info-block .detail-meter>span{grid-column:auto;font-size:15px;color:#444}.saize-info-block .detail-meter .meter-blocks{min-width:66px}.saize-info-block .detail-meter>b{font-size:14px}.saize-info-block .detail-meter>small{display:none}
@media(max-width:380px){.detail-grid{grid-template-columns:1fr}.detail-metric,.detail-meter{border-right:0}.saize-info-row{grid-template-columns:minmax(0,1fr) auto;gap:8px}.saize-info-row b{font-size:15px;text-align:right}.saize-info-block .detail-meter{grid-template-columns:minmax(0,1fr) 64px auto;gap:6px}.saize-info-block .detail-meter>span{white-space:normal}}

/* 2026-09-22: TOP shortcuts for lunch / morning */
.route-card-sub{min-height:92px;border-width:3px;border-radius:22px;padding-top:14px;padding-bottom:14px}
.route-card-sub b{font-size:clamp(19px,5vw,27px)}
.route-card-sub small{margin-top:6px}
.morning-route-wrap{display:grid;gap:7px}
.official-list-link{display:block;text-align:center;color:var(--green);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:2px 4px 6px}
.calorie-box .tiny-note a{color:var(--green);font-weight:800;text-decoration:underline;text-underline-offset:2px}
@media(max-width:390px){.route-card-sub{min-height:86px}.route-card-sub b{font-size:18px}.official-list-link{font-size:11px}}

/* TOP = LP兼サービス入口。説明は短く、操作を邪魔しない見せ方にする。 */
.home-intro{
  width:100%;
  margin:2px 0 16px;
  padding:12px 14px;
  border-top:1px solid #c8c8c8;
  border-bottom:1px solid #c8c8c8;
  background:#f6f6f6;
  text-align:left;
  line-height:1.5;
}
.home-intro b{display:block;font-size:15px;color:#333;margin-bottom:2px}
.home-intro span{display:block;font-size:12px;color:#666}
@media (max-width:430px){
  .home-intro{padding:10px 12px;margin-bottom:14px}
  .home-intro b{font-size:14px}
  .home-intro span{font-size:11px}
}

/* 2026-09-29: result item swap / next-best candidates */
.result-menu-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.result-menu-detail{width:100%}
.result-item-actions{display:flex;align-items:center;gap:10px;margin-top:5px;min-height:24px}
.result-item-actions button{border:0;background:transparent;padding:2px 0;color:#666;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.result-item-actions .result-swap-btn{color:var(--green)}
.result-item-actions span{font-size:10px;color:#777}
.swap-current{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px;border:1px solid #999;background:#fff;margin-bottom:10px}
.swap-current small{grid-column:1/-1;color:#666}.swap-current b{font-size:17px}.swap-current span{font-weight:900;white-space:nowrap}
.swap-guide{font-size:12px;color:#555;line-height:1.55;margin:8px 2px 12px}
.swap-candidates{display:grid;gap:8px}
.swap-candidate{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;border:2px solid #8a8a8a;border-radius:6px;background:#fff;padding:11px 10px;cursor:pointer;color:#222}
.swap-candidate:active{background:#eff6ed;border-color:var(--green)}
.swap-candidate-main{display:flex;align-items:flex-start;gap:8px;min-width:0}
.swap-candidate-main .order-id.static{pointer-events:none;font-size:13px;min-width:48px;padding:4px 5px}
.swap-candidate-main div{min-width:0}.swap-candidate-main b{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.swap-candidate-main small{display:block;color:#666;font-size:10px;margin-top:4px;line-height:1.35}
.swap-candidate-price{text-align:right;white-space:nowrap}.swap-candidate-price strong{display:block;font-size:14px}.swap-candidate-price span{display:block;font-size:12px;font-weight:900;color:#555;margin-top:3px}.swap-candidate-price span.plus{color:#a12a20}.swap-candidate-price span.minus{color:var(--green)}.swap-candidate-price small{display:block;color:#777;font-size:9px;margin-top:3px}
.swap-empty{padding:22px 14px;background:#fff;border:1px solid #aaa;text-align:center;font-size:13px;line-height:1.6;color:#555}
@media(max-width:380px){.result-item-actions{gap:8px}.result-item-actions button{font-size:10px}.swap-candidate{grid-template-columns:minmax(0,1fr) 86px;padding:10px 8px}.swap-candidate-main{gap:5px}.swap-candidate-main .order-id.static{min-width:43px;font-size:12px}.swap-candidate-main b{font-size:14px}}
.price-panel h2 { font-size: 1.1rem; margin: 0 0 12px; }
.price-panel label { display: grid; gap: 8px; margin: 14px 0; }
.price-panel input, .price-panel select { width: 100%; min-height: 44px; padding: 10px; border: 1px solid #aaa; border-radius: 8px; font: inherit; background: white; color: #222; }
.price-panel button { min-height: 44px; padding: 10px 16px; border-radius: 8px; }
.price-panel p { line-height: 1.7; overflow-wrap: anywhere; }
.price-edit-row { border-top: 1px solid #ccc; padding: 8px 0 16px; }
.price-edit-row small { color: #555; }
.store-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; text-align: left; padding: 20px 0; border-block: 1px solid #d8e2d8; margin: 20px 0; }
.store-summary > div { flex: 1; min-width: 180px; display: grid; gap: 5px; }
.store-summary small, .store-summary span { color: #526652; font-size: .85rem; }
.store-summary button { min-height: 44px; padding: 10px 16px; background: #edf4eb; color: #245231; border: 0; border-radius: 8px; font: inherit; font-weight: 700; }
.store-summary > p { flex-basis: 100%; margin: 0; }
.store-search-label { display: block; margin: 28px 0 10px; font-weight: 700; }
.store-option { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; min-height: 68px; border: 0; border-bottom: 1px solid #d8e2d8; background: transparent; color: inherit; padding: 16px 2px; font: inherit; cursor: pointer; }
.store-option b, .store-option small { display: block; }
.store-option small { margin-top: 6px; color: #526652; overflow-wrap: anywhere; }
.store-option:focus-visible { outline: 3px solid #245231; outline-offset: 3px; }
.store-details { border-top: 1px solid #d8e2d8; margin-top: 24px; padding: 20px 0; text-align: left; }
.store-details summary { min-height: 44px; cursor: pointer; }
.store-details button { display: block; margin-top: 16px; min-height: 44px; }
.store-picker #storeStatus { color: #526652; line-height: 1.6; }
.ranking-guide { margin: 20px 0; padding: 16px 0; border-block: 1px solid #d8e2d8; text-align: left; }
.ranking-guide > b, .ranking-guide > span { display: block; margin-bottom: 10px; }
.ranking-guide > span { font-size: .9rem; line-height: 1.6; color: #526652; }