:root{--color-bg:#fdf8f3;--color-surface:#fff;--color-border:#ece1d6;--color-text:#3a2c1f;--color-text-muted:#8a7b6c;--color-primary:#7b3f00;--color-primary-soft:#f1e4d3;--color-food:#b98a4a;--color-treat:#d98c6b;--color-danger:#c0392b;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}#app{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}button,input,select,textarea{font-family:inherit;font-size:16px}button{cursor:pointer;color:inherit;background:0 0;border:none}.screen{padding:calc(var(--safe-top) + 16px) 16px calc(72px + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.page-title{margin:0 0 16px;font-size:20px;font-weight:700}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin-bottom:12px;padding:16px}.card-label{color:var(--color-text-muted);margin-bottom:4px;font-size:13px}.card-value{font-size:24px;font-weight:700}.card-sub{color:var(--color-text-muted);margin-top:4px;font-size:13px}.btn-primary{background:var(--color-primary);color:#fff;text-align:center;border-radius:12px;width:100%;padding:16px;font-size:17px;font-weight:600;display:block}.btn-primary:active{opacity:.85}.btn-secondary{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);text-align:center;border-radius:12px;padding:14px;font-size:16px;display:block}.btn-danger{color:#fff;background:var(--color-danger);text-align:center;border-radius:12px;padding:12px;font-size:15px}.btn-danger:disabled,.btn-primary:disabled{opacity:.4}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:18px;font-size:17px;font-weight:600;display:flex}.menu-item:active{background:var(--color-primary-soft)}.field{margin-bottom:16px}.field label{color:var(--color-text-muted);margin-bottom:6px;font-size:13px;display:block}.field input,.field select,.field textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);border-radius:10px;padding:12px}.field textarea{resize:vertical;min-height:60px}.field-row{gap:10px;display:flex}.field-row>.field{flex:1}.list-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px;display:flex}.list-row-main{flex-direction:column;gap:2px;display:flex}.list-row-title{font-weight:600}.list-row-sub{color:var(--color-text-muted);font-size:13px}.chip{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;align-items:center;margin-bottom:6px;margin-right:6px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.chip-done{color:#2e7d32;background:#dcefdc}.chip-muted{background:var(--color-border);color:var(--color-text-muted)}.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);width:100%;max-width:480px;padding-bottom:var(--safe-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--color-text-muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:11px;display:flex}.bottom-nav button.active{color:var(--color-primary);font-weight:700}.bottom-nav .icon{font-size:20px}.segmented{background:var(--color-primary-soft);border-radius:10px;margin-bottom:16px;padding:3px;display:flex}.segmented button{color:var(--color-primary);border-radius:8px;flex:1;padding:9px 0;font-size:14px;font-weight:600}.segmented button.active{background:var(--color-surface);box-shadow:0 1px 3px #0000001a}.modal-backdrop{z-index:50;background:#00000059;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--color-bg);width:100%;max-width:480px;padding:20px 16px calc(24px + var(--safe-bottom));border-radius:20px 20px 0 0;max-height:88vh;margin:0 auto;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:17px;font-weight:700}.modal-close{color:var(--color-text-muted);padding:6px 10px;font-size:15px}.empty-state{text-align:center;color:var(--color-text-muted);padding:40px 20px;font-size:14px}.section-title{color:var(--color-text-muted);margin:20px 0 8px;font-size:14px;font-weight:700}.helper-text{color:var(--color-text-muted);margin-top:8px;font-size:12px;line-height:1.6}