:root{--bg: #fbf9f6;--surface: #ffffff;--surface-2: #f3efe9;--text: #1f2933;--muted: #6b7280;--border: #e5e0d8;--primary: #f97316;--primary-text: #ffffff;--warn-bg: #fff7ed;--warn-border: #fdba74;--danger: #dc2626;--radius: 14px;--tap: 44px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:16px;line-height:1.6}.app{min-height:100dvh}.main{padding:16px 16px calc(96px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.05rem;margin:0 0 8px}p{margin:0 0 8px}.page-header{margin-bottom:20px}.eyebrow{color:var(--primary);font-weight:700;font-size:.85rem;margin:0}.lead{color:var(--muted);font-size:.95rem}.muted{color:var(--muted);font-size:.9rem}.center{text-align:center}.section{margin-bottom:24px}.section-title{font-size:1rem;font-weight:700}.card,.card-warn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-warn{background:var(--warn-bg);border-color:var(--warn-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--tap);padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}.btn:disabled{cursor:not-allowed;background:var(--surface-2);color:var(--muted);border-color:var(--border);box-shadow:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-block{width:100%}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.link-button{background:none;border:none;color:var(--muted);font-size:.9rem;min-height:var(--tap);padding:0 8px;cursor:pointer;text-decoration:underline;white-space:nowrap;flex:0 0 auto}.sticky-cta{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(251,249,246,0),var(--bg) 62%);padding:28px 0 12px;z-index:5}.page-with-cta{padding-bottom:16px}.effort-list{display:grid;gap:8px}.effort-card,.option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:var(--tap);padding:12px 16px;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;font-size:1rem}.effort-card-active,.option-active{border-color:var(--primary);background:var(--warn-bg)}.effort-label,.option-label{font-weight:700}.effort-hint,.option-hint{color:var(--muted);font-size:.85rem}.option-list{display:grid;gap:8px}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{min-height:var(--tap);padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.95rem;cursor:pointer}.stock-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.stock-row .chip{padding:8px 4px;text-align:center;font-size:.88rem;white-space:nowrap}.chip-count{display:inline-block;min-width:1.5em;padding:1px 6px;margin-left:2px;border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:700}.chip-active .chip-count{background:#ffffff4d}.chip-active{border-color:var(--primary);background:var(--primary);color:var(--primary-text);font-weight:700}.chip:disabled{opacity:.5}.chip-selected{border-color:var(--primary);background:var(--warn-bg);color:var(--text);font-weight:700}.chip-more{border-style:dashed;border-color:var(--primary);color:var(--text)}.chip-date{display:inline-flex;align-items:center;cursor:pointer}.chip-select .add-row{display:flex;gap:8px;margin-top:8px}.chip-select .add-row input{flex:1;min-height:var(--tap);padding:8px 12px;border-radius:10px;border:1px solid var(--border);font-size:16px}.form{display:grid;gap:16px}.field{display:grid;gap:6px;font-size:.95rem;font-weight:600}.field-compact{flex:1 1 45%}.field-inline{display:flex;align-items:flex-start;gap:10px;font-weight:500}.field input[type=text],.field input[type=number],.field input[type=search],.field input[type=date],.field input[type=password],.field select,.search,.candidate-name{min-height:var(--tap);padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:16px;width:100%}.field input[type=checkbox]{width:24px;height:24px;margin-top:10px}.field-inline-center{align-items:center}.field-inline-center input[type=checkbox]{margin-top:0}.hint{display:block;color:var(--muted);font-size:.85rem;font-weight:400}.required-note{color:var(--danger);font-size:.8rem;font-weight:700}.inline-error{color:var(--danger);font-size:.9rem}.details{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.details summary{min-height:var(--tap);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-weight:600;list-style:none}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"▾";color:var(--muted);font-size:.9rem;transition:transform .15s ease}.details[open] summary:after{transform:rotate(180deg)}.toolbar{margin-bottom:12px}.tab-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}.tab-row::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:var(--tap);padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.95rem;cursor:pointer}.tab-active{background:var(--text);color:#fff;border-color:var(--text);font-weight:700}.item-list,.candidate-list,.usage-list,.confirm-list,.alt-list,.plain-list,.pill-list,.file-list,.tips,.steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.item-list>li,.candidate-list>li,.usage-list>li,.confirm-list>li,.alt-list>li,.history-list>li{min-width:0}.plain-list,.tips{list-style:disc;padding-left:20px;gap:4px}.steps{list-style:decimal;padding-left:22px;gap:8px}.item,.candidate,.usage-list>li,.confirm-list>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.confirm-list>li{display:flex;flex-direction:column;gap:8px}.item-head,.candidate-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0}.item-title{min-width:0}.item-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;font-size:1.35rem;line-height:1;border-radius:12px;background:var(--surface-2, rgba(0, 0, 0, .05))}.item-icon-out{opacity:.35;filter:grayscale(1)}.item-text{min-width:0}.item-open{min-height:var(--tap);width:100%;margin-top:4px;padding:6px 10px;border:1px dashed var(--border);border-radius:10px;background:none;color:var(--muted);font-size:.88rem;text-align:left;cursor:pointer}.item-name{font-weight:700;margin:0;overflow-wrap:anywhere}.item-sub{color:var(--muted);font-size:.85rem;margin:0}.item-badges{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.candidate-excluded{opacity:.45}.candidate-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:.85rem}.candidate-controls{display:flex;gap:8px;margin-top:8px}.pill-list{display:flex;flex-wrap:wrap;gap:8px}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:.9rem}.pill-sub{color:var(--muted);font-size:.8rem;margin-left:6px}.alt-card{width:100%;min-height:var(--tap);display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer}.alt-title{font-weight:700}.alt-meta{color:var(--muted);font-size:.85rem}.file-list>li{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px 8px 4px 12px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700;background:#f1f5f9;color:#334155}.badge-warn{background:var(--warn-bg);color:#9a3412}.badge-info{background:#eff6ff;color:#1d4ed8}.badge-danger{background:#fee2e2;color:#b91c1c}.state-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center;margin-bottom:16px}.state-error{border-color:var(--warn-border);background:var(--warn-bg)}.state-box .button-row{justify-content:center}.skeleton-group{display:grid;gap:10px}.skeleton{height:56px;border-radius:var(--radius);background:linear-gradient(90deg,#eee8e0 25%,#f6f1ea 37%,#eee8e0 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{display:inline-block;width:16px;height:16px}.spinner-dot{display:block;width:100%;height:100%;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-stack{position:fixed;left:50%;transform:translate(-50%);bottom:calc(80px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));display:grid;gap:8px;z-index:20}.toast{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#1f2933;color:#fff;border-radius:12px;padding:10px 12px;font-size:.9rem;box-shadow:0 8px 24px #0000002e}.toast-action{min-height:var(--tap);padding:0 12px;background:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;font-weight:700;cursor:pointer}.bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav-item{flex:1;min-height:var(--tap);padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);text-decoration:none;font-size:.7rem}.nav-item-active{color:var(--primary);font-weight:700}.nav-label{font-size:.7rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ai-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center;margin:16px 0}.ai-progress-bar{height:6px;border-radius:999px;background:#f1e9df;overflow:hidden;margin-bottom:14px}.ai-progress-fill{display:block;width:40%;height:100%;border-radius:999px;background:var(--primary);animation:indeterminate 1.6s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ai-progress-text{font-weight:700;margin-bottom:4px}.ai-progress-seconds{color:var(--muted);font-weight:400;font-size:.85rem;margin-left:8px}.thumb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;list-style:none;padding:0;margin:12px 0 0}.thumb{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.thumb img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;display:block}.thumb-controls{display:flex;align-items:center;gap:4px;margin-top:6px}.thumb-controls select{flex:1;min-height:var(--tap);border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:16px;padding:4px 6px}.pick-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.history-item{display:flex;align-items:stretch;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 8px 12px 14px}.history-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:none;text-align:left;cursor:pointer;padding:0;font-size:1rem}.history-thumb{flex:0 0 auto;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center}.history-thumb img{width:100%;height:100%;object-fit:cover;display:block}.history-thumb-icons{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:1px;font-size:1.5rem;line-height:1.15;max-width:60px}.history-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.history-title{font-weight:700;overflow-wrap:anywhere}.history-meta,.history-items{color:var(--muted);font-size:.85rem}.history-items{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.star{min-width:var(--tap);min-height:var(--tap);background:none;border:none;font-size:1.5rem;color:var(--border);cursor:pointer}.star-on{color:var(--primary)}.title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.title-row h1{flex:1}.dup-card{background:var(--warn-bg);border:1px solid var(--warn-border);border-radius:var(--radius);padding:14px;margin-bottom:12px}.item-title{display:flex;align-items:center;gap:10px}.item-title input[type=checkbox]{width:24px;height:24px;flex:0 0 auto}.dup-card .button-row{align-items:center;justify-content:space-between;border-top:1px solid var(--warn-border);padding-top:8px}.dup-card .button-row:first-of-type{border-top:none}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.summary-head{display:flex;align-items:baseline;gap:6px}.summary-total{font-size:1.8rem;font-weight:700;color:var(--primary);line-height:1.2}.summary-unit{color:var(--muted);font-size:.9rem}.summary-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tab-count{display:inline-block;margin-left:6px;padding:0 6px;border-radius:999px;background:#00000014;font-size:.8rem;font-weight:700}.tab-active .tab-count{background:#ffffff40}.usage-bar{height:10px;border-radius:999px;background:#f1e9df;overflow:hidden;margin-bottom:8px}.usage-fill{display:block;height:100%;background:var(--primary);border-radius:999px;min-width:2px}.usage-list-days{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px;font-size:.85rem;color:var(--muted)}.usage-list-days li{display:flex;justify-content:space-between}.usage-hero{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.usage-hero-value{font-size:2rem;font-weight:700;color:var(--primary);line-height:1.1}.usage-hero-unit{color:var(--muted);font-size:.9rem;margin-left:6px}.usage-hero-note{color:var(--muted);font-size:.85rem}.usage-facts{display:grid;gap:6px;margin:12px 0}.usage-facts>div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;border-bottom:1px solid var(--border);padding-bottom:6px}.usage-facts dt{color:var(--muted)}.usage-facts dd{margin:0;font-weight:600}.usage-chart{list-style:none;padding:0;margin:8px 0 4px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;align-items:end;height:120px}.usage-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.usage-col-value{font-size:.7rem;color:var(--muted);min-height:1em}.usage-col-track{flex:1;width:100%;display:flex;align-items:flex-end}.usage-col-bar{width:100%;background:var(--primary);border-radius:6px 6px 0 0;min-height:2px}.usage-col-bar-empty{background:var(--border)}.usage-col-label{font-size:.7rem;color:var(--muted)}.meal-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:var(--radius);display:block;background:var(--surface)}.meal-image-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:.9rem;border:1px dashed var(--border);aspect-ratio:16 / 9}