:root{--bg:#f7f4ec;--bg-deep:#efeadd;--surface:#fffdf8;--ink:#22301f;--ink-soft:#67735f;--line:#e6e1d2;--accent:#2d6636;--accent-deep:#1f4d27;--accent-ink:#fdfcf7;--accent-soft:#e4efdd;--warn:#b3541e;--warn-soft:#f9ecdf;--danger:#a63232;--danger-soft:#f6e4e1;--radius:16px;--radius-small:10px;--shadow-card:0 1px 2px #22301f0d, 0 4px 14px #22301f0d;--font-display:"SF Pro Rounded", ui-rounded, "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height:calc(60px + env(safe-area-inset-bottom))}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(120% 60% at 50% 0%, #fdfbf4 0%, var(--bg) 55%), var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45}main{max-width:640px;padding:1rem 1rem calc(var(--nav-height) + 1.5rem);margin:0 auto}h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent-deep);margin:.5rem 0 1rem;font-size:1.5rem;font-weight:800}h2{font-family:var(--font-display);letter-spacing:-.01em;margin:1.6rem 0 .5rem;font-size:1.05rem;font-weight:700}p{margin:.4rem 0}a{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:.85rem;padding:1rem}.muted{color:var(--ink-soft);font-size:.9rem}.small{font-size:.82rem}button,.btn{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-small);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform 60ms,box-shadow .15s,background-color .15s;display:inline-flex}button:active,.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(180deg, #35753f, var(--accent) 55%, var(--accent-deep));border-color:var(--accent-deep);color:var(--accent-ink);font-weight:650;box-shadow:inset 0 1px #ffffff2e,0 2px 8px #1f4d2747}.btn-danger{color:var(--danger);background:var(--surface);border-color:#eacfcb}.btn-small{border-radius:999px;padding:.35rem .7rem;font-size:.85rem}.btn-block{width:100%;padding:.85rem 1rem;font-size:1rem}button:disabled{opacity:.5;cursor:default;box-shadow:none}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);width:100%;color:var(--ink);padding:.65rem .75rem;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}label{color:var(--ink-soft);margin:.75rem 0 .3rem;font-size:.85rem;font-weight:600;display:block}.row{align-items:center;gap:.5rem;display:flex}.row-between{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.badge{background:var(--accent-soft);color:var(--accent-deep);border:1px solid #2d663624;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:650;display:inline-block}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:#b3541e29}.badge-grey{background:var(--bg-deep);color:var(--ink-soft);border-color:#0000}.notice{background:var(--accent-soft);border-radius:var(--radius);border:1px solid #cfdfc4;margin-bottom:.85rem;padding:.8rem 1rem;font-size:.92rem}.notice-warn{background:var(--warn-soft);border-color:#eed9c2}nav.tabbar{background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:.35rem 0 env(safe-area-inset-bottom);z-index:10;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabbar a{color:var(--ink-soft);border-radius:12px;flex-direction:column;align-items:center;gap:.1rem;min-width:3.4rem;padding:.3rem .7rem .25rem;font-size:.68rem;font-weight:550;text-decoration:none;transition:background-color .15s,color .15s;display:flex}nav.tabbar a.active{color:var(--accent-deep);background:var(--accent-soft);font-weight:700}nav.tabbar .icon{font-size:1.25rem;line-height:1.2}.list-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem 0;display:flex}.list-row:last-child{border-bottom:none}.stepper{align-items:center;gap:.4rem;display:flex}.stepper button{border-radius:50%;width:2.1rem;height:2.1rem;padding:0;font-size:1.1rem}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:2.2rem}.line-removed{opacity:.45;text-decoration:line-through}.menu-minor{flex-wrap:wrap;gap:.1rem .75rem;margin-top:.3rem;font-size:.78rem;display:flex}.menu-minor-item:before{content:"·";opacity:.6;margin-right:.35rem}.menu-minor-item:first-child:before{content:"";margin:0}.menu-minor-details summary{cursor:pointer;margin-top:.3rem;list-style:none}.menu-minor-details summary:before{content:"▸ ";font-size:.7rem}.menu-minor-details[open] summary:before{content:"▾ "}.menu-minor-details summary::-webkit-details-marker{display:none}.menu-diner{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 var(--radius-small) var(--radius-small) 0;margin-top:.55rem;padding:.6rem .75rem}.menu-diner-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.menu-diner-link{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:.5rem;padding:0;display:flex}.menu-diner-link:active{opacity:.7;transform:none}.menu-variations{margin:.3rem 0 0;padding-left:1.1rem}.menu-variations li{margin:.1rem 0}.generating{background:var(--accent-soft);border-radius:var(--radius-small);border:1px solid #cfdfc4;align-items:flex-start;gap:.65rem;margin:.5rem 0 .75rem;padding:.7rem .85rem;display:flex}.generating-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem;margin-top:.3rem;animation:1.2s ease-in-out infinite generating-pulse}@keyframes generating-pulse{0%,to{opacity:.5;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}dialog{border-radius:var(--radius);background:var(--surface);width:min(92vw,480px);color:var(--ink);border:none;padding:1.25rem;box-shadow:0 8px 40px #141e144d}dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#18221673}code{background:var(--bg-deep);word-break:break-all;border-radius:6px;padding:.1rem .35rem;font-size:.85em}