:root{--bg:#fbf7f0;--surface:#ffffff;--surface-2:#f4ede1;--text:#2b2520;--text-muted:#8a7f72;--border:#e8ddcb;--accent:#e8743b;--accent-weak:#fce8dd;--green:#5a9367;--green-weak:#e4f0e6;--amber:#d99a2b;--shadow:0 1px 3px rgba(60,40,20,0.08),0 4px 16px rgba(60,40,20,0.05);--radius:14px;--nav-h:60px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{color:var(--text);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}.app-shell,body{background:var(--bg)}.app-shell{max-width:480px;margin:0 auto;min-height:100dvh;position:relative;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px))}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.app-header h1{font-size:18px;margin:0;font-weight:700;letter-spacing:.02em}.app-header .logo-dot{color:var(--accent)}.page{padding:16px 18px 24px}h2.section-title{font-size:15px;font-weight:700;margin:22px 0 10px;color:var(--text)}h2.section-title:first-child{margin-top:6px}.muted{color:var(--text-muted)}.small{font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card+.card{margin-top:10px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .15s ease}.btn:active{filter:brightness(.94)}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-sm{padding:7px 12px;font-size:13px;border-radius:8px}label.field{display:block;margin-bottom:14px}label.field .label-text{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}input[type=number],input[type=text],select{width:100%;padding:11px 12px;font-size:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-family:inherit}input:focus,select:focus{outline:2px solid var(--accent-weak);border-color:var(--accent)}.segmented{display:flex;gap:6px}.segmented button{flex:1 1;padding:10px 6px;border:1px solid var(--border);background:var(--surface);border-radius:10px;font-size:13px;font-weight:600;color:var(--text-muted);cursor:pointer;font-family:inherit}.segmented button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.target-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:12px}.target-cell{background:var(--surface-2);border-radius:10px;padding:10px 6px;text-align:center}.target-cell .value{font-size:18px;font-weight:700}.target-cell .key,.target-cell .unit{font-size:11px;color:var(--text-muted)}.target-cell .key{margin-top:2px}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit;color:var(--text)}.chip[aria-pressed=true]{background:var(--accent-weak);border-color:var(--accent);color:var(--accent);font-weight:600}.recipe-card{display:block;text-decoration:none;color:inherit}.recipe-card .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.recipe-card .name{font-size:16px;font-weight:700}.recipe-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:8px;font-size:12px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-green{background:var(--green-weak);color:var(--green)}.badge-accent{background:var(--accent-weak);color:var(--accent)}.badge-amber{background:#faf0d7;color:var(--amber)}.nutri-line{display:flex;gap:10px;margin-top:8px;font-size:12px}.nutri-line span b{font-weight:700}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);background:var(--surface);border-top:1px solid var(--border);display:flex;z-index:20}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-muted);font-size:10px;font-weight:600}.bottom-nav a.active{color:var(--accent)}.bottom-nav .icon{font-size:19px;line-height:1}.disclaimer{margin-top:18px;padding:11px 13px;background:var(--surface-2);border-radius:10px;font-size:11px;line-height:1.5}.disclaimer,.empty{color:var(--text-muted)}.empty{text-align:center;padding:36px 20px}.empty .big{font-size:34px;margin-bottom:8px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:none}.steps{padding-left:20px;margin:0}.steps li{margin-bottom:10px}.ingredient-table{width:100%;border-collapse:collapse;font-size:14px}.ingredient-table td{padding:8px 0;border-bottom:1px solid var(--border)}.ingredient-table td:last-child{text-align:right;color:var(--text-muted);white-space:nowrap}.role-tag{font-size:10px;color:var(--text-muted);margin-left:6px}.voice-card{border-color:var(--accent-weak)}.voice-row{display:flex;align-items:center;gap:14px}.voice-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mic-btn{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,background .15s ease}.mic-btn:active{transform:scale(.94)}.mic-btn.listening{background:#d63b3b;animation:mic-pulse 1.4s ease-out infinite}.mic-icon{line-height:1}@keyframes mic-pulse{0%{box-shadow:0 0 0 0 rgba(214,59,59,.45)}70%{box-shadow:0 0 0 14px rgba(214,59,59,0)}to{box-shadow:0 0 0 0 rgba(214,59,59,0)}}@media (prefers-reduced-motion:reduce){.mic-btn.listening{animation:none}}